@CHARSET "utf-8";
/* PREPARATION RESPONSIVE */
.w780 {display:none;}
.w435 {display:none;}
.w1260 {display:block;}

/* PC */
@media all and (min-width:781px) {
	#bandeau-mobile {display:none;}
	#menumobile-wrapper {display:none;}
	#menumobile {display:none;}
}

@media all and (max-width:1305px) {
	
	#parallax-window-3 .global > table > tbody > tr > td {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
	#centre #parallax-window-3 table table {margin:10px !important;}
}
	
@media all and (max-width:1259px) {
	
	/* Bandeau */
	#bandeau .titre {}
	#bandeau.sm .menu-wrapper {}
	
	/* Menu */
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {}
}


@media all and (max-width:1005px) {
	.global {padding:0 20px;}
	#bandeau-icones > div {margin-left:5px;}
	#bandeau #logo #logo-compagnons {margin-left:15px;}
}
	
@media all and (max-width:910px) {
	.global {padding:0 10px;}
	#bandeau #logo a img {height:55px; width:auto;}
	#bandeau #logo #logo-compagnons {height:55px;width:auto; margin-left:10px;}
	
	#centre .global {padding:15px 20px;}
	#pied .col {margin:0 5px 10px;}
}

/* Tablette */
@media all and (max-width:780px) {
	.w1260 {display:none;}
	.w780 {display:block;}
	.w435 {display:none;}
	
	body {width:100%; font-size:16px;}
	
	#global {min-width:inherit; margin:0 auto; width:auto; padding-top:0px;}
	
	/* Bandeau */
	#bandeau {display:none;}
	
	/* Droite */
	#droite {display:none;}
	
	/* Gauche */
	#gauche {display:none;}
	
	/* Centre */
	#centre {width:auto; margin:0; padding-top:0;}
	#centre .global .contenu-wrapper {padding-top:0px;}
	
	/* Fil d'ariane */
	#ariane {display:none;}
	
	/* Contenu */
	#centre img {max-width:100%; height:auto; width:auto;}
	
	/* Formulaire */
	input.bouton {height:38px;}
	#centre .input-text,
	#centre input {width:99%;height:30px;}
	#centre select {height:30px; }
	#centre textarea,
	#centre textarea {width:99% !important; }
	#centre .form140 {float:none; text-align:left;}
	
	#centre .submit { margin-left:0;}
	
	/* Paginator */
	#paginator {margin:20px 0;}
	#centre #paginator .pagination-lien, #centre #paginator .pagination-span {margin:0 9px;}
	
	/* Menu mobile */
	#bandeau-mobile {min-height:70px; height:inherit; min-width:inherit; background:#2C2A2A; border-bottom:10px solid #E80026; width:100%; }
	#bandeau-mobile .menu-icon {padding:5px 0px 2px 10px;}
	#bandeau-mobile .menu-icon .fa-bars {color:#ffffff; font-size:21px;}
	#bandeau-mobile .menu-icon a.enseigne {color: #e80026; display: block; float: right; padding-right: 15px; text-decoration:none; text-transform:uppercase; font-family:Oswald; font-weight:400;}
	#bandeau-mobile .menu-icon a.enseigne .blanc {color:#ffffff;}
	#bandeau-mobile #bandeau-mobile-icones {float:right;}
	#bandeau-mobile #bandeau-mobile-telephone {padding-left:30px; background:#ffffff; background-size:9%; float:right; line-height:30px; width:150px; height:30px; font-family:Oswald, Arial; font-size:20px; font-weight:700; color:#e80026; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  }
	#bandeau-mobile #bandeau-mobile-mail { width:230px; float:right; margin-left:20px; margin-right:5px; }
	#bandeau-mobile #bandeau-mobile-mail a, 
	#bandeau-mobile #bandeau-mobile-mail a:visited {display:flex; font-size:17px; font-weight:400; color:#e80026; text-decoration:none;padding-left:30px; background:#1d1d1b; background-size:9%; line-height:29px; height:30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border:1px solid #e80026; }
	#bandeau-mobile #bandeau-mobile-mail i {color:#e80026; float:right; font-size:27px; margin-right:2px;}
	#bandeau-mobile #bandeau-mobile-telephone a,#bandeau-mobile #bandeau-mobile-telephone a:visited { color:#fff; text-decoration:none;font-size:25px; font-weight:700;}	
		
	/* Téléphone */
#bandeau-mobile-telephone {position:relative;}
#bandeau-mobile-telephone span.fa-stack {width:26px; height:26px; margin:0px; padding:0px; line-height:31px; position:absolute; top:0px; left:0px; }
#bandeau-mobile-telephone i.fa-circle {font-size: 25px;}
#bandeau-mobile-telephone i.fa-phone {color:#ffffff; font-size: 17px;}
#bandeau-mobile-telephone .numero {letter-spacing:1px;}

/* Adresse de contact */
#bandeau-mobile #bandeau-mobile-mail {position:relative;}
#bandeau-mobile #bandeau-mobile-mail span.fa-stack {width:26px; height:26px; margin:0px; padding:0px; line-height:31px; position:absolute; top:0px; left:0px; }
#bandeau-mobile #bandeau-mobile-mail i.fa-circle {font-size: 25px; color:#e80026;}
#bandeau-mobile #bandeau-mobile-mail i.fa-paper-plane {color:#2C2A2A; font-size: 17px;}
	
	
	#menumobile-wrapper {display:block;}
	#menumobile {width:100%; background:#ffffff; padding:5px 0; border-bottom:1px solid #ccc; display:none; position:absolute; z-index:1000;}
	#menumobile .menumobile-element {margin:15px 0 5px 0; padding:0 7px;}
	#menumobile .menumobile-element span,
	#menumobile .menumobile-element a,
	#menumobile .menumobile-element a:visited {text-decoration:none;color:#1d1d1b; font-size:17px;}
	#menumobile .menumobile-element.menumobile-element-selected span,
	#menumobile .menumobile-element.menumobile-element-selected a,
	#menumobile .menumobile-element.menumobile-element-selected a:visited {color:#e80026;}
	#menumobile .menumobile-element a:hover {color:#e80026;}
	#menumobile .smenumobile-conteneur {padding:0 20px;}
	#menumobile .smenumobile-conteneur .smenumobile-element {margin:6px 0; line-height:17px;}
	#menumobile .smenumobile-conteneur .smenumobile-element span,
	#menumobile .smenumobile-conteneur .smenumobile-element a,
	#menumobile .smenumobile-conteneur .smenumobile-element a:visited {text-decoration:none; font-size:0.85em; }
	#menumobile .smenumobile-conteneur .smenumobile-element span {font-weight:bold;}
	#menumobile .smenumobile-conteneur .smenumobile-element a:hover {text-decoration:underline;}
	#menumobile .smenumobile-conteneur .ssmenumobile-element {}
	#menumobile .smenumobile-conteneur .ssmenumobile-element a,
	#menumobile .smenumobile-conteneur .ssmenumobile-element a:visited {font-size:0.8em; text-decoration:none; padding-left:7px;}
	#menumobile .smenumobile-conteneur .ssmenumobile-element a:hover {text-decoration:underline;}
	
	#parallax-window-9 .global .cadreinfos {height:auto; padding:0px;}
	#parallax-window-9 .global .cadreinfos .info {float: none; margin: 0 auto; padding-left: 40px; width: auto;}
	#parallax-window-9 .global .cadreinfos .info.tel {border-right:none;}

}

@media all and (max-width:535px) {
	/*
	#bandeau-mobile #bandeau-mobile-telephone {float:none;}
	#bandeau-mobile #bandeau-mobile-mail {float:none;}
	*/
	#bandeau-mobile #bandeau-mobile-icones {width:91%;}
	#bandeau-mobile #bandeau-mobile-mail,#bandeau-mobile #bandeau-mobile-telephone {float:none; margin:5px auto;}
	#bandeau-mobile .menu-icon a.enseigne {display: block;    float: right;    padding-right: 0;    text-align: center;    width: 91%;}
    
    #centre #parallax-window-3 table table {margin:5px !important;}
}

@media all and (max-width:480px) {
	#centre .global {padding:15px 20px;}
	
	#centre img {max-width:100%; height:auto; width:auto; display:block; float:none !important; margin:10px auto !important;}
	#bandeau-mobile {min-height:90px;}
	#bandeau-mobile #bandeau-menu {float:left;}
	
	

	#back-to-top {width:55px; height:58px;}
	#back-to-top i {width:55px; line-height:50px;}
}
/* Smartphone */
@media all and (max-width:435px) {	
	.w1260 {display:none;}
	.w780 {display:none;}
	.w435 {display:block;}
	
	#bandeau-mobile #bandeau-mobile-icones {width:88%;}
		
	#centre {padding-top:0px;}
}

@media all and (max-width:385px) {	
	#parallax-window-9 .global .cadreinfos .info.adresse { line-height:21px; background:url(../images/icone-adresse.png) left top no-repeat;}
}