@charset "UTF-8";
/* largeur supérieure à 1800 - wide screen  */
#container {width:960px;margin:0 auto;}
/*general*/
#cookies{}
#cookiesin{}
#menutop{height:20px;}
#menutopin{width:100%;margin:0 auto;}
#menutoptxt{}
#bandeau{width: 100%;z-index:10000}
#bandeauin{}
#bandeautxt{}
#acslogomobile{display:none;}
#baseline div {clear: both;width: 100%;font-weight: bold;font-style: oblique;color: #EF9600;font-size: 36px;margin: -10px 0 20px 10px;}
div#logobatell a.jcetooltip {color:#FFFFFF;text-decoration:none;}
#principal{}
#main{background-color:#ffffff;width: 100%;margin: 0 auto}
#mainin{padding: 0 30px 0 30px;}
#colgauche{float:left;width:615px;}
#coldroite {float: left;width: 220px;margin: 0 0 0 30px;}
#coldroite a:hover{color:#EF9600;}
#footer{width:100%;margin:0 auto;}
#footerin{}
#footerintxt{padding:10px;}
#footerintxt a, #footerintxt p{color:#000000;font-weight:bold;text-decoration:none;}
#footerintxt a:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;}
#legals{background-color: #FFFFFF;min-height: 47px;margin: 0 auto;width:100%}
#legalsin{}
#legalsintxt{padding:10px;}

#logobar {background: transparent url("../images/LOGO-FINAL-HABITAT-COMPOSITE-960x91.jpg") no-repeat scroll center top;clear: both;height: 91px;width: 960px;margin: 11px 0 0 0;}
#logobaradresse {float: left;color: #ffffff;font-weight: bold;margin: 26px 0 0 197px;}
#logobatell, #logobatell.a {float: left;color: #FFFFFF;font-weight: bold;margin: 26px 0 0 34px;}
#logobatell.a {color: #FFFFFF;}
div#logobatell a.jcetooltip {color:#FFFFFF;text-decoration:none;}
.spacer{clear:both;}
.arrondi{border:1px solid grey; border-radius: 5px;padding:0 10px;margin:0 0 10px 0;background-color:#E1E1E1;}

/*bloc6photos*/
#bloc6photos{clear:both;width:101%;margin:20px 0 0 0;}
#sep1{float:left;width:0px;}
#bloc1{float:left;width:286px;}
#sep2{float:left;width:25px;}
#bloc2{float:left;width:286px;}
#sep3{float:left;width:25px;}
#bloc3{float:left;width:286px;}
#sep4{float:left;width:0px;}
#sephoriz{clear:both;height:20px;}
#sep5{float:left;width:0px;}
#bloc4{float:left;width:286px;}
#sep6{float:left;width:25px;}
#bloc5{float:left;width:286px;}
#sep7{float:left;width:25px;}
#bloc6{float:left;width:286px;}
#sep8{float:left;width:0px;}
.bandetitre1{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein1{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}
.bandetitre2{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein2{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}
.bandetitre3{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein3{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}
.bandetitre4{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein4{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}
.bandetitre5{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein5{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}
.bandetitre6{float:left;background-color:#000000;width:286px;height:40px;margin:-40px 0 0 0;opacity:0.8}
.bandetitrein6{text-align:center;margin:10px 0 0 0;color:#ffffff;font-size:18px;font-weight:bold;}


/*menucoldroite*/
#coldroite a{color:#000000;font-size:22px;text-decoration:none; }
/*blocnews*/
#newsaccueil{float:left;width:66%;}
#texteaccueil{float:left;width:33%;margin:32px 0 0 5px;}
.nspArt h4.nspHeader {font-size: 14px;margin: 0;padding: 5px 0 13px;}
.nspArt h4.nspHeader a {text-decoration: none;font-size: 14px;}

/*phocagallery*/
#phocagallery{margin: 0 0 0 20px;padding:20px;}
.pg-cv-folder {margin: 11px 0 0 -25px;text-align: center;font-size: 15px;font-weight: bold;background-image: none;}
.pagination{display:none;}
/*commun sup responsive */
/*p.readmore{background-color:#EFF3F7;}
#videobookacc{width:480px;float:left;margin:left:20px;}
.video-container {position: relative;padding-bottom: 21%;padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 50px;width: 80%;}
.video-container2 {position: relative;padding-bottom: 56%;padding-top: 30px; height: 0; overflow: hidden;}
 .video-container2 iframe, .video-container2 object, .video-container2 embed {position: absolute;top: 0;left: 0;width: 100%;}
.pagination li{display:inline-block;margin:0 10px 0 0;}
*/
img{max-width:100%;height:auto;}

@media screen and (max-width: 1220px) {
/*largeur pc superieur a 758px - 960 à +++ */
#container {width:758px;margin:0 auto;}
  #menutop{height:20px;}
#menutopin{width:758px;margin:0;}
#menutoptxt{}
div#menutopin div#menutoptxt ul.maximenuck li{padding:0 0 0 10px;}
#bandeau{width: 758px;}
#bandeauin{margin:0 0 0 0;}
#bandeautxt{}
#baseline div {clear: both;width: 100%;font-weight: bold;font-style: oblique;color: #c51d24;font-size: 28px;margin: -10px 0 20px 5px;}
div#logobatell a.jcetooltip {color:#FFFFFF;text-decoration:none;}
#principal{}
#main{background-color:#ffffff;width: 100%;margin: 0 auto}
#mainin{padding: 0 30px 0 30px;}
#colgauche{float:left;width:758px;}
#coldroite {display:none;}
#coldroite a:hover{color:#C51d24;}
#footer{width:100%;margin:0 auto;}
#footerin{}
#footerintxt{padding:10px;}
#footerintxt a, #footerintxt p{color:#000000;font-weight:bold;text-decoration:none;}
#footerintxt a:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;}
#legals{background-color: #FFFFFF;min-height: 47px;margin: 0 auto;width:100%}
#legalsin{}
#legalsintxt{padding:10px;}

#logobar {background: transparent url("../images/LOGO-FINAL-HABITAT-COMPOSITE-960x91.jpg") no-repeat scroll center top;clear: both;height: 91px;width: 960px;margin: 11px 0 0 0;}
#logobaradresse {float: left;color: #ffffff;font-weight: bold;margin: 26px 0 0 197px;}
#logobatell {float: left;color: #FFFFFF;font-weight: bold;margin: 26px 0 0 34px;}
.spacer{clear:both;}

/*bloc6photos*/
#bloc6photos{clear:both;width:600px;margin:0 0 0 80px;}
#sep1{float:left;width:0px;}
#bloc1{float:left;width:286px;}
#sep2{float:left;width:25px;}
#bloc2{float:left;width:286px;}
#sep3{float:left;width:0px;}
#bloc3{float:left;width:286px;}
#sep4{float:left;width:25px;}
#sephoriz{display:none;}
#sep5{float:left;width:0px;}
#bloc4{float:left;width:286px;}
#sep6{float:left;width:0px;}
#bloc5{float:left;width:286px;}
#sep7{float:left;width:25px;}
#bloc6{float:left;width:286px;}
#sep8{float:left;width:0px;}


/*menucoldroite*/
#coldroite a{color:#000000;font-size:22px;text-decoration:none; }
/*blocnews*/
#newsaccueil{float:left;width:730px;}
#texteaccueil{float:left;width:680px;margin:0;}
}


@media screen and (max-width: 758px) {
/*largeur smartphone paysage et tablette portrait-524px de large - largeur 525 à 758 */

}

@media screen and (max-width: 734px) {
/*largeur smartphone portrait  292px - largeur 348 à 524 */
#container {width:290px;margin:0 auto;}
#menutop{height:20px;margin:160px 0 0 0;}
#menutopin{width:290px;margin:0 0 0 0;margin:0;}
#menutoptxt{}
#bandeau{width: 290px;}
#bandeauin{margin:0 0 0 0;}
#bandeautxt{display:none;}
#acslogomobile{width:290px;display:block;margin:-180px 0 0 30px;}
#baseline div {clear: both;width: 290px;font-weight: bold;font-style: oblique;color: #c51d24;font-size: 20px;margin: 70px 0 0 0;}
div#logobatell a.jcetooltip {color:#FFFFFF;text-decoration:none;}
#principal{padding:10px;}
#main{background-color:#ffffff;width: 290px;}
#mainin{margin: 0 30px 0 -80px;margin:0;}
#colgauche{float:left;width:286px;margin:0 0 0 -40px;}
#coldroite {display:none;}
#coldroite a:hover{color:#C51d24;}
#footer{width:290px;margin:0 0 0 0;}
#footerin{}
#footerintxt{padding:10px;}
#footerintxt a, #footerintxt p{color:#000000;font-weight:bold;text-decoration:none;}
#footerintxt a:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;}
#legals{background-color: #FFFFFF;min-height: 47px;margin: 0 auto;width:100%}
#legalsin{}
#legalsintxt{padding:10px;}

#logobar {background: transparent url("../images/LOGO-FINAL-HABITAT-COMPOSITE-960x91.jpg") no-repeat scroll center top;clear: both;height: 91px;width: 960px;margin: 11px 0 0 0;}
#logobaradresse {float: left;color: #ffffff;font-weight: bold;margin: 26px 0 0 197px;}
#logobatell {float: left;color: #FFFFFF;font-weight: bold;margin: 26px 0 0 34px;}
.spacer{clear:both;}

/*bloc6photos*/
#bloc6photos{clear:both;width:286px;margin:0 0 0 -40px;}
#sep1{float:left;width:0px;}
#bloc1{float:left;width:286px;}
#sep2{float:left;width:25px;}
#bloc2{float:left;width:286px;}
#sep3{float:left;width:0px;}
#bloc3{float:left;width:286px;}
#sep4{float:left;width:25px;}
#sephoriz{display:none;}
#sep5{float:left;width:0px;}
#bloc4{float:left;width:286px;}
#sep6{float:left;width:0px;}
#bloc5{float:left;width:286px;}
#sep7{float:left;width:25px;}
#bloc6{float:left;width:286px;}
#sep8{float:left;width:0px;}

/*menucoldroite*/
#coldroite a{color:#000000;font-size:22px;text-decoration:none; }
/*blocnews*/
#newsaccueil{float:left;width:290px;margin:0 0 0 -40px;}
#texteaccueil{float:left;width:285px;margin:0 0 0 -40px;}
}

@media screen and (max-width: 449px) {
/*largeur smartphone portrait  292px - largeur 347 et  moins*/
/*#container {width:240px;margin:0 auto;}*/
}