/* ________________________________________________________________________________________ */
/* --------- 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/motif.jpg) repeat top;
		color:#505050;
	}
	
	.motif{
		background:url(../images/fond_repeat.png) repeat-x top;
		width:100%;
		height:100%;
	}
	
	.total {
		width:100%;
		min-height:1000px;
		margin:0;
		padding:0;
		background:url(../images/header.png) no-repeat top;

	}
	
	.pied{
		clear:both;
	}
	
	input[type=button]{
		padding: 0px 15px 4px;
		font-size: 12px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#f2f2f2;
		border: solid 1px #03375d;
		margin:5px;
		cursor: pointer;
		background:url(../images/fond_bouton.png) repeat-x top;
		height: 22px;
		-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 4px #555; 
		-webkit-box-shadow: 0px 0px 4px #555; 
		box-shadow: 0px 0px 4px #555; 


		
	}
	  
	input[type=button]:hover{
		background:url(../images/fond_bouton_hover.png) repeat-x top;
		-moz-box-shadow: 0px 0px 4px #004f88; 
		-webkit-box-shadow: 0px 0px 4px #004f88; 
		box-shadow: 0px 0px 4px #004f88; 
		
		
	}
	
	a {
		color: #095ebd;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
	}

	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:960px;
		height:228px;
	}
	
	
	.header .cont_slogan{
		margin:auto;
		height:150px;
		padding-top:17px;
		
	}

	.header .cont_menu{
		margin:auto;
		width:100%;
		height:34px;
		
	}
	
	.header .fond_slogan{
		margin-top:14px;
		min-width:215px;
		height:64px;
		background:url(../images/fond_slogan.png) no-repeat left;
	}
	
	.header .slogan_1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		font-weight: normal;
		color:#114681;
		padding-left:25px;
		text-shadow:1px 0px 2px #000000; 
	}
	
	.header .slogan_2{
		font-family: Cambria, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		padding-left:25px;
		line-height: 1.2em;
		text-shadow:2px 2px 2px #000000; 
		color:#FFF;
		
	}
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */

		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top;
			width:395px;
			height:150px;
			
		}
		.slider_up{
			position:absolute;
			float:left;
			z-index:10;
			width:361px;
			height:126px;
			margin-left:19px;
			margin-top:5px;
			background:url(../images/slider_up.png) no-repeat top;
		}
		

		.gallerybg {
			height:126px;
			padding:0 0 0 0;
		}
		
		.sliderbg{
			width:342px;
			height:121px;
			padding-left:18px;
			padding-top:7px;
			
			
		}
		
		.stepcarousel{
			
			position: relative; /*leave this value alone*/
			overflow: hidden; /*leave this value alone*/
			width:360px; /*Width of Carousel Viewer itself*/
			height:125px; /*Height should enough to fit largest content's height*/
			
		
		}
		
		.stepcarousel .belt{
			
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel{
			z-index:5;
			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:361px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
	


	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
	ul.nav {
		padding: 0px;
		margin: 0px 0;
		list-style: none;
		clear: left;
	}
	
	ul.nav li {
		float: left;
	}
	
	ul.nav li a {
		float: left;
		text-decoration: none;
		color: #052952;
		height:34px;
		padding:4px 10px;
		margin:0 3px;
		font-weight:bold;
		font-size:12px;
		background:none;
		line-height:23px;
	}
	
	ul.nav li a:hover {
		background: url(../images/menu_hover.png) no-repeat top right;
	}
	
	ul.nav li a.current {
		font-weight:normal;
		padding-right:25px;
		color: #fff;
		margin-left:10px;
		margin-right:-5px;
		background: url(../images/menu_current.png) no-repeat top right;
	}
	
	ul.nav li a.current span {
		float: left;
		margin-left:-25px;
		padding-left: 20px;
		display: block;
		margin-top: -4px;
		height: 34px;
		background: url(../images/menu_current.png) no-repeat top left;
	}
	
	
	

	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information warper ----------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
			min-height:800px;
			background: url(../images/fond_content.png) repeat-y top center;
		}
		
		
		.bas_content{
			margin:auto;
			width:100%;
			height:22px;
			background: url(../images/bas_content.png) no-repeat top center;
		}
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
		
		.cont_sidebar{
			width:270px;
			margin:auto;
		}

		.post{
			margin:auto;
			width:100%;
			margin-top:15px;
			margin-bottom:15px;
		}

		.post h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			font-style:italic;
			color:#114681;
			padding:5px;
			border-left: 3px #095ebd solid;
		}
		
		.post .entry{
			border:1px #FFF solid;
			padding:10px;
			-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 4px #555; 
			-webkit-box-shadow: 0px 0px 4px #555; 
			box-shadow: 0px 0px 4px #555; 
		}
		
		
		.gradient_court{
			min-height:79px;
			background: url(../images/gradient_court.jpg) repeat-x top center;
			background-color:#d5d5d5;
		}
		
		.gradient_long{
			min-height:173px;
			background: url(../images/gradient_long.jpg) repeat-x top center;
			background-color:#d5d5d5;
		}

		
		.post p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:justify;
			line-height:22px;
		}
		.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;}

	
		a.btm_site {
			float: left;
			text-decoration: none;
			color: #d5d5d5;
			padding: 9px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_site.jpg) no-repeat top right;
		}
		
		a.btm_site:hover{
			color: #e7e4df;
			background: url(../images/btm_site_hover.jpg) no-repeat top right;
		}
		
		a.btm_site span {
			float: left;
			padding-right: 26px;
			display: block;
			margin-top: -9px;
			height: 31px;
			background: url(../images/btm_site.jpg) no-repeat top left;
		
		}
		
		a.btm_site:hover span{
			background: url(../images/btm_site_hover.jpg) no-repeat top left;
		}
		
		
		
	/* _________________________________________________________________________ */
	/* --------- information staff --------------------------------------------- */
			
		.staff{
			margin:auto;
			width:100%;
			
		}
		
		.staff-img{
			float:left;
			margin:auto;
			width:20%;
		}
		
		.staff-pres{
			float:left;
			margin:auto;
			padding-top:5px;
			width:80%;
			
		}
		
		.staff p, .staff h2, .staff li, .staff a.text, .staff span{
			margin:0px;
			padding:0;
			font-size: 16px;
			font-weight: normal;
			font-style:italic;
			text-transform: normal;
			letter-spacing: normal;
			line-height:18px;
			text-align:justify;
			background:none;
			border:none;
		}
		
		.staff p{
			font-size:14px;
			font-weight:bold;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.staff h2{
			font-size:16px;
			font-weight:bold;
			font-style:italic;
			color:#004f88;
			width:100%;
			min-height:0px;
			line-height:14px;
		}
		
		.staff span{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:18px;
			font-style:normal;
		}
		
		.staff hr{
			color: #bebebd;
			background-color: #bebebd;
			height: 1px;
			border: 0;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information blogs ------------------------------------------------------------ */
	
		.cont_blog{
			margin:auto;
			width:100%;
		}
		.cont_date{
			margin:auto;
			float:left;
			width:62px;
			height:68px;
			background: url(../images/date_blog.png) no-repeat top left;
			margin-top:25px;
			
		}
		
		.cont_post{
			margin:auto;
			float:left;
			width:452px;
		}
		
		
	/* _________________________________________________________________________ */
	/* --------- information blog meta ----------------------------------------- */
			
		.cont_date h4{
			display:block;
			font-size:30px;
			font-weight:bold;
			font-style:italic;
			font-weight:bold;
			color:#d3d2d2;
			padding-top:10px;
			text-align:center;
		}
		
		.cont_date span{
			display:block;
			font-size:16px;
			font-weight:normal;
			font-style:italic;
			font-weight:bold;
			color:#d3d2d2;
			margin-top:-5px;
			text-align:center;
		}
		
		.cont_post .meta{
			display:block;
			height:17px;
			background-color:#d9d9d9;
			border-bottom:1px #c2c2c2 solid;
			margin-top:5px;
		}
		.cont_post .meta p, .entry .meta span {
			margin:0;
			padding:0;
			font-size: 10px;
			font-family: Verdana, Geneva, sans-serif;
			font-style:normal;
			line-height: normal;
			text-align:left;
			font-weight:normal;
			line-height: 16px;
			display:inline;
		}
		
		.cont_post .meta span{
			font-weight:bold;
			color:#114681;
			
		}
		
		.cont_post .meta .imgdate{
			margin:0 0px -4px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:16px;
		}	
		
		.cont_post h2{
			background:none;
			padding:0px;
			min-height:0px;
			margin:0px;
			line-height:0;
			margin-bottom:12px;
		
		}
		
		

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu { 
			width:260px;
			margin:auto;
			margin-top:20px;
			text-align:center;
			background: url(../images/fond_submenu.png) no-repeat top center; 
			background-color:#d3dce5;
			min-height:205px;
			-moz-box-shadow: 0px 0px 3px #555; 
			-webkit-box-shadow:  0px 0px 3px #555; 
			box-shadow:  0px 0px 3px #555; 
			border: 2px solid #fff;
			-moz-border-radius:0px 30px 0px 30px;
			-khtml-border-radius:0px 30px 0px 30px;
			-webkit-border-radius:0px 30px 0px 30px;
		}
		
		.corner_menu{
			float:left;
			position:absolute;
			margin-left:-8px;
			margin-top:-9px;
			width:68px;
			height:68px;
					
		}
		.corner_menu{ background:url(../images/corner_menu.png) no-repeat top left;	}

		

		.sub_menu h3 {
			display:block;
			width:250px;
			padding-top:10px;
			text-align:center;
			margin:auto;
			font-family: Cambria, serif;
			font-size:22px;
			font-weight: bold;
			font-style:italic;
			color:#114681;
			
			
		}

		.sub_menu a, .sub_menu .current_sub a {
			display: block; 
			padding: 3px 15px; 
			text-decoration:none;
			text-align:left;
			vertical-align:baseline;
			direction:ltr;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height:12px;
			color:#414141;
			border-bottom:1px solid #d1e6ee;
			background:url(../images/picto_sub_menu.png) no-repeat center left;

		}
		
		.sub_menu .current_sub  a {
			color: #114681;
			text-decoration: none;
			border-bottom:2px solid #114681;
			background:url(../images/picto_sub_menu_hover.png) no-repeat center left;
		}
		
		.sub_menu a:hover { 
			color: #114681;
			text-decoration: none;
			border-bottom:2px solid #114681;
			background:url(../images/picto_sub_menu_hover.png) no-repeat center left;			
		}
		
		.sub_menu ul{
			width:250px;
			margin:auto;
			margin-top:10px;
			margin-bottom:20px;
		}
		
		
		.sub_menu ul li { 
			height:20px;
		}
		
		.sub_menu ul ul{
			width:250px;
			margin:auto;
		}
		
		.sub_menu ul ul a{
			font-size:10px;
			line-height:12px;
			background:none;
		}
		
		.sub_menu ul ul a:hover{
			background:none;
		}
		
		.sub_menu ul ul li { 
			height:20px;
		}

		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs pub ----------------------------------------------------- */
		
		.pub, .panier  { 
			width:240px;
			margin:auto;
			background-color:#d9d8d8;
			text-align:center;
			padding:10px;
			border: 2px solid #fff;
			-moz-box-shadow: 0px 0px 3px #555; 
			-webkit-box-shadow:  0px 0px 3px #555; 
			box-shadow:  0px 0px 3px #555; 
			-moz-border-radius:0px 30px 0px 30px;
			-khtml-border-radius:0px 30px 0px 0px;
			-webkit-border-radius:0px 30px 0px 0px;
		}
		
		.panier{
			width:240px;
		}
		
		.corner_pub, .corner_panier{
			float:left;
			position:absolute;
			margin-left:-17px;
			margin-top:-18px;
			width:68px;
			height:68px;
					
		}
		.corner_pub{ background:url(../images/corner_pub.png) no-repeat top left;	}
		.corner_panier{ background:url(../images/corner_panier.png) no-repeat top left;	}
		
		.pub .contenus{
			margin:auto;
			min-height:39px;
			width:90%;
		}
		
		.panier .contenus2{
			margin:auto;
			min-height:39px;
			width:100%;
		}

		
		.pub p, .panier p{
			line-height:18px;
			text-align:justify;
			padding:10px 0px;
		}

		.pub a, .panier a{
			text-align:center;
			font-weight:bold;
			color:#161f2a;
			font-style:italic;
		}
		
		.pub a:hover, .panier a:hover {
			color:#098bbf;
			
		}


	/* ________________________________________________________________________________________ */
	/* --------- information blocs promos -------------------------------------------------------- */

		.promos { 
			width:250px;
			margin:auto;
			min-height:216px;
			background: url(../images/fond_promotion.jpg) no-repeat top;
			text-align:center;
			padding:10px 0px 0px;
			margin-bottom:5px;
			margin-top:5px;
		}
		
		.promos .contenus{
			margin:auto;
			min-height:39px;
			width:85%;
		}
		
		.promos p{
			color:#161f2a;
			line-height:18px;
			text-align:justify;
			padding:5px 0px;
		}
		
		.promos h3{
			display:block;
			width:98%;
			font-size:16px;
			font-weight:normal;
			color:#FFF;
			margin-bottom:10px;
		}
		
		.promos a{ color:#1a2633; }
		.promos a:hover{ color:#38475b; }
		
		.keyword a{ color: #114681; }
		.promos a:hover{ color:#333; }
		
		#meta_sphere{
			margin:auto;
			margin-left:-15px;
			padding-right:15px;
			width:90%;
		}

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			min-height:144px;
			background: url(../images/footer.png) repeat top;
			color:#161f2a;
		}
		
		.footer .cont_footer{
			margin:auto;
			width:960px;
			padding-top:25px;
		}
		
		.footer a { 
			font-size:10px;
			color:#fff;
			text-decoration:underline;
		}
		
		.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 bottom 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: #fff; 
		}
		
		.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;
		}
		
		
		
		.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:#004f88;
			background-color:#f2f2f2;
			border:1px #333 solid;
			padding:2px 3px;
			-moz-border-radius:3px 3px 3px 3px;
			-khtml-border-radius:3px 3px 3px 3px;
			-webkit-border-radius:3px 3px 3px 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;
			border-color:#03375d;

		}
		
		.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;
			-moz-box-shadow: 0px 0px 2px #004f88; 
			-webkit-box-shadow: 0px 0px 2px #004f88; 
			box-shadow: 0px 0px 2px #004f88; 

		}