/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic|Open+Sans|Oswald);


.open-sans{font-family: 'Open Sans', sans-serif;}
.roboto{font-family: 'Roboto Condensed', sans-serif;font-weight:400;}
.robotoi{font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-style:italic;}
.oswald{font-family: 'Oswald', sans-serif;}


/***  Couleur   **/
.noir{color:#4e4b4a;}
.noir2{color:#1f1a17;}
.noirfort{color:#000;}
.blanc{color:#FFF;}
.gris{color:#969595;}
.grisfort{color:#868383;}
.gris2{color:#aaa9a9;}
.gris3{color:#dfdfde;}
.gris4{color:#a8a8a8;}
.rouge{color:#da251d;}
.vert{color:#393;}
.bleu{color:#39F;}
.orange{color:#F60;}
.rosefort{color:#F5A;}

a{color:#201e1e;text-decoration:none;-webkit-transition-duration: 0.1s;-moz-transition-duration: 0.1s;transition-duration: 0.1s;}
a.noir{color:#4e4b4a;}
a.noir2{color:#1f1a17;}
a.noirfort{color:#000;}
a.gris{color:#969595;}
a.gris:hover{color:#333;}
a.gris2{color:#aaa9a9;}
a.gris3{color:#dfdfde;}
a.gris4{color:#939393;}
a.blanc{color:#FFF;}
a:hover, a strong:hover{text-decoration:none;color:#939393;}
a.blanc:hover{color:#333;}
a.vert{color:#393;}
a img{}
a:hover img{opacity:0.6;}

.f11{font-size:11px;}
.f16{font-size:16px;}
.f24{font-size:24px;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.justify{text-align:justify;}
.none{font-weight:400;font-style:normal;}

.espace{height:20px;}
.pespace{height:10px;}

.maj{text-transform:uppercase;}
.min{text-transform:lowercase;}
.block{display:block;}

.middle{vertical-align: baseline;*vertical-align: middle;}
.top{vertical-align:top;}

.important{color:#C00;font-weight:bold;}
.blockalert{margin:25px auto;padding:12px;border:2px solid #C00;background:#F2F2F2;font-weight:bold;color:#C00;text-align:center;}
.blockok{margin:25px auto;padding:12px;border:2px solid #393;background:#F2F2F2;font-weight:bold;color:#393;text-align:center;}

/* ----------------------------- */
/* ==Site                       */
/* ----------------------------- */


html { padding: 0; margin: 0; 
background:#F2F2F2;



}
body { 	padding: 0; margin: 0; font-family: 'Open Sans', sans-serif;font-size:12px;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
 }

.wrapper{width:1028px;margin:0px auto;}
.inner{margin:0px auto;padding:15px;}
.contenu{padding:10px;}
#main{}	 
#loading{}	 

#rechacc{


background: #6393c1; /* Old browsers */
background: -moz-linear-gradient(top, #6393c1 0%, #cfe7fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6393c1), color-stop(100%,#cfe7fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6393c1 0%,#cfe7fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6393c1 0%,#cfe7fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6393c1 0%,#cfe7fa 100%); /* IE10+ */
background: linear-gradient(to bottom, #6393c1 0%,#cfe7fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6393c1', endColorstr='#cfe7fa',GradientType=0 ); /* IE6-9 */



min-height:200px;
}


/* Header **/

#multi{
	background: #31bf46; /* Old browsers */
background: -moz-linear-gradient(left, #31bf46 0%, #16f4b1 16%, #15d8f2 18%, #15d8f2 38%, #f5f90c 39%, #f5f90c 59%, #f9bd16 60%, #f7b716 81%, #f71686 83%, #ed1560 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#31bf46), color-stop(16%,#16f4b1), color-stop(18%,#15d8f2), color-stop(38%,#15d8f2), color-stop(39%,#f5f90c), color-stop(59%,#f5f90c), color-stop(60%,#f9bd16), color-stop(81%,#f7b716), color-stop(83%,#f71686), color-stop(98%,#ed1560)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #31bf46 0%,#16f4b1 16%,#15d8f2 18%,#15d8f2 38%,#f5f90c 39%,#f5f90c 59%,#f9bd16 60%,#f7b716 81%,#f71686 83%,#ed1560 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #31bf46 0%,#16f4b1 16%,#15d8f2 18%,#15d8f2 38%,#f5f90c 39%,#f5f90c 59%,#f9bd16 60%,#f7b716 81%,#f71686 83%,#ed1560 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #31bf46 0%,#16f4b1 16%,#15d8f2 18%,#15d8f2 38%,#f5f90c 39%,#f5f90c 59%,#f9bd16 60%,#f7b716 81%,#f71686 83%,#ed1560 98%); /* IE10+ */
background: linear-gradient(to right, #31bf46 0%,#16f4b1 16%,#15d8f2 18%,#15d8f2 38%,#f5f90c 39%,#f5f90c 59%,#f9bd16 60%,#f7b716 81%,#f71686 83%,#ed1560 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31bf46', endColorstr='#ed1560',GradientType=1 ); /* IE6-9 */
height:2px;
}
#barreoption{
background: #033470; /* Old browsers */
background: -moz-linear-gradient(top, #033470 0%, #356aa0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#033470), color-stop(100%,#356aa0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #033470 0%,#356aa0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #033470 0%,#356aa0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #033470 0%,#356aa0 100%); /* IE10+ */
background: linear-gradient(to bottom, #033470 0%,#356aa0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033470', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
min-height:30px;
border-bottom:1px solid #033470;
}

#header{



background: #3b679e; /* Old browsers */
background: -moz-linear-gradient(top,  #3b679e 0%, #207cca 64%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(64%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b679e 0%,#207cca 64%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b679e 0%,#207cca 64%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b679e 0%,#207cca 64%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b679e 0%,#207cca 64%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */


-moz-box-shadow:  0px 5px 3px -3px #002040;
-webkit-box-shadow:  0px 5px 3px -3px #002040;
-o-box-shadow:  0px 5px 3px -3px #002040;
box-shadow:  0px 5px 3px -3px #002040;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#5F0321, Direction=90, Strength=10);



 /* IE6-9 fallback on horizontal gradient */




position:relative;
	}
	
#header .hautheader{




padding:0px 0px;width:100%;

border-bottom:1px solid #9CC;


font-size:12px;

} 


#header section{min-height:40px;}/*background:url(../images/general/fond_header.png) right bottom no-repeat;*/
#header .xexp{height:100px;z-index:0;text-align:center;}
.barreheader{background:#9C0636;min-height:10px;border-bottom:4px solid #C9174F;z-index:12;position:absolute;}



/* ------------------ */




/* Fil ariane    */

#breadcrumb {margin-left:0px;margin-top:0px;margin-bottom:12px;}

#breadcrumb li {display:inline-block;font-size:12px;}

#breadcrumb li a {display:inline-block;padding:2;margin:0;text-decoration:none;}

#breadcrumb li + li:before {content: ' > ';margin-left:2px;margin-right:1px;}

#breadcrumb li a:hover, #breadcrumb li a:focus {text-decoration:none;}

/* ------------------ */

#rechacc h1{font-size:25px;}
#rechacc h2{font-size:19px;}
#rechacc input{padding:10px;color:#727070;width:100%;height:50px;margin:0px 0px 0px 0px;vertical-align: baseline;*vertical-align: middle; border:solid 1px #dfdfde;font-size:22px;}
#rechacc hr{height:3px;color:#FFF;margin:20px 0px 30px 0px;border:none;background: #FFF; /* Old browsers */
}

#newref{ border:1px dashed #CCC; padding:10px; background:#FFF;margin:0px 0px 10px 5px;}
#newref input{padding:6px;color:#727070;width:100%;height:30px;margin:0px 0px 5px 0px;vertical-align: baseline;*vertical-align: middle; border:solid 1px #dfdfde;font-size:18px;}


/*  ##//////////////////////////##  */
/*  ##   Page Panier Livraison  ##  */ 
/*  ##//////////////////////////##  */

#main table.panier{border-collapse:collapse;border:1px solid #DDD;font-size:13px;width:100%;padding:5px;margin:3px;}
#main table.panier tr{background:#FFF;}




#main table.panier tr:hover{background:#FFE6D9;}





#main table.panier tr td{padding:8px 25px;min-width:auto;text-align:center;vertical-align:middle;font-size:12px;}
#main table.panier tr td.tdleft{text-align:left;vertical-align:middle;font-size:12px;}
#main table.panier tr td img.pict{padding:3px;border:1px solid #CCC;
box-shadow: 1px 1px 3px #999999;
moz-box-shadow:1px 1px 3px #999999;
-webkit-box-shadow: 1px 1px 3px #999999;
-o-box-shadow: 1px 1px 3px #999999;}
#main table.panier tr td a{display:block;}
#main table.panier tr td a:hover{}
#main table.panier tr td a span{ position:absolute;margin-top:23px;font-size:12px;
    margin-left:-135px; color:#333;border:1px solid #09C;width:140px;
    background:#FFF;padding:8px;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    box-shadow:0 0 2px rgba(0,0,0,.5);transform:scale(0) rotate(-12deg);transition:all .25s;opacity:0; }
#main table.panier tr td a:hover span{transform:scale(1) rotate(0);opacity:1; }
#main table.panier tr td div.opt {display:table;width:100%;}
#main table.panier tr td div.opt p{width:50%;display:table-cell;}
#main table.panier input[type=number]{padding:6px;color:#727070;width:80%;height:30px;margin:0px 0px 0px 0px;vertical-align: baseline;*vertical-align: middle; border:solid 1px #dfdfde;}

#main .dessouspanier{background:#E7E7E7;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;font-style:italic;}

#main #etape{margin:0px auto;text-align:center;width:100%;}
#main #etape ul{margin:0px;padding:0px; list-style-type:none;display:inline-block;margin-left:100px;font-size:12px;}
#main #etape ul li{float:left;margin-right:120px;text-align:center;position:relative;}
#main #etape ul li:after{content:url(../images/general/fleche_etape.png);width:100px;height:50px;position:absolute;top:0px;margin-left:50px;}
#main #etape ul li:last-child{float:left;text-align:center;position:relative;}
#main #etape ul li:last-child:after{content:none;}


#main ul.index{margin:0px;padding:0px; list-style-type:none;display:inline-block;font-size:12px;}
#main ul.index li{display:inline-block;margin-right:10px;text-align:left;position:relative;}

#main ul.produit{margin:12px 0px;padding:0px; list-style-type:none;}
#main ul.produit li{display:inline-block;border:1px solid #CCC; margin-right:15px;text-align:center;margin-bottom:15px;width:14.28%;}
#main ul.produit li a{padding:8px;display:block;}
#main ul.produit li a:hover{color:red;}
#main ul.produit li:hover{background:#F2F2F2;border:red 1px solid;}




#main .form  .socolissimo{background:url(../images/general/colissimo_m.png) top left no-repeat ;width:40px;height:21px;margin:0px 6px;display:inline-block;}

#main .chxliv .bon{padding:10px 20px;border:1px solid #3399FF; background:#FFFFFF;font-size:14px;}
#main .chxliv .bon a{color:#039;}
#main .chxliv .bon a:hover{color:#333;}
#main .chxliv .autre{	padding:10px 20px;border:1px solid #cccccc; background:#FFFFFF;opacity:0.6;filter : alpha(opacity=60);font-size:13px;}

/*  ##//////////////////////////##  */
/*  ##   Fin Page Panier Liv    ##  */ 
/*  ##//////////////////////////##  */


#main h1{color:#39F;font-family: 'Oswald', sans-serif;font-size:2em;}
#main h1.titre{color:#424254;}
#main .h1-liketitre{color:#424254;font-family: 'Oswald', sans-serif;}
#main h2{color:#39F;font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-style:italic;margin-bottom:5px;font-size:16px;}
#main h2.titre{color:#424254;font-family: 'Oswald', sans-serif;font-size:20px;} /*#031634*/
#main h2.titre2{color:#39F;font-family: 'Oswald', sans-serif;font-size:24px;} /*#031634*/

#main hr{height:3px;color:#CCC;margin:20px 0px 30px 0px;border:none;
background:#CCC;


}	
#main hr.gris{height:5px;color:#F2F2F2;margin:20px 25px 30px 0px;border:none;
background: rgb(170,170,170); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(170,170,170,1) 0%, rgba(232,232,232,1) 53%, rgba(173,173,173,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(53%,rgba(232,232,232,1)), color-stop(98%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(232,232,232,1) 53%,rgba(173,173,173,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(232,232,232,1) 53%,rgba(173,173,173,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(232,232,232,1) 53%,rgba(173,173,173,1) 98%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(170,170,170,1) 0%,rgba(232,232,232,1) 53%,rgba(173,173,173,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */

}

#main .contenu  dl{margin: 4px 0; padding: 8px 0;font-size: 1em;}
#main .contenu  dl dt{text-align:left;min-width:20%;display:inline-block;font-weight:600;}
#main .contenu  dl dd{display:inline-block;text-align:left;}
#main .contenu  dl dd a{color:#09F;}
#main .contenu  dl dd a:hover{color:#333;}
#main .contenu  dl dd ol.pictos{margin: 0; padding: 0;list-style: none;}
#main .contenu  dl dd ol.pictos li{display:inline-block;padding:0 4px;}
#main .contenu  dl dd ol.pictos li+li:before{content:" | ";padding-right:4px;}
#main .contenu  dl+dl{border-top:1px dotted #CCC;}

		
#main .blockarrondis{border:1px solid #CCC;width:100%;
    background:#FFF;padding:15px;color:#333;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 10px #aaa;box-shadow: 0 5px 10px #aaa;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
#main .blockrouge{display:block;background:#B40001;box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 10px #aaa;box-shadow: 0 5px 10px #aaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;margin:15px;}	
#main .blockrouge a{color:#FFF;font-weight:bold;padding:10px;}
#main .blockrouge:hover a{background:#FC0;color:#333;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

#main .btnprix{margin:5px auto;border:1px solid #F2F2F2;background:#F8F8F8;text-align:center;border-radius:10px;}	
#main .btnprix:hover{background:#9CF;border:1px solid #FFF;}	
#main .btnprix a,#main .btnprix div{display:block;padding:8px;}
#main .btnprix a b,#main .btnprix div b{color:#C00;}
#main .btnprix:hover a,#main .btnprix:hover a b,#main .btnprix:hover div,#main .btnprix:hover div b {color:#F60;cursor:pointer;}


#main .btnacc{ margin:5px auto; border :1px solid #9CF;font-style:italic;border-radius:10px;text-align:center;}
#main .btnacc:hover{background:#9CF;border:1px solid #FFF;}	
#main .btnacc a{display:block;padding:10px;}


/* Recherche */

#main .form  input[type=text], #main .form  input[type=password] {padding:6px;color:#727070;width:80%;height:30px;margin:0px 0px 0px 0px;vertical-align: baseline;*vertical-align: middle; border:solid 1px #dfdfde;}
#main .form .rech{background:url(../images/decor/header/loupe_header.jpg); width:33px;height:23px;float:left;margin-top:2px;position:absolute;}
#main .form input[type=submit] {margin:0;padding: 10px;vertical-align: baseline;*vertical-align: middle;background:#B40001;width:300px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #fff;color:#FFF;font-weight:bold;}
#main .form input[type=submit].bouton2 {margin:0;padding: 10px;vertical-align: baseline;*vertical-align: middle;background:#aaa;width:100px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #fff;color:#FFF;font-weight:bold;}
#main .form input[type=submit]:hover{opacity:0.6; cursor:pointer;background:#CCC;color:#333;}
#main .form select {-webkit-appearence:none; border:solid 1px #dfdfde;height:30px;width:95%;padding:5px;color:#727070;vertical-align: baseline;*vertical-align: middle; }
#main .form textarea {width: 500px;height: 120px;border:solid 1px #dfdfde;padding: 6px;}
#main .form label{padding:0 3px;color:#727070;vertical-align: baseline;*vertical-align: middle; /* Improves appearance in IE6/7 */}	
#main .form input[type=radio] {border:none;margin:0;padding:0px;}
#main .form button {margin:0;padding: 10px;vertical-align: baseline;*vertical-align: middle;background:#B40001;width:300px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #fff;color:#FFF;font-weight:bold;}

#main .boutonrouge{display:inline-block;border:1px solid #CCC;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 5px #aaa;box-shadow: 0 5px 5px #aaa;width:95%;margin-left:15px;

background: #ff3019; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#main .boutonrouge a,#main .boutonrouge div{display:block;color:#FFF;font-weight:bold;text-align:center;padding:6px 10px;position:relative;text-transform:uppercase;font-size:18px;font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-style:italic;}
#main .boutonrouge:hover{background:#F2F2F2;cursor:pointer;color:#333333;}
#main .boutonrouge  a:hover,#main .boutonrouge div:hover{color:#C00;}	
#main .boutonrouge:hover a,#main .boutonrouge:hover div{color:#C00;}	
#main .boutonrouge:hover a:hover,#main .boutonrouge:hover div:hover{color:#C00;}	

#main .boutonblanc{padding:10px 30px;border:1px solid #cccccc; background:#FFFFFF;text-align:center;-webkit-border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 5px #aaa;box-shadow: 0 5px 5px #aaa;
transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}
#main .boutonblanc a{display:block;font-weight:bold;text-transform:uppercase;}
#main .boutonblanc:hover{background:#B40001;}
#main .boutonblanc  a:hover{color:#FFF;}	
#main .boutonblanc:hover a{color:#FFF;}	
#main .boutonblanc:hover a:hover{color:#FFF;}	



#footer{
	z-index:20px;
border-top:10px solid #3b679e;		
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */


color:#333;font-size:12px;
}

#footer h3{font-size:13px;color:#333;margin:15px 0px;}



.pointer{cursor:pointer;}




/*** Tableau pour lecture adh ou produits Css **/
#main table.tableau{border-collapse: separate;border:1px dotted #CCC;border-spacing:1px;font-size:13px;width:100%;padding:5px;}
#main table.tableau tr{background:#FFF;}
#main table.tableau tr:nth-child(odd){background:#F2F2F2;}

#main table.tableau tr.alert{background:#FFE1E1;}
#main table.tableau tr:hover{background:#FFE6D9;}
#main table.tableau tr:first-child{background:#C00;color:#FFF;font-weight:bold;}
#main table.tableau tr td{padding:7px;min-width:auto;text-align:center;vertical-align:middle;font-size:12px;}
#main table.tableau tr td a{display:block;}
#main table.tableau tr td a:hover{}
#main table.tableau tr td a span{ position:absolute;margin-top:23px;font-size:12px;
    margin-left:-135px; color:#333;border:1px solid #09C;width:140px;
    background:#FFF;padding:8px;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    box-shadow:0 0 2px rgba(0,0,0,.5);transform:scale(0) rotate(-12deg);transition:all .25s;opacity:0; }
#main table.tableau tr td a:hover span{transform:scale(1) rotate(0);opacity:1; }
#main table.tableau tr td div.opt {display:table;width:100%;}
#main table.tableau tr td div.opt p{width:50%;display:table-cell;}



.btn-xl {
    padding: 5px 10px;
    border-color: #fed136;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #fed136;
    background-color: #fed136;
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}



/**
 * Drop-down
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown toggle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle {
	display:block;
	cursor:default;
}

/* Inside Dropdown-toggle
-------------------------------------------------------------- */
.dropdown-toggle * { display:inline-block; }
.dropdown-toggle .label { padding-right:2px; }
.dropdown-toggle .value {}
.dropdown-toggle .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.dropdown-toggle .img-caret {
	background:url(/assets/images/general/icone-bas.png) 100% 50% no-repeat;
	width:10px;
	text-indent:-9999px;
}

/* Predefined icons
-------------------------------------------------------------- */
.dropdown-toggle .icon.first { margin-left:-5px; }
.dropdown-toggle .icon.close-to-text { margin-right:-8px; }


/* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
		.dropdown-toggle.cover > div { padding:6px 10px; cursor:default;/*color:#333;*/ }
.open > .dropdown-toggle.cover > div { /*background-color:#fff;color:#333; */}
/*.dropdown:hover .dropdown-toggle.cover > div,*/
.open > .dropdown-toggle.cover > div {
	z-index:4010;
	position:relative;
}


/* Dropdown menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-menu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4000;
	padding:20px;
	min-width:250px;
	line-height:2em;
	text-align:left;
	margin-right:10px;
	moz-box-shadow:1px 1px 10px #999999;
-webkit-box-shadow: 1px 1px 10px #999999;
-o-box-shadow: 1px 1px 10px #999999;
	border: 1px solid #CCC;
	list-style:none;
	background: #FFF;
}
.dropdown-menu.left-hand {
	left:auto;
	right:0;
}

/* When dropdown menu is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown-menu ul{margin:10px 0px;padding:0px;list-style-type:none;}
.dropdown-menu > li * { display:inline-block; }
.dropdown-menu > li > a { display:block; }

.dropdown-menu > li { white-space:nowrap; }
.dropdown-menu > li .label { margin-right:8px; }
.dropdown-menu .dropdown-icon {
	width:18px;
	
	background-position:0 50%;
	background-repeat:no-repeat;
}

.dropdown-menu .panier{background:#B40001;margin-left:15px;border:1px solid #CCC;}
.dropdown-menu .panier a{display:block;color:#FFF;font-weight:bold;margin:6px 6px;text-align:center;}
.dropdown-menu .panier:hover{background:#F2F2F2;}
.dropdown-menu .panier:hover a:hover{color:#B40001;}



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.icon, /*backward compatibility*/
span.icon {
	background-color:#FFE9D5;
	background-position:0 0;
	background-repeat:no-repeat;
	border-radius:50%;
	vertical-align:middle;
	display:inline-block;
	width:30px;
	height:30px;
	padding:1px;
}
div.icon.large, /*backward compatibility*/
span.icon.large {
	background-color:#ededed;
	
	width:50px;
	height:50px;
	padding:5px;
}

div.icon.gros, /*backward compatibility*/
span.icon.gros {
	background-color:#ededed;

	width:100px;
	height:100px;
	padding:10px;
}

div.icon.selected, /*backward compatibility*/
span.icon.selected {
	background-color:#B40001;
}

/* Hover */
.icon-hover:hover /* Info: was more specific: span.icon-hover:hover */
{
	background-color:#333;
	
}


/* Icons: single characters (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "i-number" - class name for backward compatibility */
.icon.i-number,
.icon.i-char {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.icon.large.i-number,
.icon.large.i-char {
	font-size: 25px;
	line-height: 40px;
	font-weight: normal;
}


span.icon-hover,
.feature-icon-hover span.icon {
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */
   
   

 
/* ----------------------------- */
/* ==desktop medias */
/* ----------------------------- */


.desktop-hidden { display:none; } /* hidden on desktop */
.tablet-hidden {} /* hidden on tablets */
.phone-hidden {} /* hidden on smartphones */







/* ----------------------------- */
/* ==desktop and retina medias   */
/* ----------------------------- */

@media (min-width: 641px) {
/* here go rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
/* Style adjustments for retina devices */
html,
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	.wrapper {
    margin: 0 auto;padding:0px 0px 0px 0px;
}
}

/* ---------------------------------- */
/* ==Responsive large / medium / tiny */
/* ---------------------------------- */

@media (min-width: 1280px) {

	
}

@media (max-width: 768px) {
	.wrapper {margin:0px;padding:0px;width:100%;}
	li{display:block;}
	#header  .titrecat{font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-style:italic;color:#FFF;font-size:1em;position:absolute;margin-top:-10px;right:0px;text-shadow: 0.1em 0.1em 0.1em #000;}
#header  .titreeve{font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-style:italic;color:#FFF;font-size:1em;position:absolute;margin-top:-10px;right:0px;text-shadow: 0.1em 0.1em 0.1em #000;}
#header .xexp{background:none;}
.col { 
		display: block !important;
		width: 100% !important;
	}
	.contenu{padding:10px;}
	#main h1{font-size:1.1em;}
#main h1.titre{font-size:1.1em;}
#main h2{font-size:1em;}
#main h2.titre{font-size:1em;} /*#031634*/
#main h2.titre2{font-size:1em;}
.f30{font-size:1.1em;}

@media (max-width: 640px) {

	
	
	.wrapper {width:98%;margin: 0 auto;padding:10px;}
	
	
	
	
}