@import url("reset.css");



body {

	background: #fff;

}



#body{

	background: #daebb1 url(/images/bgBody.gif) repeat-x;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 18px;

}



#email2,#website2{

display:none;

}



a:link {text-decoration:none; color:#82a725;}

a:visited {text-decoration:none; color:#84706a;}

a:hover {text-decoration:underline; color:#58433d;}

a:active {text-decoration:none; color:#a3cd39;}




.clearLeft,

.clearRight,

.clearBoth{

	clear: left;

	height: 0px;

	margin: 0px;

	visibility: hidden;

	line-height: 0px;

	padding: 0px;

	font-size: 0px;

}

.clearRight{clear: right;}

.clearBoth{clear: both;}



h1, h2 {

font-family:Verdana, Geneva, sans-serif;

font-size:16px;

font-weight:bold;

color:#a3cd39;

text-transform:uppercase;

margin-bottom:15px;

padding-top:20px;

}

h3 {

font-family:Verdana, Geneva, sans-serif;

font-size:12px;

color:#332825;

font-weight:bold;

text-transform:uppercase;

padding-bottom:10px;

padding-top: 15px;



}

h3 strong, h3 b{

	display: block;

	font-size: 15px;

}

h4 {

font: 14px Arial, Verdana, Geneva, sans-serif;

color:#6d8d1c;

padding-bottom:5px;

padding-top: 25px;}

h5 {font: 14px Arial, Verdana, Geneva, sans-serif;

color:#6d8d1c;

padding-top: 20px;

margin: 0px;}

h6 {font: 14px Arial, Verdana, Geneva, sans-serif;

color:#6d8d1c;

padding-top: 20px;

margin: 0px;}



p {

font-family:Verdana, Geneva, sans-serif;

font-size:12px; 

color:#332825;

padding: 10px 0px;

text-align: justify;

line-height: 17px;

}



.image, .image-gauche, .image-droite{

	border: 1px solid #e0e0e0;

	padding: 3px;

	background: #FFFFFF;

	margin: 10px;

}

.image{

	margin-left: 0px;

	margin-right: 0px;

}

.image-droite{

	float: right;

	margin: 0px 0px 40px 20px;

}

.image-gauche{

	float: left;

	margin: 0px 20px 40px 0px;

}

p .image{margin: 0px;}



div.definitions p{

	font-size: 11px;

	text-align: left;

	color: #444444;

	padding: 7px 0px;

	line-height: 15px;

}



ul, ol {

padding-top: 10px;

padding-bottom:10px;



}

li,

ol ul li {

font-family:Verdana, Geneva, sans-serif;

font-size:12px; 

color:#332825;

margin-bottom:7px;

padding-left:20px;

padding-bottom:1px;

background:url(/images/bullet.gif) left 2px no-repeat;

list-style: none;

margin-left: 0px;

line-height: 17px;

}



ol{

	margin-left: 15px;

	padding-left: 15px;

}

ol li{

	background: none;

	list-style: decimal;

	margin-left: 10px;

	padding-left: 10px;

}

ol ul ul li {font-size: 11px;}

ol ul ul{padding-top: 20px;}



ol li a em, ol li a i{

	padding-left: 5px;

	padding-right: 5px;

	font-weight: normal;

}



#logodecoy{position: relative;}

#logodecoy img{

	top: 49px;

	left: 22px;

	position: absolute;

}



table {}

th {}

td {}



table.donors {margin:20px 0 0;width:100%;}

table.donors td {width:50%;}



form.adherer {}

form.adherer div {padding:5px 0;}

form.adherer input {
	display:inline-block; margin-right: 1em;
	background: url("/images/bgListeBar.jpg") repeat scroll 0 0 transparent;border:0;color:#58433D;float:left;height:18px;padding:6px 4px 4px;width:190px;}

form.adherer input.nolook {background:none;float:none;height:auto;padding:0;width:auto;}

form.adherer textarea {}

form.adherer select {background-color:#e8e8e8;border:1px solid #58443d;color:#58433D;float:left;height:28px;padding:4px 4px 4px 0;}

form.adherer label {float:left;color:#6D8D1C;font-size:14px;font-weight:bold;padding:0 10px 0 0;width:150px;}

form.adherer fieldset {border:1px solid #dddddd;padding:10px;}

form.adherer legend {color:#58443d;padding:10px;}

form.adherer div.total {background:#daebb1;color:#58443d;padding:10px;}

form.adherer div.total label {color:#58443d;font-size:16px;}

form.adherer div.btn {padding:30px 0 ;}

form.adherer div.btn.paiement button{
  background-color:#A3CD39;border:0;
  padding:10px 20px;font-size:0.9em;} 
form.adherer div.btn.paiement button:hover{
  color:#fff;background-color:#715F5B;} 



form.adherer div.btn input {cursor:pointer;font-weight:bold;height:28px;line-height:28px;padding:0 0 2px;text-transform:uppercase;width:198px;}

form.adherer table {margin:20px 0;}

form.adherer .error{font-size:0.75em; color:#e00;}




#page {

width: 950px;

margin: 0 auto;

background:url(/images/bgPage.gif);

}



/* Header

--------------------------------------------------------------------------------------- */



#header {

width:950px;

height:358px;

position:relative;

z-index: 1;

background: #a3cd39;

}

#flash{z-index: 4;
background:url("/images/bg-flash.jpg") no-repeat top center #ffffff;
height:307px;}

#langue{

position: absolute;

top: 0px;

right: 0px;

width: 300px;

padding:8px;

padding-right:10px;

color:#fff;

font-family:Verdana, Geneva, sans-serif;

font-size:11px;

text-transform:uppercase;

z-index: 200;

text-align: right;

}

#langue a{

text-decoration:none;

color:#fff;

}

#langue a:hover{text-decoration: underline;}



/* Sidebar

--------------------------------------------------------------------------------------- */



#sidebar{

float:right;

width:260px;

margin-left:1px;



}



#blogue{

width:260px;

height:97px;

background:url(/images/blogue.jpg);

position:relative;

}

#blogue.en{background:url(/images/blog.jpg);}

#blogue img{

position:absolute;

right:8px;

bottom:8px;

}

	

#don{

width:260px;

height:96px;

background:url(/images/don.jpg);

position:relative;

border-bottom:1px solid #58433d;

}

#don.en{background:url(/images/donation.jpg);}

#don img{

position:absolute;

right:6px;

bottom:6px;

}

#don.en img{

right:11px;

}





#liste{

width:260px;

height:97px;	

background:url(/images/listedenvoi.jpg);

position:relative;

}

#liste.en{background:url(/images/listmailing.jpg);}



#liste form,#liste p{

display:block;

position:absolute;top:50px;

left:10px;

}



#liste p{

left: 0px;

top: 50px;

color:#333333;

background: #FFFFFF;

padding: 7px 10px;

font-size: 11px;

line-height: 13px;

}



#liste input{

background:url(/images/bgListeBar.jpg);

width:190px;

height:18px;

border:0px;

float:left;

margin:0 5px 0 0;

padding:4px;

padding-top:6px;

color:#58433d;

}



#liste a {float:left;}



#liste img{

position:relative;

}



#fondateurs{

font-family:Verdana, Geneva, sans-serif;

font-size:12px;

font-weight:bold;

color:#a3cd39;

padding:15px 12px;

margin:0px;

text-transform:none;

}



/* Content

--------------------------------------------------------------------------------------- */



#content {

width:649px;

float:right;

background:url(/images/bgContent.gif) no-repeat;

padding:20px;

padding-top:30px;

}



#content table th,

#content table td{

	font: 12px Verdana, Geneva, sans-serif;

	padding: 8px 35px 18px 0px;

	border-top: 1px solid #DDDDDD;

	color: #666666;

	vertical-align: top;

}

#content table.htmlarea th,

#content table.htmlarea td{

	padding: 0px;

	border: none;

	color: #000000;

}

#content table th{

	font-weight: bold;

	font-size: 14px;

	color: #6d8d1c;

	border-top: none;

}

#content table td.map{padding: 10px 0px;}

#content table td.map small{

	display: block;

	padding-top: 5px;

}



#calendrier{

margin-top:2px;

width:100%;

text-align:center;

background:#58433d url(/images/bg-cal-top.gif) 0px 28px repeat-x;

line-height: normal;

}





#calendrier .titre {

font-family:Tahoma,Arial, Helvetica, sans-serif;

font-size:13px;

font-weight:bold;

color:#fff;

text-align:left;

text-transform:uppercase;

margin-left:7px;

}



#calendrier .mois {

font-family:Verdana, Geneva, sans-serif;

color:#2d2017;

font-size:12px;

padding:5px 0px;

text-align:center;

margin-bottom:0px;

padding-bottom:4px;

text-transform:uppercase;

font-weight:bold;

background:#fff;

}



#calendrier .mois a {

text-decoration:none;

font-family:Verdana, Geneva, sans-serif;

font-size:12px;

font-weight:bold;

color:#2d2017;



}



#calendrier .mois span {

	line-height: 1.6em;

	vertical-align: top;

}



#calendrier table {

	width: 231px;

	clear: both;

	margin: 0 auto;



}

#calendrier th, #calendrier td {text-align: center;}



#calendrier th {

background: #fff;

font-family: Verdana, Geneva, sans-serif;

color: #2d2017;

font-size: 11px;

margin-bottom: 0px;

padding-bottom: 0px;

line-height: 17px;

}





	#calendrier td {

		font-family:Century Gothic,arial,verdana;

		color:#413003;

		font-size:11px;

		background:#f1ebc7;

		width:33px;

		height:20px;

		background: url(/images/bg-cal-cell.gif) 6px 0px no-repeat;

		text-align: center;

		vertical-align: top;

	}



#calendrier td.vide{background: url(/images/tdvide.jpg) top center no-repeat;}

#calendrier td.curdate{font-weight: bold;}



#calendrier td a {

	width:21px;

	font-size:11px;

	font-weight:bold;

	height: 16px;

	margin: 0 auto;

	background: url(/images/bg-cal-cell.gif) -100px 0px no-repeat;

	color: #fff;

	display: block;

	text-decoration:none;

}

#calendrier td a:hover {background-position: -100px -100px;}

/*

#calendrier .evenements {

	/*width: 198px;

	height: 20px;

	color:#dd5605;

	background:#e2c165;

	text-align: right;

	padding: 8px 0 0 0;

	margin: 0;

}





#calendrier a.allnews{

	color: #dd5605;

	font-family:tahoma;

	font-size:12px;

	text-decoration:underline;

	display: block;

	text-align: right;

	background: url(/images/bg-all-news.gif) right no-repeat;

	padding: 0px 10px 0px 0px;

	margin: 0px 0px 0px 0px;

	height: 16px;

	clear: both;

	}

#calendrier a:hover.allnews{

	text-decoration: none;

	color: #84a62e;

}*/





#voirToutActivite{

font-family:Verdana, Geneva, sans-serif;

font-size:10px;

color:#58433d;

font-weight:bold;

text-transform:uppercase;

text-align:right;

background:#fff;

padding:5px;

margin-bottom:0px;

}

#voirToutActivite a{

font-family:Verdana, Geneva, sans-serif;

font-size:10px;

color:#84706a;

text-decoration:none;

}

#voirToutActivite a:hover{

color:#58433d;

text-decoration: underline;

}



#partenariat ul li{

font-size:11px;	

}





/* Le Footer

--------------------------------------------------------------------------------------- */



#footer {

clear: both;

width:950px;

height:78px;

background:url(/images/bgFooter.gif) bottom no-repeat;

position:relative;

}



#menuFooter{

font-family:Verdana, Geneva, sans-serif;

font-size:12px;

color:#9dc637;

padding-left:15px;

padding-bottom:0px;

}

#menuFooter a{

display:block;

padding:5px;

padding-top:0px;

float:left;

color:#9dc637;

text-decoration:none;

}



#menuFooter a:hover{

color:#698e0c;	

}





#copyright{

font-family:Verdana, Geneva, sans-serif;

font-size:11px;

line-height: 11px;

color:#fff;

clear:both;

padding: 22px 0px 0px 55px;

margin:0px;

float: left;

}

#copyright a{

text-decoration:none;

color:#fff;

}

#copyright a:hover{

text-decoration:underline;

}



#footer img{

position:absolute;

right:0px;

bottom:0px;

}







/* Classes diverses

------------------------------------- */



.clear {clear: both;}

.flt-right {float: right;}

.flt-left {float: left;}

.txt-right {text-align: right;}

.txt-center {text-align: center;}

.txt-left {text-align: left;}

.img-left {

	float: left; 

	margin: 0 10px 4px 0; 

}

.img-right {

	float: right; 

	margin: 0 0 4px 10px;

}

.noborder {border: none;}

.alt {background: #f0f0f0;}



#principles{

	float: right;

	margin-top: 60px;

	width: 200px;

	background: #FFFFFF;

	font-size: 11px;

	padding: 10px 0px 20px 25px;

	color:#577312;

}

	#principles ol, #principles ol li{

		color:#666666;

		font-size: 11px;

	}

#principles ol li a{color:#577312;}

#principles ol li.selected{

	font-weight: bold;

	color: #82a725;

	font-size: 12px;

}

.bottom-teasers{

	clear: both;

	padding-top: 20px;

}



#news ul li{

	width: 649px;

	clear: left;

	background: none;

	padding: 0px;

}

	#news ul li strong{

		text-align: right;

		width: 130px;

		float: left;

		padding-top: 10px;

		padding-bottom: 6px;

		padding-right: 10px;

		margin-right: 10px;

		font-weight: normal;

		font-size: 11px;

		border-bottom: 1px solid #DDDDDD;

		color: #666666;

	}

	#news ul li a{

		float: left;

		width: 479px;

		padding: 10px;

		margin-bottom: 10px;

		color: #847061;

		text-decoration: none;

	}

	#news ul li a strong{

		float: none;

		display: block;

		width: auto;

		text-align: left;

		padding-right: 0px;

		font-weight: bold;

		font-size: inherit;

		border: none;

		padding: 0px 0px 5px 0px;

		color: #82a725;

		font-size: 14px;

	}

	#news ul li a small{

		display: block;

		padding-top: 4px;

		text-align: right;

		padding-right: 10px;

		color: #82a725;

	}

	#news ul li a:hover{background: #f2f0ef;}

	#news ul li a:hover strong,

	#news ul li a:hover small{color: #574437;}



div.paging{

	padding: 15px 0px 0px 150px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}

	div.paging span,

	div.paging a{

		padding: 5px 10px;

		float: left;

		display: inline;

		margin-right: 4px;

		background: #f2f0ef;

		color: #847061;

	}

	div.paging span{

		background: #847061;

		color: #FFFFFF;

	}

	div.paging a:hover{

		background: #82a727;

		color: #FFFFFF;

		text-decoration: none;

	}

	

div.nouvelle,

div.evenement{padding-bottom: 30px;}

	div.nouvelle div.date,

	div.evenement div.date{

		text-align: right;

		width: 130px;

		margin-top: -30px;

		padding-bottom: 6px;

		padding-right: 10px;

		margin-left: 499px;

		font-weight: normal;

		font-size: 11px;

		border-bottom: 1px solid #DDDDDD;

		color: #666666;

	}



p.back{

	padding-top: 12px;

	text-align: right;

}

p.rss{

	float: right;

	padding: 0px 20px;

}

p.rss a{

	float: right;

	padding-left: 20px;

	background: url(/images/rss.gif) 0px 1px no-repeat;

}

div.cat{padding-bottom: 30px;}

div.cat a{

	float: left;

	width: 200px;

	height: 290px;

	font: 11px Arial, Helvetica, sans-serif;

	color: #666666;

	text-decoration: none;

	margin-right: 10px;

	display: inline;

	margin-bottom: 10px;

}

	div.cat a span{

		display: block;

		height: 170px;

		padding: 0px;

		/*background: #FFFFFF;*/

		text-align: center;

	}

	div.cat a strong{

		display: block;

		padding: 10px 10px 6px 10px;

		font: 14px Arial, Helvetica, sans-serif;

		text-transform: uppercase;

		color:#6d8d1c;

	}

	div.cat a b{

		display: block;

		padding: 0px 10px;

		font-weight: normal;

	}

	div.cat a small{

		display: block;

		color:#6d8d1c;

		text-align: right;

		text-transform: uppercase;

		padding: 10px;

	}

div.cat a:hover{background: #f2f0ef;}

div.cat a:hover strong,

div.cat a:hover small{color: #574437;}



div.cat h2{

	margin: 0px;

	padding: 40px 0px 0px 0px;

}

div.cat h3{

	padding: 0px 0px 10px 0px;

}



form div{

	padding-bottom: 5px;

}

form table input,

form table textarea{

	border: 1px solid #999999;

	color: #666666;

	padding: 2px;

}

form label{

	float: left;

	width: 90px;

	padding-top: 2px;

	padding-bottom: 5px;

}



form input.btn{

	background: #8aae30;

	color: #FFFFFF;

	text-transform: uppercase;

	padding: 3px 8px;

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	cursor: pointer;

	border: 1px solid #bcd36f;

	border-bottom-color: #4b7709;

	border-right-color: #4b7709;

}



div.events h3{

	padding-bottom: 5px;

	border-bottom: 1px solid #dddddd;

	font: 28px/28px Arial, Helvetica, sans-serif;

	color: #AAAAAA;

	margin-bottom: 20px;

	letter-spacing: -1px;

}

div.events div.date,

div.evenement div.mdate{

	float: left;

	width: 40px;

	height: 45px;

	background: url(/images/activites.gif) 0px 5px no-repeat;

	color: #FFFFFF;

	text-transform: uppercase;

	text-align: center;

	font: 10px Arial, Helvetica, sans-serif;

	padding-top: 8px;

}

	div.events div.date strong,

	div.evenement div.mdate strong{

		display: block;

		font: 24px Arial, Helvetica, sans-serif;

		padding-top: 3px;

	}

	div.evenement div.mdate{

		float: right;

		margin: 30px 0px 20px 30px;

	}



div.events div.event{width: 649px;}

div.events div.event div.content{

	float: left;

	width: 594px;

	padding-left: 15px;

	font-size: 12px;

	padding-bottom: 25px;

	color: #666666;

}

div.events div.event small{

	display: block;

	padding-top: 4px;

	text-align: right;

	padding-right: 10px;

}



div.produit img{

	float: right;

	padding: 0px 20px 30px 30px;

}

div.produit h4{

	padding-bottom: 0px;

}

div.produit div.content{

	float: left;

	width: 400px;

}

div.produit p{

	padding: 0px 0px 10px 0px;

}



#WzTtDiV div{width: 200px;}



ul.docs li{

	padding-left: 23px;

	font-size: 11px;

	background-position: 0px 5px;

	padding-bottom: 20px;

}

ul.docs li a.icon{

	clear: left;

	float: left;

	background-position: 0px 6px;

	background-repeat: no-repeat;

	margin-top: 3px;

	padding: 5px 5px 5px 20px;

}

.teasers-right a {background-position:top left;background-repeat:no-repeat;display:block;height:103px;width:260px;}

.teasers-right a.adherez {background-image:url(/images/teaser_adherez_sprite.jpg);}

.teasers-right a.formations {background-image:url(/images/teaser_formations_sprite.jpg);}

.teasers-right a.become {background-image:url(/images/teaser_become_sprite.jpg);}

.teasers-right a.training {background-image:url(/images/teaser_training_sprite.jpg);}

.teasers-right a:hover {background-position:bottom left;}

.teasers-right a span {display:none;}

.teasers-right a.teaser-1-percent {background:url(/images/teaser-1pourcent-fr.png) no-repeat 0 0;display:block;height:69px;margin:10px auto 0;text-indent:-9999em;width:248px;}

.teasers-right a.teaser-1-percent-en {background-image:url(/images/teaser-1pourcent-en.png);}

#showtotal {padding:0;}

#training-form .error {color:#413003;font-size:12px;font-weight:bold;padding-left:5px;}

#training-form .text-area .error{margin-left: 155px; display: block;}