@charset "utf-8";img,object,embed,video{max-width:100%}
.ie6 img{width:100%}
html{overflow-x:hidden;overflow-y:scroll}
body{font-family:'Roboto',sans-serif;width:100%;overflow:hidden}
a,a:visited{color:#888;text-decoration:none}
a:hover{color:#bbb;text-decoration:none}
.fadanim{cursor:pointer}
.bt_accueil{cursor:pointer;margin:0 auto;width:90%;max-width:300px;border:2px #eee solid;height:40px;text-align:center;line-height:40px;color:#eee;font-size:22px}
.bt_accueil:hover{background-color:#eee;color:#777}
.ul_sousmenu{display:none;position:absolute;top:-500px}
.reponse_formulaire_erreur{font-size:14px;color:red;font-weight:400;text-align:center}
.reponse_formulaire{display:block;width:75%;margin:20px auto 50px;position:relative;font-weight:400;border:1px #999 dotted;font-weight:700;padding:20px;text-align:center}
.reponse_formulaire_ok{border:2px dotted #33A452}
.erreur input{background-color:#F6CECE}
.erreur_message{display:none}
legend{display:none}
.formulaire_spip form{width:100%;max-width:700px;text-align:left;margin:0 auto;padding-bottom:40px}
.formulaire_spip form label{display:inline-block;width:50%;max-width:400px;font-size:16px;font-weight:400}
.formulaire_spip form input{display:block;width:100%;height:35px;margin-bottom:10px}
textarea{width:90%}
.formulaire_spip form select{max-width:250px;display:inline-block;width:45%}
.formulaire_spip form input,textarea,select{font-family:'Open Sans',sans-serif;font-size:16px;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;padding:3px;border:1px solid #bbb;border-radius:5px;box-shadow:1px 1px 2px #ccc inset;width:100%}
.formulaire_spip .checkbox{width:auto;display:inline;height:auto;margin-bottom:auto}
.formulaire_spip form li{min-height:35px;list-style-type:none;margin:2 0 0;padding:0}
.formulaire_spip form ul{margin:0;padding:0}
.boutons{display:block;width:100%;text-align:center}
.boutons input{position:relative;margin-top:20px;margin-left:auto;margin-right:auto}
.submit{display:block;width:75%;min-width:200px;text-align:center}
#rub_liste_art1 h2{text-align:center;border-bottom:1px solid #444}
.fluid{clear:both;margin-left:0;width:100%;float:left;display:block}
.fluidList{list-style:none;list-style-image:none;margin:0;padding:0}
.gridContainer{margin-left:auto;margin-right:auto;width:100%;clear:none;float:none}
#header{display:block;position:relative}
#logo{display:block;margin:0 auto;padding-left:20px}
#menu_bt_mobile{float:right;margin-right:15px;margin-top:10px;cursor:pointer}
#menu_pictos_mobiles{padding-top:10px;margin-left:20px}
#menu_pictos_mobiles img{cursor:pointer;padding-left:10px;padding-right:10px}
#menu_mobile{margin-top:10px;width:100%;height:45px;background-color:#2E2E2E;position:relative;margin-bottom:-20px}
#menu{display:none;width:100%}
#menu_principal{margin-top:15px;font-size:20px}
#menu_principal ul{margin-top:5px;height:0;list-style-type:none;padding-top:10px;padding-left:0}
#menu_principal ul li{display:inline-block;height:54px;line-height:54px;text-align:left;padding-left:15px;cursor:pointer;width:100%;background-color:#F39200}
#menu_principal ul li.actif div{display:inline-block;width:7px;height:12px;margin-left:8px;background-image:url('https://www.ioner-france.fr/images_plus/mini_fleche_menu_actifmb.png')}
#menu_principal ul li.actif,#menu_principal ul li:hover{background-color:#F39200}
#menu_principal ul li.noactif div{display:inline-block;width:7px;height:12px;margin-left:8px;background-image:url('https://www.ioner-france.fr/images_plus/mini_fleche_menu_actif.png')}
#menu_principal ul li.noactif{color:#fff}
#menu_principal ul li ul li a{color:#fff;text-decoration:none}
#contenu{margin-top:20px;position:relative;top:1px}
#diaporama_photo div{width:100%;height:200px;position:relative;background-repeat:no-repeat;background-size:cover}
#fil_ariane div{font-weight:300;font-size:13px;color:#585858;line-height:28px;border-bottom:1px solid #969696;margin-left:20px;margin-top:-50px}
#fil_ariane div a{color:#585858;text-decoration:none}
#fil_ariane div a:hover{color:#bbb}
#zone_activite{margin-top:35px;margin-bottom:40px}
.pictos_activite{display:block;width:90%;text-align:center;cursor:pointer;margin-bottom:50px;margin-left:auto;margin-right:auto}
.img_inline{width:100%;margin-bottom:10px}
.pictos_activite h1{font-size:22px;color:#434343}
.pictos_activite p{font-weight:200;font-size:18px;color:#6D6D6D;margin:0 auto}
#bande_grise{background-color:#615858}
#bande_grise_texte{padding:20px;width:90%}
#bande_grise_texte h2{padding:0;margin:0;font-size:28px;font-weight:400;color:#FFF}
#bande_grise_texte p{color:#D5D5D5;font-weight:200;font-size:16px}
#zone_vidéo{width:90%}
#zone_vidéo h2{font-size:20px;font-weight:400;background-color:#eee;text-align:center;border-bottom:3px solid #aaa}
#zone_vidéo iframe{height:255px}
#zone_interactive{margin-top:70px;margin-left:-42%;width:200%;position:relative;background-color:#fff}
.map-btn{width:18px;height:19px;background-color:#F39200;color:#2E2E2E;font-weight:700;text-align:center;font-size:19px;line-height:19px;position:absolute;cursor:pointer}
.map-btn:hover{background-color:#777;color:#FFF}
#map_garage{left:22%;top:60%}
#map_portail{left:29%;top:79%}
#map_portailmini{left:50.5%;top:82%}
#map_porte{left:43%;top:62%}
#map_voletroulant{left:55%;top:55%}
#map_veranda{left:68%;top:60%}
#map_cloture{left:65%;top:78%}
#map_fenetre{left:44%;top:40%}
#map_combles{left:55.5%;top:25%}
#map_pergola{left:78%;top:60%}
.popup_map{display:none;width:40%;margin-left:23%;margin-top:-60%;background-color:#fff;position:absolute;padding:20px;border:1px solid #bbb}
.popup_map small{float:right;color:#bbb;cursor:pointer}
.popup_map .popup_bouton{background-color:#F39200;text-align:center;line-height:30px;margin:0 auto;cursor:pointer}
#footer{margin-top:15px;width:100%;background-image:url('https://www.ioner-france.fr/images_plus/footer_background.png');background-size:cover}
#footer_mentions{text-align:center;font-size:14px;color:#828282}
#footer_mentions a,#footer_mentions a:visited{color:#828282;text-decoration:none}
#footer_mentions a:hover{color:#bbb}
#footer_zone_menus{width:100%;max-width:950px;margin:auto;clear:none;float:none;margin-left:auto}
#footer_zone1{display:block;text-align:center;padding-top:50px}
#footer_zone1 ul{color:#fff;font-size:21px;font-weight:400;list-style-type:none;margin:0;padding:0}
#footer_zone1 ul li{height:55px;margin:0;padding:0}
#footer_zone1 #bouton_devis{text-align:center;color:#EF7B10;font-weight:700;font-size:25px;margin:0 auto}
#footer_zone1 #bouton_devis img{position:relative;margin-left:-30px;margin-top:20px}
#footer_zone2{padding-top:50px;display:block;vertical-align:top;position:relative}
#footer_zone2 div{background-repeat:no-repeat;font-size:20px;color:#fff;padding-left:50px;font-weight:200;line-height:23px;margin-bottom:20px}
.footer_trait{width:65px;border-bottom:1px #999 solid;margin:10px auto 0;padding:0}
#footer_zone2 .footer_trait{padding-left:0}
#footer_cadre_tel{background-image:url('https://www.ioner-france.fr/images_plus/picto_tel2.png');margin-left:auto;margin-right:auto;width:150px}
#footer_cadre_fb{background-image:url('https://www.ioner-france.fr/images_plus/picto_fb2.png');margin-top:20px;margin-left:auto;margin-right:auto;width:150px}
#footer_cadre_cert{background-image:url('https://www.ioner-france.fr/images_plus/picto_cert2.png');margin-top:20px;margin-left:auto;margin-right:auto;width:170px}
.titre_cadres_footer{color:#fff;font-weight:400}
#maison_toon2{display:none}
#footer_zone3{text-align:center;font-weight:300;margin-top:55px}
#footer_zone3 p{font-size:20px;color:#EF7B10;margin-bottom:10px;padding:10px}
#footer_zone3 small{font-size:14px;color:#828282}
.zeroMargin_mobile{margin-left:0}
.hide_mobile,.hide_mobile2{display:none}
@media only screen and (min-width:1050px){.img_inline{width:32%;margin:5px}
.gridContainer{width:100%;max-width:1071px;margin:auto;clear:none;float:none;margin-left:auto}
#rub_liste_art1 h2{text-align:inherit;border-bottom:none}
#pictos_header{display:inline-block;margin-top:50px;position:absolute;margin-left:80px}
#pictos_header div{display:inline-block;width:130px;font-weight:300;padding-left:40px;line-height:15px;font-size:15,52px;height:40px;color:#828282;background-repeat:no-repeat;background-position:10px 4px}
#cadre_tel{background-image:url('https://www.ioner-france.fr/images_plus/picto_tel.png');border-right:1px solid #bbb}
#cadre_fb{background-image:url('https://www.ioner-france.fr/images_plus/picto_fb.png');border-right:1px solid #bbb}
#cadre_cert{background-image:url('https://www.ioner-france.fr/images_plus/picto_cert.png')}
.titre_cadres_header{color:#434343;font-weight:400}
#logo{margin:0;padding:0;display:inline}
#menu_mobile{display:none}
#menu{display:inline-block;width:auto}
#menu_principal{margin-top:20px;position:relative;top:15px;width:100%;height:54px;background-color:#2E2E2E;color:#fff;font-size:19px;font-weight:300}
#menu_principal ul{width:auto;list-style-type:none;padding:0;margin-top:0}
#menu_principal ul li{background-color:inherit;display:inline-block;height:54px;line-height:54px;text-align:center;padding-left:15px;padding-right:10px;cursor:pointer;font-weight:inherit}
#menu_principal ul li.actif div{display:inline-block;width:7px;height:12px;margin-left:8px;background-image:url('https://www.ioner-france.fr/images_plus/mini_fleche_menu_actif.png')}
#menu_principal ul li.actif{background-color:#F39200}
#menu_principal ul li ul li,#menu_principal ul li ul li:hover{color:#fff}
#menu_principal ul li:hover{background-color:inherit}
#menu_principal ul li.noactif div{position:absolute;top:20px;display:inline-block;width:7px;height:12px;margin-left:8px;background-image:url('https://www.ioner-france.fr/images_plus/mini_fleche_menu_noactif.png')}
#menu_principal ul li:hover{color:#F39200}
#menu_principal ul li:hover div{position:absolute;top:24px;display:inline-block;width:12px;height:7px;margin-left:6px;background-image:url('https://www.ioner-france.fr/images_plus/mini_fleche_menu_hover.png');background-repeat:no-repeat}
#menu_principal ul li#menu_1{width:218px}
#menu_principal ul li#menu_2{width:140px}
#menu_principal ul li#menu_3{width:120px}
#menu_principal ul li#menu_4{width:108px}
#menu_principal ul li#menu_5{width:190px}
.ul_sousmenu{display:none;position:absolute;top:54px;left:243px;z-index:99999;background-color:#F39200;padding-top:25px}
#contenu{margin-top:20px}
#diaporama_photo div{width:100%;height:395px;background-repeat:no-repeat;background-size:cover}
#diapo_fleche_gche{z-index:99999;position:relative;margin-left:0;margin-top:-40%;cursor:pointer}
#diapo_fleche_dte{z-index:99999;position:relative;margin-left:90%;margin-top:-40%;cursor:pointer}
#fil_ariane div{min-width:360px;margin-left:0;margin-top:0}
.pictos_activite{display:inline-block;width:24%;margin:0;vertical-align:top}
.pictos_activite h1{font-size:20px}
.pictos_activite p{font-size:16px;width:210px}
#bande_grise{height:640px}
#bande_grise_elements{width:1985px;margin:0 50%;display:block}
#bande_grise_img1{position:relative;margin-left:-992px;width:566px;height:350px;background-image:url('https://www.ioner-france.fr/images_plus/bg_img1.png');background-position:center;background-size:cover}
#bande_grise_img2{margin-top:16px;margin-left:-938px;width:512px;height:274px;background-image:url('https://www.ioner-france.fr/images_plus/bg_img2.png');background-position:center;background-size:cover}
#bande_grise_img3{margin-left:-410px;margin-top:-640px;width:266px;height:640px;background-image:url('https://www.ioner-france.fr/images_plus/bg_img3.png');background-position:center;background-size:cover}
#bande_grise_img4{margin-left:288px;margin-top:-720px;width:656px;height:350px;background-image:url('https://www.ioner-france.fr/images_plus/bg_img4.png');background-position:center;background-size:cover}
#bande_grise_img5{margin-left:288px;margin-top:16px;width:563px;height:274px;background-image:url('https://www.ioner-france.fr/images_plus/bg_img5.jpg');background-position:center;background-size:cover}
#bande_grise_texte{padding:40px;width:360px;height:640px;margin-left:-144px;margin-top:-640px}
#bande_grise_texte h2{padding:0;margin:0;font-size:40px}
#bande_grise_texte p{font-size:20px}
#zone_vidéo h2{font-size:40px;font-weight:400;background-color:#eee;text-align:center;border-bottom:3px solid #aaa}
#zone_vidéo iframe{height:525px}
#zone_interactive{margin-left:0;width:100%}
.map-btn{width:36px;height:36px;font-size:40px;line-height:36px}
.popup_map{display:none;width:90%;max-width:700px;left:50%;top:50%;margin-top:0;margin-left:-350px}
.popup_map .popup_bouton{width:150px}
#footer{margin-top:15px;width:100%;height:530px}
#footer_mentions{line-height:30px;font-size:16px}
#footer_zone_menus{width:100%;max-width:950px}
#footer_zone1{display:inline-block;width:500px}
#footer_zone1 ul{font-size:23px}
#footer_zone1 #bouton_devis{font-size:28px}
#footer_zone2{padding-top:50px;display:inline-block;vertical-align:top;position:relative}
#footer_zone2 div{background-repeat:no-repeat;font-size:23px;color:#fff;padding-left:50px;font-weight:200;line-height:23px;margin-bottom:20px}
#footer_zone2 .footer_trait{padding-left:0}
#footer_cadre_tel{width:inherit}
#footer_cadre_fb{width:inherit}
#footer_cadre_cert{width:inherit}
#maison_toon2{display:block;position:absolute;left:180px;top:50px}
#footer_zone3{text-align:center;font-weight:300;margin-top:10px}
#footer_zone3 p{font-size:24px;color:#EF7B10;margin-bottom:10px;padding:0}
#footer_zone3 small{font-size:16px;color:#828282}
#rub_liste_art1 a{text-decoration:none;color:#444}
.rub_liste_art1_img{width:710px;height:450px;background-size:cover;display:inline-block}
.rub_liste_art1_img_impair{float:right}
.zeroMargin_desktop{margin-left:0}
.hide_desk{display:none}
.hide_mobile{display:block}
.hide_mobile2{display:inline-block}
.hide_desktop{display:none}}