body {
  font-family: Corbel, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 12px;
 	line-height: 18px;
  color: #333333;
  text-align: center;
  margin: 0;
  background-color: #333333;
  background-repeat: repeat-x;
}
a {
  color: #888;
  text-decoration: underline;
  outline: none;
}


a:active {
  color: #bbbbbb;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #555555;
  text-decoration: none;
  outline: none;
}
a.expose {
  color: #00ffff;
  text-decoration: none;
  outline: none;
}
a.expose:link {
  color: #00ffff;
  text-decoration: none;
  outline: none;
}
a.expose:visited {
  color: #00ffff;
  text-decoration: none;
  outline: none;
}
a.expose:active {
  color: #00ffff;
  text-decoration: none;
  outline: none;
}
a.expose:hover {
  color: #454545;
  text-decoration: underline;
  outline: none;
}


img { border: 0; }




.cleaner{
  clear: both;
}


.bordRond{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}



.colorImportant{
  background-color: #00ffff;
  color: #333333;

}

a.colorImportant{
  color: #333333;
}




button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}





h1 { font-size: 28px; }
h2 {
  color: #333333;
  font-size: 20px;
  padding: 0;
  margin: 0 5px 3px 0;
  line-height: 1em;
}
h3 {
  font-size: 16px;
  padding: 0;
  margin: 0 5px 3px 0;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5em;
}
h4 {
  font-size: 11px;
  color: #bbbbbb;
  padding: 0;
  margin: 3px;
  text-transform: uppercase;
  line-height: 2.5em;
}
h5 {
  font-size: 12px;
  margin: 0;
  clear: both;
}

hr {
  border: 0;
  height: 0;
  margin: 0;
  border-bottom: dotted thin #555555;
}

#wrapper {
  width: 1024px;
  text-align: left;
  overflow: visible;
  position: relative;
  margin: 0 0 0 80px;
  padding: 0;
}
#subwrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  width: 1024px;
}
#top {
  float: left;
  width: 1024px;
  margin: 0;
  padding: 10px 0 0 0;
  color: #ffffff;
  z-index: 1000;
}
#infos {
  position: absolute;
  left: 780px;
  top: 0;
}
#infos #lang {
  float: left;
  height: 30px;
  padding: 5px 15px 0 0;
  color: #555555;
}

#infos #lang a{
  text-decoration: none;
}


#infos #newsletter {
  float: left;
  height: 20px;
  width: 165px;
  padding: 5px 10px;
  background-color: #292929;
}

#infos #newsletter a{
  color: #CCC;
  text-decoration: none;
}



#newsletter form {
  height: 25px;
  border: 0;
  padding: 0;
  margin: 0;  
}
#newsletter form input#email {
  background-color: #555555;
  border: 0;
  padding: 5px 2px;
  color: #cccccc;
}
#newsletter form input#submit {
  background-color: #333333;
  border: 0;
  padding: 5px 2px;
  color: #ffffff;
  cursor: pointer;
}
#infos h3 {
  font-size: 1em;
  padding: 0;
  margin: 0 5px 3px 0;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7em;
}





.infoSup{
  position: absolute;
  width: 250px;
  padding: 10px 10px 8px 15px;
  right: 0;
  top: 85px;
  background-color: #DDD;
}



#etapesDeCommande{
  position: relative;
  background-color: #333;
  width: 700px;
  height: 40px;
  display: block;
  margin: 0 0 0 35px;
}



#etapesDeCommande div{
  float: left;
  color: #888;
  margin: 10px 8px 10px 8px;
  padding: 0 25px;
  text-transform: uppercase;
}

#etapesDeCommande div.actif{
  float: left;
  color: #00FFFF;
  margin: 10px 15px 10px 15px;
  padding: 0 25px;
  text-transform: uppercase;
  border-left:dotted 1px #00FFFF ;
  border-right:dotted 1px #00FFFF ;
}





#contenu {
  position: relative;
  background-color: #f2f2f2;
  min-height: 670px;
  overflow: hidden;
}

#blocGauche {
  float: left;
  width: 750px;
  min-height: 550px;
  overflow: hidden;
  padding: 10px 0 20px 0;
  margin: 0 0 20px 0;
}



#blocGauche .blocNews{
  color: #555;
  float: left;
  margin: 0 40px 20px 40px;
  padding: 0;
  width: 290px;
  height: 150px;
}



.colTxt{
  width: 700px;
  margin: 30px 0 10px 35px;


}


.blocIntroContenu{

  float: left;
  width: 625px;
  margin: 50px 0 0 35px;

}

.blocIntroContenu:first-child{

  margin: 35px 0 0 35px;
}

.blocIntroContenu a h2,
.blocIntroContenu a:visited h2{
  color: #333;
  text-decoration: none;
}
.blocIntroContenu a:hover h2{
  color: #333;
  text-decoration: underline;
}



.blocIntroContenu .chapo{
  font-weight: bold;
  margin: 5px 0 15px 0;
  width: 585px ;
  font-size: 1.1em ;
  border-bottom:dotted 1px #CCC ;
  border-top:dotted 1px #CCC ;
  padding:5px 30px 10px 10px ;
}





.blocIntroContenu .imgLeft {

float:left; 
width:180px;

}

.blocIntroContenu .txtLeft {
 	margin: 0 0 0 0;
 	padding: 0 0 0 0;
float:left; 
width:440px;

}

.blocIntroContenu .txtLeft p {
width:inherit;
 	margin: 0 0 10px 0;
 	padding: 0;
}




#news {
  float: left;
  width: 625px;
  margin: 30px 0 10px 35px;
}




#news a h2,
#news a:visited h2{
  color: #333;
  text-decoration: none;
}
#news a:hover h2 {
  color: #333;
  text-decoration: underline;
}


#news .tiroir{
 	margin: 0 0 0 0;
 	padding: 5px 5px 15px 10px;
 	display: block;
}

#news .poignee{
	cursor: pointer; 
 	margin: 10px 0;
 	padding: 6px 10px;
  background-color: #DEDEDE;
}

#news ol {
 	margin: 0;
 	padding: 0 auto;
}

#news ol li{
 	font-size: 25px;
 	line-height: 8px;
 	margin: 0 0 10px 0;
}

#news ol li div{
 	display: block;
 	line-height: 18px;
padding-top:18px;
 	font-size: 12px;
  background-color: #F2F2F2;
}

#news p{
  width: 625px ;
 	margin: 0 0 10px 0;
 	padding: 0;

}


#news .chapo{
  font-weight: bold;
  margin: 15px 0;
  width: 585px ;
  font-size: 1.1em ;
  border-bottom:solid 1px #CCC ;
  border-top:solid 1px #CCC ;
  padding:15px 30px 15px 10px ;
}


#news hr.chapo{
  border-bottom:0px;
  margin: 15px 0 0 0;
}

#news div.titre {
  width: 700px;
  border-bottom: dotted thin #555555;
  margin: 0 0 15px;
}



#news p{
  line-height: 18px;
}



#blocGauche #barre {
  float: left;
  width: 700px;
  margin: 30px 0 10px 35px;
}



#blocGauche #barre div.titre {
  width: 700px;
  margin: 2px 0;
  background-color: #333333;
  color: #f2f2f2;
}


#blocGauche #barre div.titre h2{
  color: #00ffff;
  text-decoration: none;
  margin: 5px 10px 5px 8px;
  font-weight: normal;

}



#blocGauche #barre div.titre h3 {
  color: #f2f2f2;
  margin: 3px 5px 0 0;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.8em;
  line-height: 2.75em;
  letter-spacing: 0.1em;
}




div.titre h3 { float: left; }
div.titre h2 { float: left; font-size:1.8em }
#fontList {
  float: left;
  width: 700px;
  margin: 20px 0 10px 35px;
}

div#fontList img:last-child{
  margin: 5px 0 10px 0;

}

#fontList div.titre {
  width: 700px;
  margin: 2px 0;
  background-color: #333333;
  color: #f2f2f2;
}



#fontList hr {
  border: 0;
  height: 0;
  margin: 0;
  border-bottom: dotted thin #555555;
}
#fontList h2 {
  color: #f2f2f2;
  margin: 5px 10px 5px 8px;
  font-weight: normal;
}
#fontList h2 a {
  color: #00ffff;
  text-decoration: none;
}
#fontList h2 a:hover {
  color: #f2f2f2;
  text-decoration: none;
}


#fontList h3 {
  color: #f2f2f2;
  margin: 3px 5px 0 0;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.8em;
  line-height: 2.75em;
  letter-spacing: 0.15em;
}
#fontList #famillePrix {
  height: 32px;
  float: right;
  display: block;
}
#fontList #famillePrix h3 { 
margin: 0 15px 0 10px;
  text-transform: inherit;
  font-size: 1em;
 }

#fontList #ajoutPanier {
background-image: url(../design/picto-panier.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  float: right;
  margin: 0;
  padding: 0;
  display: block;
}
#fontList #ajoutPanier:hover {

background-image: url(../design/picto-panier-on.png);

}


#fontList #ajoutPanier h3 {
  color: #333333;
  margin: 3px 10px 0 10px;
  font-weight: bold;
  font-size: 1em;
  line-height: 2.4em;
}
#fontList #fontDeclinaison {
  margin: 8px 0 8px 10px;
  color: #555555;
}


#fontList .fontLineInfo{
  border-bottom: dotted 1px #CCC;
  margin: 20px 0 10px 10px;

}




#fontList .fontText{
  font-size: 1.1em ;
  width: 550px;
  line-height: 1.5em ;
}


#fontList .fontText strong{
  display: block ;
  font-size: 1.2em ;
}


/*********** sousmenusRub **************/


#sousmenusRub {
  float: left;
  width: auto;
  margin: 0;
  padding: 4px 0 4px 10px;
  background-color: #DDD;
  width: 690px;
  height: 25px;
}
#sousmenusRub h3 {
  float: left;
  width: auto;
  color: #333333;
  margin: 0 13px 0 0;
  height: 15px;
  cursor: pointer;
  letter-spacing: 0.1em;
}

/**************************************/
/*********** ongletPage **************/
/**************************************/

#sousmenusRub h3 a{
  text-decoration: none;
}

#sousmenusRub h3 a:hover{
  text-decoration: none;
  color: #333;
}


a.ongletAncre{
  font-size: 12px;
  color: #999;
}

a.ongletAncre.select{
  color: #000;
  font-weight: bold;
  letter-spacing: 0.4px;
}

a.ongletAncre.noSelect{
  color: #888;
}



#zoneContenu{

  margin: 20px 0 0 0;
  line-height: 19px;
}

#zoneContenu a.addCart{

  cursor: pointer;

}


#zoneContenu h2{
  color: #333;
  margin: 10px 0 10px 0;
  line-height: 1.2em;
}

#zoneContenu h3{
  color: #333;
}


#zoneContenu #ajoutPanier {
background-image: url(../design/picto-panier.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  float: left;
  margin: 0;
  padding: 0;
  display: block;
}

#zoneContenu #ajoutPanier:hover {

background-image: url(../design/picto-panier-on.png);

}


/**************************************/
/*********** PANIER **************/
/**************************************/

#panierTable{
  margin: 20px 20px 20px 35px;
  background-color: #DDD;
  width: 700px;
}

#panierTable th,
#panierTable th{
text-align:left;

}



#panierTable th{
  padding:2px 10px 2px 10px ;
}


#panierTable th.special{
  background-color: #00FFFF;
}

#panierTable td.ligne{
  background-color: #F2F2F2;
  border-bottom: dotted 1px #CCC;
  margin:0px;
  padding:0 0 0 10px;
  height: 40px;
}






.adressBloc{
  margin:20px 0 0 40px;
  padding:20px;
  float:left;
  width:150px;
  border-top: dotted 1px #CCC;
}

.adressBloc h3{
  padding: 0 5px 0 0;
  margin:0;
  font-style:normal;
  font-weight:bold;
  line-height: 1.5em;
  font-size:12px;
	letter-spacing:1px;
  text-transform:uppercase;
}



/**************************************/
/*********** MINI PANIER **************/
/**************************************/




#miniPanier{
  margin: 10px 0;
  background-color: #DDD;
  width: 240px;
}


#miniPanier th{
text-align:left;
  background-color: #DDD;
  padding:2px 10px 2px 10px ;
}

#miniPanier th.special{
  background-color: #00FFFF;
}


#miniPanier td.ligne{
  background-color: #F2F2F2;
  border-bottom: dotted 1px #CCC;
  margin:0px;
  padding:0 0 0 10px;
  height: 40px;
}





.queFaire{
  width: 690px;
  height: auto;
  margin: 20px 20px 10px 35px;
  padding: 10px 10px 30px 10px;
text-align:right;
  display: block;
}

.queFaire a.bouton {
  margin: 2px 0;
  padding: 10px 15px 10px 15px ;
  font-size: 20px;
  text-decoration: none;
}




#blocDroite {
  position: absolute;
  right: 0;
  background-color: #E5E5E5;
  width: 260px;
  height: 4000px;
  margin: 0;
  padding: 10px 0 10px 0;
}

.infos{
  margin: 10px 0 0 0;
  padding: 10px 15px;
  color: #333;
  font-size: 13px;

}

.infos strong{
  font-size: 1.2em ;
  display: block ;
}


#blocDroite hr{
  margin: 0 0 0 15px;
  border: 0px;
  width: 230px;
  border-top: dotted 1px #FFF;

}

#blocDroite #monCompte {
  margin: 0 0 0 15px;
}

#blocDroite #monCompte h3 {
  padding: 0 5px 0 0;
  margin:0;
  font-style:normal;
  font-weight:normal;
  line-height: 1.5em;
  font-size:12px;
	letter-spacing:1px;
}
#blocDroite #monCompte h4 {
  padding:0;
  margin:0;
  font-style:normal;
  font-size:1em;
  text-transform:uppercase;
  color: #333;
  line-height: 1.5em;
	letter-spacing:0.8px;
}


#blocDroite #monCompte a {
	color:#333;
}


#blocDroite #monPanier {
  margin: 10px 0 20px 15px;
  padding: 10px 0 0 0;
}


#blocDroite #monPanier h2{

  padding:0;
  margin:0;
  font-style:normal;
  font-size:1em;
  text-transform:uppercase;
  color: #333;
  line-height: 1.5em;
	letter-spacing:0.8px;

}

#menuMonCompte {
  position: absolute;
  text-transform: uppercase;
	padding:0;
  top: 0px;
  left: 514px;
  width: 260px;

}



#menuMonCompte.actif{
	background-color:#292929;


}
#menuMonCompte.actif a{
	color:#00FFFF;

}

#menuMonCompte:hover {
	background-color:#292929;
}

#menuMonCompte:hover a{
	color:#00FFFF;

}

#menuMonCompte a {
	padding:0 10px 0 10px;
	display:block;
	float:left;
	padding:0;
	margin:8px 8px 8px 15px;
	color:#CCC;
	text-decoration:none;

}






#blocDroite form button.MiniForm span {

	color:#333;
	height:24px;
	margin:10px 0;
    float:left; 
	line-height:24px;  
	border: none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
    padding:0 8px 0 8px; 
	background-color:#00ffff;
}






#blocDroite #find { padding: 0 15px 15px; }
#blocDroite #moteurDeRecherche { padding: 15px 15px 0; }
#footer {
  background-color: #262626;
  width: 1024px;
  margin: 0 0 20px;

}
#footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
}
#footer ul li {
  float: left;
  padding: 0 20px 0 0;
  margin: 5px 10px;
  list-style: none;
  border-right: solid 1px #333333;
  color: #666;
}
#footer ul li a {
  color: #555555;
  text-decoration: none;
  outline: none;
}
#footer ul li a:link {
  color: #555555;
  text-decoration: none;
  outline: none;
}
#footer ul li a:visited {
  color: #555555;
  text-decoration: none;
  outline: none;
}
#footer ul li a:active {
  color: #555555;
  text-decoration: none;
  outline: none;
}
#footer ul li a:hover {
  color: #cccccc;
  text-decoration: none;
  outline: none;
}

/******************* **************/

.tiroir{
	cursor: pointer;
 	margin: 0 0 0 0;
 	padding: 0;
 	display: block;
}


.poignee{
	cursor: pointer; 
 	margin: 0 0 5px 0;
 	padding: 0;
}











/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #DDD;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 250px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 0px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	background-color:#DFDFDF;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 258px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}


#contenu form button.MiniForm{
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;

}



#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;         
	margin:0;
    vertical-align:middle;
	background-color:#00ffff;
}


#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0; 
	color:#333;
	height:24px;
	line-height:24px;  
	border: none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}