
/* ________________________________________________________________________________________ */
/* --------- 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:url(../images/fond.jpg) repeat-x center top;
		background-color:#041339;
		color:#202020;
	}
	
	.total {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	
	.pied{
		clear:both;
	}
	
	input[type=button]{
		font-size: 14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color: #60561d;
		padding: 0px 15px;
		padding-bottom:1px;
		border:1px solid #7f7331;
		margin:10px;
		position: relative;
		cursor: pointer;
		background:url(../images/fond_btm.jpg) repeat-x top;
		height: 22px;
		text-decoration: none;
		-moz-border-radius:5px 5px 5px 5px;
		-khtml-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
	}
	  
	input[type=button]:hover{
		
		text-shadow: none;
		background:url(../images/fond_btm_h.jpg) repeat-x top;
	}
	
	a {
		color: #274983;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
		color: #5f5e5e;
	}	
	
		/* ________________________________________________________________________________________ */
		/* --------- information bouton icones ---------------------------------------------------- */

			
			.btm_icons a{
				display:block;
				float:left;
				background-color:#f5f5f5;
				border:1px solid #dedede;
				text-decoration:none;
				font-weight:bold;
				color:#565656;
				cursor:pointer;
				line-height:17px;
				padding:4px 10px 4px 7px;/* Links */
			}
			
			.btm_icons a img{
				margin:0 3px -4px 0 !important;
				padding:0;
				border:none;
				width:16px;
				height:16px;
			}
			
			.btm_icons a.standard{ 		 background-color:#f5f5f5; border:1px solid #dedede; color:#565656; }
			.btm_icons a.standard:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
			
			.btm_icons a.positive{ 		 background-color:#f5f5f5; border:1px solid #dedede; color:#529214; }
			.btm_icons a.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
	
	
			.btm_icons a.negative{ 		 background-color:#f5f5f5; border:1px solid #dedede; color:#d12f19; }
			.btm_icons a.negative:hover{ background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
			
			
			.btm_icons a.article{ 		background:url(../images/fond_btm.jpg) repeat-x top; border:1px solid #7f7331; color:#60561d; margin-left:5px; }
			.btm_icons a.article:hover{ background:url(../images/fond_btm_h.jpg) repeat-x top; border:1px solid #7f7331; color:#60561d; }




	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:960px;
		height:230px;
		background:url(../images/header.jpg) no-repeat top;
	}
	
	.cont_header{
		height:172px;
		
	}
	
	.cont_menu{
		height:41px;
		padding-top:17px;
	}
	
	.logo{
		margin:auto;
		width:220px;
		height:172px;
		background:url(../images/logo.png) no-repeat top;
		
	}
	
	.slogan_1{
		
		font-family:"Times New Roman", Times, serif;
		font-size:40px;
		color:#333;
		font-weight:bold;
		font-style:italic;
		text-align:left;
		vertical-align:bottom;
		height:40px;
		padding:0;
		padding-top:30px;
	}
	
	.slogan_2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#f2edd5;
		padding:0;
		text-align:justify;
		
	}
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
		
		.cont_menu ul {
			list-style: none;
			float: left;
			clear: left;
			height: 24px;
		}
		
		.cont_menu ul li { 
			margin: 0;
			border: 0 none;
			margin-left:10px;
			margin-right:10px;
			padding: 0;
			float: left; /*For Gecko*/
			display: inline;
			list-style: none;
			position: relative;
			height: 24px;
		}
		
		.cont_menu ul li a, .cont_menu ul li a.current {
			font-size: 12px;
			display:block;
			background: url(../images/bullet-top_menu.png) no-repeat; 
			height:41px;
			font-weight:bold;
			line-height:41px;
			padding-left:20px;
			letter-spacing:normal;
			font-family:Arial, Helvetica, sans-serif;
			color: #e6e6e6;
			text-decoration:none;
		}
		
		.cont_menu ul li a.current{
			color: #e6d67f;
			font-weight:bold;
			text-decoration:underline;
			background: url(../images/bullet-top_menu_hover.png) no-repeat; 
			
		}
		
		.cont_menu ul li a:hover{
			color: #e6d67f;
			font-weight:bold;
			text-decoration:underline;
			background: url(../images/bullet-top_menu_hover.png) no-repeat; 
		}
		
		

	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top;
			width:100%;
			height:172px;
		}
		
		.sliderbg{
			height:157px;
			padding-top:16px;
			padding-left:59px;
			
			
		}
		
		.stepcarousel{
			position: relative; /*leave this value alone*/
			overflow: hidden; /*leave this value alone*/
			width: 120px; /*Width of Carousel Viewer itself*/
			height: 134px; /*Height should enough to fit largest content's height*/
			
		}
		
		.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 0px 0px 0px 0px; /*margin around each panel*/
			width: 280px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		
	/* ________________________________________________________________________________________ */
	/* --------- information cont ---------------------------------------------------------- */
	
		
		/* _________________________________________________________________________ */
		/* --------- information conteneur total ----------------------------------- */
			.cont_total{
				margin:auto;
				background:url(../images/fond_cont.jpg) repeat-y center;
				
			}
			
			.haut_cont{
				margin:auto;
				height:13px;
				
				background:url(../images/haut_cont.jpg) no-repeat top;
			}
			
			.bas_cont{
				margin:auto;
				height:10px;
				background:url(../images/bas_cont.jpg) no-repeat bottom;
			}
		
		/* _________________________________________________________________________ */
		/* --------- information sidebar ------------------------------------------- */
			
			.haut_sidebar{
				margin:auto;
				height:41px;
				background:url(../images/haut_sidebar.jpg) no-repeat top;
			}
			
			.cont_sidebar{
				margin:auto;
				color:#e6e6e6;
				min-height:512px;
				background:url(../images/fond_menu.jpg) no-repeat top;
				padding:5px;
			}
			
		/* _________________________________________________________________________ */
		/* --------- information information --------------------------------------- */
			.wrapper{
				margin:auto;
				width:650px;
				margin-right:40px;
				margin-top:20px;
				margin-bottom:20px;
			}
			
			/* _________________________________________________________________________ */
			/* --------- information layout et text ------------------------------------ */
			
			
			.post_lyt, .post{
				margin:auto;
				width:100%;
				background-color:#f4f4f2;
				border:1px #bbab53 solid;
				color:#1b3156;
				padding:10px;
			}
			
			.post{
				background:none;
				border:none;
				color:#132440;
			}
			
			.layout_post{
				width:42px;
				height:27px;
				margin-top:-1px;
				margin-left:50px;
				background:url(../images/layout_post.jpg) no-repeat top;
			}
			
			.post_lyt .entry, .post .entry, .post .staff {
				margin:auto;
				margin-bottom:0px;
			}
			
			
			.entry p, .entry h2, .entry li, .entry  a.text, .entry span{
				font-size: 16px;
				font-family: Cambria, serif;
				font-weight: normal;
				font-style:italic;
				text-transform: normal;
				letter-spacing: normal;
				line-height: 1.5em;
				text-align:justify;
			}
			
			.post .entry img{
				margin:0px;
				padding:0px;
				
				display:inline;
				background-color:#0FC;
			}
			

			
			.post .fin{
				display:block;
				clear:both;
				width:100%;
				color:#ec5e00;
				font-size:2px;
				border-bottom:1px #939192 dotted;
			}
			
			.entry a.text{
				font-weight:bold;
				color:#9d8e39;
				border-bottom:1px #939192 dotted;
			}
			
			.entry a.text:hover{
				text-decoration:none;
				border-bottom:none;
			}
			
			.entry h2{
				display:block;
				width:100%;
				border-bottom:1px #939192 dotted;
				font-size: 18px;
				font-weight: bold;
			}
			
			.entry ul{
				list-style:outside;
				margin:15px;
				padding:0;
				line-height:20px;
			}
		
			.entry ul ul{
				list-style:inside;
				margin:0;
				padding:0;
				margin-left:10px;
			}
			
			.entry .btm_icons{
				float:right;
				margin:5px;
			}
			
			/* _________________________________________________________________________ */
			/* --------- information blog meta ----------------------------------------- */
			
			.staff-img{
				float:left;
				margin:auto;
				width:15%;
			}
			
			.staff-pres{
				float:left;
				margin:auto;
				padding-top:5px;
				width:85%;
			}
			
			.staff p, .staff h2, .staff li, .staff a.text, .staff span{
				font-size: 16px;
				font-family: Cambria, serif;
				font-weight: normal;
				font-style:italic;
				text-transform: normal;
				letter-spacing: normal;
				line-height: 1.5em;
				text-align:justify;
			}
			
			.staff p{
				font-weight:bold;
				color:#9d8e39;
			}
			
			.staff h2{
				display:block;
				width:100%;
				font-size: 18px;
				font-weight: bold;
			}
			
			.staff span{
				font-size:14px;
				font-style:normal;
				color:#1b3156;
			}
			
			.staff hr{
				color: #3d4f6d;
				background-color: #3d4f6d;
				height: 1px;
				border: 0;
			}

			
			/* _________________________________________________________________________ */
			/* --------- information blog meta ----------------------------------------- */
			
			.entry .meta{
				display:block;
				height:20px;
				background-color:#cbcbcb;
				margin-bottom:10px;
				padding-top:3px;
				padding-left:3px;
				border-bottom:1px #939192 dotted;
			}
			.entry .meta p, .entry .meta span {
				font-size: 10px;
				font-family: Verdana, Geneva, sans-serif;
				font-style:normal;
				line-height: normal;
				text-align:left;
				font-weight:normal;
				color:#ec5e00;
				line-height: 16px;
				color:#000;
				display:inline;
			}
			
			.entry .meta span{
				font-weight:bold;
				color:#9d8e39;
				border-bottom:1px #939192 dotted;
			}
			
			.entry .meta .imgdate{
				margin:0 0px -4px 0 !important;
				padding:0;
				border:none;
				width:16px;
				height:16px;

			}
			
			/* _________________________________________________________________________ */
			/* --------- information images -------------------------------------------- */
			
			.entry .entry-image-l, .staff .entry-image-l {
				float: left;
				padding:0;
				margin: 10px 20px;
			}
				
			.entry .entry-image-r, .staff .entry-image-r  {
				float: right;
				padding:0;
				margin: 10px 20px;
			}

			

			
			
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu{
			margin:auto;
		}
		.sub_menu a {
			display: block;
			color: #e6e6e6;
			font-weight:bold;
			border: none; 
			padding: 5px 0 5px 10px; 
			text-decoration:none;
			text-align:justify;
			vertical-align:baseline;
			direction:ltr;
			background: url(../images/etoile_menu.png) no-repeat; 
			line-height:12px;
			padding-left:15px;
		}
		
		.sub_menu a:hover { 
			text-decoration: underline;
			color: #e6d67f;
		}
		
		.sub_menu .current_sub a {
			text-decoration: underline;
			color: #e6d67f;
			line-height:15px;
			padding: 5px 0 5px 10px; 
			display: block; 
			background: url(../images/etoile_menu.png) no-repeat; 
			line-height:12px;
			padding-left:15px;

		}

		.sub_menu ul li { 
			border-bottom: #e6d67f 1px dotted; 
		}
		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs promos ----------------------------------------------------- */
		
		.bloc_promos { 
			min-height:148px;
			background: url(../images/layout_bloc.jpg) repeat-x left top; 
			background-color:#619cca; 
		}
		
		.bloc_lyt_promos_f{
			margin:auto;
			width:100%;
			height:64px;
			background: url(../images/layout_bloc_f.png) repeat-x left bottom;
		}
		
		.entry_promos{
			padding:10px 5px;
			min-height:128px;
		}
		
		.bloc_promos h3{
			font-size: 18px; 
			font-style:italic;
			color:#FFF;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			text-shadow: #09385c 0 -1px 2px;
		}
		
		.bloc_promos p{
			color:#e6e6e6;
			padding:10px;
			line-height:15px;
			text-align:justify;
		}
		
		.bloc_promos .btm_icons a{
			margin:auto;
			margin-left:35px;
			border:1px #202020 solid;
			background-color:#dadada;
			width:55%;
			-moz-border-radius:6px;
			-khtml-border-radius:6px;
			-webkit-border-radius:6px;
		}
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs keywords --------------------------------------------------- */
		
		.keywords{
			margin:auto;
			width:210px;
			height:235px;
			background: url(../images/fond_keywords.png) no-repeat center bottom;
		}
		
		.keywords h3{
			font-size: 18px; 
			font-style:italic;
			color:#FFF;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			text-shadow: #09385c 0 -1px 2px;
		}
		
		.keywords .cont_sphere{
			margin-left:10px;
			margin-top:15px;
		}

		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs pub -------------------------------------------------------- */
		

		.bloc_pub{ 
			margin:auto;
			width:100%;
			background: url(../images/pub_body.jpg) repeat-y center top; 
		}
		
		.bloc_pub_header{
			margin:auto;
			width:100%;
			height:32px;
			padding-top:7px;
			background: url(../images/pub_header.jpg) no-repeat center top; 
		}
		
		.bloc_pub h3, .bloc_pub h4{
			font-size: 18px; 
			font-style:italic;
			color:#FFF;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			text-shadow: #09385c 0 -1px 2px;
		}
		
		.bloc_pub h4{
			font-size:14px;
		}

		
		.bloc_pub p, bloc_pub .cent{
			color:#202020;
			padding:5px 15px;
			
			line-height:15px;
			text-align:justify;
		}
		
		.bloc_pub .cent{
			text-align:center;
		}
		
		.bloc_pub a{
			font-weight:bold;
		}
		
		
		.bloc_pub img{
			border:1px #435676 solid;
		}


	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.ombre{
			margin:auto;
			height:48px;
			background: url(../images/ombre_footer.png) no-repeat center top; 
		}
		
		.footer{
			margin:auto;
			width:100%;
			background-color:#041339;
			color:#282828;
		}
		
		.footer a {  
			font-size:10px;
			color:#e6d67f;
		}
		
		.footer a:hover { 
			color:#e6e6e6;
		}
		
		.footer p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			color: #5b81d5; 

		}
		

		.haut_footer{
			margin:auto;
			width:100%;
			background:url(../images/haut_footer.jpg) repeat-x top;
			height:32px;
		}
		
		
		.footer .copyright {
			margin:auto;
			width:100%;
			margin-top:10px;
			margin-bottom:20px;
		}
		
		
		
		.footer a.net_activite{
			display:block;
			margin:auto;
			width:210px;
			height:60px;
			background:url(../images/net_activite.png) no-repeat top;
		}
		
		.footer a.net_activite:hover{ background:url(../images/net_activite_hover.png) no-repeat top; }
		
		
		
		.footer a.sitereal{
			display:inline-block;
			margin:auto;
			width:134px;
			height:20px;
			margin-top:10px;
			background:url(../images/721z.png) no-repeat top;
		}
		.footer a.sitereal:hover{ background:url(../images/721z_hover.png) no-repeat top; }
		
		.footer a.hebergeur-pro{
			display:inline-block;
			margin:auto;
			width:134px;
			height:20px;
			margin-top:10px;
			background:url(../images/hebergeur_pro.png) no-repeat top;
		}
		.footer a.hebergeur-pro:hover{ background:url(../images/hebergeur_pro_hover.png) no-repeat top; }
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire contenu ----------------------------------------- */
		
		.tableau_form_cont label{
			font-size:12px;
			color:#202020;
			
		}
		
		
		
		.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:10px;
		color:#7f7331;
		background-color:#fffcee;
		border:1px #7f7331 solid;
		padding:2px 3px;
		}
		
		.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-color:#FFF;
		}
		
		.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-color:#FFF;
		}
		

		
		
