/* Global properties ======================================================== */
@font-face{
	font-family:"CaviarDreams";
	src: url(../css/font/CaviarDreams.ttf);
}
html, body {width:100%; padding:0; margin:0;}
body {font:14px century gothic, Arial, Helvetica, sans-serif;color: #333;position: relative; background: #F5F5F5}
a, a:hover, a:after{
	text-decoration:none;
}
img{width:100%; height: 100%}
hr{
	height:1px;
}
h1{
	font-family: "Computerfont";
	color: #FFF;
	/*text-transform:uppercase;*/
}
.line-H{
	line-height:25px;
}
.pScrol{
	overflow:scroll;
}
.pList{
	padding: 0;
	margin: 0;
	list-style:none;
}
.pList li{
	padding: 5px;
	text-transform:uppercase;
}

/** GESTION DES COULEURS PAIRES / IMPAIRES ***/
.pList li:nth-child(even), .Lprod li:nth-child(even)  {background: #EFEFEF}
.pList li:nth-child(odd), .Lprod li:nth-child(odd) {background: #F9F9F9}
.pList li:hover {background: #FFF; color: #C10000; font-weight:bold; cursor: cell}
.Lprod li:hover {background: #FFF; color: #C10000; font-weight:bold; cursor: pointer}
/** GESTION DES COULEURS PAIRES / IMPAIRES ***/

.method{
	color: #FFF;
	background:#069;
	width: 50px;
	height: 21px;
	font-size:9px;
	border-radius: 5px;
	padding:2px;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
}
.nTitre {
	font-family: 'Oswald';
	font-size:16px;
	text-align: center;
	line-height: 16px;
	padding: 6px;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
}
.nTitre-2 {
	font-family: 'Oswald';
	font-size:16px;
	text-align: center;
	line-height: 16px;
	padding: 6px;
	top: 0px;
	left: 0px;
}
.livraison-footer{
	font-size:16px;
}
.livraison-footer span{
	color: #666;
	font-size:10px;
	font-weight:bold;
}
h3 strong {font-weight:normal; display:block; margin-top:-5px}
h2{
	color: #999;
	font: 18px Century Gothic, "Oswald", Gadget, sans-serif ;
	font-weight: bold;
	padding:0;
	letter-spacing:1px;
}
#panier{
	padding: 15px;
}
.login{
	position: absolute;
	margin-top:5px;
	display: none;
}
.tHtr{
	height:25px;
	line-height:25px;
	padding:5px 10px;
}
.ht-25{
	height:25px;
	line-height:25px;
}
.ht-30{
	height:30px;
	line-height:30px;
}
.ht-40{
	height:40px;
	line-height:40px;
}
.ht-50{
	height:50px;
	line-height:50px;
}
.ht-100{
	height:100px;
}
.ht-150{
	height:150px;
}
.ht-200{
	height:200px;
}
.ht-250{
	height:250px;
}
.ht-300{
	height:300px;
}
.ht-350{
	height:350px;
}
.ht-400{
	height:400px;
}
.ht-500{
	height:500px;
}
.ht-600{
	height:600px;
}
.ht-1000{
	height:1000px;
}
.ht-1100{
	height:1100px;
}
.ht-1200{
	height:1200px;
}
.ht-h100{
	height:100%;
}
.ht-h60{
	height: 60%;
}
.tail-10{
	width:10%;
}
.tail-20{
	width:20%;
}
.tail-30{
	width:30%;
}
.tail-40{
	width:40%;
}
.tail-50{
	width:50%;
}
.tail-60{
	width:60%;
}
.wd-100{
    width: 100px;
}
.wd-150{
    width: 150px;
}
.wd-200{
    width: 200px;
}
.txt-10{
	font-size:10px;
}
.txt-11{
	font-size:11px;
}
.txt-12{
	font-size:12px;
}
.txt-14{
	font-size:14px;
}
.txt-18{
	font-size:18px;
}
.carre-5{
    width: 5%;
    height: 5%;
}
.carre-10{
    width: 5%;
    height: 5%;
}
.carre-15{
    width: 15%;
    height: 15%;
}
.carre-500{
    width: 500px;
    height: 500px;
}
.text-upercase{text-transform:uppercase}
.text-line-25{line-height:25px;}
.text-line-30{line-height:25px;}
.ht{
	height:100%;
}
.oFlowY{
	overflow: scroll;
}
.p{
	color: #FFF;
	font-size:14px;
}
.forceTaille{ width: 100%; height: 100%;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:100%; background:url(../images/main.jpg) center 0 repeat; display:inline-block;}
.actif{background: #000;}
.logo{
	/*background: url(../images/logo.jpg) center center no-repeat;*/
	width: 100%;
	height: 160px;
}
#logo{
	background:url(../img/logoHover.png) center center no-repeat;
	width: 80px;
	height: 35px;
}
.H100{
	height: 100%;
}
.chemin{
	padding: 15px 15px;
}
.defImg{
	/*background: #FFF url(../images/deftImg.jpg) center center no-repeat;*/
	padding: 30px;
}
.defImg-mini{
	/*background: #FFF url(../images/deftImg-mini.jpg) center center no-repeat;*/
	padding: 5px;
}
.nomProduit{
	
}
.panier{
	width: 25px;
	height: 25px;
	text-align: center;
	line-height:25px;
	border: 2px solid #FFF;
	color: #FFF;
	position:absolute;
	margin-left: 13px;
	margin-top:-5px;
	z-index:10000;
}
.devise{
	position:absolute;
	z-index:9000;
	width: 5px;
	height: 25px;
	border: 2px solid #FFF;
	padding: 0 20px 5px 5px;
	/*margin-left:-75px;*/
	margin-left:6px;
	overflow:hidden;
	opacity: 0;
	
	-webkit-transition: all .4s ease-out;
	-moz-transition:  all .4s ease-out;
	-ms-transition:  all .4s ease-out;
	-o-transition:  all .4s ease-out;
	transition: all .4s ease-out;  

}
.transit{
	-webkit-transition: all .4s ease-out;
	-moz-transition:  all .4s ease-out;
	-ms-transition:  all .4s ease-out;
	-o-transition:  all .4s ease-out;
	transition: all .4s ease-out;  

}
.devise span{
	color: #FFF;
	padding: 0 3px;
	border-right: 1px solid #D90000;
}
.devise span:hover{
	color: #FF0;
}
.compte{
	width:70px;
	margin-left: 15px;
}
#deviz:hover .devise{
	opacity: 1;
	margin-left:-75px;
	width: 105px;
}
#menuHover{
	position:fixed;
	top: 0px;
     z-index: 9999 !important;
	 margin: 0 auto;
}
 .affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
/*  .navbar {
      margin-bottom: 0px;
  }
*/

/*
nav ul li a{
	padding: 10px 120px 10px 15px;
}


nav ul li:hover .noBack, nav ul li .noBack a:hover{
}*/
.floteTop{
	position:absolute;
	top: -50px;
	width: 30%;
	left: 30%;
	border: 1px solid #000;
	margin: 0 auto;
	line-height:25px;
	text-align: center;
	z-index:1000;
}
.floteTop0{
	position:fixed;
	top: 0%;
	left: 30%;
	height: auto;
	line-height:25px;
	text-align: center;
	z-index:1000;
}
.noFloat{
	float: none;
}
.bdNoir{
	border: 1px solid #000;
}
.noDisp{
	display:none;
}
.miniDate{
	background: #FFF url(../img/agendaMini.png) right center no-repeat;
}

/*******************ARRONDI BORD***************************/
.Rnd{
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-khtml-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
}
.Rnd-rond{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
}
.Rnd-gh{
	-moz-border-radius:8px 0px 0px 8px;
	-webkit-border-radius:8px 0px 0px 8px;
	-khtml-border-radius:8px 0px 0px 8px;
	border-radius:8px 0px 0px 8px;
}
.Rnd-bas{
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px;
	-khtml-border-radius:0px 0px 8px 8px;
	border-radius:0px 0px 8px 8px;
}
.Rnd-bas-dt-50{
	-moz-border-radius:0px 0px 50px 0px;
	-webkit-border-radius:0px 0px 50px 0px;
	-khtml-border-radius:0px 0px 50px 0px;
	border-radius:0px 0px 50px 0px;
}
/*******************ARRONDI BORD***************************/

.flou-gche{
	box-shadow:-3px 1px 5px #666666;
}
.flou-dte{
	box-shadow:3px 1px 3px #666666;
}
.flou-Bottom{
	box-shadow:5px 3px 10px #666666;
}
/*********** FONF IMAGE ****************/
.bkgLogo-mini{
	background:url(../img/logo-mini-rg.png) left center no-repeat;
}

/*********** FONF IMAGE ****************/

/**************FOND COULEUR************/
.bgBleuclair-1{background-color: #75BAFF}
.bgBleuclair-2{background-color: #B1DDED}
.bgBleuclair-3{background-color: #E6F2F6}
.bgOrangelair-3{background-color: #FFDCB1}
.bgJaune{
	background-color:#FCD116;
}
.bgRouge{
	background-color: #C10000;
}
.bgRouge-2{
	background-color:#d9534f;
}
.bgRose{
	background-color: #CA248E;
}
.bgBleu{
	background-color:#0080C0;
}
.bgBleuNuit{
	background-color: #069;
}
.bgBlanc{
	background: #FFF;
}
.bgVert{
	background:#14B53A;
}
.bgGris-00{
	background-color: #FDFDFD;
}
.bgGris-0{
	background-color:#F7F7F7;
}
.bgGris-1{
	background-color:#DDDDDD;
}
.bgGris-2{
	background-color:#CCC;
}
.bgGris-3{
	background-color:#999;
}
.bgNoir{
	background-color:#000;
}
.bgOrange{
	background-color:#F76300;
}
/*************FIN FOND COULEUR**********/

/*********** BORDURE **********/
.bor{
	border:1px solid;
}
.borNote{ border: 3px solid;}
.borDash{
	border: 1px dotted;
}
.borClrNoir-1{
	border-color: #000;
}
.borClrGris-1{
	border-color:#DDDDDD;
}
.borClrRose{
	border-color: #CA248E;
}
.borClrBleu{
	border-color: #0080C0;
}
.borClrClair{
	border-color: #75BAFF;
}
.borClrOrange{
	border-color: #B76600;
}
.borClrGris-2{
	border-color: #CCC;
}
.borClrGris-3{
	border-color: #999;
}
.borClrRouge-1{
	border-color: #E37D7D;
}
.borClrRouge-2{
	border-color: #d9534f;
}
.borClrRouge-4{
	border-color: #C10000;
}
.bordNoir-4{
	border: 1px solid #000;
}

.borRouge-1{
	border:#E37D7D 1px solid;
}
.borRouge-2{
	border:#d9534f 1px solid;
}
.borRouge-4{
	border:#C10000 1px solid;
}
.noBor-top{
	border-top: none;
}
.noBor-left{
	border-left: none;
}
.noBor-right{
	border-right: none;
}
.noBor-bottom{
	border-bottom: none;
}
.noBor-dt-gh-top{
	border-left: none;
	border-right: none;
	border-top: none;
}
.noBor-dt-gh-Bottom{
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.noBor-gh-ht-Bottom{
	border-top: none;
	border-left: none;
	border-bottom: none;
}
.noBor-dt-ht-Bottom{
	border-top: none;
	border-right: none;
	border-bottom: none;
}
/**************FIN BORDURE*********/
.fondPixRouge{
	background: url(../img/pixRouge2.png) center top no-repeat;
}
/**************COULEUR TEXTE*********/
.clrInherit{
	color:inherit;
}
.clrJauneor{
	color: #E2B61D;
}
.clrVert0{
	color: #02FF17;
}
.clrVert{
	color: #00BD56;
}
.clrBleu{
	color: #2CA3D7;
}
.clrBleu-1{
	color: #069;
}
.clrBleuClair{color: #75BAFF}
.clrBlc{
	color: #FFF;
}
.clrNoir{
	color: #000;
}
.clrGris-1{
	color: #F5F5F5;
}
.clrGris-2{
	color: #E5E5E5;
}
.clrGris-3{
	color: #CDCDCD;
}
.clrGris-4{
	color: #B0B0B0;
}
.clrOrange{
	color: #FF8000;
}
.clrRouge{
	color:#8C0000;
}
.clrRose{
	color:#e4606d;
}
.clrRouge-1{
	color:#d9534f;
}
/**************FIN COULEUR TEXTE*********/

.bottom{
	/*width: 25px;
	height:25px;*/
	position:fixed;
	font-weight:bold;
	bottom: 3%;
	right: 5%;
	font-size:14px;
	cursor: pointer;
	color: #FFF;
	display: none;
	background:#d9534f;
}
.bottom:hover{
	background: #C10000;
}
.maj{
	color:#8C0000;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/***********************************************************************/
a {text-decoration:none; cursor:pointer}
a:hover {text-decoration:none}

a.button {background:#FCD116; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff}
a.button:hover {background:#CE1126}

a.link {text-decoration:none; cursor:pointer; color:#44a7bb}
a.link:hover {text-decoration:underline}

.color-1 {color:#fff}
a.color-1:hover {text-decoration:underline}

.font-3 {font-size:17px; line-height:33px; color:#292929}
.font-10{
    font-size: 10px;
}
.font-9{
    font-size: 9px;
}
.font-8{
    font-size: 8px;
}
.fontCaviarDreams{
    font-family: "CaviarDreams";
}

.menuLprod li, .Lprod li{
	height: 30px;
	line-height:45px;
	text-align: left;
	padding-left:5px;
}
.Lprod li{
	height: 45px;
	line-height:45px;
	/*border: 1px solid #000;*/
	overflow:hidden;
}
ul {padding:0;list-style-image:none; list-style:none}
#thumb ul li{
	padding:10px;
	width:114px;
	height:114px;
	display: inline-block;
	margin:5px 10px 0 5px;
	border:1px solid #E0E0E0;
	background:#FFF;
	border-radius:4px;
}
#thumb ul li .thumbFerme{
	position: relative;
	margin-top: -20px;
	margin-left: -15px;
	background: #9D9999;
	z-index: 500;
}
ul.menuHt li {padding:5px 10px; line-height:25px; display:inline; float: right;}
ul.menuHt li a {font-size:10px; color:#EEE; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
ul.menuHt li a:hover {color: #FF0}

/*ul.nav li { background: #FFF; text-transform:uppercase; font-size:10px}
ul.nav li a {color: #333;}
ul.nav li a:hover, ul.nav li:hover a, .mSelect a {
 background: #FFF url(../img/pixMenu.png) center right no-repeat;
 color: #C10000; 
 font-weight:bold;
}
ul.nav li div{
	left: 196px;
	display: none;
	
	-webkit-transition: left .4s ease-out;
	-moz-transition:  left .4s ease-out;
	-ms-transition:  left .4s ease-out;
	-o-transition:  left .4s ease-out;
	transition: left .4s ease-out;  
}
ul.nav li:hover div{
	left: 186px;
	display: block;
}
ul.nav li div .sMenu{
	left: 15px;
}
ul.nav li div .sMenu span{
	 color: #C10000;
	 font-weight:bold;
}
ul.nav li div .sMenu ul li{
	padding: 5px 0px 5px 10px;
	background: none;
}
ul.nav li div .sMenu ul li a{
	color: #666;
	background: none;
	font-weight: normal;
	text-transform:capitalize;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
}
ul.nav li div .sMenu ul li a:hover{
	font-weight: bold;
	cursor: pointer;
}*/
.curs{cursor: pointer}
.flotMenu{
	position:absolute;
	height: 374px;
	width: 600px;
	top:-1px;
	background-color: #FFF;
	z-index:100;
}
ul.nav-rnd li{
	background:#DDDDDD;
}
ul.nav-rnd li a:focus{
	background:#FFF;
}
ul.nav-rnd li.rnd-gh{
	-moz-border-radius:8px 0px 0px 0px;
	-webkit-border-radius:8px 0px 0px 0px;
	-khtml-border-radius:8px 0px 0px 0px;
	border-radius:8px 0px 0px 0px;
}
ul.nav-rnd li.rnd-dt{
	-moz-border-radius:0px 0px 0px 8px;
	-webkit-border-radius:0px 0px 0px 8px;
	-khtml-border-radius:0px 0px 0px 8px;
	border-radius:0px 0px 0px 8px;
}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden}
.fleft {float:left}
.fright {float:right}
.img-indent {float:left; margin:7px 0 0 0}	
.img-indent-2 {float:left; margin:4px 26px 0 0}	
.last {margin-right:0 !important}
.img-radius {border-radius:4px}
/**************FLOU*********************************************/
.box-shadow {box-shadow:0px 1px 2px #000}
.boxSh-1 {box-shadow:0px 4px 10px #333333}
.boxSh-2 {box-shadow:0px 0px 10px #d9534f}
.boxSh-3 {box-shadow:0px 0px 3px #999}
.boxSh-img-mini {box-shadow:0px 0px 3px #999; border: 1px solid #FFF;}
/**************FIN FLOU*********************************************/

.top-m1 {margin-top:-10px}
.top-m2 {margin-top:-20px}
.top-m3 {margin-top:-100px}
.top-1 {margin-top:10px}
.top-2 {margin-top:20px}
.top-3 {margin-top:30px}
.top-4 {margin-top:0}
.top-5 {margin-top:0}
.top5 {margin-top:5px}
.marge-Top{ margin-top:-50px}

.top1 {top:-10px}.top2 {top:-20px}.top3 {top:-30px}.top32 {top:-32px}.top4 {top:-40px}.top5 {top:-50px}.top63 {top:-63px}.top94 {top:-94px}.top125 {top:-125px}.top156 {top:-156px}.top187 {top:-187px}.top218 {top:-218px}.top249 {top:-249px}.top280 {top:-280px}


.left-1 {margin-left:13px}
.left-0 {margin-left:5px}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important}
.bot-1 {margin-bottom:0}
.bot-2 {margin-bottom:0}

.marge-0 {margin:10px;}
.margeL-5 {margin-left:5px;}
.margeL-15 {margin-left:15px;}
.margeR-15 {margin-left:15px;}
.marge-1 {margin-bottom:10px;}
.margeT-15 {margin-top:15px;}
.margeT-20 {margin-top:20px;}
.margeT-25 {margin-top:25px;}
.margeT-30 {margin-top:30px;}
.margeT-50 {margin-top:50px;}
.marge-0-100 {margin:0 100px;}

.AligneDte{
	text-align:right
}

.pad-0 {padding:22px 26px 23px 26px}
.pad-1 {padding:30px 26px 40px 26px}
.pad-2 {padding:0 26px}
.pad-3 {padding:37px 26px 40px 26px}
.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-15 {padding: 15px;}
.pad-20 {padding: 20px;}
.pad-30 {padding: 30px;}
.pad-Top-5 {padding-top: 5px;}
.pad-Top-10 {padding-top: 10px;}
.pad-Top-15 {padding-top: 15px;}
.pad-Top-20 {padding-top: 20px;}
.pad-Top-30 {padding-top: 30px;}
.pad-20 {padding: 20px;}
.noPadTop {padding-top: 0;}
.noPadBottom {padding-bottom: 0;}
.PadLft {padding-left: 15px;}
.noPadLft {padding-left: 0;}
.PadRght {padding-right: 15px;}
.noPadRght {padding-right: 0;}

.p0 {padding-bottom:8px}
.p1 {padding-bottom:25px}
.p2 {padding-bottom:12px}
.p3 {padding-bottom:17px}
.p4 {padding-bottom:18px !important}
.p5 {padding-bottom:14px}
.p6 {padding-bottom:10px}
.justifMarge{
	margin: 0 auto;
}

/*********************************header*************************************/
header {width:100%; margin:0 auto; z-index:101}

/*h1 {margin:27px 0 0 23px; display:inline-block; z-index:100}
*/
.form-control{
  padding: 4px;
}
.form-search {float:right; margin:60px 39px 0 0; border:#d9d9db 1px solid; background:#fff; border-radius:4px}
#form-search input {width:186px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:transparent; border:none; color:#d2d2d2;  vertical-align:top; padding:5px 10px 5px 13px; display:inline-block; float:left; margin-right:4px}
.search_button {background:url(../images/search-button.png) 0 0 no-repeat; display:inline-block; vertical-align:top; float:left; width:26px; height:29px; margin:0 0 0 0}
.search_button:hover {background:url(../images/search-button.png) right 0 no-repeat}

.social-icons {overflow:hidden; text-align:right; padding:20px 30px 13px 0}
.social-icons span {display:inline-block; font-size:13px; line-height:17px; color:#fff; font-weight:bold; margin:3px 14px 0 0}
.social-icons a {display:inline-block; width:23px; height:23px; float:right}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat}
.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat; margin-left:7px}
.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat; margin-left:7px}
.social-icons a:hover {background-color:#CE1126}

/*nav {z-index:100; border-radius:12px; background:#ebebec; margin:0px; padding:4px}
nav>div {background: #FCD116; border-radius:12px 8px 8px 12px}*/
 
ul.menu {margin:0 1px 0 0;  border-right:#FFEE9F 1px solid; display:inline-block; float:left}
ul.menu li {float:left; line-height:17px; margin:0 0 0 0; background:url(../images/transp.png) 0 0 repeat; border-right:#ECC304 1px solid; border-left:#FFEE9F 1px solid; text-transform:uppercase;}
ul.menu li a{font-size:13px; line-height:17px; color:#fff; font-weight:bold; display:block; padding:23px 5px 24px 5px}
ul.menu li.home-page, ul.menu li.home-page2 {display:inline-block; background:#14B53A url(../images/transp.png) 0 0 repeat; border-radius:8px 0 0 8px; border:none !important}
ul.menu li:hover, .mAndroid li:hover{background: #CE1126; border-right:#CE1126 1px solid; border-left:#CE1126 1px solid}
ul.menu li.current {background: #CE1126; border-right:#CE1126 1px solid; border-left:#CE1126 1px solid}
ul.menu li.home-page a {padding:21px 22px 24px 23px !important}
ul.menu li.home-page2 a {padding:13px 5px 5px 8px !important}
ul.menu li.home-page span {background:url(../images/home-page-img.png) 0 0 no-repeat; width:19px; height:19px; display:block}
ul.menu li.home-page2 span.lMini {background:url(../images/logo_Mini.png) 0 0 no-repeat;  width:35px; height:46px; display:block}

ul{
	padding:0;
	list-style: outside;
	margin:0 auto;	
}
ul.pMenu li, ul.exple li{
	display: inline;
	float: left;
	text-transform:uppercase;
	color: #FFF;
	padding: 30px;
	cursor:pointer;
}
ul.pMenu li a{
	color: #FFF;
}
ul.pMenu li a:hover, ul.pMenu li a.Select{
	color: #FF0;
}
ul.lMenu li{
	color: #666;
	padding:5px;
	text-transform: capitalize;
	cursor:pointer;
}
ul.lMenu li.Select{
	color: #C00;
	font-weight:bold;
}
ul.lMenu li:hover{
	color: #C00;
}
ul.lMenu0{
	list-style: none;
}
ul.lMenu0 li, .extMenu{
	color: #666;
	padding:5px;
	text-transform: capitalize;
	cursor:pointer;
	border-bottom:1px solid #DFE5E6;
	border-top:1px solid #FFF;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,979899+100&0+0,0.17+100 */
background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(151,152,153,0.17) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(151,152,153,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(151,152,153,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#2b979899',GradientType=1 ); /* IE6-9 */
	
}
ul.lMenu0 li.Select{
	color: #C00;
	font-weight:bold;
	border: 1px solid #E5E5E5;
	background-color: #E5E5E5;
	border-right: none;
	text-align: right;
	height: 30px;
}
ul.lMenu0 li.Select a{
	color: #C00;
	padding-top: 15px;
	padding-bottom: 15px;
}
ul.lMenu0 li a:hover{
	color: #C00;
}
.extMenu{
	border-radius: 3px 0 0 0px;
	background-color: #E5E5E5;
	position: absolute;
	margin-left: -35px;
	margin-top: -6px;
	width: 30px;
	height: 30px;
	border-top: none;	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3bead+0,dfe5d7+60,e5e5e5+100 */
background: rgb(179,190,173); /* Old browsers */
background: -moz-linear-gradient(left, rgba(179,190,173,1) 0%, rgba(223,229,215,1) 60%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

}
.extMenu0{
	color: #8C0000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3bead+0,dfe5d7+60,e5e5e5+100 */
background: #b3bead; /* Old browsers */
background: -moz-linear-gradient(top, #b3bead 0%, #dfe5d7 60%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b3bead 0%,#dfe5d7 60%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b3bead 0%,#dfe5d7 60%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.ombre{
	background-image:url(../img/ombre.png);
	width: 14px;
	height: 14px;
	position: absolute;
	margin-top: 24px;
	margin-left: -35px;
}
ul.exple{
	padding:0;
	list-style: none;
	margin:0 auto;	
}
ul.exple li{
	display: inline;
	float: left;
	text-transform:uppercase;
	color: #999;
	padding: 10px;
	cursor:pointer;
}
ul.exple li.select{
	color: #FF8000;
	font-weight:bold;
}
.pointer{
	cursor: pointer;
}
.pointer:hover{
	color: #00bd56;
	/*background-color: #F0F0F0;*/
	
}
/*********************************réduire/agrandir******************************/

.agrandir{
	position: fixed;
	top: 70px;
	left: 0px;
}

/*********************************content*************************************/
#content {width:100%; margin:0 auto}

.borderBlc-6 {
border:6px solid #FFF;
}

.line-1 {background:url(../images/line.png) 0 bottom repeat-x; padding-bottom:29px; margin-bottom:24px}
.img-border {border:#ebebec 4px solid; border-radius:12px; overflow: hidden}

.block-1>div {float:left; width:278px; margin-right:27px}
.block-1>div h3 {margin-bottom:16px}
.block-1>div img {margin-bottom:12px}
.block-1>div a.button {margin:18px 0 0 0}

.aside {background:#f9f9fb; width:100%; padding:33px 0 60px 0}

.block-2>div {float:left; width:420px; margin-right:40px}

.block-3>div {float:left; width:278px; margin-right:27px; padding:37px 0 40px 0}

.box-1 {overflow:hidden; padding-bottom:10px}
.box-1>span {display:inline-block; font-size:14px; line-height:25px; color:#44a7bb; font-weight:bold; float:left}

.block-4>div {float:left; width:208px; margin-right:18px}
.block-4>div img {margin-bottom:18px}

.block-5 {float:left; width:270px; margin-right:36px}
.block-6 {float:left; width:580px}
.block-7 {float:left; width:275px; margin-right:30px}

.block-8>div {float:left; width:200px; margin-right:20px}

.box-2 a {display:inline-block; float:left; margin-right:20px}

/****************************footer************************/
footer {width:100%; background: #000; display:inline-block; overflow:hidden; text-align:center; padding:32px 0 45px 0}
footer p, footer a {color:#fff}
footer a:hover {text-decoration:underline}

/**********************form**********************/
.map {width:270px; height:186px}
.map iframe {width:270px; height:186px; border-radius:8px}
dl {margin:17px 0 0 0px}
dl dt {margin-bottom:10px}
dl dd span {font-weight:bold}
dl dd {}
dl dd a {}
dl dd a:hover {}
#form {margin:8px 0 0 0; width:575px}
#form input {border:#e0e0e1 1px solid; background:#fff;font:12px Arial, Helvetica, sans-serif;color:#333;padding:5px 9px 7px 13px;/*outline:medium none;width:341px; height:17px;*/ float:left; border-radius:4px}
#form textarea {border:#e0e0e1 1px solid; background:#fff;font:12px Arial, Helvetica, sans-serif;color:#d2d2d2; height:188px;overflow:auto;padding:6px 0 0 13px;/*width:560px;outline:medium none;resize:none*/;margin:0 0 0 0;float:left; border-radius:4px}
#form label {position:relative;overflow:hidden;display:block;min-height:41px}

/*fond bouton*/
.btns {text-align:left; padding-top:20px}
.btns a {display:inline-block; margin:0 10px 0 0px}
.btn-custom {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
background: rgb(242,245,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */	 
  border-color: #b5c6d0;
  color: #000 !important;
  text-shadow: 0 -1px 0 #FFF;
  -webkit-font-smoothing: antialiased;
}
.btn-custom:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f1f4+0,d7e4ea+37,b1d0db+100 */
background: rgb(230,241,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,241,244,1) 0%, rgba(215,228,234,1) 37%, rgba(177,208,219,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(230,241,244,1) 0%,rgba(215,228,234,1) 37%,rgba(177,208,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(230,241,244,1) 0%,rgba(215,228,234,1) 37%,rgba(177,208,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1f4', endColorstr='#b1d0db',GradientType=0 ); /* IE6-9 */

}
.fnd-1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffe8+0,d6dbbf+100;Wax+3D+%231 */
background: #feffe8; /* Old browsers */
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */

  border-color: #DDDDDD;
  color: #333 !important;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);*/
  -webkit-font-smoothing: antialiased;

}

.fnd-Rouge{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */	
}
.fnd-Gris_tiret{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}
.fnd-Gris{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

  border-color: #DDDDDD;
  color: #333 !important;
  text-shadow: 0 -1px 0 #FFF;
  -webkit-font-smoothing: antialiased;

}
.fnd-Gris:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,efefef+100 */
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */	
}
.fnd-bleuCiel-tiret{
	text-shadow: 0 -1px 0 #FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}
.fnd-RougeClair-tiret{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffeff0+0,ffd1d3+49,ffa7ab+51,ffdfe0+100 */
background: rgb(255,239,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,239,240,1) 0%, rgba(255,209,211,1) 49%, rgba(255,167,171,1) 51%, rgba(255,223,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,239,240,1) 0%,rgba(255,209,211,1) 49%,rgba(255,167,171,1) 51%,rgba(255,223,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,239,240,1) 0%,rgba(255,209,211,1) 49%,rgba(255,167,171,1) 51%,rgba(255,223,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeff0', endColorstr='#ffdfe0',GradientType=0 ); /* IE6-9 */
}
.fnd-hover:hover{
	border-radius:4px;
	cursor: pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,1e5799+50,7db9e8+100&0.15+0,0+50,0.15+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.15) 0%, rgba(30,87,153,0) 50%, rgba(125,185,232,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.15) 0%,rgba(30,87,153,0) 50%,rgba(125,185,232,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.15) 0%,rgba(30,87,153,0) 50%,rgba(125,185,232,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e5799', endColorstr='#267db9e8',GradientType=0 ); /* IE6-9 */}
/*fin fond bouton*/

.mCache{
	display:none;
}
.aide{
	position: inherit;
	top: auto;
	right: auto;
}

@media screen and (max-width: 625px)
{
	.cache{
		display:none;
	}
	.mCache{
		display: block;
	}
	.container_12{
		width: 609px;
	}
	.marge-0-100 {margin:0 30px;}
	.panier{
		margin-left: 0px;
		margin-top:-5px;
		z-index:10000;
	}
	.login{
		left:0;
	}
	.aide{
		position:absolute;
		top: 2px;
		right: 2px;
	}
.defImg{
	/*background: #FFF url(../images/deftImg.jpg) center center no-repeat;*/
	padding: 20px;
}
}
@media screen and (max-width: 380px)
{
	.cache{
		display:none;
	}
	.mCache{
		display: block;
	}
	.container_12{
		width: 364px;
	}
	.marge-0-100 {margin:0 30px;}
	.panier{
		margin-left: 0px;
		margin-top:-5px;
		z-index:10000;
	}
	.login{
		left:0;
	}
	.aide{
		position:absolute;
		top: 2px;
		right: 2px;
	}
.defImg{
	/*background: #FFF url(../images/deftImg.jpg) center center no-repeat;*/
	padding: 10px;
}
}
@media screen and (max-width: 976px)
{
/* propriétés pour tablette */
	.cache{
		display:none;
	}
	.mCache{
		display: block;
	}
	.marge-0-100 {margin:0 30px;}
	.panier{
		margin-left: 0px;
		margin-top:-5px;
		z-index:10000;
	}
	.login{
		right:0;
	}
	.aide{
		position:absolute;
		top: 2px;
		right: 2px;
	}
}
[class*="col"] { margin-bottom: 20px; }
.noBottom{ margin-bottom:0px;}
.noPadding{ padding: 0px}
.marginTop{ margin-top: 10px;}
.noMargin{ margin: 0px;}
.android{
	background:url(../img/menu_Android.png) center center no-repeat;
	width: 29px;
	height:23px;
	margin-top:10px;
	cursor: pointer;
}
.separe{
	height:2px;
	border-bottom:1px solid #FFF;
	border-top:1px solid #CCC;
	border-left:none;
	border-right:none;
}
.mAndroid li{
	background:#FCD116;
	border-bottom:#ECC304 1px solid;
	border-top:#FFEE9F 1px solid;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.mAndroid li a {font-size:13px; line-height:17px; color:#fff; font-weight:bold; display:block; padding:15px 0px}
.noRedim img{
	width: auto;
}
.lnVert{
	border-top:#14B53A 1px solid;
}
.frm{
	height: 20px;
	line-height:20px;
	color: #FFF;
	font-weight:bold;
	text-align: center;
	text-transform:uppercase;
}
ul.desc li a:hover, ul.desc li:hover{
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	-khtml-border-radius:8px 8px 0px 0px;
	border-radius:8px 8px 0px 0px;
	background: #F5F5F5;
}
ul.desc li.active, ul.desc li.active a{
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	-khtml-border-radius:8px 8px 0px 0px;
	border-radius:8px 8px 0px 0px;
	background-color: #E5E5E5;
	font-weight:bold;
}

tr > td.td:focus{
	background: #000;
	color: #FFF;
}





.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}



.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

/* menu latéral */
.menu_lateral, .menuFlot{
    padding:0;
    list-style: none;
    margin:0 auto;
    border-top: 1px solid #000;
}

.menu_lateral li, .citation{
    background-color: #000;
    opacity: 0.7;
    color: #FFF;
    padding: 10px;
    border-bottom:1px solid #FFF;
    border-top: 1px solid #CCC;
}

.menu_lateral li:hover{
    opacity: 1;
    color: #14B53A;
    background-color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

.menuFlot{
    border: none;
    margin-left: -50px;
}
.menuFlot li{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 3px;
    cursor: pointer;
}
.menuFlot li a{
    color: #000;
}
.menuFlot li.selMenuFlot a{
    color: #207dff;
}
.menuFlot li:hover{
    font-weight: bold;
}
.liBckgrnd{
     background-color: #ebebec;  
}
.box {
    /*position: absolute;*/
    margin-top: -28px;
    margin-right: -40px;
    float: right;
    display: inline;
  width: 30px;
  height: 30px;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #0080C0;
}
.selMenuFlot{
    /*background-color: #207dff;*/
    cursor: none;
    border: 1px solid #0080C0;
    color: #00bd56;
    font-weight: bold;
}

.une{
    opacity: .7;
    background-color: #000;
    color: #FFF;
    height: 30%;
    width: 100%;
}

.date{
    font-family: "robotRegular";
    size: 8px;
    color: #B0B0B0;
}

.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #C00;
  border-left: 0.3em solid transparent;
  
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #C00;
  border-left: 1em solid transparent;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:after {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}
.exposant {
position: absolute;
top: 30px;
font-size: .4em;
line-height: .4em;
vertical-align:super;
text-decoration:none;
}