* {margin:0; padding:0;}
body {text-align:left;background:url(images/new_fond.JPG) repeat #FFFFFF;color:#000;}
table, div, input, body, textarea, select {font: 14px Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a img {border:none;}
hr {display:none;}



/*  SOMMAIRE
	1. Structure
		1.1 Le bandeau du haut
		1.2 Le pied de page
		1.3 A gauche
		1.4 A droite
		1.5 Le menu
		1.6 Les fonds de contenu
	2. la page d'accueil
	3. les pages de contenu
	4. Formulaires de contact et abonnement newsletter
*/

/*------------  1. STRUCTURE             */
	#bando, #contenu, #pied {width:990px;margin:0 auto;}
	#bando {background:url(images/bandeau-haut.jpg) no-repeat;height:170px; margin: 10px 0 0 0; margin-top:0px;}
	#contenu {color:black; }
		#milieu { border-left: 0px solid #4e0012; border-right:0px solid #4e0012; background-color:#FFFFFF;}
		#pied {clear:both;width:100%;background:url(images/bandeau-bas.jpg) no-repeat;height:50px;color:#fff;}
	
	
	#logo {float:left;width:169px;margin:20px 20px 0 20px;}
	#banniere {float:left;width:590px;margin:2px 0 0 0; text-align:center;}
	
	#bando table { font-size:9px; }
	#bando form {float:left; margin:25px 0 0 10px; color:#FFF;}
	#bando form input { width:100px; height:10px;}
	
	
	#pied p { text-align:right;padding:20px 10px 0 0; font-size:9px;}
	#pied a, a:hover  {color:#fff;}
	
/*------------  1.5 Le menu            */
	#menu { height:80px;}
		#menu ul {list-style-type: none; padding:1px 0 1px 0; }
		#menu li {float: left; height:45px;}
		


			
			
	/*------------  1.6 Les fonds de contenu            */
	.cale {clear:both;width:100%;}
	
	
	#blabla {clear:both;margin:20px 9px 0 8px; }
	
	#droit_accueil{float:left; width:650px;margin:-25px 0 -30px 0;}
	
	#droit { float:left; width:650px;margin:20px 0 0 0; }
		#droit a {color:#009966; }
		#droit a:hover{color:#009966; text-decoration:underline;}
		.paragraphe{ margin:0 0 20px 0;}
		#droit h1 {font-size:24px; font-weight:bold; margin-bottom:10px;margin-top:10px;color:#4e0011;text-align:left; }
		#droit h2 {font-size:14px; font-weight:bold;text-align:left; }
		.paragraphe h2 {font-size:18px;margin-bottom:10px;color:#009966;text-align:left; }
		.paragraphe h3 {margin-left:20px;font-size:11px; font-weight:normal;text-align:left;}
		.paragraphe gras {font-size:14px; font-weight:bold; }
		.paragraphe vert {color:#299C66;font-weight:bold;}
		.texte {width:450px;float:left;text-align:left;}
		.texte li {margin:20px 0 0 35px;}
		.image {float:left;width:170px;margin:5px 0 0 30px;}
		.image desc{font-size:11px;font-style:italic;}
		
		.paragraphe_10_on{ background-color:#fde4c7; }
		.paragraphe_10_on:hover{ border:solid;border-width:1px;border-color:#4e0011;cursor:pointer; }
		.paragraphe_10_on:hover h2{ color:#996699;}
		.paragraphe_10_off:hover{ border:solid;border-width:1px;border-color:#4e0011;cursor:pointer; }
		.paragraphe_10_off:hover h2{ color:#996699;}
		.paragraphe_10_on .image, .paragraphe_10_off .image{ float:left;width:100px; margin:20px;  }
		.paragraphe_10_on .texte, .paragraphe_10_off .texte{ color:#666; float:left;width:500px;  font-size:11px; margin:20px 0 20px 0;  }
		.paragraphe_10_on h2, .paragraphe_10_off h2 { font-size:16px; color:#f04e5e; }
		
		.paragraphe_11_on{ background-color:#fde4c7; }
		.paragraphe_11_on:hover{ border:solid;border-width:1px;border-color:#4e0011;cursor:pointer; }
		.paragraphe_11_on:hover h2{ color:#996699;}
		.paragraphe_11_off:hover{ border:solid;border-width:1px;border-color:#4e0011;cursor:pointer; }
		.paragraphe_11_off:hover h2{ color:#996699;}
		.paragraphe_11_on .texte, .paragraphe_11_off .texte{ color:#666;   font-size:11px; margin:20px 20px 20px 20px; width:600px; }
		.paragraphe_11_on h2, .paragraphe_11_off h2 { font-size:16px; color:#f04e5e; }
		
		.recrute:hover{border:solid;border-width:1px;border-color:#4e0011;cursor:pointer; }
		.paragraphe_recrute{ background-color:#fde4c7;}
		.paragraphe_recrute:hover h2{ color:#996699;}
		.paragraphe_recrute .texte2 { color:#666;float:left;width:100%;font-size:12px;margin:20px 0 20px 0;  }
		.paragraphe_recrute .texte2 ul li{ margin-left:30px }
		.paragraphe_recrute .texte2 td{ font-size:12px; }
		.paragraphe_recrute h2 { font-size:16px; color:#f04e5e; }
	
	#gauche { float:left; margin:0 20px 20px 20px; width:275px;  }
	#quoideneuf{ font-size:11px; color:#333; padding: 0 5px 5px 5px; margin:0 0 30px 0;  }
	#quoideneuf a {color:#FF0000; text-decoration:underline;}
	#gauche h1 { font-size:14px; color:#d60080;  margin:10px 0 0 0;  }
	#gauche p { margin:0 0 10px 0;  text-align:left;  }
	#gauche .fleche{ width:100%; text-align:right; border-top:#d60080 solid 1px; padding:5px 0 0 0; } 
	#gauche .bandeau_vert{background-color:#01a99c; width:200px;height:750px; margin:40px 0 20px 35px; }
	
	
	#bascentre{ margin:50px 0 0 0; cursor:pointer; }
	#bascentre h1 {color:#d60080; font-size:18px; padding:0 0 10px 20px;}
	#bascentre h1 span {color:#4e0011; font-size:22px;}
	
	
	
.news {background:#fff;border:1px solid #BFBFBF; font-size:11px;}
.news td {padding:4px 0;}
.news label {font-weight:bold;}
.news td input[type=text] {background:none;border:1px solid #BFBFBF;width:130px;}
.petitlien { font-size:11px;}

.dl a{color:#009966;font-style:italic;text-decoration:underline;}
.dl td {padding:4px 0;}
	
	
.bascentreGros {font-size: 21px;}	
.bascentreGrosSpan {font-size: 26px;}

.bascentrePtt {font-size: 18px;}	
.bascentrePttSpan {font-size: 22px;}


.TexteNoir {font: 14px Arial, Helvetica, sans-serif;}
.TexteVert {color:#299C66;font-weight:bold; }
.TexteRose {font-size:14px;color:#d60080;font-weight:bold;}
.TitreVert {font-size:18px;color:#299C66;font-weight:bold;}
.TitreVert2 {font-size:16px;color:#299C66;}
.TexteImportant {font-size:14px;font-weight:bold;}
.TexteCadre{ border:#000 solid 1px; padding:10px;}




	
/**************************************************************

	Rounded Corners
	v 1.1

**************************************************************/


.boxFloat, .imageFloat {
	float: left;
}

/***********************************/


.boxTopLeft {
	background: url(images/topLeft.gif) top left no-repeat;
}
.boxTop {
	border-top: 1px solid #ccc;
	background-color: #eee;
}
.boxTopRight {
	background: url(images/topRight.gif) top right no-repeat;
}
.boxMiddleLeft {
	background-color: #eee;
	border-left: 1px solid #ccc;
}
.boxMiddle {
	background-color: #eee;
}
.boxMiddleRight {
	background-color: #eee;
	border-right: 1px solid #ccc;
}
.boxBottomLeft {
	background: url(images/bottomLeft.gif) bottom left no-repeat;
}
.boxBottom {
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}
.boxBottomRight {
	background: url(images/bottomRight.gif) bottom right no-repeat;
}

/***********************************/

.imageTopLeft {
	background: url(images/topLeft.png) top left no-repeat;
}
.imageTopRight {
	background: url(images/topRight.png) top right no-repeat;
}
.imageBottomLeft {
	background: url(images/bottomLeft.png) bottom left no-repeat;
}
.imageBottomRight {
	background: url(images/bottomRight.png) bottom right no-repeat;
}
.imageTop, .imageMiddleLeft, .imageMiddle, .imageMiddleRight, .imageBottom {
	border: 0;
}

/***********************************/

.roundedContent {
	padding: 30px;
	margin: 0px;
	width: 440px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-bottom: 20px;
}


/*************************************************************/