#personnalisation h1 { text-transform: uppercase;  font-size: 1.7em; line-height: 1.4em; margin:0;}
#personnalisation h2 { color:#464646; font-size: 1.3em;  line-height: 1.3em}

#personnalisation .jeton {width:250px; float:left; overflow:hidden; height:310px; position:relative; border:1px solid #F3F3F3; background:#FFFFFF; -moz-box-shadow: 0px 0px 10px #333;-webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;}
#personnalisation .jeton-personnalise { position: relative; font-size: 0.8em; margin-top: 30px}
#personnalisation .jetons {width:300px; float:left;  }
#personnalisation .floatable{position: fixed; top:0; }
#personnalisation .tranche_photo {position:absolute; bottom:60px;  left:0;}
#personnalisation .tranche_photo_2 {position:absolute; bottom:40px; left:0;}
#personnalisation .tranche_photo_3 {position:absolute; bottom:20px;  left:0;}

#personnalisation .infos {}
#personnalisation .tarif{float:left;  padding-top:20px; width:166px; line-height: 1em;}
#personnalisation .offre{float:left; width:200px; padding-top: 10px}
#personnalisation .prix{font-size: 3em; color:#db2b2b; font-weight: bold;}
#personnalisation .barre{text-decoration: line-through;}

.colonne-jeton{width:252px; height:100%;}
.modele{margin-left:272px;  }


#personnalisation .degressif table {  margin: 86px 0 0 10px;  }
#personnalisation .degressif table td{  border:0;  font-weight: bold; color:#db2b2b;}

.personnalisateur ul{ list-style-type: none;}
.personnalisateur li{display: inline;}
.personnalisateur li { display: inline;}

.personnalisateur a { cursor:  default; display:block; float:left; background-color: #a2a2a2; width:136px; border-right: 1px solid white; color:white; height:45px; text-align: center; text-decoration: none; line-height: 48px;}
.personnalisateur a.visited { background-color:#db2c2c; }
.personnalisateur a.deuxligne { line-height:20px; padding-top:3px;   height:42px; }
.personnalisateur a.deuxligne:hover { line-height:20px; padding-top:3px;   height:42px; }

.personnalisateur a.deuxligne .chiffre{ line-height:45px;  }
.personnalisateur a .chiffre{ font-size: 2em; float: left; margin-left: 10px}


#personnalisation .slide{ background-color: #efefef; width:960px; }

#personnalisation .slide h3{ margin-left:20px ;}
#personnalisation .slide p{ margin-left:0px ;}
#personnalisation .slide .blanc{ background-color: #fff; padding:20px;  }
#personnalisation .slide .blanc .face{ width:196px; float:left; text-align: center;}
#personnalisation .slide .blanc .tranche{ width:600px;  margin:0 0px 20px 0;float:left; text-align: center;}



#personnalisation .choix{ border:3px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#personnalisation .choixclick{ border:3px solid #db2c2c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#personnalisation input[type="submit"].ajouter-panier { margin-left: 360px; margin-bottom:5px; border:0;text-align:center; text-decoration:none; display: block; padding:5px; height:37px ;line-height: 20px;color: white;background: url("../img/fond-orange.jpg");-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}



#personnalisation .valeur { width:201px; height:25px; margin:0  1px 2px 0; color:white; line-height:25px; text-align: center; float:left; background:url('../img/personnalisation/fond-valeur.jpg') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#personnalisation .valeurclick{ background-color: #db2c2c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#personnalisation .bouton-etape {height:42px;border:0; text-decoration:none; font-size: 0.8em; padding:0 10px; line-height:42px; color:white; background:url("../img/personnalisation/fond-bouton-perso.jpg") repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 0;}
#personnalisation .bouton-etape:hover {background:#db2B2B;}


#personnalisation .jeton_sauvegarde {width:150px;  float:left; margin:0 40px 20px 0;}
#personnalisation .jeton_sauvegarde .form{line-height: 30px; margin:5px 0 5px 0 ; }
#personnalisation .jeton_sauvegarde form{margin:0; }
#personnalisation .jeton_sauvegarde input[type="submit"]{ width:100%; margin-bottom:5px; border:0;text-align:center; text-decoration:none; display: block; padding:5px; height:30px ;line-height: 20px;color: white;background: url("../img/fond-orange.jpg");-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#personnalisation .jeton_sauvegarde input[type="submit"]:hover{ background:#db2c2c;}
#personnalisation .jeton_sauvegarde a.bouton_jeton{ text-align:center; text-decoration:none; display: block; padding:5px; height:20px ;line-height: 20px;color: white;background: url("../img/personnalisation/fond-bouton-perso.jpg") repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#personnalisation .jeton_sauvegarde a.bouton_jeton:hover{background:#db2c2c; }
#personnalisation .tranche_photo2 {position:absolute; bottom:20px;  left:0;}


#personnalisation  .prod-comp{width:210px; float: left; margin-right: 10px; margin-bottom: 10px; text-align: center;  background-color:#F2F2F2; padding:10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#personnalisation  .prod-comp p {height:40px;}
#personnalisation  .prod-comp a {color:#404040; text-decoration: none;}

#personnalisation .avis{margin-bottom: 20px;}
#personnalisation .avis .note{position:relative;}
#personnalisation .avis .trait-gris{position:absolute; width:85%; border-bottom:1px solid #c8c8c8; right:0px; top:13px;}

#personnalisation .options {margin-bottom: 30px;}