*{margin:0;padding:0;}
html{font-size:100%;}
p{font:11px Verdana, Geneva, sans-serif;color:black;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:none;}
a:focus{outline:0;}
li{list-style-type:none;}
@media screen and (min-width: 0px) and (max-width: 320px) { body { font-size: 8px; font-family: Verdana, Geneva, sans-serif; } }
@media screen and (min-width: 320px) and (max-width: 480px) { body { font-size: 5px; font-family: Verdana, Geneva, sans-serif; }	}
@media screen and (min-width: 480px) and (max-width: 540px) { body { font-size: 6px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 540px) and (max-width: 620px) { body { font-size: 7px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 620px) and (max-width: 720px) { body { font-size: 8px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 720px) and (max-width: 768px) { body { font-size: 9px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 768px) and (max-width: 1024px) {  body { font-size: 10px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 1024px) and (max-width: 1200px) {	body { font-size: 11px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 1200px) and (max-width: 1400px) {	body { font-size: 12px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 1400px) and (max-width: 1600px) { body { font-size: 13px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 1600px) and (max-width: 1800px) { body { font-size: 14px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 1800px) and (max-width: 2000px) { body { font-size: 15px; font-family: Verdana, Geneva, sans-serif; }}
@media screen and (min-width: 2000px) and (max-width: 2200px) { body { font-size: 16px; font-family: Verdana, Geneva, sans-serif; }}
/*pour adapter le fond dans le tiroir contact */
@media screen and (min-width: 0px) and (max-width: 590px) { .fond_milieu { left: 50%;width: 0%; } }
@media screen and (min-width: 590px) and (max-width: 720px) { .fond_milieu { left: 19%;width: 41%; } }
@media screen and (min-width: 720px) and (max-width: 1024px) { .fond_milieu { left: 8%;width:  63%; } }
@media screen and (min-width: 1024px) and (max-width: 1200px) { .fond_milieu { left: 9%;width:  70%; } }
@media screen and (min-width: 1200px) and (max-width: 1600px) { .fond_milieu { left: 5%;width:  77%; } }
@media screen and (min-width: 1600px) and (max-width: 3000px) { .fond_milieu { left: 10%;width:  77%; }	}
/* les parties qui ne plus se redimensionne une fois passe 1024 */
@media screen and (min-width: 1020px) and (max-width: 4000px) {	
	.desc_categorie_home { 	font-size : 15px !important; }
	.titre_news_1 { 	font-size : 16px !important; }
	.nom_projet_sitemap  { 	font-size : 13px !important; }
	.p_titre_grand_titre { line-height: 52px !important;}	
	.sstitre_contact { font-size : 13px !important;}
	.infos_contact { font-size : 13px !important;}
	#infos_contact{ font-size: 15px!important;}
}

@font-face {
    font-family: 'oleo_scriptbold';
    src: url('oleoscript-bold-webfont.eot');
    src: url('oleoscript-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oleoscript-bold-webfont.woff2') format('woff2'),
         url('oleoscript-bold-webfont.woff') format('woff'),
         url('oleoscript-bold-webfont.ttf') format('truetype'),
         url('oleoscript-bold-webfont.svg#oleo_scriptbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'oleo_scriptregular';
    src: url('oleoscript-regular-webfont.eot');
    src: url('oleoscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oleoscript-regular-webfont.woff2') format('woff2'),
         url('oleoscript-regular-webfont.woff') format('woff'),
         url('oleoscript-regular-webfont.ttf') format('truetype'),
         url('oleoscript-regular-webfont.svg#oleo_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldlight';
    src: url('oswald-light-webfont.eot');
    src: url('oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-light-webfont.woff2') format('woff2'),
         url('oswald-light-webfont.woff') format('woff'),
         url('oswald-light-webfont.ttf') format('truetype'),
         url('oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldbold';
    src: url('oswald-bold-webfont.eot');
    src: url('oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-bold-webfont.woff2') format('woff2'),
         url('oswald-bold-webfont.woff') format('woff'),
         url('oswald-bold-webfont.ttf') format('truetype'),
         url('oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldregular';
    src: url('oswald-regular-webfont.eot');
    src: url('oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular-webfont.woff2') format('woff2'),
         url('oswald-regular-webfont.woff') format('woff'),
         url('oswald-regular-webfont.ttf') format('truetype'),
         url('oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gudeabold';
    src: url('gudea-bold-webfont.eot');
    src: url('gudea-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gudea-bold-webfont.woff2') format('woff2'),
         url('gudea-bold-webfont.woff') format('woff'),
         url('gudea-bold-webfont.ttf') format('truetype'),
         url('gudea-bold-webfont.svg#gudeabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gudearegular';
    src: url('gudea-regular-webfont.eot');
    src: url('gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gudea-regular-webfont.woff2') format('woff2'),
         url('gudea-regular-webfont.woff') format('woff'),
         url('gudea-regular-webfont.ttf') format('truetype'),
         url('gudea-regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gudeaitalic';
    src: url('gudea-italic-webfont.eot');
    src: url('gudea-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gudea-italic-webfont.woff2') format('woff2'),
         url('gudea-italic-webfont.woff') format('woff'),
         url('gudea-italic-webfont.ttf') format('truetype'),
         url('gudea-italic-webfont.svg#gudeaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('lato-light-webfont.eot');
    src: url('lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff'),
         url('lato-light-webfont.ttf') format('truetype'),
         url('lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoregular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('lato-bold-webfont.eot');
    src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bold-webfont.woff2') format('woff2'),
         url('lato-bold-webfont.woff') format('woff'),
         url('lato-bold-webfont.ttf') format('truetype'),
         url('lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}













.active{visibility:visible;}
.cache{visibility:hidden;}
.display_none{display:none!important;}
.display_block{display:block!important;}
.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;-ms-transition-property:0 opacity;-o-transition-property:0 opacity;transition-property:transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0;}
.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
#content_container{width:100%;background:url(../img/p_gallery/background_4000x3000.png) 18px bottom no-repeat;position:absolute;}
#container{margin-top:26px;padding-right:12%;width:72%;}
#options{position:absolute;left:0;width:16%;height:100%;display:none;}
#options ul{position:absolute;right:10px;height:5em;top:50%;margin-top:-2.6em;}
#options li{font:400 1.5em/1.4em'oswaldregular', sans-serif;letter-spacing:.02em;text-align:right;cursor:pointer;}
#options li a{color:#414042;}
#options2{position:absolute;width:100%;height:69px;bottom:-69px;}
#options2 ul{position:relative;float:left;height:100%;width:72%;}
#div_picto_1{position:absolute;left:0;top:0;width:12%;max-width:40px;height:47px;overflow:hidden;}
#div_picto_2{position:absolute;left:47px;top:0;width:12%;max-width:40px;height:47px;overflow:hidden;}
#div_picto_3{position:absolute;left:94px;top:0;width:12%;max-width:40px;height:47px;overflow:hidden;}
#div_picto_4{position:absolute;left:141px;top:0;width:12%;max-width:40px;height:47px;overflow:hidden;}
#div_picto_1 img,#div_picto_2 img,#div_picto_3 img,#div_picto_4 img{width:100%;position:absolute;top:-24px;cursor:pointer;}
#div_picto_1_select{position:absolute;left:0;top:0;width:12%;max-width:40px;height:69px;overflow:hidden;}
#div_picto_2_select{position:absolute;left:47px;top:0;width:12%;max-width:40px;height:69px;overflow:hidden;display:none;}
#div_picto_3_select{position:absolute;left:94px;top:0;width:12%;max-width:40px;height:69px;overflow:hidden;display:none;}
#div_picto_4_select{position:absolute;left:141px;top:0;width:12%;max-width:40px;height:69px;overflow:hidden;display:none;}
#div_picto_1_select img,#div_picto_2_select img,#div_picto_3_select img,#div_picto_4_select img{width:100%;position:absolute;top:-22px;cursor:pointer;}
#btn_close{position:absolute;top:-20px;left:23px;width:9%;max-width:17px;cursor:pointer;z-index:1;}
.element{width:120px;height:120px;float:left;overflow:hidden;background:#888;color:#222;cursor:pointer;margin:2px 5px 3px 0;}
.element.alkali{background:hsl(0,100%,50%);}
.element.alkaline-earth{background:hsl(36,100%,50%);}
.element.lanthanoid{background:hsl(72,100%,50%);}
.element.actinoid{background:hsl(108,100%,50%);}
.element.transition{background:hsl(144,100%,50%);}
.element.post-transition{background:hsl(180,100%,50%);}
.element.metalloid{background:hsl(216,100%,50%);}
.element.other.nonmetal{background:hsl(252,100%,50%);}
.element.halogen{background:hsl(288,100%,50%);}
.element.noble-gas{background:hsl(324,100%,50%);}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
body{overflow:hidden;background:none;}
#slide_preload{position:absolute;width:100%;height:100%;z-index:95;}
#slide_contact{position:absolute;left:0;width:100%;bottom:-185px;height:185px;background:none;z-index:91;overflow:hidden;display:none;}
#slide_sitemap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:90;overflow:hidden;display:none;}
#div_si{position:absolute;width:100%;height:100%;z-index:70;overflow:hidden;}
.slide_home{position:absolute;width:100%;height:100%;z-index:71;overflow:hidden;left:0;background:#F1F2F2 url(../img/p_news/tiret_separation_3x8.png) repeat-y -1px 0;}
.slide_news{position:absolute;left:-100%;width:100%;height:100%;z-index:72;background:#F1F2F2;}
.slide_team{position:absolute;left:100%;top:-100%;width:100%;height:100%;z-index:72;}
#slide_dia1{position:absolute;width:100%;height:100%;z-index:72;overflow:hidden;left:0;top:-100%;background:#F1F2F2 url(../img/diagonale_2500x2500.png) no-repeat bottom right;}
#slide_dia2{position:absolute;width:100%;height:100%;z-index:72;overflow:hidden;left:100%;top:0;background:#F1F2F2 url(../img/diagonale_2500x2500.png) no-repeat top left;}
.bckg_site{background-color:#F1F2F2;}
.bckg_sitemap{background-color:#424142;}
.colonne_10{position:relative;float:left;width:10%;height:100%;}
.colonne_40{position:relative;float:left;width:32%;height:100%;}
.colonne_60{position:relative;float:left;width:48%;height:100%;}
#cadre_noir_top{position:fixed;width:100%;height:26px;top:0;background:black;z-index:100;}
#cadre_noir_left{position:fixed;width:18px;height:100%;left:0;background:black;z-index:100;}
#cadre_noir_right{position:fixed;width:18px;height:100%;right:0;background:black;z-index:100;}
#cadre_noir_bottom{position:fixed;width:100%;height:18px;bottom:0;background:black;z-index:100;}
#cadre_noir_top_zoom{position:fixed;width:100%;height:15px;top:0;background:black;z-index:100;display:none;}
#cadre_noir_left_zoom{position:fixed;width:10px;height:100%;left:0;background:black;z-index:100;display:none;}
#cadre_noir_right_zoom{position:fixed;width:10px;height:100%;right:0;background:black;z-index:100;display:none;}
#cadre_noir_bottom_zoom{position:fixed;width:100%;height:10px;bottom:0;background:black;z-index:100;display:none;}
#DM{position:absolute;left:18px;top:0;}
#DM p{position:relative;float:left;font:300 14px/26px'oswaldregular', sans-serif;color:white;margin-left:3px;letter-spacing:.5px;}
#DM_zoom{position:absolute;left:10px;top:0;}
#DM_zoom p{position:relative;float:left;font:300 10px/16px'oswaldregular', sans-serif;color:white;margin-left:3px;letter-spacing:.5px;}
#DM p a,#DM_zoom p a{color:white;}
#Block_cadre_noir{position:absolute;right:20px;height:26px;top:0;}
#Block_cadre_noir p.Site_Map{position:relative;float:left;font:300 13px/26px 'oswaldregular', sans-serif;color:white;letter-spacing:1.3px;cursor:pointer;}
#Block_cadre_noir p.Separator{position:relative;float:left;font:300 17px/28px 'oswaldregular', sans-serif;color:white;}
#Block_cadre_noir img{position:relative;float:left;}
#Block_cadre_noir .picto_1{margin-top:0;margin-left:4px;}
#Block_cadre_noir .picto_2,.picto_3,.picto_4,.picto_5,.picto_6{margin-top:0;}
#Block_cadre_noir .picto_7{margin-left:30px;margin-top:-1px;}
#div_btn_contact,#div_btn_contact_open{position:absolute;bottom:10px;width:8%;max-width:62px;right:153px;z-index:1;}
#div_btn_contact_open{display:none;overflow:hidden;}
/* 
PRELOAD
*/	
#preload_background_image{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.5;}
#preload_overlay{position:absolute;width:100%;height:100%;background:transparent url(../img/overlays/02.png);opacity:0.1;}
.texte2{position:absolute;top:18%;left:50%;margin-left:-164px;width:330px;}
.texte2 p{margin-top:-28px;font:400 1em/1.4em 'latoregular', sans-serif;color:#322e2b;text-align:center;letter-spacing:0;}
.cadre{position:absolute;top:18%;margin-top:-7px;left:50%;margin-left:-164px;width:328px;height:11px;border:1.5px solid #322e2b;
    /*-webkit-border-radius:15px;*/
    -moz-border-radius:15px;
    border-radius:15px;
    overflow:hidden;
}
#barre{position:absolute;width:0;height:200px;margin-top:-30px;background-color:#322e2b;
    /*-webkit-border-top-right-radius:130px;*/
    -moz-border-radius-topright:130px;
    border-top-right-radius:130px;
}
.texte{color:#322e2b;font-size:2px;}
/* 
HOME
*/
.div_img_grand_titre{position:absolute;top:15.7%;right:0;width:100%;}
.div_img_grand_titre img{float:right;margin-right:12px;width:58.5%;max-width:95px;}
.p_titre_grand_titre{position:absolute;width:400%;top:15.7%;font:300 3.4em 'oswaldregular', sans-serif;color:#333132;letter-spacing:.06em;line-height:1.3em;}
.menu_home{margin-top:10px;margin-left:2px;position:relative;}
.menu_home li{font-size:1.8em;line-height:1.2em;font-family:'oswaldregular', sans-serif;color:#231F20;letter-spacing:.07em;}
.desc_categorie_home{font-size:1.35em;line-height:1.24em;font-family:'oleo_scriptregular', cursive;color:#333132;margin:18px .5em 0 2px;}
#picto_1,#picto_2,#picto_3,#picto_4{position:relative;top:0;width:40px;cursor:pointer;height:39px;}
#picto_5{position:relative;top:0;width:39px;cursor:pointer;height:40px;}
.div_picto_home{position:absolute;top:0;width:100%;}
.div_btn_news{position:absolute;top:28%;width:50%;max-width:50px;}
#loading_before_gal{border-radius:0;background:url(../img/loading.gif) no-repeat center center;background-size:cover;width:40px;height:40px;left:50%;margin-left:-20px;position:fixed;top:50%;margin-top:-20px;z-index:60;display: none;}
/* 
NEWS
*/
.p_titre_grand_titre_news{position:absolute;width:116%;top:15.7%;font:300 3.4em 'oswaldregular', sans-serif;color:#333132;letter-spacing:.06em;line-height:1.3em;}
.div_logo_news img{width:30.5%;max-width:50px;float:right;margin-right:12px;}
.bloc_news{position:absolute;width:99%;top:28%;}
.titre_news{font:300 1.5em/1.5em 'oswaldregular', sans-serif;color:#231F20;margin-top:-3px;letter-spacing:.03em;margin-left:-1px;}
.descr_news{font:1.35em/1.23em 'oleo_scriptregular', cursive;color:#231F20;margin-top:10px;}
.titre_news_1{}
.descr_news_1{}
.titre_news_2{margin-top:21px;opacity:0.6;}
.descr_news_2{opacity:0.6;}
.titre_news_3{margin-top:21px;opacity:0.4;}
.descr_news_3{opacity:0.4;}
.titre_news_4{margin-top:21px;opacity:0.2;}
.descr_news_4{opacity:0.2;}
.titre_news_5{margin-top:21px;opacity:0.08;}
.descr_news_5{opacity:0.08;}
.colonne_10_droit{position:absolute;right:18px;width:10%;height:100%;}
.div_btn_home{position:absolute;right:0;top:28%;width:50%;max-width:50px;}
.img_btn_home{margin-top:0;width:100%;float:right;}
.img_btn_home_hover{margin-top:0;width:100%;float:right;display:none;}
/* 
ABOUT US / TEAM / CLIENTS
*/
.p_descr_1_team{font:1.36em/1.33em 'oleo_scriptregular', cursive;color:#333132;margin-top:1px;width:94%;}
.p_descr_2_team{font:1.2em/1.22em 'oleo_scriptregular', cursive;color:#333132;margin-top:15px;width:94%;}
.p_titre_2_team{position:relative;width:33.333333%;margin-top:15%;font:300 1.9em/1.5em 'oswaldregular', sans-serif;color:#333132;letter-spacing:.1em;margin-left:2px;}
.conteneur_team_big .col_1{width:33.3333%;position:relative;float:left;}
.conteneur_team_big .col_2_3{width:66.6666%;position:relative;float:left;}
.p_titre_team{font:1.5em 'gudeabold', sans-serif;margin-top:-4px;margin-left:6px;}
.p_sstitre_team{font:400 1.16em 'gudeaitalic', sans-serif;margin-top:-3px;margin-left:6px;letter-spacing:.05em;}
.p_descr_team{font:1.2em/1.22em 'oleo_scriptregular', cursive;color:#333132;margin-left:6px;margin-top:15px;width:94%;}
.team1{display:block;}
.conteneur_team_small .col_1_min{width:33.3333%;position:relative;float:left;display:none;cursor:pointer;}
.p_titre_team_small{font:1.5em 'gudeabold', sans-serif;margin-top:2px;margin-left:3px;}
.p_sstitre_team_small{font:1.16em 'gudeaitalic', sans-serif;margin-top:-2px;margin-left:3px;letter-spacing:.05em;}
.p_descr_3_team{font:1.2em/1.22em 'oleo_scriptregular', cursive;color:#333132;margin-top:15px;width:94%;position:relative;float:left;}
.img_logo_client{position:relative;float:left;margin-right:5%;margin-bottom:5%;height:6.1%;max-height:40px;max-width:80%;}
.close_team{position:absolute;top:26px;width:22%;max-width:36px;left:-11px;}
/* 
SITE MAP
*/
.contenu_colonne_sitemap{position:absolute;top:10%;width:100%;}
.div_picto_sitemap{position:relative;width:25%;max-width:40px;}
.div_trait_picto_sitemap{position:relative;width:100%;}
.img_trait_picto_sitemap{margin-top:0;width:90%;}
.titre_cat_sitemap{font:400 1.4em 'oswaldregular', sans-serif;color:#D1D3D3;letter-spacing:.07em;margin-left:2px;margin-bottom:1px;}
.margin_tit_cat{margin-top:15px;}
.nom_projet_sitemap{font:1.1em/1.3em 'oleo_scriptregular', sans-serif;color:#D1D3D3;letter-spacing:.07em;margin-left:1px;cursor:pointer;}
.contenu_colonne_sitemap_contact{position:absolute;top:30%;width:100%;}
.div_picto_sitemap_env{position:relative;width:20%;max-width:28px;}
.img_picto_sitemap_env{margin-bottom:7px;width:100%;margin-left:-1px;}
.titre_contact{font:400 1.4em 'oswaldregular', sans-serif;color:#333132;letter-spacing:.07em;margin-top:4px;margin-left:2px;margin-bottom:1px;}
.sstitre_contact{font:1.2em 'oswaldbold', sans-serif;color:#D1D3D3;letter-spacing:.07em;margin-top:4px;margin-left:2px;}
.infos_contact{font:1.15em 'Trebuchet MS', sans-serif;color:#D1D3D3;letter-spacing:.02em;margin-top:0;margin-left:2px;}
#close_sitemap{position:absolute;top:26px;width:22%;right:166px;max-width:36px;z-index:10;}
#signature{position:absolute;bottom:4.5%;width:100%;text-align:center;color:#939598;font:.8em/1.2em 'latoregular', sans-serif;}
#signature a{color:#939598;}
/* 
CONTACT
*/
.fond_gauche{position:absolute;left:0;top:0;width:300px;height:100%;}
.fond_gauche img{width:100%;float:right;}
.fond_milieu{position:absolute;top:0;background:#DB3238;height:100%;}
.fond_droit{position:absolute;right:0;top:0;width:300px;height:100%;}
.fond_droit img{float:left;}
.input_mail{position:relative;float:left;width:95%;margin-top:18px;border:none;height:9.6%;background:none;font:14px 'oleo_scriptregular', sans-serif;color:white;letter-spacing:.07em;padding-left:8px;text-align:left;}
.texte_mail{position:relative;float:left;width:95%;margin-top:10px;border:none;height:85px;background:none;font: 15px/19px 'latolight', sans-serif;color:white;padding-left:3px;text-align:left;}
.submit_img{position:relative;float:right;border:none;width:92px;max-width:92px;margin-top:7px;margin-right:5%;}
.img_env{width:10%;max-width:32px;margin-top:10px;}
p#infos_contact{position:relative;font:100 1.16em/1.45em 'latolight', sans-serif;color:white;margin-top:3px;margin-left:2px;}
#img_close_contact{position:absolute;width:2.4%;max-width:22px;top:10px;right:35px;cursor:pointer;}
#iframe_contact{width:100%;height:100%;border:none;overflow:hidden;}
.alerte_mail{font:300 14px/20px 'latoregular', sans-serif;color:white;position:absolute;bottom: 31px;height:19px;width:70%; }
.send_message_nonok{color:white;}
.send_message_ok{color:#5BBA47;}
/* 
GALLERY
*/
.vegas-loading{border-radius:0;background:url(../img/loading.gif) no-repeat center center;background-size:cover;width:40px;height:40px;left:50%;margin-left:-20px;position:fixed;top:50%;margin-top:-20px;z-index:60;}
.vegas-overlay{background:transparent url(overlays/02.png);opacity:0;z-index:52;}
.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:50;top:0!important;}
.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#slide_gallery{position:absolute;width:100%;height:100%;top:0;leflt:0;z-index:80;}
.div_ga_temp{position:absolute;width:100%;height:100%;z-index:40;overflow:hidden;background-size:cover;}
.btn_close_miniature{position:absolute;bottom:77px;left:7px;width:9%;max-width:17px;cursor:pointer;}
.colonne_20_pro{position:relative;float:left;width:16%;height:100%;margin-left:18px;}
.colonne_100_pro{position:relative;float:left;width:76%;overflow:hidden;background:green;padding-left:13.5%;}
#conteneur_miniature{position:relative;left:0;width:100%;margin-top:0;background:url(../img/pppp_gallery/background_4000x490.png) 18px bottom no-repeat;padding-top:26px;height:100%;z-index:2;overflow:hidden;}
#content_minia{overflow:hidden;background:red;margin-top:3px;}
.div_menu{position:absolute;left:0;width:20%;height:5em;top:50%;margin-top:-2.5em;}
.tab_menu_1{position:absolute;top:50%;right:0;height:5em;margin-top:-2.5em;}
#content_minia_A,#content_minia_B,#content_minia_C{position:absolute;background:white;left:18px;padding-left:18%;width:72%;}
.btn_img{position:relative;float:left;width:15.5%;max-width:120px;cursor:pointer;margin:0 3px 3px 0;}
.imgJ,.imgK,.imgL{background: no-repeat url(../img/p_gallery/btn_play_over.png) 18px 18px;}
.action{position:relative;width:100%;height:69px;z-index:0;}
.col20_right{position:relative;margin-right:18px;height:68px;}
#content_btn_prev_next{position:absolute;top:0px;width:16%;margin-left:18px;height:100px;}
#btn_prev{position:absolute;top:19.5px;left:24%;width:25px;height:25px;cursor:pointer;overflow:hidden;}
#btn_next{position:absolute;top:19.5px;right:24%;width:25px;height:25px;cursor:pointer;overflow:hidden;}
#tab_menu{position:absolute;width:100%;}
#btn_action{position:relative;float:left;width:100%;height:69px;background:yellow;}
#div_btn_gallery{position:absolute;bottom:18px;left:18px;width:50%;max-width:50px;}
#div_btn_zoom{position:absolute;top:26px;right:18px;width:50%;max-width:47px;z-index:10;}
#div_btn_zoom_out{position:absolute;top:15px;right:10px;width:50%;max-width:71px;display:none;z-index:1;}
#img_btn_zoom_out{position:absolute;top:0;width:100%;float:left;}
#img_btn_zoom_out_hover{position:absolute;top:0;width:100%;float:left;display:none;}
img,img a{border:0;}
#options li a:hover,#options li .a_menu_active,.menu_home li:hover,.nom_projet_sitemap:hover,.menu5_sitemap:hover,.site_map_hover,.div_menu p:hover,.div_menu .p_active,#tab_menu p:hover,#tab_menu .p_active{color:#DB3238;}
#div_picto_1 #img_1_hover,#div_picto_2 #img_2_hover,#div_picto_3 #img_3_hover,#div_picto_4 #img_4_hover{width:100%;position:absolute;top:0;cursor:pointer;display:none;}
#div_picto_1_select:hover img,#div_picto_2_select:hover img,#div_picto_3_select:hover img,#div_picto_4_select:hover img,#btn_prev:hover img,#btn_next:hover img{top:0;}
#btn_close img,.close_team img,#close_sitemap img,.btn_close_miniature img,.btn_img img{width:100%;}
#Block_cadre_noir,#div_btn_contact,.div_picto_hover_1_home,.div_picto_hover_2_home,.div_picto_hover_3_home,.div_picto_hover_4_home,.div_picto_hover_5_home,.team2,.team3,.team4,.picto_hover_1,.picto_hover_2,.picto_hover_3,.picto_hover_4,.picto_hover_5,.trait_picto_hover_sitemap_1,.trait_picto_hover_sitemap_2,.trait_picto_hover_sitemap_3,.trait_picto_hover_sitemap_4,.trait_picto_hover_sitemap_5,#preload_btn{display:none;}
.colonne_20px,#colonne_20px_pro{position:relative;float:left;width:18px;height:100%;}
.colonne_20,#colonne_marge_18{position:relative;float:left;width:16%;height:100%;}
#cadre_noir_top_zoom:hover,#cadre_noir_left_zoom:hover,#cadre_noir_right_zoom:hover,#cadre_noir_bottom_zoom:hover,#div_btn_contact:hover,#div_btn_contact_open:hover,.li_menu1,.li_menu2,.li_menu3,.li_menu4,.li_menu5,.div_btn_news:hover,.div_btn_home:hover,.div_btn_home2:hover,.close_team:hover,.menu5_sitemap,#div_btn_home3:hover,#close_sitemap:hover,#div_btn_gallery:hover,#div_btn_zoom:hover,#div_btn_zoom_out:hover{cursor:pointer;}
#DM img,#DM_zoom img{margin-left:2px;position:relative;float:left;}
.img_btn_contact,.img_btn_contact_open,.img_btn_news,.img_btn_home2,.img_btn_home3,#img_btn_gallery,#img_btn_zoom{margin-top:0;width:100%;float:left;}
.img_btn_contact_hover,.img_btn_news_hover,.img_btn_home2_hover,.img_btn_home3_hover,#img_btn_gallery_hover,#img_btn_zoom_hover{margin-top:0;width:100%;float:left;display:none;}
.contenu_colonne_home,.div_logo_news{position:absolute;top:28%;width:100%;}
.img_picto,.img_picto_setting,.img_picto_sitemap{margin-top:0;width:100%;}
.p_titre_1_team,.p_titre_3_team{position:relative;margin-top:45%;font:300 1.9em/1.5em 'oswaldregular', sans-serif;color:#333132;letter-spacing:.1em;margin-left:2px;}
.img_border_titre1_team,.img_border_titre2_team,.img_border_titre3_team{position:relative;margin-top:7px;width:98%;margin-left:-4px;}
.conteneur_team_big,.conteneur_team_small{width:98%;position:relative;float:left;margin-top:5px;}
.img_team {width:97%;margin-left:2px;}
.img_team_small{width:97%;margin-left:2px;}
.conteneur_team_small .col_2_min,.conteneur_team_small .col_3_min,.conteneur_team_small .col_4_min{width:33.3333%;position:relative;float:left;cursor:pointer;}
.div_btn_home2,#div_btn_home3{position:absolute;bottom:18px;width:50%;max-width:50px;}
.margin_picto_col1,.margin2_tit_cat{margin-top:25px;}
.div_menu p,#tab_menu p{font:400 1.14em/1.4em 'oswaldregular', sans-serif;color:#414042;letter-spacing:.02em;margin-right:10px;text-align:right;cursor:pointer;}
.col50_btn,.col50_btn2{position:relative;float:left;width:50%;height:30px;}
#btn_prev img,#btn_next img{width:100%;position:absolute;top:-25px;}
/*
VIDE0S 
*/
#bloc_videos{ position:absolute;top:0px;left:0px;width:100%;height:100%;display: none;}
#bgvid, #bgvid2{
position: fixed;right:0;bottom:0;
min-width: 100%; min-height:100%;
width: auto; height: auto; padding-bottom: 0px;
}
.overlay_img_film{ position:absolute;width:120px;height:120px;background:no-repeat url(../img/p_gallery/btn_play_over.png) 18px 18px;
z-index: 2;}