/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2009			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html {
	height:100%;
}

body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
	background-color:#E9F09E;
}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

div#page {
	position: relative;
	text-align: left;
	width:960px;
	padding-left:13px;
	padding-right:13px;
	margin:0 auto 0 auto;
	background-position:top left;
	background-repeat:repeat-y;
	background-image:url(../images/structure/background.gif) !important;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a { 
	color:#86AF17;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#333;
}

h1 {
	color:#274813;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:10px;
}

h2 {
	color:#000;
	text-transform:none;
	font-size:16px;
	margin-bottom:5px;
	background-image:url(../images/structure/feuille2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:25px;
	height:20px;
	line-height:20px;
}

h3 {
	color:#000;
	text-transform:none;
	font-size:12px;
	font-weight:bold
}

h4 {
	color:#000;
	text-transform:none;
	font-size:16px;
	font-weight:bold
}

h5 {
	color:#000;
	text-transform:none;
	font-size:16px;
	font-weight:normal
}

p {
	margin-bottom:10px;
}

hr {
	border:0px;  
    border-top:1px solid #86AF17;  
    background:#FFF;  
    color:#FFF; 
	margin:5px 0px;
}

blockquote {
	padding-left:40px;
	font-style:italic;
	color:#666;
}

.alignleft {
	float:left;
	padding-top:2px;
	margin-right:5px;
	margin-bottom:1px;
}

.alignright {
	float:right;
	padding-top:2px;
	margin-left:5px;
	margin-bottom:1px;
}

.aligncenter {
	text-align:center
}


.marges{
margin-left:auto;
margin-right:auto;
border:0;
}
.marges thead, .marges tfoot, .marges th{
display:none;
}
.gauche{
text-align:left;
}
.droite{
text-align:right;
}
.centre{
text-align:center;
}

/* ------------------------------- */
/* -- FORM						-- */
/* ------------------------------- */

/* -- table		------- */

table.tble {
	padding:5px;
}

th {
	font-weight:bold;
	padding:4px;
}

td {
	padding:4px;
}

/* -- fieldset	------- */

fieldset th {
	width:140px;
	white-space:nowrap;
}

fieldset {
	padding:10px;
	border:1px solid #CCC;
	margin-bottom:10px;
}

legend {
	font-weight:bold;
}

/* -- info		------- */

.info {
	color:#F00;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative
}

.info span {
	display:none;
}

.info:hover span {
	display:block;
	position:absolute;
	border:1px dotted #F00;
	padding:3px;
	background:#FFF;
}

/* -- warning	------- */

div.warning {
	background-color:#FEE;
	border:1px solid #F66;
	padding:4px;
	margin-bottom:10px;
}

input.warning {
	background-color:#FEE;
	border:1px solid #F66;
	background-image:url(../images/nav_left_red_mini.png);
	background-repeat:no-repeat;
	background-position:center right;
}

select.warning {
	background-color:#FEE;
	border:1px solid #F66;
}

fieldset.warning {
	background-color:#FEE;
	border:1px solid #F66;
	background-image:url(../images/nav_left_red_mini.png);
	background-repeat:no-repeat;
	background-position:center right;
}

/* -- input		------- */

input {
	border:1px solid #CCC;
	padding:2px;
	width:180px;
	margin-bottom:4px;
}

.auto {
	border:0px;
	width:auto;
}

/* -- select	------- */

select {
	border:1px solid #CCC;
	padding:2px;
	width:185px;
	margin-bottom:4px;
}

/* -- textarea	------- */

textarea {
	border:1px solid #CCC;
	padding:2px;
	width:180px;
	margin-bottom:4px;
	height:140px;
}

textarea.warning {
	background-color:#FEE;
	border:1px solid #F66;
}

/* -- button	------- */

.disable * {
	color:#CCC;
}

.button div {
	display:inline;
	width:auto;
}

	.button-left {
		background-image:url(../images/structure/btn-left.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:8px;
		padding-bottom:13px;
		padding-left:6px;
		height:12px;
		width:3px;
	}
	
	.button-right {
		background-image:url(../images/structure/btn-right.gif);
		color:#FFFFFF;
		background-position:right top;
		background-repeat:no-repeat;
		padding-right:6px;
		padding-top:8px;
		padding-bottom:13px;
		height:12px;
		width:3px;
	}
	
	.button-middle {
		background-image:url(../images/structure/btn-middle.gif);
		color:#FFF;
		background-position:left top;
		background-repeat:repeat-x;
		padding:6px;
		padding-top:8px;
		padding-bottom:13px;
		height:12px;
		text-transform:uppercase;
	}
	
.grey .button-left { background-image:url(../images/structure/button-grey-left.gif); }
.grey .button-right { background-image:url(../images/structure/button-grey-right.gif); }
.grey .button-middle { background-image:url(../images/structure/button-grey-middle.gif); }
	
.disable .button-left { background-image:url(../images/structure/button-grey-left.gif); }
.disable .button-right { background-image:url(../images/structure/button-grey-right.gif); }
.disable .button-middle { background-image:url(../images/structure/button-grey-middle.gif); }

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

div#header {
	clear:both;
	height:220px;
	background:#FFF;
	background-image:url(../images/structure/header.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

div#header div#picture {
	height:180px;	
}

div#header #logo {
	padding-left:10px;
	padding-top:10px;
}

div#header #logo a {
	display:block;
	width:320px;
	height:150px;
}

div#header #csp {
	position:absolute;
	top:10px;
	right:10px;
}

div#header #csp a {
	display:block;
	width:130px;
	height:60px;
}
#homelink{
  position:absolute;
  top:105px;
  left:180px;
  height:15px !important;
}
#homelink:hover{
	color:#86AF17;
	text-decoration:none;
	outline:none;
}

/* ------------------------------- */
/* -- MENU						-- */
/* ------------------------------- */

div#menu {
	clear:both;
	height:30px;
	padding:5px;
}

div#menu ul {
	list-style:none;
	display:inline;
}

div#menu ul li {
	list-style:none;
	display:inline;
}

div#menu ul li a {
	display:block;
	float:left;
	font-size:18px;
	color:#000;
	padding:4px 14px;
}

div#menu ul li a:hover, div#menu ul li a.active {
	color:#78A43F;
}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

div#main {
	clear:both;
	padding:20px;
	padding-bottom:50px;
	padding-right:400px;
	height:auto !important;
	height:425px;
	min-height:425px;
	background:#FFF;
	background-repeat:no-repeat;
	background-position:left top;
}

ul {
	list-style-image:url(../images/structure/carre_vert.gif);
	margin-left:20px;
	margin-bottom:20px;
}

.space li {
	margin-bottom:10px;
}

/* -- home -------------- */

.home div#main {
	background-image:url(../images/structure/home.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px 0 50px 0;
	position: relative;
}

.home div#main div#boxes {
	clear:both;
	height:100px;
	margin-left:33px;
	width: auto
}

.home div#main div#box {
	display:block;
	float:left;
	width:270px;
	margin:0px 14px;
	margin-top:25px;
}

.home div#main div#box a {
	font-size:18px;
	display:block;
	padding:20px 20px 10px 50px;
	height:120px;
	color:#FFF;
}

* html .home div#main div#box a {
	padding:20px 20px 10px 40px;
}

#stromer a {
	position: absolute;
	bottom: 30px;
	right:0px;
	width:210px;
	height: 210px;
	display: block
}

/* -- highlight -------------- */

#boxcadeau {
	border:1px solid #99BE1F;
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}

#boxcadeau h2 {
	background-image:url(../images/structure/cadeau1.gif);
}

.highlight {
	background:#99BE1F;
	background-image:url(../images/structure/feuille.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:10px 5px 1px 30px;
	color:#FFF;
	margin-bottom:10px
}

.cadeau {
	background:#99BE1F;
	background-image:url(../images/structure/cadeau2.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.highlight .title {
	border-bottom:1px solid #FFF;
	padding-bottom:5px;
}

/* -- box -------------- */

#boxes {
	width:540px;	
	display: block;
	position: relative;
}

.box {
	background:#E3EE8C;
	background-image:url(../images/structure/feuille3.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:10px 5px 1px 30px;
	margin-bottom:10px;
	width:130px;
	height:100px;
	margin-right:15px;
	float:left;
	display:block;
}

.box .title {
	color:#000;
	border-bottom:1px solid #99BE1F;
	padding-bottom:5px;
	font-weight:bold
}

/* -- boxfull -------------- */

.boxfull {
	background:#E3EE8C;
	background-image:url(../images/structure/feuille3.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:10px 5px 10px 30px;
	margin-bottom:10px;
}

.boxfull .title {
	color:#000;
	border-bottom:1px solid #99BE1F;
	padding-bottom:5px;
	font-weight:bold
}

.coord {
	background-image:url(../images/structure/coordonnee2.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.pdf {
	background:#99BE1F;
	background-image:url(../images/structure/pdf.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:3px 10px 3px 25px;
	color:#FFF;
	width:auto !important;
	display:block;
	clear:both
}

.pdfnb {
	background:#FFF;
	background-image:url(../images/structure/pdf-nb.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:3px 10px 3px 25px;
	width:auto !important;
	display:block;
	clear:both
}

.program {
	width:100%;
}

.program td {
	border-bottom:1px solid #86AF17;
}

.program_arrow {
	background-image:url(../images/structure/arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
}

.arrowback {
	background-image:url(../images/structure/arrowback.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

div#footer {
	clear:both;
	height:60px;
	margin:-30px auto 0 auto;
	position:relative;
	bottom:0px;
	width:960px;
	padding-left:13px;
	padding-right:13px;
	text-align:center;
	background-position:0px 30px;
	background-repeat:no-repeat;
	background-image:url(../images/structure/footer.gif) !important;
}

/** html div#footer {
	margin-top:-49px;
}*/

div#footer div#slogan {
	padding:5px;
	background:#FFF;
	color:#FFF;
	font-size:17px;
	line-height:17px;
	height:20px;
}

.home div#footer div#slogan {
	background:#99BE1F;
}

div#footer div#footer_content {
	padding:9px 0px 11px 0px;
	height:10px;
}