ul.col-3{clear:both;float:left;width:100%;}
ul.col-3 li{float:left;width:33.3333333%;}
ul.col-3 li .icon{clear:both;float:left;width:100%;margin-bottom:10px;text-align: center;}
ul.col-3 li .icon img{max-width:100%;}
ul.col-3 li .title{clear:both;float:left;width:100%;text-align: center;color:#77BB56;font-size:24px;font-family: "Ubuntu";font-weight: bold;}
ul.col-3 li .description{clear:both;float:left;width:100%;margin-top:15px;padding:0 10% 0 10%;text-align: center;font-size:14px;font-family: 'Merriweather', Arial, Helvetica, Verdana;line-height:20px;box-sizing:border-box;}

ul.col-5 {clear:both;float:left;width:100%;}
ul.col-5 li{float:left;width:23%;margin:0 1% 0 1%;}
ul.col-5 li .icon{clear:both;float:left;width:100%;margin-bottom:10px;text-align: left;}
ul.col-5 li .icon img{width:100%; transition: all 0.5s ease 0s;}
ul.col-5 li .icon img:hover{transform: scale(1.1);}
ul.col-5 li .title{clear:both;float:left;width:100%;text-align: left;font-size:24px;font-family: "Ubuntu";font-weight: bold;line-height:30px;}
ul.col-5 li .title:hover{color:#CC2165; transition: color 0.2s;}

li.mobile_only,.mobile_only{display:none!important;}
.desktop_only{display:block!important;}
li.desktop_only{display:inline-block!important;}
//.mobile_search{display:none;}

/**** HEADER ****/
nav#nav_principal{background: rgba(26, 102, 173, 1)!important;}
nav#nav_principal ul.ulfirstnav li.navfirst > a{opacity: 1!important;}
.account_header ul#account_header_bottom.header_log li a{opacity: 1!important;}
#social_media img{opacity: 1!important;}

/**** FOOTER ****/
footer{position: relative;}

/******** MOBILE *********************/

@media screen and (max-width: 990px) {
	.mobile_only{display:block!important;}
	li.mobile_only{display:list-item!important}
	li.desktop_only,.desktop_only{display:none!important;}
        
        .browser-message-red{margin-top: 45px;}
        .browser-message{margin-top: 45px;}

	
	header.header_principal{position:fixed; top:0px; z-index:50; height:auto!important; min-height:105px !important; margin:0!important; width:100%;}

	#hidden_nav{display:none!important;}

	#logoinrees{position:relative; z-index:5; display:block; float:left; width:100%; text-align:center; padding:0!important; height:auto !important; min-height:105px !important; background:#1A66AD;}
	#logoinrees h2{display:inline-block;}
	#logoinrees h2 a{display:inline-block;}
	#logoinrees h2 a img{height: 90px; padding:20px 5px 5px 5px;}

	#mobile_menu_btn{position:absolute; z-index:5; right:0; top:50%; width:10%; padding:0 10px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); cursor:pointer;}
	#mobile_menu_btn span{float:left; display:block; width:100%; height:10px; margin:5px 0; background:white;}
	
	header.header_principal .menu{position:fixed; width:40%; min-width:650px; height:100%; padding:105px 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;}
	header.header_principal .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);}
	header.header_principal .menu #social_media{float:left; width:100%; margin:0; min-height:90px; padding:25px 0 0 0; background:#3789D7;}
	header.header_principal .menu #social_media ul{}
	header.header_principal .menu #social_media ul li{margin: 15px;}
	header.header_principal .menu #social_media ul li a > img{width: 75px;}
	header.header_principal .menu .account_header{float:left; width:100%; margin:0; padding:5px 0 12px 0; height:auto; min-height:47px; background:#3789D7;}
	header.header_principal .menu .account_header #account_header_bottom{float:left; width:100%; margin:0;}
	header.header_principal .menu .account_header #account_header_bottom .u_panier{float:left; padding:0; width:100%; text-align: left;}
	header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier:before{font-size: 38px;}
	header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{margin: 0 0 20px 60px; font-size: 33px;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account{width:100%; padding-left:0!important; text-align: center; height:35px;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount{padding:0 0 0 2%;text-align:left!important;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu{width: 100%; left:0;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu li a{width: 100%;}
	header.header_principal .menu .account_header #account_header_bottom .sep_icon{display:none;}
	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;}
	header.header_principal .menu .account_header #account_header_bottom .connect a{display:inline-block; float:none; background:#1277D7; padding:15px 10px 10px 35px; margin:18px; width:auto; min-width:45%; min-height: 65px; font-size:30px;}
	header.header_principal .menu .account_header #account_header_bottom .connect a:before{left:30px; top:15px; font-size: 36px;}
	header.header_principal .menu .clear{display:none;}
	header.header_principal .menu #nav_principal{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li{float:left; width:100%; border-bottom:1px solid #3789D7;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li.acceuil{display:none;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a{font-size: 40px; padding: 40px 0 81px 0; border:none; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a:hover{border:none;}
	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;}
	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;}
	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;}
        
	ul#nav_thematique{position: static!important;width:100%!important;margin-top:-15px!important}
	.show_hide_thema.hover_nav,.show_hide_thema:hover{background:rgba(26, 102, 173, 1)!important}

	nav#nav_principal ul.ulfirstnav li.secondfirst a::before{font-family: icomoon; content: "\e807"; font-size: 19px; vertical-align: bottom; line-height: 35px;}
	nav#nav_principal ul.ulfirstnav li.navfirst:last-child a::before{display:none;}
	nav#nav_principal ul.ulfirstnav li.thematique.navfirst a .theme_arrow_container{display: inline-block;position: relative;}
	nav#nav_principal ul.ulfirstnav li.thematique.navfirst a img{position: absolute;right:-30px;top:15px;}
	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) ;}
	
	ul#account_header_bottom li.u_panier a.btn_panier:before,ul#account_header_bottom li.u_account a.btn_acount:before{left:10px!important}
	ul#account_header_bottom li.u_account{padding-left:0!important;position:relative!important;}
	ul#account_header_bottom > li{margin:0!important;}
	ul#account_header_bottom li.u_account a.btn_acount{margin-left:0!important;margin-right:0!important;}
	ul#account_header_bottom li.u_account a.btn_acount:before{font-size: 40px !important;}
	ul#account_header_bottom > li a.btn_acount .accountname{font-size: 33px; padding : 7px 0 0 47px !important;}
	ul#account_header_bottom li.u_account a.btn_acount:after{right:10px!important; font-size: 25px !important;}
	.open > .dropdown-menu{display:inline-block!important;float:none!important;position: relative!important;left:0px!important;top:0!important;min-width: 100% !important;}
	.dropdown-menu li a{width:100%!important;}
	.dropdown-menu li a div > span.title{font-size: 27px; padding: 25px 0 10px;}
	.dropdown-menu li a div > span.desc{font-size: 25px; line-height: 30px;}
	
	#mobile_layer{position:fixed; opacity:0; visibility:hidden; height:100%; width:100%; z-index:-1; background:rgba(0, 0, 0, .4); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;}
	#mobile_layer.opened{opacity:1; visibility:visible;}

	footer[role="contentinfo"]{float:left; width:100%;}
	footer[role="contentinfo"] .second_footer{float:left; width:100%; height:auto;}
	footer[role="contentinfo"] .second_footer ul{float:left; width:100%;}
	footer[role="contentinfo"] .second_footer ul li{float:left; width:100%; margin:0; height:auto;}
	footer[role="contentinfo"] .second_footer ul li.sep{display:none;}
	footer[role="contentinfo"] .second_footer ul li a{float:left; width:100%; }
	footer[role="contentinfo"] .second_footer ul li .img{display:none;}
	footer[role="contentinfo"] .second_footer ul li .text{float:left; width:100%; margin:0; height:auto; text-align:center; padding:10px; box-sizing:border-box; border-bottom:1px solid #3789D7; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
	footer[role="contentinfo"] .second_footer ul li .text h6{display:inline-block; background:#1277D7; padding:10px 15px;}
	footer[role="contentinfo"] .second_footer ul li .text p{display:inline-block; width:100%;}
	footer[role="contentinfo"] .second_footer ul li .text form{display:inline-block; width:100%;}
	footer[role="contentinfo"] .second_footer ul li .text form .input_newsletter{display:inline-block; width:100%; text-align:center;}
	footer[role="contentinfo"] .second_footer ul li .text form .input_newsletter input{display:inline-block; float:none;}
	footer[role="contentinfo"] .footer_botom{float:left; width:100%;}
	footer[role="contentinfo"] .footer_botom .container_footer{float:left; width:100%; padding:0; margin:0;}
	footer[role="contentinfo"] .footer_botom .container_footer .logo_footer{float:left; width:100%; text-align:center; height:auto; padding:30px 0 15px 0;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer{float:left; width:100%; margin:0; height:auto;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul{float:left; width:90%; margin:0 5%; padding:10px 0; height:auto; border:none; border-bottom:1px solid #cecece; text-align:center;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul li{display:inline-block; margin:0; padding:0 10px; line-height:30px; vertical-align:middle;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul li a{margin:0;}
	footer[role="contentinfo"] .footer_botom .container_footer div .copyright{display:block; float:left; width:80%; margin:30px 10% 0 10%;}
	footer[role="contentinfo"] .footer_botom .container_footer div .pied_page{display:block; float:left; width:80%; margin:15px 10% 30px;}

	
	
	/*** POPIN ***/
	.modal{position: absolute!important;top:0!important;}
	.modal_defaut.popin{width:100%!important;margin:0!important;}
	p[class="m-b10"]{display: block!important;clear:both!important;float:left!important;width:100%!important;text-align: center!important}
	.modal_defaut .modal_content .modal_container form{display: block!important;clear:both!important;float:left!important;width:100%!important;margin:0!important;padding:0 5% 0 5%!important;background:#FFFFFF;}
	.defaut .i-f .m_input{width:100%!important;clear:both!important;float:left!important;margin-bottom:10px;}
	.modal_defaut.popin .modal_content .defaut .i-f label{display: inline!important;float:left!important;width:75%!important;margin:0!important;}
	.modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="text"], .modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="password"],.modal_defaut .modal_content .modal_container .defaut .i-f input[type="text"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="password"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="date"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="tel"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="select"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="email"], .modal_defaut .modal_content .modal_container .defaut .i-f textarea{width:100%!important;}

	.modal .modal-dialog.popinfullabo{width:100%; margin:0; display:block;}
	.modal .modal-dialog.popinfullabo .step1{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_header{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container{float:left; width:100%; background:white; padding:25px; margin:0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left{float:left; width:100%; text-align:center;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .pays{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .numero{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .frequence{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .fs23{float:left; width:100%; text-align:center;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .custom-dropdown{margin:0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l.pays .fs23{margin:0 0 15px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .radio{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .radio .form_radio_abo{float:none; display:inline-block;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .form_radio_abo{float:none; display:inline-block;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l .img_modal_abo.txt-center{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l .text_modal_abo{float:left; width:100%; text-align:center;}

}