@CHARSET "utf-8";

/* PC */
@media all and (min-width:781px) {
	#bandeau .menu-wrapper  {display:block !important; height:59px !important;}
	#bandeau-mobile {display:none !important;}
	#paniermobile-bandeau {display:none !important;}
	#mon-comptemobile {display:none !important;}	
	#mon-comptemobile-smenu {display:none !important;}
	#paniermobile-contenu {display:none !important;}
}

@media all and (max-width:1259px) {
	
	/* Bandeau */
	#bandeau-contact .global {padding:0 5px;}
	#bandeau .titre {}
	#bandeau.sm .menu-wrapper {}
	
	/* Menu */
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {}
	
	.iframe-responsive-wrapper {position: relative;}
	#contenu .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
	.iframe-responsive-wrapper iframe{position: absolute;top: 0;left: 0;width: 97% !important; height: 97% !important;}
		
    video {width:100%; height:auto;}
    
    
}
@media all and (max-width:1209px) {

	/* #bandeau #bandeau-elements {padding-top: 82px;} */
	#bandeau #bandeau-elements {width:calc(100% - 220px);}
	#bandeau #bandeau-elements .tel-header {margin-right:20px;}
	#bandeau #bandeau-elements .tel-header::before {left:-10px;}
	#bandeau #bandeau-elements .tel-header::after {right:-10px;}
	
	#bandeau.sm #bandeau-elements .tel-header::before {left: -10px;}
	#bandeau.sm #bandeau-elements .tel-header::after {right: -10px;}
	
	#bandeau-facebook {margin-right:10px;}
	
	#pied-bleu {text-align:center;}
	#pied-bleu .col {margin:0 0 15px 15px !important;}
	#pied-bleu #pied-bleu-col-20 {margin-left:0 !important;}
	
	
	#expertise-galerie .expertise-galerie-element {margin:7px !important;}
	
}

@media all and (max-width:1110px) {
	
	
	
		
	#bandeau .menu-wrapper .global {padding:0 5px;}
	#menu .menu-element .menu-element-centre > a > span, 
	#menu .menu-element .menu-element-centre > span {padding:0 25px;}
	
	#actualites .conteneur .photo {width:348px; }
	#actualites .conteneur .contenu {width:calc(100% - 375px);}
	
	#bandeau #bandeau-elements span a:visited, #bandeau #bandeau-elements span a, #bandeau #bandeau-elements span {font-size:20px;}
	 
}
	
@media all and (max-width:990px) {
	
	#bandeau #bandeau-elements .tel-header::before {display:none;}
	#bandeau #bandeau-elements .tel-header::after {display:none;}
	
	.lg {
		height: 197px;
	}
	.sm {
		height: 125px;
	}
	#bandeau.sm #bandeau-facebook i {color:#3E4F99;}
	#global {padding-top: 191px;}
	#bandeau-contact {height:auto; float:left; width:100%;    background: #fff;}
	#bandeau-facebook-conteneur { max-width:unset; width: 28px; position: absolute; right: 10px; top:108px; z-index:60;}
	#bandeau-facebook-conteneur #bandeau-facebook {height:auto; margin:0; display:block; float:none;}
	#bandeau-facebook-conteneur #bandeau-facebook i {color:#3A5E98;}
	#bandeau.sm #bandeau-contact {height:120px;}
	
	#bandeau #bandeau-elements span a:visited,
	#bandeau #bandeau-elements span a,
	#bandeau #bandeau-elements span {font-size: 19px;}
	#centre {padding-top: 0;}
	#bandeau #bandeau-elements .tel-header::before {
		width: 50px;
		height: 47px;
		left: 9px;
		top: -10px;}  

    #bandeau #logo a, #bandeau #logo a:visited {display: inline-block;}
	#bandeau #logo a img {height:120px;}	
	
	#bandeau #bandeau-elements .tel-header span > a,
	#bandeau #bandeau-elements .tel-header span {font-size:16px;}
	#bandeau #bandeau-elements .tel-header a.tel-idf {margin-right:10px;}
	#bandeau #bandeau-elements .tel-header a.tel-idf::after {display:none;}


	#bandeau.sm #bandeau-elements span {font-size: 16px;}
	#bandeau.sm #logo a img {height: 90px;}
	#bandeau.sm #bandeau-facebook-conteneur {top: 90px;}

	#bandeau .menu-wrapper {clear:both;}
	#menu-conteneur .global {text-align:center;}
	#menu .menu-element .menu-element-centre > a > span, 
	#menu .menu-element .menu-element-centre > span {padding:0 18px;}
	
	
	
	/* Gauche */
	#gauche {display:none;}
	/* Droite */
	#droite {display:none;}

	#contenu-texte {min-height:0;}	

  	#accueil-actualite {width:100%;}
  	
  	/* Module Contact */
  	#module-contact #module-contact-adresse {float:none; width:100%;}
	#module-contact .googlemap {float:none;  width:100%; margin:20px 0;}
	
	#contenu-contact {display:block;}
	
	/* Template Article Default */
	#template-article .template-article-image-texte .template-article-image,
	#template-article .template-article-texte-image .template-article-image {margin:20px auto 20px; text-align:center;}	
	#template-article .template-article-image {width:100%; }
	#template-article .template-article-image img {max-width:400px; width:100%; height:auto !important;}
	#template-article .template-article-texte {width:100%;}
	
	
	/* Panier Etape 2*/
	#panier .compte-conteneur #compte-continuer-titre {height:auto;}
	#panier .panier-connexion-1260 {display:none;}
	#panier .panier-connexion-990 {display:block;}
		
	#realisations .conteneur .contenu .photo {width:250px;}
	#realisations .conteneur .contenu .photo img {width:auto; height:auto; max-width:100%; max-height:100%;}

	/* #bandeau #bandeau-elements {padding-top: 10px;width: 100%;} */
}


@media all and (max-width:910px) {
	
	#bandeau #bandeau-elements .tel-header {margin-top:68px;	}
	
	#popins-conteneur #popin-pays {height:450px;}
	#popins-conteneur #popin-pays-contenu {top:5%; right:unset; left:10px; width:calc(100% - 20px); text-align:center;}
	#popins-conteneur #popin-pays-contenu #popin-pays-logo,
	#popins-conteneur #popin-pays-contenu #popin-pays-texte {margin:10px; display: inline-block; vertical-align: top;}

	#popins-conteneur #popin-pays-contenu #popin-pays-texte {margin:40px 10px 0 !important;}
	
	#popins-conteneur #popin-pays-contenu .popin-bouton {margin:12px auto 0;}
	#popins-conteneur #popin-pays-contenu #popin-bouton-france {margin: 50px auto 0;}
	
	/* #bandeau #logo a img {height: 90px;} */
	
	
	#menu .menu-element .menu-element-centre > a > span, 
	#menu .menu-element .menu-element-centre > span {font-size: 14px;}
	
	#pied-bleu #pied-bleu-col-20 {width:100%; display:block; margin:0px auto 15px !important;}	
}


@media all and (max-width:875px) {

}
@media all and (max-width:820px) {
	#accueil-paves-conteneur .accueil-pave {
		width: 100%;height: 321px;margin: 0 auto 15px;
	}
}

/* Tablette */
@media all and (max-width:780px) {
	
	body {width:100%;}
	#popins-conteneur #popin-pays-contenu .popin-bouton {width:290px;}
	#popins-conteneur #popin-pays-contenu #popin-bouton-france {margin: 30px auto 0;}
	#popins-conteneur #popin-pays-contenu .popin-bouton a, 
	#popins-conteneur #popin-pays-contenu .popin-bouton a:visited {font-size: 16px;}
	
	
	#global {min-width:inherit; margin:0 auto; width:auto; padding-top:0px;}
	/* Gauche */
	#gauche {display:none;}
	
	/* Centre */
	#centre {width:auto; margin:0; padding-top:0px;}
	#centre .global {padding:0 10px !important; }
	.global-page #centre .global .contenu-wrapper {padding-top:0px;}
	
	#centre table {float:none; width:100% !important; margin:10px auto;}
	table tr td {display:inline-block; vertical-align:top;}
	
	#produit #declinaisons tr td {display:table-cell;}
	#cart-grid tr td {display:table-cell;}
	#cart-grid .prix {display:none;}
	
	
	/* Fil d'ariane */
	#ariane {display:none;}
	
	/* Contenu */
	#contenu {width:100%; }
	#contenu img {max-width:100%; max-height:100%;  height:auto; width:auto; }
	
	/* Formulaire */
	input.bouton {height:38px;}
	#contenu .input-text,
	#contenu input {width:97%;height:30px;}
	#contenu input[type="image"],#contenu input[type="checkbox"],#contenu input[type="radio"] {width:auto; height:auto;}
	#contenu select {height:30px; }
	#contenu textarea,
	#contenu textarea {width:97% !important; }
	#contenu .form140 {float:none; text-align:left; width:auto;}
	#module-contact .form div.submit-conteneur { margin-left:0;}	
	#contact-container .contact-vide {display:none;}
	
	/* Paginator */
	#paginator {margin:20px 0;}
	#contenu #paginator .pagination-lien, #contenu #paginator .pagination-span {margin:0 9px;}
		
	/* Bandeau */
	#bandeau {position: relative;left: unset;top: unset; height:auto; border-bottom:0;background:#fff;}
	/* #bandeau #logo a {width:169px;} */
	/* #bandeau #logo a img {height:80px;} */
	
	/* #bandeau #bandeau-elements {padding:10px 25px 0;} */
	#bandeau #bandeau-elements {width: 100%;display: flex;justify-content: left;height: 85px;}
	#bandeau #bandeau-elements .contact-header {height: 39px; }
	#bandeau #bandeau-elements .contact-header span {background: url(../images/fond-contact.png)no-repeat center center;background-size: contain;}
	#bandeau #bandeau-elements span a:visited, #bandeau.sm #bandeau-elements span a, #bandeau.sm #bandeau-elements span {font-size: 18px;line-height: 18px;}
	#bandeau #bandeau-elements .tel-header {margin-top: 2px;    margin-top: -1px;     width: calc(100% - 170px);}
	#bandeau #bandeau-elements .tel-header span {margin-bottom: 1px;}
	#bandeau #bandeau-elements .tel-header span.tel > a,
	#bandeau #bandeau-elements .tel-header span.tel > a:visited,	
	#bandeau #bandeau-elements .tel-header span.tel{font-size: 13px;line-height: 16px;}

	#bandeau #bandeau-elements > div {width: 178px;position: absolute;right: 0;top: 0;}
	/* Menu mobile */
    #bandeau-mobile { min-width:inherit; width:100%; }	
			
 	/* bas */
	#bandeau-mobile-bas {position: relative; z-index: 45; clear:both; background:#ffffff; border-bottom:5px solid #a2c51e; cursor:pointer; }
	#bandeau-mobile-bas > span {padding: 5px 10px; display: block; font-size: 26px;  width: auto; height: 25px; text-transform: uppercase; text-align: center; color: #a2c51e; text-decoration: none;}
	#bandeau-mobile-bas i {display:block; float:left; font-size:29px;}
			
	#bandeau .menu-wrapper {width:100%; background:#ffffff;padding:0; display:none; z-index:100;border-bottom:1px solid #ccc;  height:auto !important;}
	#menu #menu-conteneur {float:none;}
	#menu {height:auto;}
	#menu-conteneur {padding-bottom:10px; text-align:left;}
	#menu .menu-element{}
	#menu .menu-element {display:block;}
	#menu .menu-element .menu-element-centre {display:block;}
	#menu .menu-element .menu-element-centre > a > span, 
	#menu .menu-element .menu-element-centre > a:visited > span, 
	#menu .menu-element .menu-element-centre > span {padding:5px 5px 10px; text-align:left; color:#3E4F99;}
	#menu .smenu-conteneur {width:100%; padding:0; display:block !important; position:relative; left:0; top:0; background:none; min-height: 0; }
	#menu .smenu-conteneur .global {padding:5px 0 !important;}
	#menu .smenu-centre {border:none; margin:0; width:auto;}
	#menu .ssmenu-conteneur-images {display:none !important;}
	#menu .smenu-centre-menus {float:none; width:auto;}
	#menu .smenu-conteneur .smenu-element{display:block; width:auto;}
	#menu .smenu-element > a > span, 
	#menu .smenu-element > span {padding:5px 0 5px 15px; display:block !important; border:none;width:auto; text-decoration:none;color:#000000;font-size:14px; text-transform: none; background:url(../images/smenu-element.png) no-repeat left center;}
	#menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none;}

	

	#bandeau #logo {float: left;padding-top: 15px;width: 100%;text-align: center;margin-bottom: 20px;}


	.accueil-actualite {width:50%;}
	
	.mosaique-conteneur {text-align:center;}
		
	#produit-photo-principale{display:none;}
	#produit-photo-principale-responsive{display:block;}
	
	
	#contenu #panier-suivant {width: 263px; height: 29px;}
	#cart-grid #promotion-code {width:170px; height:18px;} 
	
	
	.table-vertical thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.table-vertical table, .table-vertical thead, .table-vertical tbody, .table-vertical th, .table-vertical td, .table-vertical tr {
	    display: block;
	}
	.table-vertical td {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #e0e0e0;
	    border-image: none;
	    border-style: none none solid;
	    border-width: 0 0 1px;
	    padding-left: 50% !important;
	    position: relative;
	    text-align: left;
	    white-space: normal;
	    padding-top: 3px;
	    padding-bottom:3px;
	    height:25px;
	}
	
	.table-vertical td::before {
	    content: attr(data-title);
	    font-weight: 700;
	    left: 6px;
	    padding-right: 10px;
	    position: absolute;
	    text-align: left;
	    top: 6px;
	    white-space: nowrap;
	    width: 45%;
	}
	
	/* Accueil */
	#accueil-image-conteneur #accueil-texte,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu p {font-size: 25px;}
	#accueil-image-conteneur #accueil-image img {max-width:unset; max-height:unset;}
		
	#actualites .conteneur .photo {width:298px; }
	#actualites .conteneur .contenu {width:calc(100% - 325px);}
	
	.form-element .choix {width:105px;}
	.form-element-document.form-element-document {float:none; width:100%; margin:10px 0px;}
	
	
}

@media all and (max-width: 685px) {
			
	#realisations .conteneur .contenu .photo {float:none; margin:10px auto;}
	#realisations .conteneur .contenu .extrait {min-height:0;}
	
}

@media all and (max-width: 640px) {
			
	.accueil-actualite {float:none; width:100%;}
  	.accueil-actualite-image {height:150px;}
  	
	#cart-grid .cart-nom {width: calc(100% - 160px);}
	#cart-grid .cart-nom .prix {display:block;}
	#cart-grid .cart-prix,
	#cart-grid .cart-prixtotal {display:none;}
	
	#pied-rose-phrase {font-size: 23px;}
	
	#contenu h2, #contenu p, #contenu ul {margin-left:0;}
	#page-texte {margin-right:0;}
}


@media all and (max-width:610px) {
    #bandeau #logo {    padding-top: 25px;     margin-bottom: 10px;}
    
	#popins-conteneur #popin-pays-contenu #popin-pays-logo {width:145px;}
  	#popins-conteneur #popin-pays-contenu #popin-pays-texte {margin:15px 10px 0 !important;}
  	
	#centre #bouton-payer, #centre #panier-actions > a, #centre #panier-actions > a:visited, 
	#centre .panier-actions > a, #centre .panier-actions > a:visited, 
	#centre #panier .panier-modifier > a, #centre #panier .panier-modifier > a:visited, 
	#centre #coordonnees .panier-modifier > a, #centre #panier .submit > a, 
	#centre #panier .submit > input, #centre a#panier-suivant:visited, 
	#centre a#panier-suivant, #centre input#panier-suivant, 
	#centre a.panier-suivant:visited, #centre a.panier-suivant, 
	#centre input.panier-suivant {margin:10px auto; display:block; float:none;}
}



@media all and (max-width: 605px) {
  	  	
	#renseignement-titre {display:block;}
	#renseignement-titre::after {display:none;}
	#renseignement-contenu {margin-left:0; display:block;}
	#renseignement-telephone {width:calc(100% - 75px);}
	
	#pied-bleu .col {display:block; margin:15px 0 !important;}
	
	
	#actualites .conteneur .photo {width:100%; max-width:350px; float:none !important; margin:0 auto 15px !important; text-align:center;}
	#actualites .conteneur .contenu {width:100%;}
	#actualites .conteneur .extrait {min-height:0;}
}


@media all and (max-width:580px) {
	
	#popins-conteneur #popin-pays {height: 410px;}
	
	#bandeau-image {display:none;}
		
	#bandeau-contact {width:100%; float:none;}	
	#bandeau #logo {float:none; text-align:center; }
	#bandeau #logo a {margin:0 auto;}
	#bandeau #logo a img {margin:0 auto;}
	#bandeau #bandeau-elements {float:none; padding:0; width:100%;text-align: left;}
	#bandeau-priseencharge {float:none; margin:0 auto;}
	#bandeau-priseencharge a, #bandeau-priseencharge a:visited {margin:10px auto;}
	
	#bandeau #bandeau-elements .tel-header {width: calc(100% - 180px); text-align:left; padding:5px 0 0 0px;}
	#bandeau #bandeau-elements .tel-header span.break {display:block;}
	
	#produit .photos-conteneur {float:none; margin:10px auto;}
	#produit .texte {width:100%;}
		
	
	/* Template Produit */
	#declinaisons {}
	#declinaisons table tr th{display:none;}
	#produit #declinaisons td.prix {display:none;}
	#produit #declinaisons .prixmobile {display:block;}
	
	#pied-rose-phrase {font-size: 18px;}
	
	#accueil-image-conteneur #accueil-texte,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu {left:0; bottom:10px; width:calc(100% - 48px); text-align:left;}
	#accueil-image-conteneur #accueil-texte br,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu br {display:none;}
	
	#recrutement-offres .recrutement-offre,
	#recrutement-candidature-texte {padding:22px 5px;}
	#recrutement-offres #recrutement-offre-details {padding:22px 0px;}
	
}

@media all and (max-width:500px) {
	#bandeau #bandeau-elements span a:visited,
	#bandeau #bandeau-elements span a,
	#bandeau #bandeau-elements span {font-size: 14px;padding: 0px;}
	#bandeau #bandeau-elements span::after {top: 4px;height: 17px;}

}
@media all and (max-width:480px) {
		
	#actualites .conteneur .contenu .photo {float:none; margin:10px auto; text-align: center;}
	
	
	#accueil-image-conteneur #accueil-texte,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu {width:calc(100% - 30px); padding:10px 15px; font-size:20px;}
	
	#pied-rose-logo {float:none; padding:10px 0; margin:0 auto; }
	#pied-rose-phrase {width:auto;}
	
	
	.form-element .choix-conteneur {width:100%; margin:5px 0;}
	.form-element .label {width: 100%;}
}
/* Smartphone */
@media all and (max-width:435px) {	
		
		
	/* Gel du parallax */
	#bandeau-image {display:none;}
	.parallax-mirror {display:none;}
	
	#contenu img { margin-left: auto !important; margin-right: auto !important;}
	
	#produit .photos-conteneur { width: 100%;}
	#produit-photo-conteneur {  width: 100%;}
	
	#pied-blanc .global .floatRight {float:none; margin:0 auto 15px; text-align: center;}
	
}

@media all and (max-width:390px) {
    #bandeau #logo {    text-align: right;}
    #bandeau #logo a, #bandeau #logo a:visited {    padding-right: 40px;}
}

@media all and (max-width:385px) {
	#bandeau-priseencharge a, #bandeau-priseencharge a:visited {height: 30px;}
	#bandeau-priseencharge span {height: 30px; padding:5px 0 !important; height:calc(100% - 10px);}
	#bandeau #bandeau-elements span a:visited,
	#bandeau #bandeau-elements span a,
	#bandeau #bandeau-elements span {padding: 0 5px;}

	#bandeau #logo a img {
		/*height: 73px;*/
	}
	#bandeau #logo {padding-top: 15px;}
}
@media all and (max-width:345px) {
}

@media all and (max-width:320px) {
	/*#bandeau #bandeau-elements > div {right: calc(50% - (178px / 2));}*/
}