/* CSS Document */
body {
	font-family:"Trebuchet MS";
	font-size:62.5%;
	margin: 0;
	padding: 0;
	/*color:#929493;*/
	color:#888;
	background:#DDEEE5;
}

#conteneur {
	position: relative;
	width: 91.2em;
	*width: 91.8em;
	margin: 0 auto;
	font-size:1em; 
}

#header {
	height: 16em;
	position:relative;
	margin:0;
}

#header div{float:left;}
#header div p{margin:0;}

#menuHaut {
	height: 4.8em;
}

#contenu {
	background:url(images/menu_off.jpg) no-repeat #ffffff top left;
	padding:1.6em;
	padding-bottom:0;
	position:relative;
}

/*pour toutes les pages sauf la page accueil*/
#gauche {
	width: 28.8em;
	position:absolute;
}

#separateur{
	display:none;
}

#droite {
	width: 57.8em;
	margin-left:30.5em;
	min-height:93.0em;/*firefox*/
	_height:74.0em;/*ie6*/
	position:relative;
}

*+html div#droite  {
	width: 57.8em;
	margin-left:30.5em;
	min-height:74.0em;/*ie7 m\Uffffffff valeur que ie6*/
	position:relative;
}

#droite p,.index p{font-size:1.3em; margin:0.6em 0;}
#droite li{font-size:1.3em;}

#droite h1#titrePrincipal{margin:0;}
/********/

/*pour l'accueil*/

#pourAccueil{float:left;*float:none;}

.index {
	width: 28.8em;
	min-height:67.0em;
	_height:67.0em; 
	position:absolute;
	top:1.6em;
	left:1.6em;
	_left:-0.0em;
}

#colonneCentrale{left:31.2em;_left:29.5em;}

#derniereColonne{
	margin-left:59.2em; 
	position:relative;
	top:0;
	left:0em;
	_left:-0.3em;
}

#edito{padding:0.8em;background:#ECECEC;margin-top:-1.0em;}
#edito p{margin-top:0;}

.index p.lienDansIndex{background:#ECECEC;padding:1em;margin-top:1em;}

#fond{padding:0.8em;background:#DCEDFE;margin-top:-1.0em;}
#fond p{margin-top:0;}




/*******/

#pied {
	position:relative;
	background:#FFF;
	padding:0 1.6em;
	padding-top:1em;
	clear:both;	
	min-height:13.0em;
	_height:13.0em;
}
#pied #contenuPied{
	background:url(images/footer.gif) top no-repeat #EF3E36;
	min-height:13.0em;
	_height:13.0em;	
}

a{text-decoration:none;color:#F63B42; }

a span{
	background:url(images/sous-menu/flecheR.png) no-repeat 0em 0.4em; 
	padding-left:1em;
}
a:hover span{ border-bottom:1px dotted #F63B42;}

img{border:none;}
img, div, input, ul, li { behavior: url("iepngfix.htc"); }

table td p{margin:0;}

#formulaireContact{width:45em;}
#formulaireContact td{vertical-align:top; font-size:1.3em;}
#formulaireContact td.label{text-align:right;width:13em; padding-right:1em;}
#formulaireContact td input,#formulaireContact td textarea{width:100%;}
#formulaireContact td input.envoyer{width:5em;}

h1{color:#EF3E36; font-size:2.4em; margin-top:0;}
	h1.titreEncart, .index h1{
		color:#FFFFFF;
		background:url(images/titres.gif) top no-repeat #EF3E36; 
		font-size:1.3em;
		width:22.15em;
		min-height:3.08em;
		_height:3.08em;
	}
		h1.titreEncart div, .index h1 div{
			padding:0.69em; 
		}
		.index h1 div a{color:white;}
h2{color:#999;font-size:1.8em; font-weight:normal}

#menuHaut ul{ list-style:none; padding:0; margin:0;}
	#menuHaut ul li{
		float:left; 
		margin:0;
		position:relative;
		margin-right:0.4em;
		padding:0 0.1em;
	}
		#menuHaut ul li a {
			display:block; 
			height:3.43em;
			font-size:1.4em;
			font-weight:bold;
			background:url(images/onglets.gif) repeat-x bottom left;
			padding:0 1.4em;
			line-height:3.43em;
			float:left;
		}
		
		#menuHaut ul li a div.ongletHaut{height:3.43em;width:1em;position:absolute;top:0;}
		
		#menuHaut ul li a div.hautGauche{background: url(images/ongletG.jpg) no-repeat top left;left:0;}
		#menuHaut ul li a:hover div.hautGauche{background: url(images/ongletGH.jpg) no-repeat top left;}
		#menuHaut ul li a div.hautDroit{background: url(images/ongletD.jpg) no-repeat top right;right:0;}
		#menuHaut ul li a:hover div.hautDroit{background: url(images/ongletDH.jpg) no-repeat top right;}
		
		
		#menuHaut ul li a:hover{
			color:#999999; background:#FFFFFF;
		}
		#menuHaut ul li a.act{color:#888888; background:#FFFFFF;}
		#menuHaut ul li a.act div.hautGauche{background: url(images/ongletGH.jpg) no-repeat top;}
		#menuHaut ul li a.act div.hautDroit{background: url(images/ongletDH.jpg) no-repeat top;}

#sousMenu{
	background:url(images/sous-menu/ss-menu-haut.jpg) top no-repeat #EF3E36; 
	width:28.8em;
	padding-top:1.6em;
	margin-bottom:1em;
}

#sousMenuContenu{

	background:url(images/sous-menu/ss-menu-bas.jpg) bottom no-repeat #EF3E36;
	padding:0 0.8em 2.4em 0.8em;
	margin-top:-0.4em;
	min-height:40em;
	_height:10em;
}
	#sousMenuContenu h1,#sousMenuContenu h2,#sousMenuContenu h2 a{color:white; font-size:1.3em; font-weight:bold;}
	#sousMenuContenu h2 a{color:white; font-size:1em;}
	#sousMenuContenu ul{ list-style:none; padding:0; margin:0}
		#sousMenuContenu ul li{margin-bottom:1em;}

			#sousMenuContenu ul li a{background:url(images/sous-menu/topN.jpg) top no-repeat #ECECEC; display:block;width:27.2em;padding-top:1.5em;}
			#sousMenuContenu ul li a:hover,#sousMenuContenu ul li a.actSSMenu{background:url(images/sous-menu/topH.jpg) top no-repeat #FFFFFF;}	

				#sousMenuContenu ul li a span{ font-size:1.3em;}
			#sousMenuContenu ul li a div{
				padding-left:1.5em;
				margin-top:-0.5em;
				background:url(images/sous-menu/basN.jpg) bottom no-repeat #ECECEC; 
				min-height:3.0em;
				_height:3.0em;
				cursor:pointer;
			}
			#sousMenuContenu ul li a:hover div,#sousMenuContenu ul li a.actSSMenu div{ background:url(images/sous-menu/basH.jpg) bottom no-repeat #FFFFFF;}

.encart {

	position: relative;
	width:57.6em;
	
	right:0;
	min-height:7.2em;
	_height:7.2em;
	margin:0;
	margin-bottom:1em;
	background-color:#F3F6F4;
}
	.encart .haut-gauche, .encart .haut-droit, .encart .bas-gauche, .encart .bas-droit { 
		height: 1.6em; 
		width: 1.6em; 
		background-repeat: no-repeat; 
		position: absolute;
	}
	.encart .haut-gauche { top: 0px; left: 0px; background-image: url("images/encart/hautG.jpg") ; z-index: 1; }
	.encart .haut-droit { top: 0px; right: 0px; background-image: url("images/encart/hautD.jpg"); z-index: 2; }
	.encart .bas-gauche { bottom: 0px; left: 0px; background-image: url("images/encart/basG.jpg"); z-index: 3; }
	.encart .bas-droit { bottom: 0px; right: 0px; background-image: url("images/encart/basD.jpg"); z-index: 4; }
	
	.encart .contenuEncart { position: relative; padding:1.5em; z-index: 0; }
	
	.encart .contenuEncart2 { position: relative; padding:1.5em 0.5em;*padding:1.5em 1em; z-index: 0;height:4.5em }
	.encart .contenuEncart2 .ancreEncart{float:left;border:2px solid #F3F6F4;}
		
		#droite .encart .contenuEncart p,.index .encart .contenuEncart p, .encart .contenuEncart2 p{margin:0;}
		.encart .contenuEncart h3{font-size:1.8em;color:#ef3e36;margin-top:0;}

.nousAvonsAide img{float:left;margin-top:0.5em;margin-right:0.5em;}


.encadreLien{height:4em; margin:1.5em 2.0em;position:relative;}

.ancreEncart{
	position:relative; 
	padding:0 0.85em;
	background-color:#FFFFFF; 
	font-size:1.3em;
	float:right;
}	

	.ancreEncart a{
		border-top:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		display:block; 
		line-height:2.92em;
	}
		
	.ancreEncart div{width:0.85em;height:3.2em;position:absolute; top:0;}
	
		.ancreEncart div.ancreGauche{ background:url(images/liens/normalG.jpg) no-repeat top; left:0;}
		.ancreEncart div.ancreDroit{ background:url(images/liens/normalD.jpg) no-repeat top; right:0;}

		div.encart .ancreEncart div.ancreGauche{ 
			background:url(images/liens/encartG.jpg) no-repeat;
			left:0;
		}
		div.encart .ancreEncart div.ancreDroit{ 
			background:url(images/liens/encartD.jpg) no-repeat;
			right:0;
		}
		
		div.encart .encadreLien{margin:0.9em;}

#pied ul#listeLiens{
	padding:0;
	padding-top:2.4em;
	_padding-top:1.2em;
	width:59.6em; 
	list-style:none;
	margin:0 3.2em;
}
	#pied ul#listeLiens li ul{padding:0; margin:0; list-style:none; clear:both;}
		#pied ul#listeLiens li ul li{
			float:left; 
			padding-left:1em;
			font-size:1.3em;
			line-height:100%; 
			color:#FFFFFF;
			margin-bottom:1.85em;
			_margin-bottom:0.9em; 
			width:45%; 
			background:url(images/sous-menu/flecheB.png) no-repeat center left;
		}

#pied a{color:#ffffff;}
	#pied a#contactezNous{position:absolute; top:2.4em; left:66em;}
		#pied a#contactezNous p{font-size:1.3em; margin:0;}
			#pied a#contactezNous p img{ margin-right:0.62em;}

#form_don table td {padding-right:1em;}
#form_don table td label,#form_don table td strong{font-size:1.3em;}
#form_don input {width:20em;}
#form_don input.check {width:2em;}
#form_don .encart input {width:10em;}	
.erreur {color:#EF3E36;}


p.align-right{text-align:right;}
p.align-center{text-align:center;}
p.align-justify{text-align:justify;}