/*
Theme Name: ABP PARIS
Theme URI: http://www.e-link.fr
Author: Madeleine Ferrigno
Author URI: http://www.e-link.fr
Description: Module de création de bracelet montre sur mesure
Version: 1.0
*/

/* ==================================================
   STRUCTURE GÉNÉRALE
================================================== */
body {
	/*font-family: 'Josefin Sans', sans-serif !important;*/ 
	font-family: 'Open Sans', sans-serif !important;
	color: #151617;
	background:#fff;
	margin: 0px !important;
	padding:0px !important;
	height: 100% !important; position: relative !important;
	}
	
.container {
	margin: 20px;
	/*max-width: 60.000em; /*960px*/
	/*max-width:1024px;*/
	padding:0px !important;
	min-height: 100% !important;
}

header {
	background-color: #000;
	width: 100% !important;
	height: 40px;
	color:#FFF; padding:10px; margin-bottom: 30px; top: -20px !important; 
	position: relative !important;
	}

footer {
	background-color: #CCC !important;
	padding: 30px; color:#3C3C3C;
	bottom: 0px !important; left: 0px; right: 0px; text-align: center;
	margin-top:30px;
	position: relative !important;
}
	
a {
	color:#8A8888;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

h1 {
	font-family: 'Open Sans Condensed', sans-serif ;
	font-size: 2.5em;
	font-weight:300;
	text-transform: uppercase;
}
h2 {
	font-size: 2em;
	font-weight:300;

}
h3 {
	color:#7F8289;
	font-size: 1.4em;
	font-weight:300;
	text-align: center;
	/*height:1.6em;*/
}

h4 {
	font-size: 1em;
	font-weight:300;
}


h2, h3, h4 {
	margin-top: 0;
}
h3, h4 {
	margin-bottom: 0.5em;
}

p {
	font-size: 1.000em;
	line-height: 1.5;
	list-style:none;
}

ul {
	margin-left: 0px;
	padding-left:0px !important;
	list-style:none;
}

li {
	margin-left: 0px;
	list-style:none;
}

img {
       max-width: 100%;
       height: auto;
	   _width: 100%; /* IE6 seulement */
} 

.exposant {
	position: relative;
	bottom: 1px;
	font-size: 0.4em;
	line-height: .8em;
	vertical-align:super;
	text-decoration:none;
}

#vide { 
	height:1px;	
}

.txtSouligne {
	border-bottom:1px solid #e6e6e6 !important;
	padding-left:10px;
	padding-right:10px;
}
.txtSouligne2 {
	border-top:4px double #e6e6e6 !important;
	padding-left:10px;
	padding-right:10px;
}

.txtTitre {
	color:#7F8289;
	font-size: 1.4em;
	font-weight:600;
}

.txtPrixG {
	color:#7F8289;
	font-size: 1.4em;
	font-weight:600;
	height:1.4em;
	text-align:right;
}
.txtPrixP {
	color:#7F8289;
	text-align:right;
}
.txtPrixTTC {
	color:#000;
	font-size: 1.4em;
	font-weight:600;
	text-align:right;
	text-transform: uppercase;
	padding-top:10px;
}
.txtEuro { font-weight:100; }

.afficheMontre { text-align:center; padding:10px; }
.socialIcone { text-align:right; }

.txtInfo {
	color:#79b956;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align:center;
}
.txtGris { color: #8e8e8e !important;}
.txtNoir { color: #000 !important;}

/* ==================================================
   LOGIN
================================================== */
.affichLogin {
	width: 75%;
	margin: auto auto;
	padding: 30px;
	text-align: center;
	background:#FFFFFF;
	box-shadow: 5px 3px 5px #C8C8C8;
	border: 1px solid #9b9b9b;
	color: #f64b02;
	font-weight: bold;
}
.inputLogin {
	width: 100%;
	padding: 5px;
	text-align: left;
	background:#f7f7f7;
	color:#000;
	border:1px solid #ccc;
	border-radius: 12px;
	font-weight: normal;
}

.robotLogin { display: none; }


/* ==================================================
   MODAL +
================================================== */
.txtPopUp {
	font-size: 1.4em;
	line-height: 1.5;
	text-align:center;
}
.modalInput {
	background-color:#f64b02;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px;
	text-align:left;
	margin:2px;
	padding:5px;
}
.myBTNmodal {
	font-size:1em;
	background-color:#000;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:800;
	line-height:2em;
	width:100% !important;
	text-align:center;
}
.myBTNmodal:hover {
	color:#FFF !important;
	background-color:#60b157;
}

.txtModal2 {
	font-size:1.5em;
	font-weight:600;
}
.txtModal2a {
	font-size:1.2em;
	color:#7F8289;
	font-weight:500;
	font-style:italic;
}

/* ==================================================
   MENU GÉNÉRAL À GAUCHE
================================================== */
.menu1 { 
	text-transform: uppercase;
	font-weight:800;
	font-size:0.8em;
	line-height:2em;
}

.menu1 a li { 
	color: #8e8e8e;
	text-decoration: none;
	padding:10px 0px 5px 10px;
	/*margin-bottom:2px;*/
	border-bottom:1px solid #a4a4a4;
    border-right:1px solid #a4a4a4;
}

.menu1 a:hover li  {
	text-decoration: none;
	color: #fff !important;
	background-color:#f57a46;
	/*margin-bottom:2px;*/
}

.menu1Actif li   {
	text-decoration: none;
	color: #fff !important;
	background-color:#f64b02;
	border-bottom:1px solid #f64b02;
    border-right:1px solid #f64b02;
}

/* ==================================================
   ACTION + MADE IN FRANCE À GAUCHE
================================================== */
.txtAction {
	font-size:1em;
	line-height:1.8em !important;
}
.action {
	padding-top:30px;
	padding-left:10px;
}

.madeInFrance {
	padding-top:30px;
	text-align:center;
	font-size:1.2em;
	font-weight:100;
}
.drapeauBleu {
	float:left;
	border:2px solid blue;
	width:33.33%;
}
.drapeauBlanc {
	float:left;
	border:2px solid white;
	width:33.33%;
}
.drapeauRed {
	float:left;
	border:2px solid red;
	width:33.33%;
}

/* ==================================================
   SELECTION Miniatures
================================================== */
.txtLegend {
	font-size:0.8em;
	color:#000;
	text-align:center !important;
	margin-top: 8px;
	line-height:10px;
}
.affSelected {
	border-radius:1em;
	border: 1px solid red;
	color:#FFF;
}
.zoom_img img{
	width:50%;
	-moz-transition:-moz-transform 0.3s ease-in; 
	-webkit-transition:-webkit-transform 0.3s ease-in; 
	-o-transition:-o-transform 0.3s ease-in;
}
.zoom_img img:hover{
	-moz-transform:scale(1.5); 
	-webkit-transform:scale(1.5);
	-o-transform:scale(1.5);
}
.zoom_img_selected img{
	width:50%;
	-moz-transition:-moz-transform 0.3s ease-in; 
	-webkit-transition:-webkit-transform 0.3s ease-in; 
	-o-transition:-o-transform 0.3s ease-in;
	border-radius:1em;
	border: 1px solid #60b157;
}
.zoom_img_selected img:hover{
	-moz-transform:scale(1.5); 
	-webkit-transform:scale(1.5);
	-o-transform:scale(1.5);
	border-radius:1em;
	border: 1px solid #60b157;
}
.myBTN {
	font-size:.8em;
	background-color:#fff;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	padding:4px 15px;
	margin-right:10px;
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:400;
	border: 1px solid #9b9b9b;
}
.myBTN:hover {
	color:#fff !important;
	background-color:#f57a46;
	border: 1px solid #f57a46;
	
}
.myBTNgris {
	color:#fff;
	background-color:#cfcfcf;
	font-size:1em;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	padding:8px 35px 4px 35px;
	text-transform:uppercase;
}

.myBTN1 {
	font-size:0.8em;
	background-color:#f57a46;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	padding:8px;
	margin-right:10px;
	margin-left:10px;
	text-transform:uppercase;
	border: 1px solid #f57a46;
}
.myBTN1:hover {
	color:#ffffff;
	background-color:#f64b02;
}
.myBTN2 {
	font-size:1em;
	background-color:#f57a46;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	padding:8px 35px 4px 35px;
	text-transform:uppercase;
}
.myBTN2:hover {
	color:#ffffff;
	background-color:#f64b02;
}

.selection {
	color:#ffffff;
	background-color:#f64b02;
	border: 1px solid #f64b02;
}

#filtre {
	width:100%;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #f0f0f0;
	margin-bottom: 10px;
}

.suivant {
	font-size : 2em;
	color:#f64b02; 
}
.suivant:hover {
	font-size : 2em;
	color:#000; 
}
.check-yes:before {
	font-family:FontAwesome;
	content:"\f00c";
	float:right;
	margin-right:10px;
	color:#60b157;
}

.check-no {
	float:right;
	margin-right:10px;
}
	
/* ==================================================
   Bouton avec Loader
================================================== */
.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}

.has-spinner.btn.active .spinner {
    min-width: 20px;
}

/* ==================================================
   LARGEUR ET LONGUEUR (CHAMPS FORM)
================================================== */
.detail_zone1 { float:left;}
.detail_zone2 { float:right;}
.detail {
	background-color:#fff !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #a4a4a4;
	text-align:left;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:5px;
}
.detail:hover {
	border: 1px solid #60b157;
}
.detail_actif {
	background-color:#f0f0f0 !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:left;
	margin-top:20px;
	border: 1px solid red;
	padding-bottom:10px;
}

.detail_titre {
	width:100% !important;
	text-align:center !important;
	border-bottom:1px solid #cfd0d2;
	margin-top:-15px;
	margin-bottom:15px;
	}

.detail_input {
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #a4a4a4;
	text-align:left;
	margin:0px 0px 5px 3px;
	padding:5px;
}
.detail1_input {
	background-color:#e6e6e6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #a4a4a4;
	text-align:left;
	margin:2px;
	padding:5px;
}

/*.detail_myBTN {
	width:100% !important;
	font-size:.8em;
	background-color:#8A8888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	text-transform:uppercase;
}
.detail_myBTN:hover {
	color:#ffffff;
	background-color:#000000;
}*/
.detail_txtBorne {
	font-size: 0.7em;
	color: #3C3C3C;
	font-style: italic;
}
.myBTNchamp {
	font-size:.8em;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #60b157;
	display:inline-block;
	cursor:pointer;
	color:#60b157;
	padding:4px 15px;
	text-transform:uppercase;
	font-weight:400;
}
.myBTNchamp:hover {
	color:#ffffff !important;
	background-color:#000000;
	border: 1px solid #000;
}
.myBTNchamp2 {
	float: right;
	font-size:.8em;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #60b157;
	display:inline-block;
	cursor:pointer;
	color:#60b157;
	padding:4px 6px;
	text-transform:uppercase;
	font-weight:400;
	margin-top: 3px;
}
.myBTNchamp2:hover {
	color:#ffffff !important;
	background-color:#000000;
	border: 1px solid #000;

}
.detail_valider {
	width:100% !important;
	text-align:center !important;
	border-top:1px solid #dbdbdc;
	padding-top: 15px;
	margin-top:10px;
	padding-bottom: 10px;
	}

/* ==================================================
   COLONNES
================================================== */
.zoneLeft {
	float:left;
	width: 20%;
}

.zoneMENU {
	margin-top:0px;
	/*padding-top: 10px;*/
	background: #FFFFFF;
	/*box-shadow: 5px 3px 5px #C8C8C8;*/
}

.zoneTITRE {
	float:right;
	width: 75%;
	padding:10px !important;
	margin-right:10px;
	background:#FFF;
	box-shadow: 5px 3px 5px #C8C8C8;
	border-bottom: 1px solid #9b9b9b;
}

.zone1 {
	float:right;
	width: 75%;
	padding:10px !important;
	margin-top:10px;
	margin-right:10px;
	background:#FFF;
	box-shadow: 5px 3px 5px #C8C8C8;
	border-bottom: 1px solid #9b9b9b;
}

.zone2 {
	float:right;
	width: 75%;
	padding:10px !important;
	margin-top:10px;
	margin-right:10px;
	background:#FFFFFF;
	box-shadow: 5px 3px 5px #C8C8C8;
	border-bottom: 1px solid #9b9b9b;
	color: #f64b02;
	font-weight: bold;
}

.zone2a {
	float:right;
	width: 75%;
	display: block;
    padding: 10px;
	margin-top:10px;
	margin-right:10px;
    background-color: #fff;
	border: none;
	box-shadow: 5px 3px 5px #C8C8C8;
	text-align: left !important;
	/**overflow-y:scroll;
	overflow-x:hidden;**/
	border-bottom: 1px solid #9b9b9b;
	border-top: 1px solid #9b9b9b;
}

[class*="col-"] {
	padding-top:20px;
	margin-bottom:20px;
	text-align:center;
}
.colPaginationRetour {
	float:left;
	width:33.33%;
	text-align:left;
	padding-left:3%;
	font-size:1.8em;
	font-weight:100 !important;
}
.colPaginationSuite {
	float:left;
	width:33.33%;
	text-align:right !important;
	padding-right:3%;
	vertical-align:top !important;
}
.colTarif {
	float:left;
	width:33.33%;
	text-align:center;
	font-size:1.8em;
	color:#C7355D;
}
.colValidation {
	float:left;
	width:100%;
	text-align:center !important;
	padding:3%;
	vertical-align:top !important;
}
.zoneLeft5 {
	float:left;
	width:5%;
}
.zoneLeft85 {
	float:left;
	width:95%;
}
.zoneBorder {
	width:10%;
	border-right: thin solid #e6e6e6;
	/*padding-left:20px;
	margin-left:10px;
	padding-right:10px;*/
}
.zonePourtour {
	padding-left:10px;
	padding-right:10px;
}
.zonePourtour2 {
	padding-left:30px;
	padding-right:10px;
}
.zonePourtour3 {
	margin-top: 20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}

.col2 {
	/*float:left;*/
	/*width: 16.66666667%;*/
	width: 15%;
	height: auto;
	position: relative !important;
	/*min-height: 1px;*/
	padding-right: 5px /*15px*/;
	padding-left: 5px /*15px*/;
	margin:15px 5px 5px /*15px*/;
	text-align:center !important;
	display:inline-block;
	vertical-align: top;
  }

.col4 {
	float:left;
	width: 50%;
	position: relative !important;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin:15px;
	display: inline-block;
  }
.col6 {
	float: left;
	width:50%;
	text-align:center !important;
  }
.col12 {
	float: left;
	width:100%;
	text-align:center !important;
  }
.colJauge {
	float: left;
	width:50%;
	position: relative !important;
	/*background-color:#f0f0f0 !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	
  }
  .colJauge2 {
	/*float: left;*/
	position: relative !important;
	display: inline-block;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 10px;
	vertical-align: top;
  }

 /* .jauge {
	margin:20px;
  }*/


/* ==================================================
   NAVIGATION
================================================== */

nav#menu { display:block;}



/* ==================================================
   MOBILE NAVIGATION
================================================== */

#mobile-nav {
	display: none;	
}

.menu-nav {
	background:url(../images/menu-mobile.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin: 21px 0 0 0;
	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
	background-position: 0 -16px;
		  
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;	
}

#navigation-mobile {
	display: none;
	text-align: center;
	width: 100%;
	background: #e5e5e5;	
	border-bottom: 1px solid #707372;
	/*position: relative;*/
	float: left;
	z-index: 9999;
}

#navigation-mobile li {
	list-style: none;
	border-top: 1px solid #f6f6f6;
}

#navigation-mobile li a{
	display: block;
	font-size: 20pt;
	font-weight:400;
	/*text-transform: uppercase;*/
	padding: 10px 0;
}

/* ==================================================
   FOOTER à GAUCHE
================================================== */

footerGauche {
	position: relative;
	width: 100%;
	height: auto;
	background: #FFFFFF /*#eeeeee*/;
	text-align: center;
	z-index: 99;
}

footerGauche .credits {
	color: #000000;
	width: 100%;
	font-size: 14px;
	font-weight:600;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* ==================================================
   BACK OFFICE
================================================== */

.myBTNvalidation {
	font-size:1em;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:800;
	width:100% !important;
	text-align:center;
}
.myBTNvalidation:hover {
	color:#FFF !important;
	background-color:#60b157;
}

.myBTNvalidation2 {
	font-size:1em;
	background-color:#CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#000;
	padding:4px 15px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:800;
	width:100% !important;
	text-align:center;
}
.myBTNvalidation2:hover {
	color:#FFF !important;
	background-color:#60b157;
}

.myBTNretour {
	font-size:0.8em;
	background-color:#C8C8C8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-right:10px;
	font-weight:500;
	text-align:center;
}
.myBTNretour:hover {
	color:#FFF !important;
	background-color:#60b157;
}

.myBTNelement {
	font-size:0.8em;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-right:10px;
	font-weight:500;
	text-align:center;
}
.myBTNelement:hover {
	color:#FFF !important;
	background-color:#60b157;
}
.myBTNaction1 {
	font-size:1em;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-bottom:10px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
}
.myBTNaction1:hover {
	color:#FFF !important;
	background-color:#60b157;
}
.myBTNaction2 {
	font-size:1em;
	background-color:#C8C8C8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-bottom:10px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
}
.myBTNaction2:hover {
	color:#FFF !important;
	background-color:#60b157;
}
.myBTNaction3 {
	font-size:1em;
	background-color:#f57a46;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-bottom:10px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
}
.myBTNaction3:hover {
	color:#FFF !important;
	background-color:#60b157;
}
.arrondi {
	font-size:1em;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	border:1px solid grey;
	color:#000;
	padding:5px;
	margin:5px;
	font-weight:600;
}

.fondIMGtransparent {
	background-color:#e6e6e6;
	padding:5px;
	margin:5px;
}

.txtDependances {
	font-size:1.2em;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
}
.zoneBorderDependances {
	width:5%;
	border-right: thin solid #e6e6e6;
	padding-right:20px;
	margin-right:10px;
}
.espacement {
	background:#e6e6e6;
	padding-left:10px;
}
.txtSouligneDependances {
	border-bottom:1px solid #fff !important;
	font-size:1em;
	color:/*#5b8b41*/ #000;
	font-weight:500;
	text-transform:uppercase;
	margin:15px !important;
	line-height:30px;
}
.txtDependances2 {
	font-size:1em;
	color:/*#5b8b41*/ #000;
	font-weight:500;
	text-transform:uppercase;
	line-height:30px;
	padding-left:10px;
}

.txtPetit {
 	font-size:0.8em !important;
	color:grey;
	font-weight:200;
}
.txtNom {
	font-size:1.2em;
	color:#5b8b41;
	font-weight:500;
	line-height:30px;
}
.txtNomGris {
	font-size:1em;
	color:#9A9A9A;
	font-weight:500;
}
.ligneVerticale {
	width:5%;
	border-right: thin solid #e6e6e6;
}
.actionAdmin {
	float:left;
	width:5%;
	padding-left:25%;
	text-align:center !important;
	}
.leftFloat {
	float:left;
	width:58%;
	}
.rightFloat {
	float:right;
	width:40%;
	}
	
.txtVert {
	color:#5b8b41 !important;
	font-weight:600 !important;
}

.myBTNdependance {
	font-size:1em;
	background-color:#000;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	text-transform:uppercase;
	font-weight:800;
	width:100% !important;
	text-align:center;
}
.myBTNdependance:hover {
	background-color:#60b157;
}


/* ==================================================
   ESPACE BOUTIQUE
================================================== */

.titreBoutique { width:100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #f64b02; margin-bottom: 50px; }
.inputBoutique { width:100%; padding-left: 5px; border: 1px solid #ccc; }
.borderBoutique { padding-left: 5px;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc ; }
.borderBoutiqueActions { padding-left: 5px;  border-left: 1px solid #FFF; border-bottom: 1px solid #FFF ; }

.myBTNboutique {
	background-color:#000;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:4px 15px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:500;
	width:100% !important;
	text-align:center;
}

.myBTNboutique:hover { background-color: #f64b02; color:#FFF; }

.BTNetat1 { color: #000; font-size: 1.3em; }
.BTNetat1:hover { color: #00BF23; font-size: 1.3em; }

.BTNetat2 { color: #00BF23; font-size: 1.3em; }

.BTNetat3 { color: #000; font-size: 1.3em; }
.BTNetat3:hover { color: #E50003; font-size: 1.3em; }

.myBTN3 { background-color: #000; color: #FFF; padding:2px; display:inline-block; }
.myBTN3:hover { background-color:#00BF23; }
.selection2 { background-color:#00BF23; color: #FFF; }

.lienOrange { color:#8A8888; text-decoration: none; }
.lienOrange:hover { color:#f64b02; }

/* ==================================================
   PRELODER
================================================== */

#jpreOverlay,
#jSplash {
	background-color: #f6f6f6;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
	left: 1px;
}

#jpreSlide{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
}

#jpreLoader {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;	
}

#jprePercentage {
	width: 50px;
	height: 50px !important;
	line-height: 50px;
	position: absolute !important;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 800;
	
	font-size: 24px;
	color: #FFFFFF;	

	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
		 -o-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #000;
	/*background: #DE5E60;*/
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}


/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#menuTop {
	float: right;
	text-align: right;
	margin-top: 40px;
}

#menuTop ul{
	padding: 0px; 
	margin: 0px; 
	list-style-type:none;
	}
	
#menuTop li {
	float: right;
	font-size: 18px;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: bold;
	Border-right: 1px solid grey;
	}