:root { --width_elt:1700px; } *{margin:0;padding:0;outline: none;box-sizing: border-box;-webkit-text-size-adjust:none;} table{ border-spacing:0;} html{background:#000;font-family:op;font-size:15px;margin:0;padding:0;width:100%; height:100%;color:#232020;} body{ font-family:op;margin:0;padding:0;width:100%; height:100%;} img{border:0;} ul{list-style-type:none;} img{border:0;} a{text-decoration: none;} hr{clear: both;width: 100%;height: 1px;border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;} @font-face{font-family:op;src:url("../fonts/open_sans/OpenSans-Regular.ttf") format('truetype'); font-weight: normal;font-style: normal;} @font-face{font-family:opsb;src:url("../fonts/open_sans/OpenSans-SemiBold.ttf") format('truetype');} @font-face{font-family:opb;src:url("../fonts/open_sans/OpenSans-Bold.ttf") format('truetype');} @font-face{font-family:opxb;src:url("../fonts/open_sans/OpenSans-ExtraBold.ttf") format('truetype');} @font-face{font-family:opl;src:url("../fonts/open_sans/OpenSans-Light.ttf") format('truetype');} @font-face{font-family:opi;src:url("../fonts/open_sans/OpenSans-Italic.ttf") format('truetype');} @font-face{font-family:opbi;src:url("../fonts/open_sans/OpenSans-BoldItalic.ttf") format('truetype');} .italic{font-style:italic;} .bold{font-weight:bold;} .txt_11{font-size:11px !important;} .txt_10{font-size:10px !important;} .txt_12{font-size:12px !important;} .txt_14{font-size:14px !important;} .txt_15{font-size:15px !important;} .txt_16{font-size:16px !important;} .txt_18{font-size:18px !important;} .txt_19{font-size:19px !important;} .txt_20{font-size:20px !important;} .txt_22{font-size:22px !important;} .txt_24{font-size:24px !important;} .txt_25{font-size:25px !important;} .txt_26{font-size:26px !important;} .txt_29{font-size:29px !important;} .cpointer{cursor:pointer;} .uppercase{text-transform:uppercase;} .opsb{font-family:opsb;} .opb{font-family:opb;} .op{font-family:op;} .opl{font-family:opl;} .opxb{font-family:opxb;} .opi{font-family:opi;} section.full{width:100%;} section.marged{width:var(--width_elt);margin:0 auto;} .fond_degra_gris{background:url(../images/big_logo_fd.png) top left no-repeat, linear-gradient(to right,#bbbaba,#fffcfc);background-size: auto 100%;} .fond_degra_gris_right{background:url(../images/big_logo_fd.png) top right no-repeat, linear-gradient(to right,#bbbaba,#fffcfc);background-size: auto 100%;} .fond_degra_gris_clair_plus_left{background:url(../images/plus_fd.png) bottom left no-repeat, linear-gradient(to right,#d8d8d8,#fffcfc);background-size: auto 60%;} .fond_degra_gris_clair_plus_right{background:url(../images/plus_fd.png) bottom right no-repeat, linear-gradient(to right,#d8d8d8,#fffcfc);background-size: auto 60%;} .fond_degra_gris_left{background:url(../images/big_logo_fd.png) top left no-repeat, linear-gradient(to right,#bbbaba,#fffcfc);background-size: auto 100%;} .fond_gris_left{background:url(../images/big_logo_fd.png) top left no-repeat #F1EFEF ;background-size: auto 100%;} .fond_gris_right{background:url(../images/big_logo_fd.png) top right no-repeat #F1EFEF ;background-size: auto 100%;} .fond_gris_plus_left{background:url(../images/big_logo_fd.png) top left no-repeat #F1EFEF ;background-size: auto 100%;} .fond_gris_plus_right{background:url(../images/plus_fd.png) top right no-repeat #F1EFEF ;background-size: auto 100%;} .section_duo_blanc{display: flex;padding:5px 0 45px 0;} .section_duo_blanc > div{width:50%;} .section_duo_blanc_img{display: flex;align-items:center;justify-content:center;} .fond_gris_fonce{background:#3B3535 ;} .fond_gris_fonce_left{background:url(../images/big_logo_fd.png) top left no-repeat #3B3535 ;background-size: auto 100%;} .fond_gris_fonce_right{background:url(../images/big_logo_fd.png) top right no-repeat #3B3535 ;background-size: auto 100%;} .h2_deported{margin-left:50%;padding-top:45px;} .h2_no_deported{padding-top:45px;} .fullwidth{width:100%;} .full_duo{display: flex;} .full_duo > div{width:50%;} .gradient_orange{background:linear-gradient(to left, #ee9f12, #E53112);} .orange_clair{color:#ee9f12;} .orange{color:#ef7914;} .orange_sanguin{color:#e74413;} .rouge{color:#e53112;} .dark{color:#232020;} .gris{color:#3b3535;} .bleu_clair{color:#1080ad;} .bleu_fonce{color:#10316b;} .bleu_fh{color:#0FA5DF;} .white{color:#fff;} .bg_blanc{background:#fafafa;} .bg_gris{background:#F1EFEF;} .bg_gris_e1{background:#e1e1e1;} .bg_bleu_degrade{background:linear-gradient(90deg, #1080AD, #10316B);} .bg_vert{background:#4DA20C} .bg_rouge{background:#E53112} .bg_orange{background:#ef7914} .btn{font-family: opsb;font-size: 17px;padding:16px 30px;border:0; } .btn-orange-clair{background:#ee9f12;color:#fafafa;} .btn-orange-clair:hover{background:#1080AD;color:#fafafa;} .btn-orange:hover{background:#1080AD;color:#fafafa;} .btn-orange{background:#ef7914;color:#fafafa;} .btn-orange:hover{background:#1080AD;color:#fafafa;} .btn-orange-sanguin{background:#e74413;color:#fafafa;} .btn-rouge{background:#e53112;color:#fafafa;} .btn-rouge:hover{background:#1080AD;color:#fafafa;} .btn-orange-gradient{background:linear-gradient(to right, #ee9f12, #E53112);color:#fafafa;} .btn-orange-gradient:hover{background:linear-gradient(to right, #1080AD,#10316B);color:#fafafa;} .btn-orange-gradient-reverse{background:linear-gradient(to right, #E53112,#ee9f12);color:#fafafa;} .btn-orange-gradient-reverse:hover{background:linear-gradient(to right,#10316B, #1080AD);color:#fafafa;} .btn-bleu-fh{background:#0FA5DF;color:#fafafa;} .btn-bleu-fh:hover{background:#EE9F12;color:#fafafa;} .btn-bleu-fonce{background:#10316B;color:#fafafa;} .btn-bleu-fonce:hover{background:#EE9F12;color:#fafafa;} .btn-gris{background:#3B3535;color:#fafafa;} .btn-gris:hover{background:#1080AD;color:#fafafa;} .shadow{box-shadow: 3px 3px 6px #bbb;} h2{font-family: opb;font-size: 29px;text-transform: uppercase;margin-bottom: 15px;} h3{font-family: opb;font-size: 22px;text-transform: uppercase;margin-bottom: 15px;} p{margin-bottom: 25px;} main{background:#fafafa;} button{cursor: pointer;} input[type=text],input[type=password]{height:37px;line-height:37px;padding-left:20px;padding-right:20px;border:1px solid #d9d9d9;font-size:15px;-webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/} textarea{padding:20px;/* get rid of default appearance for IE8, 9 and 10*/font-family: op;font-size:15px;} select{height:37px;line-height:37px;padding-left:20px;padding-right:20px;border:1px solid #d9d9d9;font-size:15px;/*-webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none;*/ /* get rid of default appearance for IE8, 9 and 10*/} .border_orange{} /************ HEAADER **************/ #menu_header{height:52px;background:#1D1D1D;border-bottom:1px solid #EF7914;} #menu_header_inner{width:var(--width_elt);margin:0 auto; } #menu_header_inner ul {display: flex;justify-content: flex-end;} #menu_header_inner ul > li {color:#fafafa;margin:0 20px;} #menu_header_inner ul > li:last-child {margin:0 0px 0 20px;} #menu_header_inner ul > li a{color:#fafafa;line-height:52px;} #menu_header_inner ul > li a:hover{color:#ef7914;} #menu_header_inner ul > li img{margin-top:9px;width:230px;} /************ MENU **************/ #main_nav{height: 50px;/*position:sticky;top:0px;*/background:#095B7B;} #ul_main_nav{display: flex;justify-content: flex-end;width:var(--width_elt);margin:0 auto;} #ul_main_nav li {height: 50px;position: relative;} #ul_main_nav > li:first-child {flex:1;} #ul_main_nav li:not(:first-child) a{padding:0 35px;} #ul_main_nav li:not(:first-child,:last-child) {background:url(../images/main_nav_sepa_li.png) right center no-repeat;} /*#ul_main_nav li:last-child a{padding-right:0px;}*/ #ul_main_nav li a{display:block;height: 50px;line-height: 50px; color:#fafafa;font-family: opsb;font-size: 20px;} #ul_main_nav li:not(:first-child):hover{background:#EF7914;} #ul_main_nav li:nth-child(6):hover{background:#272727;} .li_main_nav_sub:hover .ul_sub_nav{display:block;} .ul_sub_nav{background:#272727;z-index:2;display: none;position: absolute;width: 100%;z-index: 1000;} .ul_sub_nav li {height:70px !important;line-height: 70px !important;} .ul_sub_nav li a{height:70px !important;line-height: 70px !important;} .ul_sub_nav li:hover {background:#EF7914;} #logo_menu{width:300px;margin-top: 10px;} #logo_menu_burger{display: none;} .triangle_ss_menu{margin-left:15px;display: inline-block;width:12px;height:12px;background: url(../images/menu_down.png) no-repeat top center;} #ul_main_nav > li:nth-child(6):hover .triangle_ss_menu {background: url(../images/menu_up.png) no-repeat;} .li_main_nav_resp{display: block;} /************ FOOTER **************/ footer{background:#222;padding-bottom:44px;} #footer_link{width:var(--width_elt);margin:0 auto;display: flex;} #footer_divflex_logo{width:465px;} #footer_divflex_services{width:345px;padding-top:44px;} #footer_divflex_other{width:315px;padding-top:44px;} #footer_divflex_contact{width:345px;padding-top:44px;} #footer_divflex_cartouche{width:230px;padding-top:44px;} .footer_div_one_section{padding-left:15px;border-left:1px solid #707070;color:#fafafa;} #footer_link div.footer_div_one_section h2{text-transform: uppercase;color:#fafafa;padding-bottom: 15px;font-family: opsb;font-size:18px;} #footer_link > div:not(:first-child,:last-child) ul{} #footer_link > div:not(:first-child,:last-child) ul li a{color:#fafafa;font-family: opl;} #footer_logo{width:320px;} #footer_cartouche_img{width:230px;} #div_footer_logo{display: flex;justify-content: space-between;margin-top:25px;} #footer_linkedin{width:52px;} #footer_twitter{width:52px;} #footer_facebook{width:52px;} #footer_link > div:not(:first-child, :last-child) ul li a:hover{color:#ef7914;} /*********** COMMON CONTACT ***********/ #common_contact{background: linear-gradient(to left, #ee9f12, #E53112) ; height:284px;padding-top:0px;overflow: auto;} #common_contact_inner{width:var(--width_elt);margin:0 auto;background:url(../images/common_contact_fd.png) ;height:156px;margin-top:64px;display: flex;justify-content: space-around;color:#fafafa;padding-top:22px;} #common_contact_inner > div:nth-of-type(1){width:760px;} #common_contact_inner > div:nth-of-type(1) h2{font-family: opb;font-size: 22px;} #common_contact_inner > div:nth-of-type(1) p{font-size: 16px;margin-bottom:0;} #common_contact_inner > div:nth-of-type(2){width:310px;text-align: center;} #common_contact_inner > div:nth-of-type(2) h2{font-family: opsb;font-size: 17px;margin-bottom:5px;} #common_contact_inner > div:nth-of-type(2) p{font-size: 16px;margin-bottom:10px;} #common_contact_inner > div:nth-of-type(2) img{width:100%;} /************** MAIN HEADER **********************/ #main_header_inner_commom{color:#fafafa;} #main_header_inner_commom h1{font-size: 30px;font-family: opb;text-transform: uppercase;} #main_header_inner_commom h2{font-size: 20px;font-family: opsb;text-transform: initial;} #main_header_simple{height:464px;overflow: auto;} #main_header_simple_inner{background:url(../images/main_header_fd_blk_opa.png) no-repeat bottom center ; height:294px;margin-top:85px;display: flex;flex-direction: column;padding:60px 100px;} #main_header_simple_inner h1{font-size:30px;margin-bottom:20px;font-family: opb;} #main_header_simple_inner p{color:#fafafa;font-size:20px;font-family: opsb;} /****************$ TO DISOCVER *****************/ #to_discover{height:500px;background:url(../images/big_logo_for_dark_opacity.png) bottom right no-repeat #232020;background-position: right -150px bottom 30px;padding-top:30px;} #to_discover h2{color:#fff;font-size:25px;font-family: opsb;} #inner_discover{height:371px;margin-top:20px;position:relative;padding-top:30px;} #inner_discover div{margin-top:30px;color:#fff;font-size:25px;font-family:opb; text-align: center;width:498px; height:88px;line-height:88px;background:url(../images/main_header_fd_blk_opa.png) no-repeat bottom center} #inner_discover a button{position: absolute;right:30px;bottom:30px;width:334px;font-size:18px; font-family: opb;} /********* etiquette on map *************/ #etiquette_map{display: none;} #etiquette_map_inner{display: flex;flex-direction: column;width:406px;height:98px;background:url(../images/map_contact_fd.png);justify-content: center;margin-bottom:20px;padding-left:15px;} #etiquette_map_inner h2{font-size:25px;font-family: opb;margin-bottom:0px;} #etiquette_map_inner p{font-size:25px;font-family: op;margin-bottom:0px;} #etiquette_map_marged{position: relative;height:357px;display: flex;align-items: end;} #titre_coordonnees h2{font-family: opsb;font-size:22px;} /******** msgbox **************************/ .inner_msgbox{min-width: 500px;max-width: 700px; } .titre_inner_msgbox{padding:20px 25px;border-bottom: 1px solid #827676;font-size:20px;font-family:opb;text-transform: uppercase;} .titre_inner_msgbox_1{color:#E53112;} .titre_inner_msgbox_0{color:#EF7914;} .content_inner_msgbox{padding:10px 25px;text-align: center;font-size:20px;font-family:op;} .btn_inner_msgbox {padding:10px 25px 25px 25px;text-align: center;} .btn_inner_msgbox button{min-width: 200px;} /*********** cookies **************/ #cookies{display: none;z-index: 10000000000; width:100%; position:fixed; bottom:0;left:0;border:1px solid #EF7914;} #inner_cookies{height: 112px;display: flex;justify-content: space-between;font-family:op;font-size: 16px;align-items: center;} #inner_cookies h2{font-family:opsb;font-size: 20px;margin-bottom: 3px;} #inner_cookies button{font-family:opsb;font-size: 20px;padding:10px 30px;display: flex;} /************* RESPO?SIVE ************************/ @media only screen and (max-width: 1740px) { /* width 1500*/ :root { --width_elt: 1500px; } #common_contact_inner > div:nth-of-type(1){width:650px;} /*#footer_link{width:var(--width_elt);}*/ #footer_divflex_logo{width:425px;} #footer_divflex_services{width:275px;} #footer_divflex_other{width:275px;} #footer_divflex_contact{width:295px;} } @media (max-width: 1540px) { /* width 1200*/ :root { --width_elt: 1200px; } #main_header_simple_inner{padding:30px 40px;height:232px;margin-top:116px;} #main_header_simple_inner h1{font-size:25px;} #common_contact_inner > div:nth-of-type(1){width:650px;} /*#footer_link{width:var(--width_elt);}*/ #footer_logo{width:188px;margin-top:22px;} #footer_divflex_logo{width:240px;} #footer_divflex_services{width:265px;} #footer_divflex_other{width:235px;} #footer_divflex_contact{width:230px;} #common_contact_inner_txt_need_help{display: none;} } @media (max-width: 1240px) { /* width 980*/ /*section.marged{width:980px;}*/ :root { --width_elt: 980px; } #main_header_simple_inner h1{font-size:22px;} #main_header_simple_inner p{font-size:18px;} #common_contact{height:346px;} #common_contact_inner{height:232px;padding-top:50px;margin-top:57px;} #common_contact_inner > div:nth-of-type(1){width:430px;} #common_contact_inner > div:nth-of-type(1) h2{margin-bottom:5px;} #common_contact_inner > div:nth-of-type(1) p{font-size: 18px;} #common_contact_inner > div:nth-of-type(2){width:390px;} #common_contact_inner > div:nth-of-type(2) h2{font-size: 22px;margin-bottom:8px;} #common_contact_inner > div:nth-of-type(2) p{font-size: 20px;margin-bottom:10px;} #logo_menu{width:176px;} #ul_main_nav li:first-child img#logo_menu {margin-top:10px;} #ul_main_nav li:not(:first-child) a{padding:0 20px;} #main_header_inner_commom h1{font-size: 22px;} #main_header_inner_commom h2{font-size: 18px;} #main_header_title p{font-size:16px;} .h2_deported{font-size: 20px;} .h2_no_deported{font-size: 20px;} #footer_link{flex-wrap:wrap;justify-content:flex-end} #footer_logo{width:188px;margin-top:22px;} #footer_divflex_logo{width:270px;} #footer_divflex_services{width:280px;} #footer_divflex_other{width:240px;} #footer_divflex_contact{width:190px;} /*#footer_link > div:last-child{clear:both;display:block;width:430px;padding-top:44px;float:left;}*/ #footer_divflex_cartouche{width:430px; display: flex;padding-top:0px ;} #div_cartouche{padding-top: 5px;width:240px;} #div_footer_logo{margin-top: 0;width:190px;} #footer_linkedin{width:42px;} #footer_twitter{width:42px;} #footer_facebook{width:42px;} /*#div_footer_logo{display: initial}*/ #to_discover h2{font-size:22px;} #etiquette_map_inner{dwidth:310px;padding-left:25px;} #etiquette_map_inner h2{font-size:22px;} #etiquette_map_inner p{font-size:18px;} .titre_inner_msgbox{font-size:18px;} .content_inner_msgbox{font-size:18px;} } @media (max-width: 1020px) { /* width 740*/ :root { --width_elt: 740px; } /*menu responsive*/ #main_header_simple_inner h1{font-size:20px;} #main_header_inner_commom h1{font-size: 20px;} #common_contact_inner{height:280px;padding-top:20px;margin-top:33px;display: block;} #common_contact_inner > div:nth-of-type(1){width:100%;padding:0 45px;text-align: center;} #common_contact_inner > div:nth-of-type(1) p{font-size: 18px;} #common_contact_inner > div:nth-of-type(2){width:365px;margin:0 auto;margin-top:20px;} #common_contact_inner > div:nth-of-type(2) h2{font-size: 20px;margin-bottom:0px;} #common_contact_inner > div:nth-of-type(2) p{font-size: 20px;margin-bottom:2px;} #common_contact_inner > div:nth-of-type(2) img{width:95%;} #main_nav{height: auto;} #ul_main_nav {width:100%;flex-direction:column;} #ul_main_nav > li{width:100%;border-top:2px dashed #EF7914;height:62px;} #ul_main_nav > li:first-child {flex:initial;width:var(--width_elt);margin:0 auto;height:92px;border-top:none;} #ul_main_nav > li:not(:first-child) > a {display:block;width:var(--width_elt);margin:0 auto;line-height:62px;padding:0;font-size:20px;padding-left:50px;height:62px;} #ul_main_nav > li:nth-child(2) > a {background: url(../images/picto_fibre.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:nth-child(3) > a {background: url(../images/picto_mvno.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:nth-child(4) > a {background: url(../images/picto_voip.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:nth-child(5) > a {background: url(../images/picto_housing.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:nth-child(6) > a {background: url(../images/picto_interconnexion2.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:nth-child(7) > a {background: url(../images/picto_infogerance.png) no-repeat left center;background-size: 40px;} #ul_main_nav > li:not(:first-child,:last-child) {background:none;} #ul_main_nav > li:nth-child(6) {height:auto;} #logo_menu_burger{display: block;float: right;margin-top:25px;width:40px;} #ul_main_nav li:first-child img#logo_menu {margin-top:5px;} .ul_sub_nav{position: relative;} .section_duo_blanc{flex-direction: column; /*border-left:25px solid ; border-image-slice: 1;border-image-source: linear-gradient(to bottom, #ee9f12, #E53112);*/ } .section_duo_blanc > div{width:100%;padding-left:50px;padding-right:50px;font-size: 16px;} /*.section_duo_blanc h2{font-size: 20px;}*/ .li_main_nav_resp{display: none;} .section_duo_blanc_img{margin-top:30px;margin-bottom:30px;} .h2_deported{margin-left:0;padding-top:35px;padding-left:50px;} .h2_no_deported{margin-left:0;padding-top:35px;padding-right:50px;text-align: right;} .section_duo_blanc_reversed > div:nth-of-type(1){order:2;text-align: right;} .section_duo_blanc_reversed > div:nth-of-type(2){order:1;} .border_orange{border-left:none;} .full_duo{flex-direction: column;flex-wrap: wrap;} .full_duo > div{width:100%;} /*#footer_link{width:var(--width_elt);}*/ #footer_link div.footer_div_one_section h2{font-size: 14px;} #footer_logo{width:150px;margin-top:26px;} #footer_divflex_logo{width:160px;} #footer_divflex_services{width:230px;} #footer_divflex_other{width:200px;} #footer_divflex_contact{width:150px;} #footer_divflex_cartouche{width:355px; } #div_cartouche{padding-top: 5px;width:200px;} #footer_cartouche_img{width:180px;} #div_footer_logo{margin-top: 0;width:150px;} .fond_gris_plus_right{background-size: auto 45%;background-position: bottom right;} .fond_gris_left{background-size: auto 75%;} #inner_cookies{font-size: 14px;align-items: center;} #inner_cookies h2{font-size: 18px;margin-bottom: 3px;} #inner_cookies button{font-size: 18px;} } @media (max-width: 780px) { /* width 620*/ :root { --width_elt: 620px; } #footer_logo{width:275px;margin-top:15px;} #footer_link{height:569px;flex-direction: column;justify-content:flex-start} #footer_link div.footer_div_one_section h2{font-size: 18px;} #footer_divflex_logo{width:50%;height:110px;} #footer_divflex_fake{width:50%;height:110px;} #footer_divflex_services{width:50%;} #footer_divflex_other{width:50%;} #footer_divflex_contact{width:50%;} #footer_divflex_cartouche{width:50%;display: initial;padding-top:44px ;} #div_footer_logo{width:230px;margin-top: 15px;} #footer_cartouche_img{width:230px;} .section_duo_blanc > div{text-align: center;} #to_discover h2{font-size:20px;} #titre_coordonnees h2{font-size:20px;} .inner_msgbox{width: var(--width_elt);min-width: initial; } .titre_inner_msgbox{font-size:16px;} .content_inner_msgbox{font-size:16px;} .fond_degra_gris_clair_plus_right{background-size: auto 45%;} .fond_gris_plus_right{background-size: auto 45%;} .fond_gris_left{background-size: auto 55%;} #menu_header_inner ul li {margin:0 15px;} } @media (max-width: 640px) { /* width 440*/ :root { --width_elt: 440px; } #main_header_simple_inner{padding:25px 25px;height:262px;margin-top:92px;} #main_header_simple_inner h1{margin-bottom: 10px;} #menu_header_inner ul li {margin:0 4px;} #menu_header_inner ul > li img{margin-top:17px;width:140px;} #common_contact_inner{} #common_contact_inner > div:nth-of-type(1) p{font-size: 17px;} #common_contact_inner > div:nth-of-type(2) p{font-size: 17px;} #common_contact_inner_txt_answer{display: none;} #footer_link{height:554px;} #footer_link div.footer_div_one_section h2{font-size: 16px;} #footer_logo{width:220px;margin-top:15px;} #footer_divflex_logo{height:90px;} #footer_divflex_fake{height:90px;} #footer_cartouche_img{width:200px;} #div_footer_logo{width:200px;} #footer_linkedin{width:42px;} #footer_twitter{width:42px;} #footer_facebook{width:42px;} #inner_discover div{width:100%;font-size:20px;} #inner_discover a button{right:53px;} #etiquette_map_inner{width:274px;padding-left:25px;} #etiquette_map_inner h2{font-size:20px;} #etiquette_map_inner p{font-size:16px;} .titre_inner_msgbox{font-size:14px;} .content_inner_msgbox{font-size:14px;} .fond_degra_gris_clair_plus_right{background-size: auto 35%;} .fond_gris_plus_right{background-size: auto 35%;} .fond_gris_left{background-size: auto 45%;} #inner_cookies{height: auto;display: flex;flex-direction:column;justify-content: space-between;font-family:op;font-size: 16px;align-items: center;} #inner_cookies > div:nth-of-type(1){text-align: center;padding:0 60px;margin-bottom:30px;} #inner_cookies > div:nth-of-type(2){margin-bottom:30px;} #inner_cookies h2{padding-top:20px;} } @media (max-width: 480px) { /* width 310*/ :root { --width_elt: 310px; } #main_header_simple_inner{padding:25px 25px;height:292px;margin-top:86px;} #main_header_simple_inner h1{font-size:18px;} #main_header_simple_inner p{font-size:16px;} #menu_header_inner ul > li:last-child {display: none;} #menu_header_inner ul li {margin:0 8px;} #footer_link{height:auto;} #footer_link > div:not(:last-child){width: 100%;} /*#div_cartouche{width: 100%;}*/ /*#footer_cartouche_img{width:100%;}*/ #footer_divflex_fake{display:none;} #footer_divflex_cartouche{width: 200px;margin-left:auto;margin-right:auto;} #footer_link div.footer_div_one_section h2{padding-bottom: 0px;} #common_contact_inner > div:nth-of-type(1) h2{font-size: 20px;} #common_contact_inner > div:nth-of-type(1) p{font-size: 15px;} #common_contact_inner > div:nth-of-type(2) {width:100%;} #common_contact_inner > div:nth-of-type(2) h2{font-size: 15px;} #common_contact_inner > div:nth-of-type(2) p{font-size: 14px;} #common_contact_inner > div:nth-of-type(2) img {width:266px;} #main_header_inner_commom h2{font-size:16px;} #main_header_inner_commom p{font-size:14px !important;} #to_discover h2{font-size:18px;} #inner_discover a button{width:260px;right:25px;} #titre_coordonnees h2{font-size:18px;} .fond_degra_gris_clair_plus_right{background-size: auto 30%;} .fond_gris_plus_right{background-size: auto 25%;} }