@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,
}

@media all and (max-width:1040px) {
	.global {padding:0 30px;}
	#bandeau-telephone {margin-left:0;}
	#bandeau-mail {margin-left:10px;}
	#menu .menu-element {margin-left:10px;}
	#menu .menu-element > a > span,
	#menu .menu-element > span {font-size:15px;}
}

@media all and (max-width:910px) {
	
	.global {padding:0 20px;}
	
	.lg {height: 105px;}
	#bandeau.sm {height: 60px;}
	
	#bandeau #logo a img {height:100px;}
	#bandeau-icones > div {margin-left:5px;}
	
	#centre .global {padding:15px 20px;}
	
	#bandeau #menu {padding-top:10px;}
	
	#centre {padding-top: 120px;}
	
	#pied .col {margin:0 5px 10px;}
}

@media all and (max-width:860px) {
	
	#bandeau-telephone, #bandeau-mail {background-size:24px auto;padding-left:40px;}
	#bandeau-telephone {line-height:35px; min-width:200px; height:35px; font-size:30px; }
	#bandeau-mail {line-height:34px; min-width:200px; height:35px;}
	#bandeau-mail i {font-size:33px;}
	
	#bandeau #logo a img {height:90px;}
	
	#bandeau #menu {padding-top:20px;}
	#bandeau .menu-wrapper {height:50px;}
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {margin-left:5px;}
	#menu .menu-element > a > span,
	#menu .menu-element > span {font-size:14px;}
	#centre {padding-top: 120px;}
}

/* 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;}
	
	.submit { margin-left:0 !important;}
	
	/* 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:#ffffff; border-bottom:5px solid #60c4c4; width:100%; }
	#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 {color: #60c4c4; display: block; float: right; padding-right: 15px; text-decoration:none; margin-top:10px;}
	#bandeau-mobile #bandeau-mobile-icones {float:right;}
	#bandeau-mobile #bandeau-mobile-telephone {padding-left:40px;background:url(../images/bandeau-icone-telephone.png) no-repeat 6px center #4abcbc; background-size:24px auto; float:right; line-height:33px; width:160px; height:30px; margin-left:10px; font-family:"Roboto Condensed", Roboto, Arial; font-size:25px; font-weight:700; color:#fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	#bandeau-mobile #bandeau-mobile-mail {padding-left:40px; background:url(../images/bandeau-icone-mail.png) no-repeat 6px center #1d1d1b; background-size:24px auto; float:right; line-height:26px; min-width:160px; height:30px; margin-left:10px; margin-right:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	#bandeau-mobile #bandeau-mobile-mail a, 
	#bandeau-mobile #bandeau-mobile-mail a:visited { font-size:18px; font-weight:400; color:#fff; text-decoration:none;}
	#bandeau-mobile #bandeau-mobile-mail i {color:#fff; float:right; font-size:26px; margin:0 2px 0 5px;}
	#bandeau-mobile #bandeau-mobile-telephone a,#bandeau-mobile #bandeau-mobile-telephone a:visited { color:#fff; text-decoration:none;font-size:25px; font-weight:700;}	
	
	
	#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:#4abcbc;}
	#menumobile .menumobile-element a:hover {color:#4abcbc;}
	#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;}
	
	
	#contact-captcha {margin-left:0px;}
	
	#centre table {float:none !important; margin:5px auto; border:none !important; width:100% !important;}
	#parallax-window-3 table {float:none !important; margin:5px auto; border:none !important; width:100% !important; text-align:center;}
}


@media all and (max-width: 660px) {
	#renseignement-mail {width:100px;}
}

@media all and (max-width: 640px) {
	#renseignement-conteneur {max-width:505px;}
	#renseignement-titre {font-size:25px; top:-20px; left: 3vh; padding: 0 15px;}
	#renseignement-contenu {text-align:center;}
	#renseignement-telephone {width:360px;}
  	
}

@media all and (max-width:600px) {
	
	   
	#renseignement-titre {font-size: 24px; padding: 0; left:0; top:0; position:relative; background: none;}
	#renseignement-contenu {margin-top:0;}
	#renseignement-contenu .renseignement-element-contenu {font-size:30px;}
	#renseignement-telephone {width:auto; margin:0 5px; height:40px; padding: 0 5px 0 0;}
	#renseignement-telephone i {font-size: 35px;}
	#renseignement-mail {width:auto; height:40px; margin:0 5px;}
	#renseignement-mail i {font-size: 35px; height:40px; }
}

@media all and (max-width:585px) {
	#centre .global {padding:15px 20px;}
	
	#parallax-window-1 p {margin:0;}
	#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;}
	#bandeau-mobile #bandeau-mobile-icones {width:91%;}
	#bandeau-mobile #bandeau-mobile-mail,#bandeau-mobile #bandeau-mobile-telephone {float:none; margin:5px auto;}
	#bandeau-mobile #bandeau-mobile-mail {width:215px; padding-left:35px;}
	#bandeau-mobile .menu-icon a.enseigne {text-align:center; float:none; padding-right:0;}
	
	#back-to-top {width:55px; height:58px;}
	#back-to-top i {width:55px; line-height:50px;}
}



@media all and (max-width:480px) {
	
	#renseignement-contenu .renseignement-element-contenu {font-size:24px;}
	#renseignement-telephone i { font-size: 34px;}
	#renseignement-mail {width:70px;}
	#renseignement-mail i {font-size:32px;}
	
}

@media all and (max-width:475px) {
	
	#centre #parallax-window-9 table td, #centre #parallax-window-9 table td p {font-size:27px;} 
	#centre #parallax-window-9 table td {height:auto !important;}
		
}

/* 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;}
	
	
  	#renseignement-titre {font-size: 20px;}
	#renseignement-contenu {padding:5px; margin-top: 5px;}
	

}

@media all and (max-width:390px) {	
	#bandeau-mobile #bandeau-mobile-mail {width:200px;}
	#bandeau-mobile #bandeau-mobile-mail a, #bandeau-mobile #bandeau-mobile-mail a:visited {font-size:16px;}
	#bandeau-mobile #bandeau-mobile-telephone {font-size:22px; width:140px;}
	
	
	#centre #parallax-window-9 table td, #centre #parallax-window-9 table td p {font-size:22px;} 

	#renseignement-titre { font-size: 19px;	}
	#renseignement-telephone {    padding: 0 10px 0 0;}
	#renseignement-telephone i {font-size: 28px;}
	#renseignement-mail {width:40px;}
	#renseignement-mail i {display:flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 25px;}

}