/**
 * Messages syst�mes 
 */
 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: green;
 	text-align: center;
 	margin-bottom:20px;
 	
	border:solid 1px green;
	padding:5px;
 }
 

 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;

	border:solid 1px red;
	padding:5px; 	
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 600 px;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 10px;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 

 /**
 * Gestion du texte en position "exposant" => balise "sup"
 */
sup
{
	line-height:95%;
	font-size:100%;
}

/** Gestion des formulaires **/

	.formulaire-row {
		width:530px; /*utiliser dans formulaire login | ancienne valeur=> width:98%*/
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		float:left;
		clear: both;
		padding-top: 5px;
	}
	
	.formulaire-row LABEL {
	   font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 12px; 
	   color: #666666;
	    
	   float: left;
	   width: 200px;
	   padding-right: 4px;
	   text-align: right;
	}

	.formulaire-row .valider {
	  text-align:left;
	}

	.formulaire-row TEXTAREA {
		float:left;
		width:275px;
		height:100px;
		border: solid 1px #ccc;
		padding:0 5px 0 5px;
	}

	.formulaire-row INPUT {
		border: solid 1px #ccc;
		padding-left: 3px;
	}
	
	.formulaire-row INPUT.text {
		width:280px;
	}	
		
	.formulaire-row SELECT {
		width:300px;
		border: solid 1px #ccc;
		padding:0;
	}

	.formulaire-row OPTION {
		padding:0 5px 0 5px;
	}

	.asterisque {
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	font-size: 12px; 
		color:#000;
		font-weight:bold;
		margin:0 5px 0 5px;
	}

	.formulaire-row INPUT,		
	.formulaire-row SELECT,
	.formulaire-row TEXTAREA {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			font-style: normal; 
			font-weight: normal;
			color: #000; 
	}
	
	.formulaire-row	input.button,
	.formulaire-row input.submit {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		font-weight: normal;
		color: #fff; 
		border:none;
		margin:5px 0 0 0;
		padding:0;
	}
		
/*********************************** STYLE DES BOUTONS ******************************/

DIV.pastille_couleur {
	position:absolute;
	bottom:4px;
	right:-8px;
	width:30px;
	height:30px;

	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:solid 1px silver;	
}

.btn_arrondi {
	text-align:center;
	padding:4px 10px 4px 10px;
	
	text-decoration:none;	
	font-weight:bold;
	font-size:11px;
	color:#fff;
			
	/* ARRONDI DU BOUTON */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	
	border:0; 
	cursor:pointer;	
}	

DIV.arrondi {
	float:left;
	padding:10px;
			
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	
	border:solid 1px #ab5014; 
	
}	

A.btn_arrondi:link,
A.btn_arrondi:focus,
A.btn_arrondi:hover,
A.btn_arrondi:active,
A.btn_arrondi:visited {
	color:#fff;
}

.btn_retour {
	background-color:#555454;
	color:#fff;
}

.btn_retour:hover {
	background-color:#ab5014;
	color:#fff;
}

.btn_detail_fiche,
.btn_ajout_panier {
	background-color:#ab5014;
	color:#fff;
}

.btn_detail_fiche:hover,
.btn_ajout_panier:hover {
	background-color:#555454;
	color:#fff;
}		

.infobulle { 
	cursor:pointer;
	position: relative; 
	text-decoration: none; 
	color: #0066FF; 
} 
.infobulle div { 
	display: none; 
} 
.infobulle:hover { 
	background: none; /* correction d'un bug IE */ 
	z-index: 1000; 
} 
.infobulle:hover div { 
	display: inline; 
	position: absolute; 
	top: 2em; 
	left: 2em;
	 
	width:200px; 
	background: silver;
	font-style:normal;
	font-weight:normal;
	color: #111;
	border:solid 1px #999; 
	text-align: left; 
	
	margin:0;
	padding: 10px; 
} 

.infobulle:hover div p {
	margin-bottom:5px;
} 

DIV#personnalisation, #nuancier, #temoignages {
	position:relative;
    margin:auto;
    padding:10px 0 0 0;
    overflow:auto;       
}

DIV#personnalisation { border:1px solid silver;}

.scroll {

	height:400px;
	padding:5px 0 5px 10px; 
	overflow-y: scroll;	
	border:dotted 1px #91291c;
	
}

	DIV#personnalisation .rowEntete {float:left;}
	DIV#personnalisation .row {
		float:left;
		clear:both;
		border-bottom:solid 4px #E5E5E5;
		padding:20px;
		margin:0 0 10px 10px;
	}
	
	DIV#personnalisation .entete,
	DIV#personnalisation .cell {
		font:11px Arial;		
		float:left;
		text-align:left;
		padding:0;
		margin:0;	
	}	
	
	DIV#personnalisation .entete {
		background-color:#444;
		color:white;
		font-size:1.3em;
		font-weight:bold;
	}

	DIV#personnalisation .col1 {width:20px;padding:2px 0 0 0;}
	DIV#personnalisation .col2 {width:600px;padding:0;margin:0;} /*width:570px;*/
	DIV#personnalisation .col3 {width:170px;padding:0;margin:0;}

	
	DIV#personnalisation .nom_perso {margin:0 0 10px 0;padding:0;background-color:red;}
	DIV#personnalisation .nom_perso .nom {float:left;font-size:16px;font-weight:bold;margin:0;cursor:pointer;}	
	DIV#personnalisation .nom_perso .prix {float:right;margin:0 13px 0 0;padding:2px 5px 2px 5px;font-weight:normal;font:16px "Trebuchet MS";color:#fff;background-color:#91291c}
	
	DIV#personnalisation .checkbox {padding:0;margin:0;}
	DIV#personnalisation .input {width:150px;height:18px;padding:0 2px 0 2px;margin:0;line-height:11px;font-size:1.2em;font-weight:bold}
	DIV#personnalisation .quantite {width:20px;text-align:center}

	DIV#personnalisation .apercu {margin:0;padding:0;}
	DIV#personnalisation .apercu IMG {border:solid 1px #999;margin:0;}

	DIV#personnalisation .attributs {float:left;clear:both;position:relative;width:555px;border:solid 1px #ab5014;padding:0;margin:5px 0 10px 0;text-align:left;}
	DIV#personnalisation .attributs .entete_attributs {background-color:#ab5014;margin:0;padding:5px;cursor:pointer;}
	DIV#personnalisation .attributs .entete_attributs span {color:#fff;font-weight:normal;font:1.2em Verdana;}
	DIV#personnalisation .attributs .entete_attributs img {float:right;margin-top:2px;}
	
        DIV#personnalisation .attributs .details {width:100%;height:100%;float:left;clear:both;margin:10px 0 10px 0;}
	
	DIV#personnalisation .rowAttribut {float:left;clear:both;position:relative;margin-bottom:5px;}
	DIV#personnalisation .rowAttribut label.libelle {float:left;width:230px;text-align:right;padding:4px 0 0 0;margin-right:5px;font-size:1.3em;}

	DIV#personnalisation .lstRadio {float:left;}
	DIV#personnalisation .lstRadio .item {float:left;clear:both;width:300px;border:solid 1px #999;margin:0 0 5px 0;padding:5px 0 5px 0;}
	DIV#personnalisation .lstRadio .item .inputRadio {float:left;border:0;width:15px;margin:1px 5px 0 8px;padding:0;}
	DIV#personnalisation .lstRadio .item .labelRadio {float:left;margin:0;padding:0;cursor:pointer;}
	DIV#personnalisation .lstRadio .item .labelRadio p {float:left;width:90px;text-align:left;margin:0;padding:0;font-size:1.2em;font-weight:bold;}
	DIV#personnalisation .lstRadio .item .labelRadio img {float:left;margin:0 0 0 5px;cursor:pointer;}

	
	
	DIV#actions_perso {
        text-align:center;
		padding:0;
		margin:10px 0 0 0;
		height:70px;
	}
	
	DIV#contenus_popup .button {
		height:18px;
		background-color:#91291c;
		font:1.4em Verdana, Arial;
		line-height:1.0em;
		color:#fff;
		/*margin:0 15px 0 15px;*/
		padding:15px;
		text-align:center;
		text-decoration:none;
	}

	DIV#contenus_popup .button2 {
		height:10px;
		background-color:#91291c;
		font:1.2em Verdana, Arial;
		line-height:1.0em;
		color:#fff;
		margin:15px;
		padding:15px;
		text-align:center;
		text-decoration:none;
	}

	DIV#contenus_popup .ajoutPanier {
		font-size:1.8em; 
    }

	DIV#contenus_popup .button:hover {
		background-color:#888;
		text-decoration:none;
	}
        
        
/** ETAPES DU PROCESS DE COMMANDE **/

    #steps {
        margin:0;
        padding:0;
    }
    .step_cart {
        position:relative;
        background:#f3eee4;
        float:left;
        
        height:50px;
        padding:0;
        margin:0;
        z-index:1;
    }
    .step_cart .num_step {
       font-size:15px;
       color:#a5a4a4;
       position:absolute;
       top:15px;
       left:25px;
       
    }
    
    .step_cart .arrow_left {
        width:0; height:0;
        border:25px solid transparent;
        border-left:15px solid #f3eee4;
        position:absolute;
        top:0px;
        left:0px;
    }
    
    .step_cart .arrow_right {
        width:0; height:0;
        border:25px solid transparent;
        border-left:15px solid #f3eee4;
        position:absolute;
        top:0px;
        right:-40px;
    }
    
/*hack IE6 */
* html .step_cart .arrow_left,
* html .step_cart .arrow_right
{
	border:none;
}


    
    .step_cart .step {
        font-size:14px;
        line-height:16px;
        color:#a5a4a4;
        padding:8px 10px 0 45px;
    }

    #step1 .num_step { left:10px;}
    #step1 .step { padding-left:30px;}
    
    .step_impaire { background:#e8e5de; }
    .step_paire { background:#f3eee4; }
    .step_paire .arrow_left { border-left-color:#e8e5de }
    .step_paire .arrow_right { border-left-color:#f3eee4; }
    
    .actif { z-index:2; background:#833603; color:#833603; }
    .actif .arrow_right { border-left-color:#833603; }
    .actif .num_step { color:white; font-weight:bold; }
    .actif .step { color:white; font-weight:bold; }

/** FIN ETAPES DU PROCESS DE COMMANDE **/