
/* ________________________________________________________________________________________ */
/* --------- General Settings ------------------------------------------------------------- */
	
	
	html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
		border : 0;
		font-size : 12px;
		outline:none;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	
	.text_coul{
		width:100%;
		margin:auto;
		display:block;
		height:30px;
		background-color:#0C9;
	}

	
	body {
		background:url(../images/fond-repeat.jpg) repeat-x top;
		font: normal 10px/18px Verdana, Geneva, sans-serif;
		background-color:#FFF;
		color:#5e6264;
	}
	
	.total {
		width:100%;
		margin:0;
		padding:0;
		min-height:800px;
		background: url(../images/fond_header.png) no-repeat top;

	}
	
	.pied{
		clear:both;
	}
	
	input[type=button]{
		padding: 0px 10px 4px;
		font-size: 12px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#f2f2f2;
		border:1px #91b8d4 solid;
		margin:5px;
		cursor: pointer;
		background:url(../images/fond_bouton.png) repeat-x top;
		height: 24px;
		-moz-border-radius:5px 5px 5px 5px;
		-khtml-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-box-shadow: 0px 0px 2px #555; 
		-webkit-box-shadow: 0px 0px 4px #555; 
		box-shadow: 0px 0px 4px #555; 
	}
	  
	input[type=button]:hover{
		color:#6593b5;
		background:url(../images/fond_bouton_hover.png) repeat-x top;
	}
	
	a {
		font: normal bold 10px/18px Verdana, Geneva, sans-serif;

		color: #5b90b8;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration:underline;
	}
	
	li{
		font: normal  10px/16px Verdana, Geneva, sans-serif;
	}

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information headers ---------------------------------------------------------- */
	
		.header{
			margin:auto;
			width:960px;
			height:300px;
		}
		
		.header .cont_menu{ 
			margin:auto; 
			width:100%; 
			height:52px;  
			padding-top:18px;
			background: url(../images/fond_menu.png) no-repeat top;
		}

		
		.header .cont_banner{ margin:auto; height:230px; width:950px;}
		
		
		.cont_banner .frm_image{
			margin:auto;
			float:left;
			width:950px;
			height:230px;
			margin-bottom:20px;
		}
		

		.header .slogan_1{
			width:90%;
			font: italic bold 36px/40px "Times New Roman", Times, serif ;
			color:#FFF;
			text-align:right;
			padding-top:10px;
		}
		
		.header .slogan_2{
			width:95%;
			font: normal bold  12px/18px Verdana, Geneva, sans-serif;
			text-align:left;
			letter-spacing:1px;
			color:#b9d1e3;
			padding-left:100px;
			padding-top:155px;
		}

		
				
			/* ________________________________________________________________________________________ */
			/* --------- information top menu --------------------------------------------------------- */
			
				ul.nav {
					list-style: none;
					clear: left;
				}
				
				ul.nav li {
					float: left;
					height:48px;
					background: url(../images/border_menu.jpg) no-repeat top right;
					
				}
				
				ul.nav li a {
					float: left;
					font: bold 12px/48px arial, "Times New Roman", Times, serif ;
					letter-spacing:1px;
					text-decoration: none;
					color: #d6e9f9;
					padding:0 10px;
				
				}
				
				ul.nav li a:hover {
					color:#fff;
				}
				
				ul.nav li a.current   {
					color:#fff;
				}
				
		
	/* ________________________________________________________________________________________ */
	/* --------- information warpper ---------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
			
		}
		
		.couleurtest{
			background:#096;
		}
		
		.colonnetest{
			background:#30C;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{
			margin:auto;
			margin-top:-10px;
			margin-bottom:15px;
			background-color:#ecf4f9;
			border:1px #b9d1e3 solid;
			padding:10px 10px; 
			-moz-border-radius:10px 10px 10px 10px;
			-khtml-border-radius:10px 10px 10px 10px;
			-webkit-border-radius:10px 10px 10px 10px;

			
		}

		.post h2{
			margin:auto;
			display:block;
			width:100%;
			font: normal bold 14px/20px Arial, Helvetica, sans-serif;
			letter-spacing:1px;
			text-align:left;
			color:#5b90b8;
			

		}
		
		.post .entry{
			width:100%;
			margin:auto;
			min-height:35px;
			
			
		}
		
		.post p{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			text-align:justify;
			line-height:18px;
		}
		
		.post ul{
			list-style:outside;
			margin-left:20px;
			line-height:20px;
			padding:0;
		}
		
		.post ul ul{
			list-style:outside;
			margin:0;
			padding:0;
			margin-left:20px;
			line-height:20px;
		}
		
		.placement_d{ margin:auto; float:right;}
		.placement_g{ margin:auto; float:left;}
		.placement_c{ margin:auto; margin:auto;}

		
	/* _________________________________________________________________________ */
	/* --------- information frm_content --------------------------------------- */
	
		.frm_content{
			margin:auto;
			width:190px;
			padding:0px 0px 0px 0px;
			margin:-12px 0px 10px 0px;
 		}
		
		.frm_content .head{
			margin:auto;
			width:190px;
			height:25px;
			background: url(../images/side_head.png) no-repeat bottom center;
		}
		
		.frm_content .foot{
			margin:auto;
			width:190px;
			height:25px;
			background: url(../images/side_foot.png) no-repeat top center;
		}
		
		.frm_content .content{
			margin:auto;
			padding:0px 10px;
			margin:0px 4px;
			background-color:#ecf4f9;
		}
		
		.frm_content .content h3{
			font: normal bold 14px/20px Arial, Helvetica, sans-serif;
			color:#5b90b8;
			text-align:left;
		}

		.frm_content .content p{
			font: normal 10px/14px Verdana, Geneva, sans-serif;
			text-align:justify;
		}
		
		.frm_content .content ul{
			list-style:outside;
			margin-left:14px;
			line-height:14px;
			padding:0;
		}
		
		.frm_content .content ul ul{
			list-style:outside;
			margin:0;
			padding:0;
			margin-left:10px;
			line-height:14px;
		}

		.frm_content .lien_site{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			padding-left: 20px;
			background: url(../images/puce.png) no-repeat left;
			border-bottom:1px #e3e3e6 dashed;
		}
		
	/* _________________________________________________________________________ */
	/* --------- information blog meta ----------------------------------------- */
		
		.entry .meta{
			display:block;
			height:17px;
			width:100%;
			background-color:#ffffff;
			margin-top:-3px;
			border-bottom: 1px #b9d1e3 dotted;
			border-top: 1px #b9d1e3 dotted;

			
			
		}
		.entry .meta p, .entry .meta span {
			margin:0;
			padding:0;
			font-size: 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-style:normal;
			line-height: normal;
		
			font-weight:normal;
			line-height: 16px;
			
			display:inline;
		}
		
		.entry .meta span{
			font-weight:bold;
			color:#5b90b8;
			font-size: 10px;
			font-family: Arial, Helvetica, sans-serif;
		
		}
		
		
		
	

	/* ________________________________________________________________________________________ */
	/* --------- menu frm_nav de base ---------------------------------------------------------- */
		
		.frm_nav ul { margin: 0;  padding: 0; }
		
		.frm_nav ul li { 
			display: block; 
			margin-bottom:2px;
			border: 2px solid #f2f2f2;
		}
		
		.frm_nav .titre{
			font: normal bold 14px/20px Arial, Helvetica, sans-serif;
			color: #5b90b8; 
		}
		
		.frm_nav ul li a { 
			display:block;
			font: normal bold 10px/18px Arial, Helvetica, sans-serif;
			color: #333;	
			text-decoration:none;
			padding-left:10px;
			background: #f2f2f2;
			border-left:4px solid #CCC;	
			letter-spacing:1px;
		}
		
		.frm_nav ul li a:hover { color: #5b90b8; border-left:4px solid #7daccf;	text-decoration:none;}
		.frm_nav ul li a.current { color: #5b90b8; border-left:4px solid #7daccf; font-size:11px;	}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- menu blue_algo -------------------------------------------------------------- */
		
		
		.blue_algo .titre {
			color: #6297bc; 
		}
		
		.blue_algo ul li a:hover { color: #6297bc; border-left:4px solid #82b4d8;	}
		.blue_algo ul li a.current { color: #6297bc; border-left:4px solid #82b4d8; font-size:11px;	}

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		.footer{
			margin:auto;
			width:100%;
			min-height:171px;
			background:url(../images/fond_footer.jpg) no-repeat top;
			color:#42759b;
			padding-top:30px;
		}
		

		.footer a { 
			font-size:10px;
			color:#42759b;
			text-decoration:underline;
			border:none;
		}
		
		.footer a:hover { 
			font-size:10px;
			text-decoration:none;
		}
		
		.footer_img{
			margin:auto;
			width:148px;
			height:144px;
			background:url(../images/img_footer.jpg) no-repeat top center;
		}
		
		
		.footer .copyright {
			margin:auto;
			width:100%;
			margin-top:10px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			color: #42759b; 
		}
		
		/* ________________________________________________________________________________________ */
		/* --------- information style formulaire contenu ----------------------------------------- */
		
		.tableau_form_cont label{
			font-size:12px;
			
		}
		
		
		
		.tableau_form_cont input[type=submit]:hover, .tableau_form_cont input[type=button]:hover, .tableau_form_cont input[type=reset]:hover{
			text-decoration:underline;
		}
		
		.tableau_form_cont input[type=text], .tableau_form_cont input[type=file], .tableau_form_cont input[type=password], .tableau_form_cont select, .tableau_form_cont input[type=checkbox], .tableau_form_cont input[type=radio]  {
			font-size:12px;
			color:#6593b5;
			
			border:1px #91b8d4 solid;
			height:17px;
			padding-top:3px;
			background:url(../images/fond_bouton_hover.png) repeat-x top;

			
		}
		
		.tableau_form_cont input[type=text]:hover, .tableau_form_cont input[type=select]:hover, .tableau_form_cont input[type=file]:hover, .tabtableau_form_contleau_form input[type=password]:hover, .tableau_form_cont select:hover, .tableau_form_cont textarea:hover {
			background:url(../images/fond_bouton_hover.png) repeat-x top;
		}
		
		.tableau_form_cont input[type=text]:focus , .tableau_form_cont input[type=select]:focus , .tableau_form_cont input[type=file]:focus, .tableau_form_cont input[type=password]:focus, .tableau_form_cont select:focus, .tableau_form_cont textarea:focus  {
			background:url(../images/fond_bouton_hover.png) repeat-x top;
		}




