@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'nimbus';
    src: url('../fonts/nimbussannov-bol-webfont.html');
    src: url('../fonts/nimbussannov-bol-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/nimbussannov-bol-webfont-2.html') format('woff'),
         url('../fonts/nimbussannov-bol-webfont-3.html') format('truetype'),
         url('../fonts/nimbussannov-bol-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'nimbus';
    src: url('../fonts/nimbussannov-med-webfont.html');
    src: url('../fonts/nimbussannov-med-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/nimbussannov-med-webfont-2.html') format('woff'),
         url('../fonts/nimbussannov-med-webfont-3.html') format('truetype'),
         url('../fonts/nimbussannov-med-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}




body{margin:0px;padding:0px;font-size:12px;font-family:'nimbus',Arial;}
body {background-color:#bfbfbf;}
strong{font-weight:bold}
.clear{clear:both;}
sup {vertical-align:text-top; font-size:60%; text-transform:lowercase; }
p{margin-top:10px}
li{list-style:inside}
/* body {;background-image:url(/images/bg1.jpg);background-position:0px center;} */

/*STRUCTURE */
#main{width:982px;margin:0px auto;background-color:#fff;position:relative;}
#top{height:109px;width:100%;z-index:100;padding:0px;background-image:url(../images/structure/bg-menu.png);position:absolute;}
#page{min-height:450px;padding-top:100px}
#content,#projet{padding:30px 40px 20px 40px;}

h3{text-transform:uppercase; font-size:15px; font-weight:bold; margin-bottom:3px}


/* FRISE */
#frise{height:184px;background-color:#fff;position:relative;top:0px;left:0px;}
#frise #bandeau{position:absolute;height:26px;width:895px;padding-right:85px;bottom:10px;left:0px;background-image:url(../images/frise/bandeau.png);z-index:1000;color:#355d8d;text-align:right;font-size:23px;}
#frise .photo{width:244px;display:none;}
#frise .photo,#frise .sep{float:left;}
#frise .sep{width:2px;background-color:#FFF;height:184px;}

/* TOP */
#logo{height:87px;width:131px;position:absolute;top:5px;left:18px;display:block}
#menu{position:absolute;width:800px;right:20px;bottom:28px;}
#menu a{display:block;float:right;font-size:16px;padding:0px 20px;text-decoration:none;color:#355d8d;border-right:2px solid #e3e0db;height:20px;line-height:20px;}
#menu a:hover{text-decoration:underline;;}
#menu a.select,#menu a:hover.select{text-decoration:none;color:#fff;background-color:#355d8d; border-radius:6px;}
#tel{width:100px;position:absolute;top:10px;right:20px;text-align:center;font-size:14px;color:#828888}

/* ACCUEIL */

#blocks {display:table;margin:auto;width:100%;margin-top:20px;}
.block{display:table-cell;vertical-align:top;position:relative;padding-bottom:40px;}
.small{width:264px;}
.block #titre {display:table;width:100%;height:44px;vertical-align:top;}
.block #titre div{display:table-cell;}
.bord{width:62px;background-image:url(../images/structure/sprite_rond.png);background-repeat:no-repeat}
.bord.droit{background-position:0px -54px;}
.block #titre #centre{color:#355d8d;font-size:18px;font-weight:bold;text-align:center}
.block #corps{color:#4e4e4e;font-size:14px;padding:10px 5%;line-height:17px;text-align:left}
.block p{padding:0px 10px;}
.block #lg{float:right;height:80px;width:80px;background-color:#FFFF99}

.block a.action {cursor:pointer;display:block;background-color:#355D8D;color:#fff;position:absolute;left:0px;bottom:15px;height:35px;border-radius:8px;width:86%;text-align:center;line-height:35px;font-size:16px; text-transform:uppercase; text-decoration:none}
.block a.action_decouvrir {cursor:pointer;display:block;background-color:#355D8D;color:#fff;height:35px;border-radius:8px;width:43%;text-align:center;line-height:35px;font-size:16px;margin-left:6%; position:absolute;bottom:15px; left:44%; text-transform:uppercase; text-decoration:none}
.block a:hover.action, .block a:hover.action_decouvrir{background-color:#4674a4;}
#pictos{height:100px;width:100%;background-color:#dedede;display:table;}
#pictos div {display:table-cell;vertical-align:top}
#pictos .petit{width:27%;}
#pictos #centre{text-align:center;font-size:14px;color:#222951;line-height:15px;padding:10px 31px;}



/* FOOTER */
#footer {margin:auto;padding:2%;background-color:#8a8a8a;color:#fff;}
#footer ul{display:table-cell; width:25%; padding:17px}
#footer li{line-height:18px; display:inline-block}
#footer a{font-size:13px; color:rgba(255, 255, 255, 0.7); text-decoration:none; }
#footer a:hover{text-decoration:underline}


/* pages */

#bando_realisation{height:78px; background-color:#a6a6a6; padding:10px 0px 0px 0px}
#bando_realisation #rea_nombre{font-size:40px; color:#c8c8c8; float:right; line-height:60px;text-align:center;width:400px;float:right}
#bando_realisation #rea_nombre span{font-size:25px;}
#bando_realisation .suite{display:block;width:28px;height:35px;float:right;background-image:url(../images/structure/spriteFleches.png);margin-top:15px;}
.suite#next{background-position:0px -40px;margin-right:20px;}
#next:hover{background-position:0px -120px;}
#previous:hover{background-position:0px -80px;}

#projet h1,#content h1{clear:left; font-size:32px; color:#4674a4; text-transform:uppercase; font-weight:normal;}
#projet #header{display:table;width:100%;margin-bottom:40px;}
#projet #Rheader{display:table-cell;padding:0px 10px 0px 62px; vertical-align: top;}
#projet #Lheader{table-cell;text-align:right; vertical-align: top;}

#projet #bl_slider{width:50%;float:left;min-height:400px;}
#projet #bl_description{width:40%;padding-top:1%;float:right;min-height:400px;/*text-align:justify*/;font-size:14px;line-height:21px;color:#555}

#grande_page{font-size: 14px;line-height: 21px;color: #555; margin-bottom:25px}



#bl_slider #slider{background-color:#f3f3f3;border:1px solid #d6d6d6;width:450px;height:330px;position:relative;margin:10px;}
#slider .fleche{height:45px;width:45px;background-image:url(../images/structure/sprite.png);position:absolute;cursor:pointer;}
#slider #droite{background-position:0px 0px;position:absolute;top:138px;left:-20px;}
#slider #gauche{background-position:0px -60px;position:absolute;top:138px;right:-20px;}
#slider #droite:hover{background-position:0px -120px}
#slider #gauche:hover{background-position:0px -180px}

#slider #droite.off,#slider #droite:hover.off{background-position:0px -240px;position:absolute;cursor:auto}
#slider #gauche.off,#slider #gauche:hover.off{background-position:0px -300px;position:absolute;cursor:auto}



#slider #fenetre{margin:4% 6%;width:88%;height:92%;overflow:hidden;position:relative}
#slider #wrapper{height:294px;margin-left:0%;position:absolute;top:0;left:0}

#slider #wrapper img{width:396px;height:294px;float:left;}

#projet h3{color:#4674a4;margin:15px 0px;}
#projet h4{color:#4674a4;margin:5px 0px;}

#content #container{padding-left:60px;}
#container {font-size: 14px;line-height: 21px;color: #555}
#container h1{margin-bottom:20px;}
#container h2{color:#4674a4;margin:25px 0px 15px 0px;}

/* pages contenus pellos*/
#pellos_plan {text-align:center; margin-top:40px}
#pellos_plan p{font-weight: bold; font-style:oblique }

#durable{background-color:#70c351; padding: 30px; margin: 30px 0px;}
#adresse{float:right;width:370px; height:400px; text-align:center;border:1px solid #ccc}
#adresse h2{line-height:0px; font-size:30px; margin:60px 0px 0px 0px!important}

.tel{height:41px;background:url(../images/structure/picto_tel2.png) no-repeat 110px -1px; line-height:42px}
.fax{height:41px;background:url(../images/structure/picto_fax2.png) no-repeat 110px -1px; line-height:42px}
.mail{height:41px;background:url(../images/structure/picto_mail.png) no-repeat 110px -1px; line-height:42px}