/*** Responsive ***/ /**** TABLETTE (<=990px) ****/ @media screen and (max-width: 990px) { .container .wrapper { width: 100%; } /**** HOME ****/ #content.accueil { width: 100%; overflow-x: hidden; } #content.accueil .main { /* à factoriser */ width: 100%; } #content.accueil .main .titre_home { margin-top: 40px; margin-bottom: 40px; } #content.accueil .main .lien_accueil, #content.content_article .main .lien_accueil { margin-top: 29px; margin-bottom: 40px; } /* INPUTS FOR IPAD */ #content.accueil .main input { -webkit-appearance: none; border-radius: 0px; } #content.accueil .main select { -webkit-appearance: none; } /**** HEADER HOME ****/ .bodyAccueil #logoinrees{position:relative; z-index:5; display:block; float:left; width:100%; text-align:center; padding:0!important; height:auto!important; background:#1A66AD; min-height: 0px !important;} .bodyAccueil #logoinrees h2{display:inline-block;} .bodyAccueil #logoinrees h2 a{display:inline-block;} .bodyAccueil #logoinrees h2 a img{height:40px; padding:10px 5px 5px 5px;} .bodyAccueil #mobile_menu_btn{position:absolute; z-index:5; right:0; top:50%; width:45px; padding:0 10px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); cursor:pointer;} .bodyAccueil #mobile_menu_btn span{float:left; display:block; width:100%; height:4px; margin:2px 0; background:white;} .bodyAccueil header.header_principal {min-height: 0px !important;} .bodyAccueil header.header_principal .menu{position:fixed; width:40%; min-width:250px; height:100%; padding:45px 0 0 0; box-sizing:border-box; background:#1A66AD; z-index:1; top:0; right:0; overflow:auto; transform:translate(100%, 0); -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;} .bodyAccueil header.header_principal .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .bodyAccueil header.header_principal .menu #social_media{float:left; width:100%; margin:0; padding:15px 0 0 0; background:#3789D7; min-height: 0px;} .bodyAccueil header.header_principal .menu #social_media ul{} .bodyAccueil header.header_principal .menu #social_media ul li{ margin: 0 5px; } .bodyAccueil header.header_principal .menu #social_media ul li a > img { width: 31px; } .bodyAccueil header.header_principal .menu .account_header{float:left; width:100%; margin:0; padding:5px 0 0 0; height:auto; background:#3789D7; min-height: 0;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom{float:left; width:100%; margin:0;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom .u_panier{float:left; padding:0; width:100%; text-align: left;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{margin: 0 0 0 43px;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom li.u_account{width:100%; padding-left:0!important; text-align: center; height:30px;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount{padding:0 0 0 2%;text-align:left!important;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu{width: 100%; left:0;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu li a{width: 100%;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom .sep_icon{display:none;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom .connect{float:left; width:100%; margin:0; text-align:center; box-sizing:border-box; padding:5px;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom .connect a{display:inline-block; float:none; background:#1277D7; padding:10px 10px 10px 35px; margin:5px; width:auto; font-size: 13px; min-height: 0px; min-width: 0px;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom .connect a:before{left:10px; top: 5px; font-size: 23px;} .bodyAccueil header.header_principal .menu .clear{display:none;} .bodyAccueil header.header_principal .menu #nav_principal{float:left; width:100%;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container{float:left; width:100%;} .bodyAccueilheader.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav{float:left; width:100%;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li{float:left; width:100%; border-bottom:1px solid #3789D7;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li.acceuil{display:none;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a{border:none; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; padding: 0 15px; font-size: 13px;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a:hover{border:none;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES{position:relative!important; float:left!important; width:100%!important; left:0!important; top:0!important; right:auto!important; border-top:1px solid #3789D7; text-align:center;background:none!important; min-height:55px;height:auto!important;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data{margin:0; padding:10px; width:100%; text-align:left; line-height:55px;height:55px;background:#1277d7;} .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data_submit{display:inline-block; background:#1277D7; padding:10px 20px; margin:10px; border:none;} .bodyAccueil ul#nav_thematique{position: static!important;width:100%!important;margin-top:-15px!important} .bodyAccueil .show_hide_thema.hover_nav,.show_hide_thema:hover{background:rgba(26, 102, 173, 1)!important} .bodyAccueil nav#nav_principal ul.ulfirstnav li.secondfirst a::before{font-family: icomoon; content: "\e807"; font-size: 19px; vertical-align: bottom; line-height: 35px;} .bodyAccueil nav#nav_principal ul.ulfirstnav li.navfirst:last-child a::before{display:none;} .bodyAccueil nav#nav_principal ul.ulfirstnav li.thematique.navfirst a .theme_arrow_container{display: inline-block;position: relative;} .bodyAccueil nav#nav_principal ul.ulfirstnav li.thematique.navfirst a img{position: absolute;right:-30px;top:15px;} .bodyAccueil nav#nav_principal ul.ulfirstnav li.thematique.navfirst a.hover_nav img{transform: rotate(90deg) ;-webkit-transform: rotate(-180deg) ;-moz-transform: rotate(-180deg) ;-o-transform: rotate(-180deg) ;-ms-transform: rotate(-180deg) ;} .bodyAccueil header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier:before { font-size: 23px; } .bodyAccueil header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{ font-size: 13px; } .bodyAccueil header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li #nav_thematique li a { padding-top: 13px; padding-bottom: 13px; } /* connecté */ .bodyAccueil ul#account_header_bottom li.u_account a.btn_acount:before { font-size: 23px !important; } .bodyAccueil ul#account_header_bottom li.u_account a.btn_acount:after { font-size: 8px !important; } .bodyAccueil ul#account_header_bottom > li a.btn_acount .accountname { font-size: 13px; padding: 12px 0 0 30px !important; } .bodyAccueil ul#account_header_bottom .dropdown-menu li a div > span.title{ font-size: 100%; padding: 10px 0 2px; } .bodyAccueil ul#account_header_bottom .open > .dropdown-menu { max-width: 270px!important; min-width: 240px!important; } .bodyAccueil ul#account_header_bottom .dropdown-menu li a span.desc{ font-size: 12px !important; line-height: 14px !important; } .bodyAccueil ul#account_header_bottom .dropdown-menu:before { left: 0; right: 0; margin-left: auto; margin-right: auto; } /**** HEADER Responsive ****/ .bodyResponsive #logoinrees{position:relative; z-index:5; display:block; float:left; width:100%; text-align:center; padding:0!important; height:auto!important; background:#1A66AD; min-height: 0px !important;} .bodyResponsive #logoinrees h2{display:inline-block;} .bodyResponsive #logoinrees h2 a{display:inline-block;} .bodyResponsive #logoinrees h2 a img{height:40px; padding:10px 5px 5px 5px;} .bodyResponsive #mobile_menu_btn{position:absolute; z-index:5; right:0; top:50%; width:45px; padding:0 10px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); cursor:pointer;} .bodyResponsive #mobile_menu_btn span{float:left; display:block; width:100%; height:4px; margin:2px 0; background:white;} .bodyResponsive header.header_principal {min-height: 0px !important;} .bodyResponsive header.header_principal .menu{position:fixed; width:40%; min-width:250px; height:100%; padding:45px 0 0 0; box-sizing:border-box; background:#1A66AD; z-index:1; top:0; right:0; overflow:auto; transform:translate(100%, 0); -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;} .bodyResponsive header.header_principal .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .bodyResponsive header.header_principal .menu #social_media{float:left; width:100%; margin:0; padding:15px 0 0 0; background:#3789D7; min-height: 0px;} .bodyResponsive header.header_principal .menu #social_media ul{} .bodyResponsive header.header_principal .menu #social_media ul li{ margin: 0 5px; } .bodyResponsive header.header_principal .menu #social_media ul li a > img { width: 31px; } .bodyResponsive header.header_principal .menu .account_header{float:left; width:100%; margin:0; padding:5px 0 0 0; height:auto; background:#3789D7; min-height: 0;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom{float:left; width:100%; margin:0;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom .u_panier{float:left; padding:0; width:100%; text-align: left;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{margin: 0 0 0 43px;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom li.u_account{width:100%; padding-left:0!important; text-align: center; height:30px;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount{padding:0 0 0 2%;text-align:left!important;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu{width: 100%; left:0;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu li a{width: 100%;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom .sep_icon{display:none;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom .connect{float:left; width:100%; margin:0; text-align:center; box-sizing:border-box; padding:5px;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom .connect a{display:inline-block; float:none; background:#1277D7; padding:10px 10px 10px 35px; margin:5px; width:auto; font-size: 13px; min-height: 0px; min-width: 0px;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom .connect a:before{left:10px; top: 5px; font-size: 23px;} .bodyResponsive header.header_principal .menu .clear{display:none;} .bodyResponsive header.header_principal .menu #nav_principal{float:left; width:100%;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container{float:left; width:100%;} .bodyResponsiveheader.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav{float:left; width:100%;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li{float:left; width:100%; border-bottom:1px solid #3789D7;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li.acceuil{display:none;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a{border:none; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; padding: 0 15px; font-size: 13px;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a:hover{border:none;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES{position:relative!important; float:left!important; width:100%!important; left:0!important; top:0!important; right:auto!important; border-top:1px solid #3789D7; text-align:center;background:none!important; min-height:55px;height:auto!important;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data{margin:0; padding:10px; width:100%; text-align:left; line-height:55px;height:55px;background:#1277d7;} .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data_submit{display:inline-block; background:#1277D7; padding:10px 20px; margin:10px; border:none;} .bodyResponsive ul#nav_thematique{position: static!important;width:100%!important;margin-top:-15px!important} .bodyResponsive .show_hide_thema.hover_nav,.show_hide_thema:hover{background:rgba(26, 102, 173, 1)!important} .bodyResponsive nav#nav_principal ul.ulfirstnav li.secondfirst a::before{font-family: icomoon; content: "\e807"; font-size: 19px; vertical-align: bottom; line-height: 35px;} .bodyResponsive nav#nav_principal ul.ulfirstnav li.navfirst:last-child a::before{display:none;} .bodyResponsive nav#nav_principal ul.ulfirstnav li.thematique.navfirst a .theme_arrow_container{display: inline-block;position: relative;} .bodyResponsive nav#nav_principal ul.ulfirstnav li.thematique.navfirst a img{position: absolute;right:-30px;top:15px;} .bodyResponsive nav#nav_principal ul.ulfirstnav li.thematique.navfirst a.hover_nav img{transform: rotate(90deg) ;-webkit-transform: rotate(-180deg) ;-moz-transform: rotate(-180deg) ;-o-transform: rotate(-180deg) ;-ms-transform: rotate(-180deg) ;} .bodyResponsive header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier:before { font-size: 23px; } .bodyResponsive header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{ font-size: 13px; } .bodyResponsive header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li #nav_thematique li a { padding-top: 13px; padding-bottom: 13px; } /* connecté */ .bodyResponsive ul#account_header_bottom li.u_account a.btn_acount:before { font-size: 23px !important; } .bodyResponsive ul#account_header_bottom li.u_account a.btn_acount:after { font-size: 8px !important; } .bodyResponsive ul#account_header_bottom > li a.btn_acount .accountname { font-size: 13px; padding: 12px 0 0 30px !important; } .bodyResponsive ul#account_header_bottom .dropdown-menu li a div > span.title{ font-size: 100%; padding: 10px 0 2px; } .bodyResponsive ul#account_header_bottom .open > .dropdown-menu { max-width: 270px!important; min-width: 240px!important; } .bodyResponsive ul#account_header_bottom .dropdown-menu li a span.desc{ font-size: 12px !important; line-height: 14px !important; } .bodyResponsive ul#account_header_bottom .dropdown-menu:before { left: 0; right: 0; margin-left: auto; margin-right: auto; } /**** HEADER ARTICLE(S) ****/ .bodyArticle #logoinrees{position:relative; z-index:5; display:block; float:left; width:100%; text-align:center; padding:0!important; height:auto!important; background:#1A66AD; min-height: 0px !important;} .bodyArticle #logoinrees h2{display:inline-block;} .bodyArticle #logoinrees h2 a{display:inline-block;} .bodyArticle #logoinrees h2 a img{height:40px; padding:10px 5px 5px 5px;} .bodyArticle #mobile_menu_btn{position:absolute; z-index:5; right:0; top:50%; width:45px; padding:0 10px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); cursor:pointer;} .bodyArticle #mobile_menu_btn span{float:left; display:block; width:100%; height:4px; margin:2px 0; background:white;} .bodyArticle header.header_principal {min-height: 0px !important;} .bodyArticle header.header_principal .menu{position:fixed; width:40%; min-width:250px; height:100%; padding:45px 0 0 0; box-sizing:border-box; background:#1A66AD; z-index:1; top:0; right:0; overflow:auto; transform:translate(100%, 0); -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;} .bodyArticle header.header_principal .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .bodyArticle header.header_principal .menu #social_media{float:left; width:100%; margin:0; padding:15px 0 0 0; background:#3789D7; min-height: 0px;} .bodyArticle header.header_principal .menu #social_media ul{} .bodyArticle header.header_principal .menu #social_media ul li{ margin: 0 5px; } .bodyArticle header.header_principal .menu #social_media ul li a > img { width: 31px; } .bodyArticle header.header_principal .menu .account_header{float:left; width:100%; margin:0; padding:5px 0 0 0; height:auto; background:#3789D7; min-height: 0;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom{float:left; width:100%; margin:0;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom .u_panier{float:left; padding:0; width:100%; text-align: left;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{margin: 0 0 0 43px;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom li.u_account{width:100%; padding-left:0!important; text-align: center; height:30px;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount{padding:0 0 0 2%;text-align:left!important;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu{width: 100%; left:0;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu li a{width: 100%;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom .sep_icon{display:none;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom .connect{float:left; width:100%; margin:0; text-align:center; box-sizing:border-box; padding:5px;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom .connect a{display:inline-block; float:none; background:#1277D7; padding:10px 10px 10px 35px; margin:5px; width:auto; font-size: 13px; min-height: 0px; min-width: 0px;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom .connect a:before{left:10px; top: 5px; font-size: 23px;} .bodyArticle header.header_principal .menu .clear{display:none;} .bodyArticle header.header_principal .menu #nav_principal{float:left; width:100%;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container{float:left; width:100%;} .bodyArticleheader.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav{float:left; width:100%;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li{float:left; width:100%; border-bottom:1px solid #3789D7;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li.acceuil{display:none;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a{border:none; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; padding: 0 15px; font-size: 13px;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a:hover{border:none;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES{position:relative!important; float:left!important; width:100%!important; left:0!important; top:0!important; right:auto!important; border-top:1px solid #3789D7; text-align:center;background:none!important; min-height:55px;height:auto!important;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data{margin:0; padding:10px; width:100%; text-align:left; line-height:55px;height:55px;background:#1277d7;} .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data_submit{display:inline-block; background:#1277D7; padding:10px 20px; margin:10px; border:none;} .bodyArticle ul#nav_thematique{position: static!important;width:100%!important;margin-top:-15px!important} .bodyArticle .show_hide_thema.hover_nav,.show_hide_thema:hover{background:rgba(26, 102, 173, 1)!important} .bodyArticle nav#nav_principal ul.ulfirstnav li.secondfirst a::before{font-family: icomoon; content: "\e807"; font-size: 19px; vertical-align: bottom; line-height: 35px;} .bodyArticle nav#nav_principal ul.ulfirstnav li.navfirst:last-child a::before{display:none;} .bodyArticle nav#nav_principal ul.ulfirstnav li.thematique.navfirst a .theme_arrow_container{display: inline-block;position: relative;} .bodyArticle nav#nav_principal ul.ulfirstnav li.thematique.navfirst a img{position: absolute;right:-30px;top:15px;} .bodyArticle nav#nav_principal ul.ulfirstnav li.thematique.navfirst a.hover_nav img{transform: rotate(90deg) ;-webkit-transform: rotate(-180deg) ;-moz-transform: rotate(-180deg) ;-o-transform: rotate(-180deg) ;-ms-transform: rotate(-180deg) ;} .bodyArticle header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier:before { font-size: 23px; } .bodyArticle header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{ font-size: 13px; } .bodyArticle header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li #nav_thematique li a { padding-top: 13px; padding-bottom: 13px; } /* connecté */ .bodyArticle ul#account_header_bottom li.u_account a.btn_acount:before { font-size: 23px !important; } .bodyArticle ul#account_header_bottom li.u_account a.btn_acount:after { font-size: 8px !important; } .bodyArticle ul#account_header_bottom > li a.btn_acount .accountname { font-size: 13px; padding: 12px 0 0 30px !important; } .bodyArticle ul#account_header_bottom .dropdown-menu li a div > span.title{ font-size: 100%; padding: 10px 0 2px; } .bodyArticle ul#account_header_bottom .open > .dropdown-menu { max-width: 270px!important; min-width: 240px!important; } .bodyArticle ul#account_header_bottom .dropdown-menu li a span.desc{ font-size: 12px !important; line-height: 14px !important; } .bodyArticle ul#account_header_bottom .dropdown-menu:before { left: 0; right: 0; margin-left: auto; margin-right: auto; } /**** SLIDER ****/ #content.accueil #direction_slider { margin: 405px 0 0 calc(100% - 95px); } #content.accueil #slider { width: 100%; } #content.accueil .inner.devrama-slider { width: 100%; height: 450px !important; } #content.accueil .inner.devrama-slider .projector { width: 100%; height: 450px !important; } #content.accueil .inner.devrama-slider .projector a img { left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #content.accueil .inner.devrama-slider .navigation.devrama-slider { right: 0 !important; width: 100%; } #content.accueil .inner.devrama-slider .navigation.devrama-slider .inner { margin-right: auto; margin-left: auto; } /**** NEWSLETTER ****/ #content.accueil .main .newletter_home { width: calc(100% + 50px); min-height: 116px; margin-left: -25px; padding: 23px 8px; } #content.accueil .main .newletter_home .form_newsletter { float: right; } #content.accueil .main .newletter_home input[type="email"] { display: block; float: left; width: 313px; } #content.accueil .main .newletter_home input[type="submit"] { display: block; float: none; margin-top: 10px; margin-bottom: 10px; } #content.accueil .main .newletter_home .form_newsletter .messageOk { font-size: 16px; margin: 23px 36px 0 0; } #content.accueil .main .newletter_home .form_newsletter .messageNO { text-align: left; margin-top: 3px; font-size: 11px; } /**** BLOCS 3 COLONNES ****/ #content.accueil .main .thema_bloc { text-align: center; } #content.accueil .main .thema_bloc li { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } #content.accueil .main .hauteur-min { height: auto; } #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(1), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(1) { margin: 0 calc(45% - 305px) 30px 5%; height: auto; } #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(2), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(2) { margin: 0 5% 30px calc(45% - 305px); height: auto; } #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(3), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(3) { clear: both; float: none; margin: 0 auto 30px auto; height: auto; } /**** INREES TV ****/ #content.accueil .main .darkthemeinreestv { display: block; width: calc(100% + 50px); margin: 0 0 0 -25px; padding-top: 1px; padding-bottom: 1px; } #content.accueil .main .darkthemeinreestv .video_home { float: none; width: 617px; max-width: 100%; margin-left: auto; margin-right: auto; } #content.accueil .main .darkthemeinreestv .video_home .img_absolut { width: 617px; max-width: calc(100% - 50px); } #content.accueil .main .darkthemeinreestv .content_a .content_player button:before { margin-left: calc(50% - 39.5px); } #content.accueil .main .darkthemeinreestv .abo_accroche { float: none; width: 617px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #content.accueil .main .darkthemeinreestv .abo_accroche img { float: left; margin-right: 34px; } #content.accueil .main .darkthemeinreestv ul.col-5 li { width: 48%; margin: 0 1% 25px 1%; } /**** BLOCS 4 COLONNES ****/ #content.accueil .main .agenda_home { width: calc(100% + 50px); margin: 0 0 0 -25px; } #content.accueil .main .h3_mintues3 { width: 238px; margin-left: auto; margin-right: auto; left: 0; right: 0; } #content.accueil .main .mintues3 { position: relative; height: auto; padding-top: 73px; } #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(1), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(2), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(3), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(4), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(1), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(2), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(3), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(4) { margin: 0 calc(25% - 112.5px) 30px calc(25% - 112.5px); height: auto; } #content.content_article .main ul.bloc_defaut_margin li.petit_1_4 { min-height: 282px; } #content.content_article .main ul.bloc_defaut_margin li.petit_1_4 h3 { font-size: 17px; } #content.accueil .main .lien_accueil_3mintues { margin-top: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 700px; } #content.accueil .main .mintues3 + .clear + .wht.lien_accueil a { /* lien blanc sur fond blanc, invisible en version desktop */ display: none; } /**** MAGAZINE ****/ #content.accueil .main .bloc_mag, #content.container_mag .main .bloc_mag { /* à factoriser */ height: auto; width: calc(100% + 50px); margin: 0 0 0 -25px; background-size: cover !important; background-position: center center !important; } #content.container_mag .main .bloc_mag { margin-bottom: 25px; } #content.accueil .main .bloc_mag .row1, #content.container_mag .main .bloc_mag .row1 { position: relative; width: 100%; } #content.accueil .main .bloc_mag .row1 h2.titre, #content.container_mag .main .bloc_mag .row1 h2.titre { margin-left: 50%; } #content.accueil .main .bloc_mag .row1 .rowl, #content.container_mag .main .bloc_mag .row1 .rowl { padding: 15px 0 0 0; width: 46%; margin-left: 4%; } #content.accueil .main .bloc_mag .row1 .rowl a.link_more, #content.container_mag .main .bloc_mag .row1 .rowl a.link_more { display: block; } #content.accueil .main .bloc_mag .row1 .rowr, #content.container_mag .main .bloc_mag .row1 .rowr { padding: 15px 0 0 0; width: 46%; margin-bottom: 40px; } #content.accueil .main .bloc_mag .row1 .rowr .text_intro, #content.container_mag .main .bloc_mag .row1 .rowr .text_intro { height: auto; } #content.accueil .main .bloc_mag .row1 .rowr .text_intro p, #content.container_mag .main .bloc_mag .row1 .rowr .text_intro p { height: auto; } #content.accueil .main .bloc_mag .row1 .rowr .text_intro .link, #content.container_mag .main .bloc_mag .row1 .rowr .text_intro .link { /*display: block;*/ float: none; } #content.accueil .main .bloc_mag .row2, #content.container_mag .main .bloc_mag .row2 { position: relative; width: 100%; clear: both; } #content.accueil .main .bloc_mag .row2 .mag_old li, #content.container_mag .main .bloc_mag .row2 .mag_old li { display: inline-block; margin: 25px 5% 25px; } #content.container_mag .main .bloc_mag .row1 .rowr .text_intro .btn_home.mag { position: static; } /**** BLOCS 5 COLONNES ****/ #content.accueil .main .bout_filt ul.menu_filtre_boutique { border-bottom: none; } #content.accueil .main .bout_filt ul.menu_filtre_boutique li { margin-bottom: 25px; } #content.accueil .main .bout_filt ul.menu_filtre_boutique li button { border-bottom: 2px solid transparent; padding: 0 12px 10px; } #content.accueil .main .bout_filt ul.menu_filtre_boutique li button.active, #content.accueil .main .bout_filt ul.menu_filtre_boutique li button:hover { border-bottom: 2px solid #1388f5; } #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique1, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique2, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique4, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique6, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique7, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique12 { text-align: center; } #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique1 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique2 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique4 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique6 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique7 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique12 li { float: none; display: inline-block; margin-left: 25px; margin-right: 25px; } #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li{ margin-left: 20px; margin-right: 20px; margin-bottom: 36px; } #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique4 li, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique12 li { margin-bottom: 25px; } /***** EVENEMENTS ****/ #content.content_event { /* à factoriser */ width: 100%; overflow-x: hidden; overflow-y: hidden; } #content.content_event .titre_principal { /* à factoriser */ margin-top: 45px; } #content.content_event .titre_principal > h1 { /* à factoriser */ line-height: normal; } #content.content_event .titre_principal img { /* à factoriser */ margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } #content.content_event .main { width: 100%; } #content.content_event #containerE div.titre_home:nth-child(1) { margin-top: 60px; } #content.content_event #containerE .content_img_text div.theme, #content.content_event #containerE .content_img_text div.box_event_2_player, #content.content_event #containerE .content_img_text div.content_player{ display: none; } #content.content_event #container .List_prochaine_date div.box_video_2_textright p, #content.content_event #container .List_prochaine_date div.box_video_2_textright div { display: none; } h3.ubuntu_mobile { font-family: "ubuntu"; font-size: 16px; font-weight: 700; } h2.ubuntu_mobile { font-family: "ubuntu"; font-size: 18px; font-weight: 700; opacity: 0.8; transition: all 0.5s ease 0s; } .liheightauto{ height: auto !important; } .mobilepaddingbotton0{ padding-bottom: 0px !important; } #content.content_event #containerE div.box_event_3 { min-width: 100%; max-width: 100%; width: 100%; height: 230px; } #content.content_event #containerE div.box_event_2 { min-width: 100%; width: 100%; height: 515px; } #content.content_event #containerE div.box_item_1_4 { min-width: 100%; max-width: 100%; width: 100%; height: auto; } #content.content_event #containerE div.box_item_1_4 .content_a .content_img_text { width: 90%; position: relative; height: auto; display: none; } #content.content_event #containerE div.etage1 div:nth-child(1), #content.content_event #containerE div.etage1 div:nth-child(3) { width: 100% !important; } #content.content_event #containerE div.etage1 .box_item_1_4 .content_a .box_item_1_4_content { margin-bottom: 13px; } #content.content_event #container .List_prochaine_date .box_video_programme, #content.content_event #containerE div.box_event_3 a.content_a, #content.content_event #containerE div.box_item_1_4 .content_a { width: 100%; padding-bottom: 30px; } #content.content_event #container .List_prochaine_date .box_video_programme .content_a .content_img_text, #content.content_event #container .List_prochaine_date .box_video_programme .content_img_text .box_video_prog_img { width: 100%; height: auto; position: relative; } #content.content_event #container ul.List_prochaine_date li { width: 100%; } #content.content_event #container .List_prochaine_date .box_video_programme .content_a img { min-width: 100%; max-width: 100%; } #content.content_event #containerE div.box_event_3 .content_a .box_event_3_img img, #content.content_event #containerE div.box_item_1_4 .content_a .box_item_1_4_img img, #content.content_event #containerE div.box_event_3 .content_a .box_event_3_img, #content.content_event #containerE div.box_item_1_4 .content_a .box_item_1_4_img { width: 100%; } #content.content_event #containerE div.box_event_3 .content_a .content_img_text { width: 90%; } #content.content_event #containerE div.box_event_3 .content_a .content_img_text .content_text{ margin: 145px 0 0 0; color: #1388f5; } #content.content_event #containerE div.box_event_2 .content_a .content_img_text .box_event_2_text{ margin: 417px auto; color: #1388f5; top : 0; position: relative; } #content.content_event #containerE div.box_event_3 .content_a .content_img_text .content_text h3, #content.content_event #containerE div.box_event_1 .content_a .box_item_1_4_content h3, #content.content_event #containerE div.box_event_2 .content_a .content_img_text .box_event_2_text h3 { color: #1388f5; text-shadow: none; font-size: 20px; } #content.content_event #containerE div.box_event_3 .content_a .content_img_text .content_text p, #content.content_event #containerE div.box_event_1 .content_a .box_item_1_4_content p, #content.content_event #containerE div.box_event_2 .content_a .content_img_text .box_event_2_text p { color: #505b66; text-shadow: none; font-size: 13px; } #content.accueil .main .event_home .clearfix.bold.fs15.float-l.txt-center.p-t5 { float: none; margin-bottom: 20px; } #content.accueil .main .event_home form select { margin: 5px; } #content.accueil .main .event_home .titre_home + .m-b15 { margin-bottom: 42px; } /**** RESEAUX SOCIAUX *****/ #content.accueil .main .reseau_socio_footer { text-align: center; height: auto; } #content.accueil .main .reseau_socio_footer .reseau_socio_absolut .resb_b { display: none; } #content.accueil .main .reseau_socio_footer .rese_left, #content.accueil .main .reseau_socio_footer .rese_right { float: none; display: inline-block; margin-right: 25px; margin-left: 25px; } /**** LISTE ARTICLES ****/ #content.container_mag, #content.content_article { /* à factoriser */ width: 100%; overflow-x: hidden; overflow-y: hidden; } #content.container_mag .titre_principal, #content.content_article .titre_principal { /* à factoriser */ margin-top: 45px; } #content.container_mag .titre_principal img, #content.content_article .titre_principal img { /* à factoriser */ margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } #content.container_mag .main, #content.content_article .main { width: 100%; } /**** NAV ARTICLES ****/ #content.container_mag .main .filtre, #content.content_event .main .filtre { width: 100%; } #content.container_mag .main .filtre ul, #content.content_event .main .filtre ul { height: auto; text-align: center; } #content.container_mag .main .filtre ul li, #content.content_event .main .filtre ul li { display: inline-block; vertical-align: top; } #content.container_mag .main .filtre ul li button, #content.content_event .main .filtre ul li button { float: none; display: inline-block; } #content.container_mag .main .filtre ul li.search-more button, #content.content_event .main .filtre ul li.search-more button { position: relative; top: 0; left: 0; } /**** RECHERCHE ARTICLES ****/ #content.container_mag .main .search_detail, #content.content_event .main .search_detail { width: 100%; } #content.container_mag .main .search_detail .content-filtre-par, #content.content_event .main .search_detail .content-filtre-par { width: 100%; text-align: center; } #content.container_mag .main .search_detail .content-filtre-par li, #content.content_event .main .search_detail .content-filtre-par li { display: inline-block; vertical-align: top; float: none !important; margin: 0 6px 9px !important; } /**** GRILLE ARTICLES ****/ #content.container_mag #container .col-1/*, #content.container_mag #container .col-1.bounceIn:nth-child(8)*/ { width: 297px; max-width: 50%; margin-left: calc(25% - 148.5px); margin-right: calc(25% - 148.5px); } /*#content.container_mag #container .col-1:nth-child(3), #content.container_mag #container .col-1:nth-child(8), #content.container_mag #container .col-1:nth-child(14), #content.container_mag #container .col-1.bounceIn:nth-child(9) { margin-left: calc(50% - 148.5px); }*/ #content.container_mag #container .col-1 + .col-1 + .col-1 { margin-left: calc(50% - 148.5px); } #content.container_mag #container .col-1 .content_big .content_a .content_img_text { width: 100%; } #content.container_mag #container .col-1 .content_big .content_a img { min-width: 100%; min-height: 100%; } #content.container_mag #container .col-1 .content_little .content_img_text{ width: 100%; } #content.container_mag #container .col-1 .content_little .content_a .content_img .hover_img { margin-left: auto; margin-right: auto; } #content.container_mag #container .col-1 .content_little .content_a .content_img .hover_img { width: 100%; } #content.container_mag #container .col-1 .content_little img { min-width: 100%; min-height: 100%; } /* CITATIONS */ #content.container_mag .content_item_big { width: calc(100% + 50px); margin-left: -25px; } #content.container_mag .content_item_big .row_citation_3 { width: calc(100% - 263px); } /**** BEST OF ****/ #content.container_mag #container .container_vid_mag, .bodyResponsive #content.content_event div.container_mag #container .container_vid_mag { width: calc(100% + 50px); margin-left: -25px; } #content.container_mag #container .container_vid_mag ul, .bodyResponsive #content.content_event div.container_mag #container .container_vid_mag ul { margin-top: 80px; width: 100%; } #content.container_mag .owl-controls, .bodyResponsive #content.content_event div.container_mag .owl-controls { position: relative; z-index: 2; top: -365px; width: 500px; max-width: 100%; margin-left: auto; margin-right: auto; } #content.container_mag .owl-controls .owl-buttons, .bodyResponsive #content.content_event div.container_mag .owl-controls .owl-buttons { width: 500px; max-width: 100%; margin: 0; text-align: center; } #content.container_mag .owl-buttons .owl-prev, #content.container_mag .owl-buttons .owl-next, .bodyResponsive #content.content_event div.container_mag .owl-buttons .owl-prev, .bodyResponsive #content.content_event div.container_mag .owl-buttons .owl-next { display: inline-block; vertical-align: top; right: auto; left: auto; top: auto; position: static; margin: 0 15px; } /*#content.container_mag #container .container_vid_mag .owl-carousel .owl-wrapper-outer { width: 100%; } #content.container_mag #container .container_vid_mag .owl-carousel .owl-wrapper { width: 100% !important; }*/ /* ** #content.container_mag #container .container_vid_mag .owl-carousel .owl-wrapper .owl-item { width: 256px !important; text-align: center; } ** */ /*#content.container_mag #container .container_vid_mag ul { height: auto; } #content.container_mag #container .container_vid_mag ul.content_vid_mag li { display: inline-block; float: none; }*/ /**** LOAD MORE ****/ #content.container_mag .content_bouton_plus .btn_large_plus, #content.content_event .content_bouton_plus .btn_large_plus { width: calc(100% + 110px); margin-left: -55px; padding-left: 0; padding-right: 0; } #content.container_mag .content_bouton_plus .btn_large_plus .text-btn, #content.content_event .content_bouton_plus .btn_large_plus .text-btn { height: auto; } /**** TOP ARTICLES ****/ footer .pre_footer { width: 100%; } footer .pre_footer .itemcontent_1_3 { display: inline-block; float: none; vertical-align: top; width: 304px; max-width: 50%; padding: 0; margin-left: calc(25% - 153px); margin-right: calc(25% - 153px); margin-bottom: 25px !important; } footer .over_container_wrapper .itemcontent_1_3.item_darktheme { padding: 0; position: static; margin-left: calc(50% - 169px) !important; margin-right: calc(50% - 169px) !important; } footer .over_container_wrapper .itemcontent_1_3.item_darktheme .overhidden_img { margin-left: auto; margin-right: auto; } footer .over_container_wrapper .itemcontent_1_3.item_darktheme .content_a .hover_img_itemconnexes { width: 100%; } footer .over_container_wrapper .itemcontent_1_3.item_darktheme .content_a .overhidden_img { width: 100%; } /**** SINGLE ARTICLE ****/ #content.content_article .main { padding-bottom: 0; } #content.content_article .main .titre_home { margin-top: 40px; margin-bottom: 40px; } #content.content_article .responsive-article { display: flex; flex-direction: column-reverse; } #content.content_article .main #leftCol { float: none; width: 100%; padding-right: 0; } #content.content_article .main #leftCol .content_img img { max-width: 100%; } #content.content_article .main #leftCol .content_img img + br + span { float: none !important; } #content.content_article .main #leftCol .date_info { margin-left: auto; margin-right: auto; max-width: 100%; } #content.content_article .main #leftCol .auteur_content { margin-left: auto; margin-right: auto; max-width: 100%; } #content.content_article .main #leftCol .border_auteur { margin-left: auto; margin-right: auto; max-width: 100%; } #content.content_article .main #leftCol .row.m-t20 { width: 280px; margin-left: auto; margin-right: auto; max-width: 100%; } /*#content.content_article .main #leftCol .content_img { width: 33%; } #content.content_article .main #leftCol .content_img img { width: auto; height: auto; max-width: 100%; max-height: 115px; } #content.content_article .main #leftCol .content_img img + br + span { float: none !important; }*/ /*#content.content_article .main #leftCol .content_textandfavoris { width: 33%; margin-left: 0; } #content.content_article .main #leftCol .date_info { width: 33%; margin-left: 33%; margin-top: -191px; } #content.content_article .main #leftCol .border_auteur { width: 33%; margin-left: 33%; } #content.content_article .main #leftCol .border_auteur .auteur_content { width: calc(100% - 10px); } #content.content_article .main #leftCol .border_auteur + .date_info { margin-left: 66%; } */ #content.content_article .main #contentCol { float: none; width: 100%; } #content.content_article .main #contentCol .r_bandeau.m-t20.m-b20 { width: 100%; } #content.content_article .main #contentCol .r_bandeau.m-t20.m-b20 .articlepayant_content { width: 100%; } #content.content_article .main #contentCol .r_bandeau.m-t20.m-b20 .articlepayant_content .arrow_big_article { display: none; } #content.content_article .main #contentCol .faq_detail_key { width: 100%; } #content.content_article .main #contentCol .d_content.text_defaut p img { max-width: 100%; width: 100%; } #content.content_article .main #contentCol .d_content div { max-width: 100%; } #content.content_article .main #contentCol .d_content div img { max-width: 100%; width: 100%; } #content.content_article .main #contentCol .left_blockquote { position: relative; text-align: left; width: calc(100% - 151px); margin-left: 151px; margin-top: 20px; margin-bottom: 30px; clear: both; padding-top: 6px; } #content.content_article .main #contentCol .left_blockquote:before { left: -126px; top: 60px; right: auto; font-size: 189px; height: auto; width: auto; line-height: 68px; } /**** POPIN INSCRIPTION****/ .modal_defaut.popin .modal_content .defaut .i-f label[for="confirm_password02"] { height: auto; min-height: 17px; margin-bottom: 4px !important; } } /**** MOBILE (<768px) ****/ @media screen and (max-width: 767px) { /**** HOME ****/ /**** HEADER ****/ /**** SLIDER ****/ #content.accueil .inner.devrama-slider .projector .titre_slider { font-size: 27px; } #content.accueil .inner.devrama-slider .projector .ss_slider { font-size: 14px; } /**** NEWSLETTER ****/ #content.accueil .main .newletter_home { /*min-height: 214px;*/ min-height: 229px; } #content.accueil .main .newletter_home .titre_newsletter { width: 100%; margin-bottom: 25px; } #content.accueil .main .newletter_home .form_newsletter { float: left; width: 100%; } #content.accueil .main .newletter_home .form_newsletter form { width: 100%; } #content.accueil .main .newletter_home .form_newsletter form .input_newsletter { width: 100%; } #content.accueil .main .newletter_home .form_newsletter form .input_newsletter input[type="email"] { width: 100%; margin-bottom: 13px; } #content.accueil .main .newletter_home .form_newsletter form .input_newsletter input[type="submit"] { width: 100%; } #content.accueil .main .newletter_home .form_newsletter .messageOk { text-align: center; margin: 27px 0 0 0; } #content.accueil .main .newletter_home .form_newsletter .messageNO { margin-top: 63px; margin-bottom: 14px; text-align: left; font-size: 13px; } /**** BLOCS 3 COLONNES ****/ #content.accueil .main ul li.bloc_defaut.bas_1_3, #content.accueil .main ul li.bloc_defaut.haut_1_3 { max-width: 95%; } #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(1), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(1), #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(2), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(2), #content.accueil .main ul li.bloc_defaut.bas_1_3:nth-child(3), #content.accueil .main ul li.bloc_defaut.haut_1_3:nth-child(3) { float: none; margin: 0 auto 30px auto; height: auto; } #content.accueil .main ul li.bloc_defaut.bas_1_3 .date, #content.accueil .main ul li.bloc_defaut.haut_1_3 .date { margin-left: auto; margin-right: auto; left: 0; right: 0; } #content.accueil .main ul li.bloc_defaut.bas_1_3.content_a .content_player { width: 100%; } #content.accueil .main ul li.bloc_defaut.bas_1_3.content_a .content_player button:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } #content.accueil .main ul li.bloc_defaut.bas_1_3 a, #content.accueil .main ul li.bloc_defaut.haut_1_3 a { display: block; position: relative; width: 100%; } #content.accueil .main ul li.bloc_defaut.bas_1_3 a .img_absolut, #content.accueil .main ul li.bloc_defaut.haut_1_3 a .img_absolut { width: 100%; } #content.accueil .main ul li.bloc_defaut.bas_1_3 a .content_img, #content.accueil .main ul li.bloc_defaut.haut_1_3 a .content_img { width: 100%; } /**** INREES TV ****/ .darkthemeinreestv .section_fleche { margin-top: 130px; } .darkthemeinreestv .video_home { margin-top: 105px; } #content.accueil .main .darkthemeinreestv .abo_accroche { text-align: center; } #content.accueil .main .darkthemeinreestv .abo_accroche img { display: block; float: none; margin-left: auto; margin-right: auto; width: 149px; } #content.accueil .main .darkthemeinreestv .abo_accroche h5 { text-align: center; } #content.accueil .main .darkthemeinreestv .abo_accroche p { text-align: center; } #content.accueil .main .darkthemeinreestv ul.col-5 li { float: none; width: 395px; max-width: 96%; margin: 0 auto 35px auto; } #content.accueil .main .darkthemeinreestv ul.col-5 li a { display: block; width: 100%; } #content.accueil .main .darkthemeinreestv ul.col-5 li a .icon { float: none; } #content.accueil .main .darkthemeinreestv ul.col-5 li a .title { float: none; } /**** BLOCS 4 COLONNES ****/ #content.accueil .main .h3_mintues3 h3 { margin-top: -7px; } #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(1), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(2), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(3), #content.accueil .main ul.bloc_defaut_margin li.petit_1_4:nth-child(4), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(1), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(2), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(3), #content.content_article .main ul.bloc_defaut_margin li.petit_1_4:nth-child(4) { float: none; margin: 0 auto 30px auto; } #content.accueil .main .lien_accueil_3mintues { top: auto; bottom: -100px; } /**** MAGAZINE ****/ #content.accueil .main .bloc_mag .row1 h2.titre, #content.container_mag .main .bloc_mag .row1 h2.titre { width: 290px; max-width: 100%; margin: 118px 0 0 25px; text-align: left; } #content.accueil .main .bloc_mag .row1 .rowl, #content.container_mag .main .bloc_mag .row1 .rowl { float: none; width: 85%; margin-left: auto; margin-right: auto; } #content.accueil .main .bloc_mag .row1 .rowl img, #content.container_mag .main .bloc_mag .row1 .rowl img { display: block; margin: 169px auto 0; max-width: 100%; } #content.accueil .main .bloc_mag .row1 .rowl a.link_more, #content.container_mag .main .bloc_mag .row1 .rowl a.link_more { display: block; width: 290px; max-width: 100%; margin: 20px auto 0; text-align: center; } #content.accueil .main .bloc_mag .row1 .rowr, #content.container_mag .main .bloc_mag .row1 .rowr { float: none; width: 85%; margin-left: auto; margin-right: auto; } #content.accueil .main .bloc_mag .row2 .mag_old li, #content.container_mag .main .bloc_mag .row2 .mag_old li { margin: 25px 25px; } /**** BLOCS 5 COLONNES ****/ #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li { max-width: calc(100% - 50px); } #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li > div > a, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li > div > a > span, #content.accueil .main ul.list_accueil_boutique.margin_defaut.list_accueil_boutique5 li > div > a > span > img { display: block; width: 100%; } /**** EVENEMENT ****/ #content.accueil .main .event_home form select { width: 100% !important; } #content.accueil .main .event_home form button { margin-left: 0; margin-top: 14px; width: 100% !important; } #content.content_event #container .box_video_programme .content_a .content_text h2 a{ font-size: 18px; } .btn_mobile_reserv_event{ display: block; text-align: center; margin: auto; } /**** RESEAUX SOCIAUX *****/ #content.accueil .main .reseau_socio_footer .reseau_socio_absolut { width: 100%; margin-left: -25px; } #content.accueil .main .reseau_socio_footer .titre_home { width: calc(100% + 50px); margin-left: -25px; } #content.accueil .main .reseau_socio_footer .rese_left, #content.accueil .main .reseau_socio_footer .rese_right { max-width: calc(100% - 50px); } #content.accueil .main .reseau_socio_footer .rese_left .fb_iframe_widget { max-width: 100%; } #content.accueil .main .reseau_socio_footer .rese_left .fb_iframe_widget > span { max-width: 100%; } #content.accueil .main .reseau_socio_footer .rese_left .fb_iframe_widget > span iframe { max-width: 100%; } /* GRILLE ARTICLES */ #content.container_mag #container .col-1/*, #content.container_mag #container .col-1.bounceIn:nth-child(8)*/ { width: 297px; max-width: 100%; margin-left: calc(50% - 148.5px); margin-right: calc(50% - 148.5px); } /*#content.container_mag #container .col-1:nth-child(3), #content.container_mag #container .col-1:nth-child(8), #content.container_mag #container .col-1:nth-child(14), #content.container_mag #container .col-1.bounceIn:nth-child(9) { margin-left: calc(50% - 148.5px); }*/ #content.container_mag #container .col-1 + .col-1 + .col-1 { margin-left: calc(50% - 148.5px); } /* CITATIONS */ #content.container_mag .content_item_big { text-align: center; } #content.container_mag .content_item_big .row_citation_1, #content.container_mag .content_item_big .row_citation_2, #content.container_mag .content_item_big .row_citation_3 { display: inline-block; vertical-align: top; float: none; } #content.container_mag .content_item_big .row_citation_3 { width: 100%; } #content.container_mag .content_item_big .row_citation_3 h5, #content.container_mag .content_item_big .row_citation_3 h6, #content.container_mag .content_item_big .row_citation_3 p { text-align: center; } /**** TOP ARTICLES ****/ footer .pre_footer .itemcontent_1_3 { width: 304px; max-width: 100%; margin-left: calc(50% - 153px); margin-right: calc(50% - 153px); } footer .over_container_wrapper .itemcontent_1_3.item_darktheme { margin-left: calc(50% - 169px) !important; margin-right: calc(50% - 169px) !important; } /**** SINGLE ARTICLE ****/ #content.content_article .main #contentCol h1.titre_general { font-size: 33px; } #content.content_article .main .faq_detail_key h3 { width: 100%; } #content.content_article .main #contentCol .left_blockquote p { font-size: 23px !important; line-height: 30px; } #content.content_article .main #contentCol .r_bandeau.m-t20.m-b20 .articlepayant_content .btn_little { margin: 15px auto; display: block; } /**** COOKIES ****/ #cookieChoiceInfo { padding: 42px 10px !important; } } /**** MOBILE (<=359px) ****/ @media screen and (max-width: 359px) { #content.container_mag #container .col-1, #content.container_mag #container .col-1 + .col-1 + .col-1 { margin-left: auto; margin-right: auto; } #content.container_mag #container .col-1 h3 { font-size: 17px; } #content.content_article .main #contentCol .left_blockquote p { font-size: 16px !important; } #content.container_mag #container .content_item_big .row_citation_1{ width: 101px; } footer .over_container_wrapper .itemcontent_1_3.item_darktheme { margin-left: auto !important; margin-right: auto !important; } }