@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 {display:none;}
}

@media all and (max-width:1259px) {
	
	/* Bandeau */
	#bandeau .titre {}
	#bandeau.sm .menu-wrapper {}
	
	/* Menu */
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {}
	
	#centre #parallax-window-3 table {text-align:center;}
	#centre #parallax-window-3 table tr td > table {display:inline-block; vertical-align:top; float: none !important;}
}

@media all and (max-width:1065px) {
	#centre #renseignement-contenu {text-align:center;}
	#centre #renseignement-telephone {float:none; vertical-align:top; display:inline-block;margin:15px 0;}
	#centre #renseignement-element-contenu-vrd {margin-right:0;}
	#centre #renseignement-mail {float:none; vertical-align:top; display:inline-block;}
	#centre #renseignement-mail-contenu {display:block; height:auto; margin:0;}
}

@media all and (max-width:1035px) {
	#bandeau-icones > div {margin-left:5px;}
	#menu .menu-element {margin-left:10px;}
}
@media all and (max-width:930px) {
	.global {padding:0 20px; max-width:unset;}
	#centre .global {padding:15px 20px;}
	#pied .col {margin:0 5px 10px;}
}

/* Tablette */
@media all and (max-width:870px) {
	.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; padding:0;}
	#centre select {height:30px; }
	#centre textarea,
	#centre textarea {width:99% !important;  padding:0;}
	#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:110px;height:inherit; min-width:inherit; background:#ffffff; border-bottom:5px solid #108239; width:100%; display:block; }
	#bandeau-mobile #bandeau-mobile-liens {float:left; }
	#bandeau-mobile #bandeau-menu {display: block;}
	#bandeau-mobile .menu-icon {padding:5px 0px 2px 10px;}
	#bandeau-mobile .menu-icon i {font-size:40px; color:#000;}
	#bandeau-mobile .menu-icon a.enseigne {margin-top:20px; color: #108239; display: block;  padding: 5px; text-decoration:none; height:85px;}
	#bandeau-mobile .menu-icon a.enseigne img {height:85px; width:auto;}
	#bandeau-mobile #bandeau-mobile-icones {width:80%; float:right; margin:0 17px;}
	
	
	#bandeau-mobile .bandeau-mobile-telephone {width:180px; margin:10px 2px; float:left; }
	#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-titre {text-align:center; text-transform:uppercase;}
	#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu { padding-left:5px; line-height:33px; height:30px; font-family:"Roboto Condensed", Roboto, Arial;font-weight:700; color:#fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	
	#bandeau-mobile #bandeau-mobile-telephone .bandeau-mobile-telephone-titre {color:#8bbb37;}
	#bandeau-mobile #bandeau-mobile-telephone .bandeau-mobile-telephone-contenu {background: #8bbb37; }
	#bandeau-mobile #bandeau-mobile-telephone2 .bandeau-mobile-telephone-titre {color:#9d9d9c;}
	#bandeau-mobile #bandeau-mobile-telephone2 .bandeau-mobile-telephone-contenu {background: #9d9d9c; color:#fff;line-height:33px;}
	#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu span, #bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu a,#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu a.visited {text-decoration:none; color:#fff !important;  font-size:22px;}
	#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu i.fa-phone {font-size: 26px;}
	#bandeau-mobile #bandeau-mobile-telephone i.fa-phone {color:#8bbb37; }
	#bandeau-mobile #bandeau-mobile-telephone2 i.fa-phone {color:#9d9d9c;}
	#bandeau-mobile .bandeau-mobile-telephone .bandeau-mobile-telephone-contenu i.fa-phone {font-size:17px;}
	#bandeau-mobile .bandeau-mobile-telephone i.fa-phone {margin:5px 5px 5px 0; line-height:25px; background:#fff; text-align: center; width:20px; height:20px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px;}
	
	#bandeau-mobile #bandeau-mobile-mail { margin:30px 2px 10px; float:left; padding-left:5px; background:#fff; border:1px solid #813c10; color: #813c10; line-height:30px; width:210px; height:30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	#bandeau-mobile .bandeau-mobile-telephone i.fa-phone,
	#bandeau-mobile #bandeau-mobile-mail i.fa-paper-plane {margin:5px 5px 5px 0; line-height:25px; background:#fff; text-align: center; width:20px; height:20px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px;}
	#bandeau-mobile #bandeau-mobile-mail i.fa-paper-plane {background:#813c10; color:#fff; font-size: 12px;line-height:21px;}
	#bandeau-mobile #bandeau-mobile-mail i.fa-angle-right {color:#813c10; float:right; font-size:25px; margin-right:2px;}
	#bandeau-mobile #bandeau-mobile-mail a, #bandeau-mail a:visited { font-size:16px; font-weight:400; color:#813c10; text-decoration:none;}
		

	#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:#108239;}
	#menumobile .menumobile-element a:hover {color:#108239;}
	#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;}
	
	#centre table {float:none !important; margin:5px auto; border:none !important; width:100% !important;}
	#centre #parallax-window-3 table {float:none !important; margin:5px auto; border:none !important; width:100% !important; text-align:center;}
	#centre #parallax-window-3 table tr td > table {margin:25px auto; display:table;}
	#centre #parallax-window-9 table tr td, #centre #parallax-window-9 table tr td h1 {text-align:center !important;}
	#centre #parallax-window-9 table.contact-tableau {width:280px !important;}
	
	
	
	
	#renseignement-conteneur {text-align:center;}
	#renseignement-titre {font-size:29px;}
	#renseignement-contenu .renseignement-element {float:none !important; display:inline-block; vertical-align:top; margin:5px 10px;}
}

@media all and (max-width:710px) {
	#centre #renseignement-titre {font-size:37px;}
	#centre #renseignement-telephone {width:auto;}
}
	
@media all and (max-width:640px) {
	#centre #renseignement-element-contenu-vrd {margin:15px auto 0; display:block;}
}

@media all and (max-width:555px) {
	#bandeau-mobile #bandeau-mobile-icones {width:74%; }
}
@media all and (max-width:507px) {
	#bandeau-mobile .bandeau-mobile-telephone, #bandeau-mobile #bandeau-mobile-mail {width:195px;float:none; margin:10px auto; }
	#bandeau-mobile #bandeau-mobile-mail i.fa-angle-right {display:none;}
}

	
@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;}
	
	#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:200px; float:right;}
		
	#centre {padding-top:0px;}
	#centre .global {padding:0 10px;}
	
	
	
	#centre #renseignement-mail a, #centre #renseignement-mail a:visited {width:auto; padding:1px 6px;}
	#centre #renseignement-mail i.fa-angle-right {padding-left:4px;}
	#centre #renseignement-mail i.fa-paper-plane {display:none;}
}