body {
  margin:0px;
  padding:0px;
  background:url(../images/background_gen.jpg) repeat-x #FFF;
}

p, div, td {
  font-family:Tahoma, Geneva, sans-serif;
}
img{
	border:none;
}
.spacer {
  clear:both;
}

a {
  color:#005385;
  text-decoration:none;
}
a:hover {
  color:#4E83B7;
  text-decoration:none;
}

h1 { /* titre de la page */
  padding:0px;
  margin:0px;
  font-size:24px;
  color:#005385;
  font-weight:normal;
  border-bottom:1px solid #cacaca;
  padding-bottom:5px;
  background:url(../images/puce_titre_h1.png) no-repeat left;
  padding-left:30px;
  margin-bottom:10px;
}
.h1_accueil{
	font-size:20px;
	padding-left:40px;
	padding-bottom:0px;
	background:url(../images/puce_titre_accueil.png) no-repeat left;
	border:none;
	margin-bottom:0px;
}
h2 {
      color:#4E83B7;
      font-weight:bold;
      text-align:left;
      font-size:16px;
      border-bottom:1px solid #4E83B7;
         
      margin:5px;
      margin-left:0px;
      margin-right:0px; 
}
li{
	color:#005385;
	list-style:url(../images/puce_liste.png);
	padding-left:5px;
	margin-bottom:5px;
    font-size:14px;
}
/** structure **/
#conteneur {
  width:960px;
  margin:auto;
}
#header {
  height:82px;
  margin-top:4px;
}
#header_logo{
	width:362px;
	height:75px;
	float:left;
}
.logo-mask {
	height: 100px;
	overflow: hidden;
	display: inline-block;
}

#header_baseline{
	width:438px;
	height:40px;
	margin:30px 80px 0px 80px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#FFF;
	border:0px;
	font-weight:initial;
}
#milieu {
  min-height:500px;
  width:960px;
}
#milieu_gauche{
	width:350px;
	float:left;
}
#raccourcis_gen{
	width:200px;
	height:33px;
	float:left;
}
.raccourcis_picto{
	width:39px;
	height:33px;
	float:left;
	background:url(../images/background_raccourcis.png) bottom no-repeat #003d61;
	margin-right:11px;
}
.raccourcis_picto:hover{
	background-color:#005385;
}
#texte_logo{
	width:115px;
	height:45px;
	float:left;
	color:#004269;
	text-transform:uppercase;
	font-size:15px;
	background:url(../images/fleche_logo.png) no-repeat top left;
	padding:15px 0px 0px 35px;
	border:0px;
	font-weight:initial;
}
#menu_gen{
	margin:50px 30px 50px 0px;
	width:320px;
	min-height:150px;
}
.menu_titre0, .menu_titre0_actif{
	width:290px;
	height:26px;
	border-bottom:1px solid #cacaca;
	display:block;
	color:#00456d;
	font-size:18px;
	padding:4px 0px 0px 30px;
	background:url(../images/pice_titre.png) no-repeat left;
}
.menu_titre0:hover, .menu_titre0_actif{
	background:url(../images/pice_titre_ON.png) no-repeat left #005385;
	color:#FFF;
	border:none;
	height:27px;
}
#actu_bloc{
	width:320px;
	min-height:200px;
	background-color:#005385;
	margin-right:30px;
	padding-top:15px;
	margin-bottom:30px;
}
#actu_titre{
	height:34px;
	width:275px;
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	background:url(../images/puce_titre_actu.png) left no-repeat;
	padding-left:45px;
	padding-top:8px;
}
#actu_contenu{
	padding:0px 30px 30px 30px;
	display:block;
}
#actu_texte, #actu_texte p{
	color:#FFF;
	font-size:14px;
}
#actu_photo{
	width:261px;
	height:151px;
}
#milieu_droit{
	width:610px;
	float:left;
}
#slider_gen{
	width:610px;
	min-height:174px;
}
.slider_fleche_gauche{
	/*margin-top:50px;*/
	/*border:5px solid #ff0000;*/
	height:343px;
	width:33px;
	float:left;
	background:url(../images/fleche_gauche_slider_OFF.png) no-repeat center;
}
.slider_fleche_gauche:hover{
	background:url(../images/fleche_gauche_slider_ON.png) no-repeat center;
}
#slider_photo{
	min-height:174px;
	width:544px;
	float:left;
	margin:auto;
}
.slider_fleche_droite{
	height:343px;
	width:33px;
	float:left;
	background:url(../images/fleche_droite_slider_OFF.png) no-repeat center;
}
.slider_fleche_droite:hover{
	background:url(../images/fleche_droite_slider_ON.png) no-repeat center;
}
#milieu_contenu{
	margin-top:30px;
	margin-bottom:30px;
	min-height:100px;
	width:610px;
}
#milieu_contenu p, #milieu_contenu div, #milieu_contenu td{
	font-family: Tahoma, Geneva, sans-serif;		
	font-size:14px;
}
#accueil_texte{
	margin:0px 30px 0 40px;
}
#accueil_texte p{
	color:#646464;
	font-size:12px;
	text-align:justify;
}
.accueil_animation{
	width:200px;
	height:230px;
	float:left;
	margin-right:5px;
}
#accueil_btn_plaquette{
	width:138px;
	height:158px;
	padding:20px 30px;
	float:left;
	text-align:center;
	font-size:16px;
	color:#FFF;
	
}
#accueil_btn_plaquette:hover{
	color:#4E83B7;
}
#footer {
  height:54px;
  background-color:#ebebeb;
  border-top:1px solid #d6d6d6;
}
#footer_conteneur{
	width:960px;
	height:46px;
	margin:auto;
	padding-top:8px;
}
#footer_adresse{
	width:600px;
	float:left;
	font-size:14px;
	color:#979797;	
}
#footer_adresse a{
	color:#979797;	
}
#footer_adresse a:hover{
	color:#4E83B7;	
}
#footer_credits{
	text-align:right;
	font-size:12px;
	color:#979797;
	width:360px;
	float:left;
}
#footer_credits a{
	color:#979797;
	text-decoration:none;
}
#footer_credits a:hover{
	color:#4E83B7;	
}
#menu_responsive{
	display:none;
}


@media (max-width: 640px) {
	
	
	.logo-mask {
		height: 80px;
	}
	
	#menu_gen{
		display:none;
	}
	#menu_responsive{
		background-color:#004269;
		display:block;
		width:100%;
		/*padding-top:10px;*/
		margin-top:8px;
		margin-bottom:0px;
	}
	#header_menu_responsive{
		width:110px;
		height:34px;
		font-family: 'Lato', sans-serif;
		font-weight:300;
		font-size:24px;
		color:#FFF;
		text-transform:uppercase;
		margin:auto;
		background:url(../images/picto_menu_responsive.png) no-repeat 0px 5px;
		background-size:30px 30px;
		display:block;
		padding:6px 0px 0px 45px; 
	}
	#header_menu_responsive a{
		color:#FFF;
	}
	/**{
		max-width:100%;
	}/**/
	body{
		background-position: 0px -17px;
	}
	
	#conteneur,#header_logo{
		width:100%;
		text-align:center;
	}
	#header_logo img{
		max-width:96%;
		margin:0px 2% !important;
	}
	#header_logo{
		margin:-17px 3px 0px 3px;
		float: left;
		width:100%;
	}
	.raccourcis_picto img{
		max-width:25px;
	}
	#header_baseline{
		width:100%;
		height:auto;
		margin: 10px 0px 15px 0px;
		font-size:13px;
		color: #00456d;
	}
	#raccourcis_gen{
		width: 150px;
	}
	#footer_conteneur,#milieu,#milieu_gauche,#milieu_droit,#slider_gen{
		width: 100%;
	}
	#milieu_contenu{
		width: 96%;
		margin: auto 2%  15px 2%;
	}
	#menu_gen {
		margin: 0px 0px 10px 0px;
		width: 100%;
		min-height: 100px;
	}
	#header_baseline br {		
		content: ' ';
	}
	#header_baseline br:after {
		content: ' ';

	}
	#actu_bloc{
		display:none;
	}
	.accueil #slider_gen {
		display:block !important;
	}
	#slider_gen {
		display:none;
		width: 100%;
		min-height: auto;
		height: auto;
	}
	.accueil #slider_gen {
		display:block !important;
	}
	#slider_photo{
		/*width:250px !important;
		height:160px !important;		/**/
		margin: -80px auto -60px auto !important;
		transform-origin: top 0 left 0;
		/*float:left;*/
		transform: scale(0.5);
	}
	#slider_photo{
		margin-left:-80px !important;
	}
	.h1_accueil{
		text-align:left;
		padding-left: 40px;
		background: url(../images/puce_titre_accueil.png) no-repeat left 7px;
	}
	li,h1{
		text-align:left;	
	}
	.raccourcis_picto {
		width: 26px;
		height: 22px;
	}
	#texte_logo{
		float: right;
		background: none ;
		text-align:right;
		height: auto;
		margin: 0px;
		padding: 0px 15px 0px 15px;
	}
	.accueil_animation{
		width:100%;
		text-align:center;
	}
	.accueil_animation *{
		margin:auto;
		text-align:center;
	}
	#milieu_droit {
		margin-top:20px;
		/*width:100%;
		text-align:center;/**/
	}
	#accueil_btn_plaquette {
		/*width:100%;*/
		clear:both;
		float:none;
		display:block;
		text-align:center;
		margin: auto;
	}
	#accueil_btn_plaquette *{
		margin:auto;
		text-align:center;
		padding:0px;
	}
	#footer_adresse{
		background-color:#EBEBEB;
		width:90%;
		padding:0% 5% 3% 5%;
		font-size: 12px;
	}
	.slider_fleche_gauche,.slider_fleche_droite{
		display:none;
	}
	#menu_gen{
		width:100%;
		overflow:hidden;
	}
	.menu_titre0,.ligne_menu_0,.menu_titre0_actif{
		width:auto;
	}
	.menu_titre0, .menu_titre0_actif{
		/*margin: 0px -30px 0px 0px !important;*/
	}
	#actu_titre{
		width:auto;
	}
	#actu_bloc,#footer_credits{
		width:100%;
	}
	#footer_credits {
		clear:both;
		text-align: center;
		font-size: 12px;
		color: #979797;
		max-width: 300px;
		float: none;
		margin:20px auto 10px auto;
		padding-top:10px;
	}
	#milieu_contenu img {
		max-width: 100%;		
	}
	.image_actu {
		float:left !important;
		width:100% !important;
		padding-left:20px;
		padding-bottom:15px;
		clear:both;
	}
	#milieu_contenu .plan1,#milieu_contenu .plan2, #actu_photo img,#milieu_contenu img ,.image_actu img{
	
		width: auto !important;
		max-width: 100% !important;
		height:auto;
		clear:both;	
		/*float:left;*/
		margin:auto !important;
		position: relative;
		top: 0px !important;
		left: 0px !important;
		margin-bottom: 0px !important;
	}.formInputChamp{
		width:100% !important;
		max-width:100% !important;
		min-width:100% !important;
	}
	.formInputChamp textarea,.formInputChamp input{
		width:100% !important;
		max-width:100% !important;
		min-width:100% !important;
	}
	p, div, td {
		text-align:justify;
	}
	.zoomImage {
		max-width:100%;		
		margin:10px auto 10px auto !important;
		float:none;
	}
	.cboxOverlay{
		max-width:100% !important;
		width:100% !important;
		height:100% !important;
	}
	#cboxTitle{
		font-size:12px;
	}
	#cboxWrapper{
		/** /
		width:95% !important;
		height:95% !important;
		/*/
		width: 80% !important;
		height: 80% !important;
		margin-left: 5%;
		/**/
	}
	#cboxMiddleLeft,#cboxMiddleRight,#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight{
		display:none;
	}
	#colorbox{
		width:100% !important;
		/*height:auto !important;*/
	}
	.cboxPhoto,#cboxLoadedContent,#cboxContent{
		width:100% !important;
		height:auto !important;
	}
	#div_recherche{
		margin-bottom: 0px !important; 
	}
	#milieu_contenu .label__list {
		margin-top: 0;
	}
	#milieu_contenu .label__item {
		width: 80px!important;
	}
}