@charset "UTF-8";
/* CSS Document */
/* UDUDDUDUDUDUDUDUDUDUDUDUD */
/* UDUD URBANDATA UDUDUDUDDU */
/* UDUD www.urbandata.fr UDU */

/*
border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: #363636 0px 2px 3px 0px; -moz-box-shadow: #363636 0px 2px 3px 0px; -khtml-box-shadow: #363636 0px 2px 3px 0px; -webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/*
border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #363636 0px 2px 3px 0px;
	-moz-box-shadow: #363636 0px 2px 3px 0px;
	-khtml-box-shadow: #363636 0px 2px 3px 0px;
	-webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/* Modern Browsers
	opacity: 0.7;
/* IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7
filter: alpha(opacity=70);
/* Netscape
-moz-opacity: 0.7;
/* Safari 1
-khtml-opacity: 0.7;

 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
 /*Internet Explorer 10 in Windows 8 and Windows Phone 8*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/**/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/*
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }
*/
@media only screen and (max-width: 1024px) { }
@media only screen and (max-width: 960px) { }
@media only screen and (max-width: 768px) { }
@media only screen and (max-width: 360px) { }
/*
/*
Extra small			<576px		.col-xs-
Small ≥576px		540px		.col-sx-
Medium ≥768px		720px		.col-md-
Large ≥992px		960px		.col-lg-
Extra large ≥1200px	1140px		.col-xl-
*/

/****** TEMPLATE COLORS SALONS *****/
/*#D91D84;/*magenta*/
/*#2093D2;/*cyan*/
/*#292E3A;/*noirantracithe*/
/*#B5B5B5;/*gris*/
/*#37458a;/*bleuSE*/
/*#F9C51F;/*jauneSE*/
/*#5DB087;/*vert*/
/*#005f26;/vertPGSfonce*/
/*#009640;/vertPGSclair*/
/*#DA5A29;/*orange*/
/*#EBE13C;/*jaune*/
/*#A863A5;/*violet*/

/*#E42013;/*rouge*/

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
paramètres générals 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
html 				{ width: 100%;margin: 0; padding: 0;}
body 				{ width: 100%;margin: 0; padding: 0; }
.clear 				{ clear: both; width: 100%; height: 1px; overflow: hidden; /* Précaution pour IE 7 */}
.separator 			{ clear: both; width: 100%; margin : 10px auto; border-bottom: 1px solid #ccc; height: 1px; overflow: hidden; /* Précaution pour IE 7 */}
@media only screen and (max-width: 640px) { 
html 								{ font-size: 14px;}
}

body				{ font-size: 100%; font-size: 12px; color:#292E3A;/*noirantracithe*/font-family: 'Open Sans', sans-serif; font-weight:400; background-color:#fff; }
    

/**** URBANDATA_CSS NEW NEW***/
.onMobile  { display:none;}
@media (max-width: 575.98px) { 
.onMobile  { display:block;}
}
.noMobile  { display:block;}
@media (max-width: 575.98px) { 
.noMobile  { display:none;}
}
/******* TRANSITION****/
.transitioncss {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}


.scrollToTop{
	width:60px; 
	height:60px;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:47%;
	display:none;
	background: url('../images/btn_gotop_off.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
	background: url('../images/btn_gotop_ovr.png') no-repeat 0px 0px;
}
/**************TYPO BODY**********/
.h1, .h2, .h3			 			{ margin-top: 20px;margin-bottom: 10px;}
h1									{ font-size: 30px; font-weight:700;text-align:left;line-height:1.10em;margin-top: 20px;}
h2									{ font-size: 24px;font-weight:700;text-align:center;line-height:1.10em; text-transform:uppercase;}
h3									{ font-size: 18px; font-weight:700;text-transform:uppercase;margin-bottom: 15px;margin-top: 0px;}	
h4									{ font-size:16px; line-height:1.10em;font-weight:700;margin-top: 5px;margin-bottom: 5px;}
h5									{ font-size:14px; line-height:1.10em;font-weight:700;}

.legende 							{ font-style: italic;}
.trad 								{ font-style: italic;color:#aaa;}
.alerte 							{ color:#E42013;/*rouge*/}	
label								{ font-size:1.1em; line-height:1.10em;}
.asterix							{ font-size:140%; line-height:1.10em; color:#FF0000;}
ul									{ width:100%;}
@media (max-width: 575.98px) { 

h1									{ font-size: 30px;}
h2									{ font-size: 24px;}
h3									{ font-size: 18px;}
p									{ font-size:1.1em; line-height:1.10em;}
label 								{ font-size: 1.2em; line-height: 1.10em;}
}
#tablo_partenaires td				{ font-size: 12px;}
				
sup, .txtsup								{ 
position: relative;
bottom: 0px;
font-size: 80%;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}

.fa.fa-1x							{ font-size:20px;}
.fa.fa-2x							{ font-size:30px;}

.txt_r 								{ text-align: right;}
.txt_c 								{ text-align: center;}
.txt_l 								{ text-align: left;}
.txt_b								{ font-weight: 700;}
.txt_i								{ font-style: italic;}
.txt_120							{ font-size:120%;line-height: 130%;}

.txt_blanc							{ color:#fff;/*blanc*/}
.txt-gris							{ color:#B5B5B5;/*gris*/}

@media only screen and (max-width: 575.98px) { 
.text-left-center-onMobile				{ text-align:center;}
.text-right-center-onMobile			{ text-align:center;}
}

.picto_ligne		{ width:46px; height:auto;}
.borderTop_blanc	{ border-top: #fff solid 1px;}
.borderBottom_blanc	{ border-bottom: #fff solid 1px;}
.bBblanc			{ border-bottom: #fff solid 1px;}
.bBnoir				{ border-bottom: #292E3A/*noirantracithe*/ solid 1px;}
.b					{ border: 1px solid #292E3A;}

.bT					{ border-top: 1px solid #bbb;padding-top:5px;}
.bL					{ border-left: 1px solid #bbb;padding-left:5px;}
.bB					{ border-bottom: 1px solid #bbb;padding-bottom:5px;}

.picto_flag				{ text-align:right; width:50px;height:auto;}


/**************BLOC BODY***********/
.displayNone		{ display:none;}
.displayBlock		{ display:block;}
.w_2				{ width:2%;}
.w_2-5				{ width:2.5%;}
.w_3				{ width:3%;}
.w_5				{ width:5%;}
.w_6				{ width:6%;}
.w_7				{ width:7%;}
.w_8				{ width:8%;}
.w_10				{ width:10%;}
.w_12				{ width:12%;}
.w_15				{ width:15%;}
.w_20				{ width:20%;}
.w_25				{ width:25%;}
.w_30				{ width:30%;}
.w_35				{ width:35%;}
.w_40				{ width:40%;}
.w_48				{ width:48%;}
.w_49				{ width:49%;}
.w_50				{ width:50%;}
.w_60				{ width:60%;}
.w_70				{ width:70%;}
.w_80				{ width:80%;}
.w_90				{ width:90%;}
.w_99				{ width:99%;}
.w_100				{ width:100%;}

@media only screen and (max-width: 575.98px) { 
.wm_10				{ width:10%;}
.wm_20				{ width:30%;}
.wm_30				{ width:50%;}
.wm_40				{ width:40%;}
.wm_50				{ width:50%;}
.wm_60				{ width:60%;}
.wm_70				{ width:70%;}
.wm_80				{ width:80%;}
.wm_90				{ width:90%;}
.wm_100				{ width:100%;}
}



.filetsup							{ border-bottom: 1px solid #ccc;padding-bottom:2px;}
.arrondi			{ border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}
.hautarrondi						{ border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-khtml-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
.basarrondi							{ border-radius:  0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	-khtml-border-radius: 1 0 0 15px 15px;
	-webkit-border-radius:  0 0 15px 15px;
}

.imgCentre								{ margin-left:auto; margin-right:auto;}

.mLR0							{ margin-left:0px; margin-right:0px;}
.mR5							{ margin-right:5px;}
.mR10							{ margin-right:10px;}
.mR15							{ margin-right:15px;}
.mR30							{ margin-right:30px;}
.mL10							{ margin-left:10px;}
.mL15							{ margin-left:15px;}
.mL30							{ margin-left:30px;}
.mB0							{ margin-bottom:0px;}
.mB10							{ margin-bottom:10px;}
.mB15							{ margin-bottom:15px;}
.mB20							{ margin-bottom:20px;}
.mB30							{ margin-bottom:30px;}
.mB60							{ margin-bottom:60px;}
.mT10							{ margin-top:10px;}
.mT15							{ margin-top:15px;}
.mT20							{ margin-top:20px;}
.mT30							{ margin-top:30px;}
.mT40							{ margin-top:40px;}
.mT50							{ margin-top:50px;}
.mT60							{ margin-top:60px;}

.p5									{ padding:5px;}
.p10								{ padding:10px;}
.p15								{ padding:15px;}
.p30								{ padding:30px;}
.pT5								{ padding-top:5px;}
.pT10								{ padding-top:10px;}
.pT15								{ padding-top:15px;}
.pT80								{ padding-top:80px;}
.pB05								{ padding-bottom:5px;}
.pB10								{ padding-bottom:10px;}
.pB15								{ padding-bottom:15px;}
.pB80								{ padding-bottom:80px;}
.pL15								{ padding-left:15px;}
.pR15								{ padding-right:15px;}
.pL25								{ padding-left:25px;}

.fn									{ float: none !important;}
.fl 								{ float: left !important;}
.fr									{ float: right !important;}
.fc									{ margin-left:auto; margin-right:auto;}
.pull-left 							{ float: left !important;}
.pull-right 						{ float: right !important;}
.pull-center						{ margin-left:auto; margin-right:auto;}
.pull-right-noMobile				{ float: right !important;}

.text-right-noMobile				{ text-align:right;}
.displayNone						{ display:none;}

.responsive							{ width:100%; height:auto; margin-left:auto; margin-right:auto;}
.img-fluid 							{ max-width: 100%; height: auto;}
.box_visuel							{ }



@media only screen and (max-width: 575.98px) { 
.pull-right-noMobile				{ float: none !important;}
.text-right-noMobile				{ text-align:center;}
.text-right-onMobile				{ text-align:right;}
}


/* Common style for pseudo-elements */
section::before,
section::after {
  position: absolute;
  content: '';
  pointer-events: none;
  overflow: hidden;
}
.box-alerte-msg { width: 100%; margin-bottom:15px;padding: 15px; background-color:#E42013;/*rouge*/ }


.modal-content										{ border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}

.modal-header											{ border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-khtml-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
.modal-footer											{ border-radius:  0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	-khtml-border-radius:  0 0 15px 15px;
	-webkit-border-radius:  0 0 15px 15px;
}
.modal-header, .modal-footer							{ background-color:#E42013;/*rouge*/}

/**************SECTION BACGROUND***********/
/*#D91D84;/*magenta*/
/*#2093D2;/*cyan*/
/*#292E3A;/*noirantracithe*/
/*#B5B5B5;/*gris*/
/*#37458a;/*bleuSE*/
/*#F9C51F;/*jauneSE*/
/*#5DB087;/*vert*/
/*#005f26;/vertPGSfonce*/
/*#009640;/vertPGSclair*/
/*#DA5A29;/*orange*/
/*#EBE13C;/*jaune*/
/*#A863A5;/*violet*/

/*#E42013;/*rouge*/

#fond_image 						{ position:fixed; z-index:-100;width:100%; height:100%;margin:0; padding:0 ; overflow:hidden; }
.imgFond							{ width:100%; height: auto;background-size:cover;
-webkit-background-size: cover; 
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}

/**************BLOC GENERICS COLOR***********/
.bgBlanc							{ background-color:#fff ;}
.bgCyan								{ background-color: #2093D2;/*cyan*/}
.bgGris		 						{ background-color: #B5B5B5;/*gris*/}
.bgClair		 						{ background-color: #eee;/*gris*/}
.bgRouge							{ background-color:#E42013;/*rouge*/}
.bgNoir 							{ background-color: #343a40 !important;}
.bg-dark 							{ background-color: #343a40 !important;}

.bgVert 							{ background-color:#B6F0BB !important;}
.bgVertPGSfonce 					{ background-color:#005f26 !important;}
.bgVertPGSclair						{ background-color:#009640 !important;}

.bgOrange 							{ background-color:#F3DCAE !important;}
.bgRose								{ background-color:#F4A8A9 !important;}
.bgBleu								{ background-color:#87D2F8 !important;}



/**************SECTION MARGE***********/
section								{ width:100%;position: relative; padding: 30px 0;}

section#supHeader					{ padding: 15px; }

@media only screen and (max-width: 575.98px) { 

}
header#header						{ }
section#section1					{ padding:0; text-align:center;}
section#section2 					{ }
section#section3 					{ }
section#section4 					{ }
section#getMore 					{ }
section#visuelXL 					{ }
section#contact 					{ }
section#info 						{ }
footer 								{ position: relative;}

.box								{ width:100%;}
.colv 								{ flex: 1;}
.inner								{ padding:10px 10px;height:100%;width:100%;}
/**************SECTION HEADER***********/

section#supHeader img				{ height : 50px; width : auto;}
#supHeader p						{ font-size:100%;color:#fff;font-weight:700;margin-bottom: 0rem;}




@media only screen and (max-width: 575.98px) { 
section#supHeader img				{ height : 40px; width : auto;}
.box_cookies.ko						{ padding:10px auto;}
}
/****** TEMPLATE COLORS SALONS *****/
/*#D91D84;/*magenta*/
/*#2093D2;/*cyan*/
/*#292E3A;/*noirantracithe*/
/*#B5B5B5;/*gris*/
/*#37458a;/*bleuSE*/
/*#F9C51F;/*jauneSE*/
/*#5DB087;/*vert*/
/*#005f26;/vertPGSfonce*/
/*#009640;/vertPGSclair*/
/*#DA5A29;/*orange*/
/*#EBE13C;/*jaune*/
/*#A863A5;/*violet*/

/*#E42013;/*rouge*/

/**************SECTION ALERTE***********/
.box-alerte							{ background-color:#E42013;/*rouge*/color:#fff;font-size:100%;font-weight:700;line-height: 1.1em; padding:15px;}

/**************SECTION TITRE***********/
#box_titre_texte					{ }
#box_titre_titre					{ }

	
/**************SECTION SECTION1***********/
section#section1				{ }
.bando-logo							{ width : 100%;height : auto; }

.logo-section1						{ height:auto; text-align:center;}
.bando-section1						{ width:100%;height:auto; text-align:center;} /*object-fit: cover;*/
@media only screen and (max-width: 575.98px) { 
.logo-section1						{ width:70%;height:auto; text-align:center;}
}

/**************SECTION SECTION2***********/
.box-liste-salons	 				{}
.box-salon 							{ max-height:180px;}
.box-salon-img						{ text-align:center;}
.box-salon-img img					{ text-align:center; max-width: 200px; max-height: 120px; margin-top:10px;}
.box-salon-txt						{ color:#fff;}
.box-salon-txt-titre				{ font-size:120%;font-weight:700;line-height: 1.1em;margin-bottom:4px;}
.box-salon-txt-des					{ font-size:100%;font-weight:700;line-height: 1.1em;margin-bottom:4px;color:#292E3A;/*noirantracithe*/}
.box-salon-txt-des span				{ font-size:100%;font-weight:700;line-height: 1.1em;margin-bottom:4px;}
.box-salon-txt-date					{ font-size:100%;font-weight:400;line-height: 1.1em;margin-bottom:4px;}
.box-salon-txt-lieu					{ font-size:100%;font-weight:700;line-height: 1.1em;margin-bottom:4px;}
.box-salon-txt-btn					{ text-align:center; padding-top:15px;}

.bgCyan								{ background-color:#2093D2;/*cyan*/}
.borderCyan							{ border: 2px solid #2093D2;/*cyan*/}
.bgVert								{ background-color:#5DB087;/*vert*/}
.borderVert							{ border: 2px solid #5DB087;/*vert*/}
.bgViolet							{ background-color:#A863A5;/*violet*/}
.borderViolet						{ border: 2px solid #A863A5;/*violet*/}
.border_b							{ border: 2px solid #292E3A;/*noirantracithe*/}
.borderVertPSGfonce					{ border: 2px solid #005f26;/*vert*/}
.borderVertPSGclair					{ border: 2px solid #009640;/*vert*/}

.bg0								{ background-color:#2093D2;/*cyan*/color:#fff;}
.bg1								{ background-color:#eee;color:#292E3A;/*noirantracithe*/}
.bg2								{ background-color:#fff;color:#292E3A;/*noirantracithe*/}
.bg3								{ background-color:#eee;color:#292E3A;/*noirantracithe*/}
.bg4								{ background-color:#fff;color:#292E3A;/*noirantracithe*/}
.bg5								{ background-color:#eee;color:#292E3A;/*noirantracithe*/}
.bg6								{ background-color:#bbb;color:#fff;}

/****INFOS COMPTE****/
.box-identification					{ margin-bottom:30px;padding:15px;border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #aaaaaa 0px 10px 10px 0px;
	-moz-box-shadow: #aaaaaa 0px 10px 10px 0px;
	-khtml-box-shadow: #aaaaaa 0px 10px 10px 0px;
	-webkit-box-shadow: #aaaaaa 0px 10px 10px 0px;}

.box-compte-infos_id				{ color:#fff;}
.compte_txt_so						{ font-weight: 700;}
.box-compte-infos_sal				{ color:#fff;}
.liste-preview-commande-entete		{ width:100%}
.liste-preview-commande-ligne		{ width:100%; border-bottom: 1px solid #ccc; padding-top:2px; margin-bottom:5px;}

/*****MENU CATALOGUE***/
.box-menu-recherche-entete			{ width:100%; }
.box-menu-recherche-entete			{ color:#292E3A;/*noirantracithe*/}
.card-header 						{ padding: .5rem .5rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125);}
#accordion .btn-link				{ color:#292E3A;/*noirantracithe*/ padding-top:0px; padding-bottom:0px;}

/*****LISTE ARTICLES***/
#liste-articles 		{ width:100%;}
.liste-articles			{ width:100%;}
.liste-articles-msg		{ width:100%;}
.liste-articles-body	{ width:100%;}
.box-article			{ border: 1px solid #ccc; padding:10px;margin-bottom:15px;}
.box-article-vignette	{ display:block; float:left; width :100%; height:160px; display: flex; justify-content: center; align-items: center;}
.box-article-vignette img 	{ height:auto; width:auto; max-width:100%; max-height:100%;text-align:center; }
.box-article-zomm img			{ height:auto; width:auto; max-width:100%; max-height:100%;text-align:center;}
.box-article-designation 	{}
.box-article-designation-nom 	{ font-weight: 700;}
.box-article-designation-nom a	{ color:#292E3A;/*noirantracithe*/ text-decoration: underline red;}
.box-article-designation-info 	{ }
.box-article-designation-btn 	{ margin-top:10px;}
@media only screen and (max-width: 575.98px) { 
#liste-articles 		{ width:100%;padding-top:30px;}
}
/******FICHE ARTICLE****/
.fiche-article							{ }

/******PANIER***/
#panier									{ }
.box-panier								{ width:100%;}
.box-panier-entete						{ width:100%;}
.box-panier-body						{ width:100%;}
.box-panier-article						{ width:100%;border: 1px solid #292E3A;/*noirantracithe*/ padding:5px;margin-bottom:10px;}
.box-panier-article-mini				{ width:100%;border: 1px solid #ccc;/*gris*/ padding:5px;margin-bottom:3px;}
.box-panier-article-vignette			{ display:block; float:left; width :80px; height:80px; display: flex; justify-content: center; align-items: center; padding:4px;}
.box-panier-article-vignette img 		{ max-width:100%; max-height:100%;}
.box-panier-article-vignette-mini img 		{ max-width:70%; max-height:30px;}
.box-panier-article-designation-nom		{ width:100%;}
.box-panier-article-designation-info	{ width:100%;}
.box-panier-article-designation-btn		{ width:100%;}
.box-panier-prix						{ width:100%;border: 2px solid #292E3A;/*noirantracithe*/ padding:5px;}
.box-panier-prix-mini					{ width:100%;border: 1px solid #292E3A;/*noirantracithe*/ padding:5px;}
.box-panier-prix-mini p					{ margin-bottom: 0;}
.box-panier-msg							{ width:100%; margin-top:15px;}
@media only screen and (max-width: 575.98px) { 
#panier									{ padding-top:15px;margin-top:30px; border-top:1px solid #292E3A;/*noirantracithe*/}
}

/**************SECTION COMMANDES***********/
#commande								{ width:100%;border: 1px solid #B5B5B5;/*gris*/ padding:10px;margin-bottom:10px;}

/**************SECTION PARTENAIRES***********/
.box-commande								{ width:100%; margin-bottom:60px;padding:15px;border:2px solid #2093D2;/*cyan*/}
.box-commande-entete						{ width:100%;  padding:15px;}
.box-commande-body							{ width:100%;}
.box-commande-entete h3 					{ color:#fff; margin: 0;}
.box-commande-entete p						{ color:#fff; margin: 0;}
.box-commande-prix							{ width:100%;border: 2px solid #292E3A;/*noirantracithe*/ padding:5px;margin-bottom:10px;}
.box-commande-btn							{ text-align: right;}



/**************SECTION ADMINISTRATION***********/
.box-devis-entete						{ width:100%; margin-bottom:60px;padding:15px;background-color:#2093D2;/*cyan*/ font-size: 18px; color:#fff;}
.box-commande-check						{ border: 2px solid #eee; margin-top:10px;padding:5px;}
/**************SECTION SECTION3***********/
.cellHeader, .cellBody			{ }
.cell			{ padding-top:5px; padding-bottom:5px;}
/**************SECTION SECTION4***********/

/**************SECTION SECTION5***********/

/**************SECTION SECTION6***********/

/**************SECTION SECTION7***********/

/**************SECTION FOOTER***********/
#footer #box_supfooter				{ padding:15px; background-color:#292E3A;/*noirantracithe*/}
#footer #box_footer					{ padding:15px; background-color:#2093D2;/*cyan*/}
#footer img							{ height : 50px; width : auto;}

/**************SECTION getMore***********/
section#getMore {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 40px 0 0px 0;
	color:#fff;
}
/**************SECTION FORM***********/
form							{ width:100%;}
form .form-control 				{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;border: 2px solid #cccccc;font-size: 1.0em;line-height: 1.10em;font-weight: 400;}

form .checkbox-inline			{ font-size:1.0em; line-height:1.10em;}
form textarea.form-control 		{ height: auto; line-height: normal;}

form .form-control, form textarea.form-control {}



.small									{ display: inline-block; width:80px; text-align:center;}
.obligatoire							{ background-color:#a4832b;/*or*/}
 
.modal-dialog { width: 80%;max-width: 800px;margin: 30px auto;}

.picto_logo_cookies						{ width:100px; height:auto;margin-right:15px;}


.form_box_btn							{ width:100%;}
.form_box_code							{ overflow:hidden; text-align:center;}
.form_box_code img						{ width:120%; height:auto;}
input::placeholder 						{ color:#E42013;/*rouge*/font-style: italic; font-weight: 700; }

.form-check 							{ padding-left: 0rem;}

/*input[type="checkbox"], input[type="radio"]					{ width:20px; float:left;margin-right: 10px;background-color: #D91D84; }*/

.check		{ float: left;
margin-left:0;
border-radius: 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-khtml-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
  width: 24px;
  height: 24px;

  border:10px solid #D91D84;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 10px;
}


input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	margin-left:0;

  border-radius: 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-khtml-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
  width: 24px;
  height: 24px;

  border: 4px solid #999;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 10px;
}

input[type="radio"]:hover {
  cursor: pointer;
}

input[type="radio"]:checked {
  border:10px solid #D91D84;
}

input[type="radio"]:disabled {
  border: 4px solid #eee;
	cursor: not-allowed;
}


input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	margin-left:0;

  border-radius: 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-khtml-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
  width: 24px;
  height: 24px;

  border: 4px solid #999;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 10px;
}

input[type="checkbox"]:hover {
  cursor: pointer;
}

input[type="checkbox"]:checked {
  border:10px solid #D91D84;
}





@media only screen and (max-width: 575.98px) { 
.modal-dialog { width: 100%;margin: 0;}	
}

/**************SECTION INFO***********/



	
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 575.98px) { 
}
@media only screen and (max-width: 360px) {	
}




/**************MENU BODY***********/


.navbar 			{ padding: 20px 0 20px 0;}

.btn-navbar			{ margin-left:15px; margin-bottom:15px;}

/**************TABLO BODY***********/
.lInf			{ border-bottom: 1px solid #ccc;}
.lSup			{ border-top: 1px solid #bbb;}

/**************BTN BODY***********/
/*#D91D84;/*magenta*/
/*#2093D2;/*cyan*/
/*#292E3A;/*noirantracithe*/
/*#B5B5B5;/*gris*/
/*#37458a;/*bleuSE*/
/*#F9C51F;/*jauneSE*/
/*#5DB087;/*vert*/
/*#DA5A29;/*orange*/
/*#EBE13C;/*jaune*/
/*#A863A5;/*violet*/


/*#E42013;/*rouge*/

.btn								{ font-weight:400;display: inline-block; padding: 5px 16px; border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	z-index:100;
	text-transform:uppercase;
	font-size: 0.7rem;
}

.btn-small 							{ font-size: 80%; text-transform: lowercase;}
.btn-picto							{ padding: 3px 8px;font-size: 80%; text-transform: lowercase;}

.btn-mag							{ background-color:#D91D84;/*magenta*/color:#fff;}
.btn-mag:hover						{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

.btn-blanc							{ background-color:#ffffff;color:#292E3A;/*noirantracithe*/}
.btn-blanc:hover					{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

.btn-gris							{ background-color:#6A6A6A;color:#fff;}
.btn-gris:hover						{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

.btn-orange							{ background-color:#DA5A29;/*orange*/color:#fff;}
.btn-orange:hover					{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

.btn-vert							{ background-color:#5DB087;/*vert*/;color:#fff;}
.btn-vert:hover						{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

.btn-vertPgs 						{ background-color:#005f26 !important;color:#fff;}
.btn-vertPgs:hover						{ background-color:#292E3A;/*noirantracithe*/color:#fff;}

@media only screen and (max-width: 575.98px) { 
.btn									{ font-size: 0.9rem;}
}
/******FA FA FA ****/
.fa-15x {
  font-size: 22px;
}
.fa {
  float: left;
  vertical-align: central;
  
  text-align: center;
  width: 32px;
}
.fa-inverse:hover {
  color: #000;
}
button.btn-picto.fa {
  color: #D91D84;/*magenta*/
  -moz-appearance: none;
  background-color: transparent;
  border: 0px;
  cursor: pointer;
}
button.btn-picto.fa:hover {
  color: #292E3A;/*noirantracithe*/
}


/**************PICTO BODY***********/

.menu_plan ul, .menu_plan li			{ list-style:none;}
.menu_plan li > a						{ font-size:1.5em; line-height:1.30em; list-style:none;}
.menu_plan li li > a					{ font-size:100%; line-height:1.30em; list-style:none;}

.menu_plan .divider, .menu_plan .separator	{ height: 2px; margin: 10px 0;}
.menu_plan .dropdown-header		{}

/**************CAROUSEL***********/
.carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px; }

.carousel-control-prev:hover .carousel-control-prev-icon	{ color: #a4832b;/*or*/}
.carousel-control-next:hover .carousel-control-next-icon	{ color: #a4832b;/*or*/}

.carousel-indicators				{ bottom: 100px; }
.carousel-indicators li				{ border: 1px solid #a4832b;/*or*/width:20px; height:20px;}
.carousel-indicators .active		{ background-color: #a4832b;/*or*/border:#a4832b;/*or*/width:20px; height:20px;}
.carousel-caption					{ top:140px;}

/**************PARALLAX***********/
.jarallax 					{ min-height: 500px;}
.demo-table 				{ height: 500px; background-color: rgba(39, 35, 51, 0.0);}


/**************TUTOS***********/
#tutos .box_txt, #tutos .box_img	{ margin-top:30px;}
#tutos .box_img 					{ padding:15px;border:1px solid #ccc;}
#tutos .box_img img 	 			{ max-width:300px; height:auto;}



@media (max-width:575px) {
  .col-sx {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-sx-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-sx-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-sx-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sx-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sx-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-sx-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-sx-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sx-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-sx-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-sx-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sx-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-sx-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-sx-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
	
}