/* -------------------------- */
/* RESPONSIVE DESIGN BY KEOPZ */
/* ------ www.keopz.fr ------ */
/* -------------------------- */

/* Toutes tailles */
body { background:none; }
.main-column { border:0; overflow:hidden; }
.header { text-align:left; }
.top { background-color:#FFF; }
.colonnegauche > div { width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.footer { overflow:hidden; }

/* Ecrans 15 pouces et plus */
@media only screen and (min-width : 1201px)  {
	/*.main-column { width:1160px; }
	.header, .footer { width:1160px; margin:0 auto; }
	.header { margin-bottom:20px; }		
	.colonnedroite_out { width:33%; }
	.colonnegauche { width:65%; }
	.menu { padding-left:175px; }
	
	.lienlogo1 { margin-left:865px; }
	.lienlogo2 { margin-left:145px; }*/
}

/* New header */
@media only screen and (min-width : 1020px)  {
	.colonnedroite_out { width:33%; }
	.colonnegauche { width:65%; }
}
@media only screen and (min-width: 1020px) and (max-width: 1100px) {
	.header-coordonnees { width:320px; }
}
@media only screen and (min-width: 1020px) {
	.header-coordonnees a { margin-top:10px; display:inline-block; }
}
@media only screen and (max-width: 1200px) {
	.main-column, .header-container, .menus, .rja_submenu, .sticky .rja_nav_container { width:100%; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.main-column { width:100%; border:0; padding-left:20px; padding-right:20px; padding-top:20px; }
	.sticky .rja_nav_container { padding-left:20px; padding-right:20px; }
	.top-column { width:100%; text-align:center; }
}
@media only screen and (max-width: 1020px) {
	#menu-mobile { display:none; position:fixed; z-index:200; top:0; left:0; width:100%; height:100%; overflow-y:scroll; background:rgba(177,15,12,.8)!important; backdrop-filter:blur(4px); padding-top:50px; }
	#menu-mobile .menu-item, .menu-item:hover { background:none; }
	#menu-mobile .menu-item a, .menu-item:hover a { color:#FFF; font-size:18px; }
	#menu-mobile .menu-item-active, .menu-item-active:hover { background:none; }
	#menu-mobile .menu-item-active a, .menu-item-active:hover a { font-weight:bold; }
	#menu-mobile i.fa-close, #menu-mobile img.rja_close { position:absolute; right:20px; top:20px; color:#EEE; font-size:18px; }
	.rja_header_content.large .header-coordonnees { margin-bottom:20px; }
	.menu-bar-item { margin-right:0; margin-bottom:15px; font-size:14px; padding-right:10px; padding-left:10px; }
	.menu-bar-item a { font-weight:400; }
	.menu-bar-container { text-align:left; padding:0 20px; }
	.top-item.nomobile { display:none; }
	.top-item.menu-last { display:block; width:100%; background:#c91d1d; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.header { margin-bottom:0; }
	.mobilebars { cursor:pointer; position:absolute; bottom:20px; left:40px; }
	.mobilebars small { font-size:10px; text-transform:uppercase; display:block; text-align:center; }
	.header-container { position:relative; padding:20px 30px 40px 30px; border-radius:0; margin-top:0; margin-bottom:0; background-image:url(../img/2025/header-bg.png), linear-gradient(to right, #b10f0c, #AD0F0C); }
	.header-coordonnees { float:none; clear:both; margin-top:15px; text-align:left; width:90%; }
	.header-coordonnees a { display:inline-block !important; }
	.header-coordonnees a.nomobile { display:none !important; }
	.header-coordonnees br { display:none; }
	.header-logo2 { margin-top:10px; display:inline-block; }
	.header-coordonnees span { margin-bottom:10px; }
	.main-column, .header-container, .menus { width:100%; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.main-column { width:100%; border:0; padding-left:20px; padding-right:20px; padding-top:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.colonnedroite_out { width:40%; }
	.colonnegauche { width:55%; }
	.colonnedroite { display:none; }
	.top { position:relative; }
	.top-column { width:100%; text-align:center; }
	.menus { display:none; }
	.menu { text-align:center; }
	.menu-item { float:none; display:block; }
	.menu-item.mobileonly { display:none; }
	.header-photo { float:right; max-width:50%; margin-right:0px; }
	.header-logo { margin-left:0px; margin-right:0; max-width:38%; margin-top:0px; }
	.colonne25une, .colonne25deux, .colonne25trois, .colonne25quatre { width:49%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:2%; }
	.colonne25deux, .colonne25quatre { margin-right:0; }
	.presse-out, .presse-left { display:none; }
	.menus .menu-bar2 { position:relative; padding-left:10px; }
	.stickyonly.mobileonly { display:none; }
	.sticky .stickyonly.mobileonly { display:block; }
}

/* Mobiles grand écran / paysage */
@media only screen and (max-width: 1020px) { 
	.colonnedroite_out { float:none; width:100%; }
	.colonnegauche { float:none; width:100%; }
	
	.mobileonly, .menu-item.mobileonly { display:block; }
	.nomobile { display:none; }
	.menu-item.nomobile { display:none; }
	
	.lienlogo1 { margin-left:0px; margin-top:170px; width:100%; height:140px; }
	.lienlogo2 { margin-top:30px; width:100%; height:110px; }
	
	.menu-bar2 { background:#F2F2F2; text-align:center; }
	.menu-bar-item { float:none; display:inline-block; }
	
	.header-coordonnees a:nth-child(3) { display:block; margin-top:10px; }
	
	.rja_demi { display:block; }
	.rja_demi > div { width:100% !important; }
	.rja_demi .rja_demi { display:flex; }
	.rja_demi .rja_demi > div { width:45% !important; }
	
	.rja_contact_link { height:27px; }
	.rja_contact_link b { font-size:13px; margin:0; }
	.rja_contact_link.outline b { font-size:13px; }
	.rja_contact_link img.rja_fleche { width:25px; margin-left:5px; }
}
@media only screen and (max-width: 750px) {
	.rja_header_content.large .header-coordonnees { width:300px; }
}

/* Mobiles petit écran / portrait */
@media only screen and (max-width: 480px) {
	.main-column { padding-left:10px; padding-right:10px; }
	
	.colonne25une, .colonne25deux, .colonne25trois, .colonne25quatre { width:100%; float:none; margin-right:0; }
	
	.lienlogo1 { margin-top:100px; height:70px; }
	.lienlogo2 { margin-top:10px; height:70px; }
	
	
	
	.menu { padding-left:0; }
	.menu-item { display:block; text-align:left; margin:0; }
	.menu-item a { display:block; }
	.menu-item.nomobile { display:none; }
}