@charset "utf-8";
/* CSS Document */
html, body {width:100%; padding:0; margin:0;}

.div_conteneur{
	border: none 1px #02a869;
	width:1681px;
	min-height:1350px;
	margin:0 auto;
}

.div_conteneur_mini{
	border: solid 0px #F4191D;
	width:80%;
	margin:0 auto;
}

.contour_produit{
   height:83px;
   text-align:center;
}
.contour_produit div{
   color:#FFFFFF;
   font-size:36px;
   font-weight:bold;
   margin-top:15px;
}


.contour_produit2{
   min-height:40px;
   text-align:center;
}

.contour_produit2 div{
   color:#FFFFFF;
   font-size:20px;
   font-weight:bold;
}

.texte_sous_titre{
	border:solid 2px #FC2024;
	padding:5px; 
	font-weight:bold;
	color:#FC2024; 
	text-align:center;
}



.contour_titre{
   height:30px;
   text-align:left;
   padding:3px 3px 0px 5px;
   border:none;
   border-width:1px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   color:#FFFFFF;
   font-size:20px;
   font-weight:bold; 
}

.contour_corp_central{
	min-height:420px;
   text-align:left;
   padding:3px 3px 3px 5px;
   color:#000000;
   font-size:20px;
   font-weight:100;   
   border:solid 1px #2FEB12;
   border-width:1px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px; 
   
}


.color_mucrefci{ color:#02a869;}
.color_black{ color:#02a869;}
.color_maron{color:#C16204;}
.color_jaunefoncer{color:#FC9D25;}
.color_vert{color:#0AA470;}
.color_orange{color:#F84E11;}
.color_violet{color:#6902C1;}
.color_jaune{color:#F7EB00;}
.color_chocolat{color:#FC8A03;}
.color_gris{color:#CCD3DB;}
.color_violetfonce{color:#2B2533;}
.color_grisfaible{color:#F2F2F2;}

.color_mucrefci_bg{background-color:#02a869;border:solid 1px #02a869;}
.color_maron_bg{background-color:#C16204;border:solid 1px #C16204;}
.color_jaunefoncer_bg{background-color:#FC9D25;border:solid 1px #FC9D25;}
.color_vert_bg{background-color:#0AA470;border:solid 1px #0AA470;}
.color_orange_bg{background-color:#F84E11;border:solid 1px #F84E11;}
.color_violet_bg{background-color:#6902C1;border:solid 1px #6902C1;}
.color_jaune_bg{background-color:#F7EB00;border:solid 1px #F7EB00;}
.color_chocolat_bg{background-color:#FC8A03;border:solid 1px #FC8A03;}
.color_gris_bg{background-color:#CCD3DB;border:solid 1px #CCD3DB;}
.color_grisfaible_bg{background-color:#F2F2F2;border:solid 1px #F2F2F2;}
.color_violetfonce_bg{background-color:#2B2533;border:solid 1px #2B2533;}

.ombre{
	      -moz-box-shadow: 2px 2px 3px #000;
          -webkit-box-shadow: 2px 2px 3px #000;
          box-shadow: 5px 5px 10px #000;
}

.bordure_arrondi{
	              border:none;
			      border-color:#900;
				  border-width:1px;
				  -webkit-border-radius:8px;
				  -moz-border-radius:8px;
				  border-radius:8px;
 }


a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

/* Menue */
ul.menu {display:inline-block;}
ul.menu li {float:left; display:block; width:150px; text-align:center;font-size:14px; font-weight:bold;padding:5px 0 5px 0;}
ul.menu li a {line-height:17px; color:#000000; display:block; border-left:#c2dcdb 1px solid;}
ul.menu li:hover, ul.menu li.current{text-transform:uppercase;border-top:solid 3px #FC8A03;}

/* Sous menue */  
ul.menu li ul{
   display: none;
   position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */   
   white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
   float: left; /* Fix WebKit : force la largeur des sous-navigations à s'adapter automatiquement, pour pouvoir l'atteindre à la souris */
   width: 100px;
   height: 5px;
   color:#000;
   margin: 1px 0 0 -40px;
   z-index: 1000000000;
}

ul.menu li ul li{
	 margin-top: -1px;  /*Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l'un à l'autre */
	 background-color:#ffffff;
	 white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
	text-transform:none;
    border:solid 1px #000;
 }
 
ul.menu li ul li a{
	color:#000;
 }
  
ul.menu li:hover ul,ul.menu li ul li:hover{
	display: block;
	background-color:#02a869;
	border:none;
}

.btn_design{
  display: inline-block;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #a1a1a1;
  padding: 0 2em;
  margin: 0.5em;
  font: bold 1em/2em Arial, Helvetica;
  text-decoration: none;
  color: #333;
  border-radius: .2em;
  background-color:#000000;
}

.btn_design{
  display: inline-block;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #000000 0%,#000000 100%); /* W3C */
  border: 1px solid #a1a1a1;
  padding: 0 2em;
  margin: 0.5em;
  font: bold 1em/2em Arial, Helvetica;
  text-decoration: none;
  color: #fff;
  border-radius: .2em;
  background-color:#000000;
}


.btn_design:before{
  float: left;
  width: 1em;
  text-align: center;
  font-size: 1.7em;
  margin: 0 0.5em 0 -1em;
  padding: 0 .2em;
  cursor: pointer;
}

/*Forms*/
.add:before    { content: "\271A"; }
.edit:before   { content: "\270E"; }
.delete:before { content: "\2718";}
.save:before   { content: "\2714";}
.email:before  { content: "\2709";}
.cross:before  { content: "\2716"; }

/*Currency*/
.dollar:before { content:"\0024"; }
.euro:before   { content:"\20AC"; }
.pound:before  { content: "\00A3"; }
.cent:before   { content: "\20B5"; }

/*Temp*/
.celsius:before    { content: "\2103"; }
.fahrenheit:before { content: "\2109"; }

/*Math & Factions*/
.pi:before            { content: "\213C"; }
.one_thrid:before     { content: "\2153"; }
.two_thrid:before     { content: "\2154"; }
.one_fifth:before     { content: "\2155"; }
.two_fifth:before     { content: "\2156"; }
.three_fifth:before   { content: "\2157"; }
.four_fifth:before    { content: "\2158"; }
.one_sixth:before     { content: "\2159"; }
.five_sixth:before    { content: "\215A"; }
.one_eighth:before    { content: "\215B"; }
.three_eighth:before  { content: "\215C"; }
.five_eighth:before   { content: "\215D"; }
.seven_eighth:before  { content: "\215E"; }
.quarter:before       { content: "\00BC"; }
.half:before          { content: "\00BD"; }
.three_quarter:before { content: "\00BE"; }

/*Arrows*/
.next:after             { content: "\279C"; color:#07F37A; font-size:22px; }
.left_arrow:before       { content: "\2190"; }
.up_arrow:before         { content: "\2191"; }
.right_arrow:before      { content: "\2192"; }
.down_arrow:before       { content: "\2193"; }
.up_left_arrow:before    { content: "\2196"; }
.up_right_arrow:before   { content: "\2197"; }
.down_left_arrow:before  { content: "\2199"; }
.down_right_arrow:before { content: "\2198"; }

/*Symbols*/
.like:before               { content: "\2764"; }
.star:before               { content: "\2605"; }
.spark:before              { content: "\2737"; }
.play:before               { content: "\25B6"; }
.watch:before              { content: "\231A"; }
.blacksun:before           { content: "\2600"; }
.cloud:before              { content: "\2601"; }
.umbrella:before           { content: "\2602"; }
.snowman:before            { content: "\2603"; }
.blackstar:before          { content: "\2605"; }
.whitestar:before          { content: "\2606"; }
.blackphone:before         { content: "\260E"; }
.whitephone:before         { content: "\260F"; }
.saltire:before            { content: "\2613"; }
.hot_drink:before          { content: "\2615"; }
.skull:before              { content: "\2620"; }
.radioactive:before        { content: "\2622"; }
.biohazard:before          { content: "\2623"; }
.peace:before              { content: "\262E"; }
.yingyang:before           { content: "\262F"; }
.frowning_face:before      { content: "\2639"; }
.smiling_face:before       { content: "\263A"; }
.first_quarter_moon:before { content: "\263D"; }
.last_quarter_moon:before  { content: "\263E"; }
.wheelchair:before         { content: "\267F"; }
.recycle:before            { content: "\267D"; }
.recycle2:before           { content: "\267C"; }
.music_note:before         { content: "\266C"; }
.warning:before            { content: "\26A0"; }
.male_and_female:before    { content: "\26A4"; }
.scissors:before           { content: "\2701"; }
.airplane:before           { content: "\2708"; }
.snow:before               { content: "\2042"; }