/* ________________________________________________________________________________________ */
	/* --------- 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;
			}
			
			body {
				background-color:#FFF;
				color:#333;
			}
			
			.total {
				width:100%;
				margin:0;
				padding:0;
				min-height:800px;
				z-index:2;
				background:url(../images/fond_repeat.jpg) repeat-x top;
			}
			
			.pied{ clear:both; }
			
			a {
				font: normal bold 10px/12px Arial, Helvetica, sans-serif;
				color: #000;
				text-decoration:underline;
			}
			
			a:hover { text-decoration:underline; }
			
			
			
			.img_banner{
				z-index:2;
			}
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information headers ---------------------------------------------------------- */
	
			.header{
				margin:auto;
				width:100%;
				height:196px; 
				background:url(../images/header.jpg) no-repeat top center; 
			}
			
			.header .cont_slogan{height:50px; }
			.header .cont_menu{height:50px; }
			
			.header .cont_banner-large{height:320px; }
			.header .cont_banner-small{height:70px; }
			
			
			
			.browser{
				margin-top:16px;
			
				width:230px;
				height:180px;
				background:url(../images/fond_browser.png) no-repeat top center; 
				
			}
		
	/* ________________________________________________________________________________________ */
	/* --------- information slogan ----------------------------------------------------------- */
		
		.header .slogan_1{
			font: italic normal 24px/22px Arial, Helvetica, sans-serif ;
			color:#484944;
		}
		
		.header .slogan_2{
			font:  normal 12px/18px arial, Arial, Helvetica, sans-serif ;
			color:#000;
		}
		
				
				
	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
	ul.nav {
		padding: 0px;
		margin: 0px 0;
		list-style: none;
		padding-left:0px;
		padding-top:8px;
		clear: left;
	}
	
	ul.nav li {
		float: left;
	}
	
		a.btm_sport_orange, a.btm_sport_orange_other{
			float: left;
			text-decoration: none;
			color: #000;
			padding: 9px 15px 0 0;
			font:  normal 12px/12px Arial, Helvetica, sans-serif;
			height: 22px;
			font-size:12px;
			margin:2px 3px;
			margin-left: 30px;
		}
		
		a.btm_sport_orange:hover, a.btm_sport_orange_other:hover{ color: #000; height: 22px;  }
			
		a.btm_sport_orange span,  a.btm_sport_orange_other span{
		  float: left;
		  padding-right:30px;
		  display: block;
		  margin-top: -9px;
		  height: 31px;
		  margin-left: -30px;
		} 
		
		a.btm_sport_orange, a.btm_sport_orange_other { padding-right:30px; }
		
		
		a.btm_sport_orange { 			background: url(../images/btm_sport_orange/btm_sport_orange.png) no-repeat top right; }
		a.btm_sport_orange:hover { 		background: url(../images/btm_sport_orange/btm_sport_orange.png) no-repeat bottom right; }
		a.btm_sport_orange span { 		background: url(../images/btm_sport_orange/btm_sport_orange.png) no-repeat top left; }
		a.btm_sport_orange:hover span { 	background: url(../images/btm_sport_orange/btm_sport_orange.png) no-repeat bottom left; }

		a.btm_sport_orange_other { background:none; color:#838383}		
		a.btm_sport_orange_other:hover { background:none; color:#000;}
		a.btm_sport_orange_other span { background:none; color:#838383;}
		a.btm_sport_orange_other:hover span{ background:none; color:#000;}
	
	/* ________________________________________________________________________________________ */
	/* --------- information warpper ---------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
			margin-top:20px;
		}
		
		.cont_post{
			margin:auto;
			width:100%;
			min-height:100px; 
			background:url(../images/frm_cont_center.png) repeat-y top center;
			padding-top:20px;
		}
		
		.frm_cont_head{
			width:100%;
			height:15px;
			background:url(../images/frm_cont_head.png) no-repeat top center;
		}
		
		.frm_cont_foot{
			width:100%;
			height:25px;
			background:url(../images/frm_cont_foot.png) no-repeat top center;
			
		}

			
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{ margin:0px 0px 0px 0px; }

		.post .entry{
			margin:auto;
			padding:10px 0px; 
		}

		.post .entry h2{
			margin:auto;
			letter-spacing:1px;
			text-align:left;
			color:#f28309;
			padding:0px 0px;
			margin-top:10px;
			font: italic bold 16px/24px Arial, Helvetica, sans-serif;
			border-bottom:2px #f6f6f6 solid;
		}
		
		.post .entry hr{
			width:100%;
			background-color:#f6f6f6;
			border:1px #f6f6f6 solid;
		}
		
		.post .entry  p{
			font: normal 12px/20px Verdana, Geneva, sans-serif;
			text-align:justify;
			padding:5px 5px;
		}
		
		.post .entry  .titre_other{
			font: normal 12px/40px Verdana, Geneva, sans-serif;
			text-align:center;
		}
		
		
		
		
		
		
		/* _________________________________________________________________________ */
		/* --------- information sur les listes ------------------------------------ */

			.post ul, .post ul ul{
				list-style:outside;
				margin-left:20px;
				padding:0;
			}
			
			.post ul ul{ list-style:square; }
			
			.post ul li, .post ul ul li{ font: normal 10px/18px Verdana, Geneva, sans-serif;}
		
		/* _________________________________________________________________________ */
		/* --------- information bouton post --------------------------------------- */
		
			.placement_d{ margin:auto; float:right; margin:5px 0px 5px 10px;}
			.placement_g{ margin:auto; float:left; margin:5px 10px 5px 0px;}
			.placement_c{ margin:auto; margin:auto;}
			
			.cadre_img{
				border:4px #FFF solid;
				-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
					-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.50);
			}
			
			
			.post .entry a.btm_site {
					font: normal  12px/12px Arial, Helvetica, sans-serif;
					color:#5b2700;
					border: solid 1px #5b2700;
					padding: 2px 10px;
					text-decoration:none;
					background:url(../images/fond_bouton.jpg) repeat-x top center;
					-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
					-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			}
		
			.post .entry a.btm_site:hover{ 
				color:#5b2700;
				text-decoration:none;
				-moz-box-shadow:none;
				-webkit-box-shadow:none;

			}

			
			input[type=button]{
				font: normal bold 12px/12px Arial, Helvetica, sans-serif;
				color:#fff;
				border: solid 1px #333; 
				padding: 0px 10px 4px;
				margin:5px;
				cursor: pointer;
				background-color:#333;
				height: 25px;
			}
			
			input[type=button]:hover{ color:#fff; background-color:#535353; }

			
			
		
		/* _________________________________________________________________________ */
		/* --------- information blog meta ----------------------------------------- */
			
			.entry .meta{
				display:block;
				height:17px;
				border-top:1px #b2b2b2 dashed;
				border-bottom:1px #b2b2b2 dashed;
			}
			.entry .meta p, .entry .meta span {
				display:inline;
				margin:0;
				padding:0;
				font: normal  10px/16px Arial, Helvetica, sans-serif;
				color:#333;
				text-align:left;
				border:none;
			}
			
			.entry .meta span{
				font: normal bold  10px/16px Arial, Helvetica, sans-serif;
				color:#666;
			}
		
		
	
	/* ________________________________________________________________________________________ */
	/* --------- menu frm_nav de base ---------------------------------------------------------- */
		
		.frm_nav ul, .frm_txt { margin: 0; padding: 0; margin-bottom:0px; }
		
		.frm_nav ul li { 
			display: block; 
			
		}
		
		.frm_nav, .frm_txt{
			width:100%;
			margin-bottom:10px;
		}
		
		.frm_nav_head{
			width:100%;
		
		}
		
		.frm_nav_head .titre, .frm_txt .titre{
			display:block;
			padding:0px 10px;
			font: normal bold 16px/24px Arial, Helvetica, sans-serif;
			color: #1d1c1e; 
			border-left:1px #333 solid; 

		}
		
		.frm_nav ul li a { 
			display:block;
			font: normal  12px/18px Arial, Helvetica, sans-serif;
			color: #5b7172;	
			text-decoration:none;
			padding:3px 0px 3px 16px;
			background: url(../images/puce.png) no-repeat left;
			
			
			letter-spacing:1px;
			
		}
		
		.frm_nav ul li a:hover { 
			color: #48525b;  
			background: url(../images/puce_h.png ) no-repeat left;  
		}
		.frm_nav ul li a.current { 
			color: #48525b; 
			font-size:12px;	 
			
			background: url(../images/puce_h.png ) no-repeat left; 
		}
		
		.frm_txt p{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			padding:5px 5px;
			text-align:justify;
			border-left:1px #e7e7dd solid;
			margin-top:5px;
		}
		
		
		.frm_txt .lien_site {
			padding:5px 10px;
			

		}
		.frm_txt .lien_site a{
			font-size:12px;
			color:#333;
		}
		

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		.footer{
			margin:auto;
			min-height:250px;
			background: #484944 url(../images/fond_repeat_footer.jpg) repeat-x top center;
			padding-top:10px;
		}
		
		
		
		.footer p { 
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			
			line-height:12px;
			color: #959494; 
		}
		
		
		
		.footer ul { 
			margin: 0; 
			padding: 0; 
		}
		.footer ul li { 
			display: block; 
		}
		
		.footer .colonne h5{
			display:block;
			width:100%;
			font: bold  normal 16px/20px Arial, Helvetica, sans-serif ;
			color:#b5cd0e;
			height:25px;
			background:url(../images/footer_titre.png) repeat-x bottom;
			margin-top:5px;
			
		}
		
		
		.footer a { color:#959494; font-size:10px; }
		.footer a:hover{color:#c8d90f; }
		
		.footer ul li a {
			color:#959494;
			border: none; 
			padding: 5px 0 5px 0px; 
			display: block; 
		}
		
		.footer .colonne  { margin: 0 10px 0px 10px; }
		.colonne a:visited { border: none; }
		.colonne a:hover {  color:#b5cd0e; }
		
		
		.cadre_photo{
			margin:auto;
			width:208px;
			height:158px;
			background:#FFF;
			border:1px #000 solid;
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

		}
		.img_footer{
			margin-top:3px;
			border:1px #000 solid;
		}
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- 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:#000;
			background-color:#e8d7c3;
			border:1px #333 solid;
			height:17px;
			padding:3px;
			background-color:#FFF;
		}
		
		.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 {
			
		}
		
		.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  {
			
		}