/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1{
	display:block;
	padding-bottom:0px;
	border-bottom:1px solid #222;
	font-size:28px;
	font-weight:lighter;
	letter-spacing:-1px;
	color:#888;
	font-family:"Times New Roman", Times, serif;
}

h3{
	border-bottom:1px solid #999;
	font-size:15px;
	display:block;
	color:#AAA;
}

h4{
	font-size:14px;
	color:#DAAF22;
	font-variant:small-caps;
	padding-top:4px;
	margin-top:15px;
	font-weight:normal;
}

h5{
	display:block;
	padding-bottom:0px;
	border-bottom:1px solid #222;
	font-size:18px;
	font-weight:lighter;
	letter-spacing:-1px;
	color:#ffffff;
	font-family:"Times New Roman", Times, serif;
}

h6{
	display:block;
	padding-bottom:0px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#DAAF22;
	font-family:"Times New Roman", Times, serif;
}

.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#555;
}


/* STYLES CONTENU */
#contenu p{
	margin:0 0 10px 0;
	color:#FFF;
	text-align:justify;
	line-height:16px;
}

textarea{
	background-color:#444;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	border-top:1px solid #000;
	border-left:1px solid #000;
	font-size:9px;
	padding:1px;
	color:#ccc;
}

#contenu ul li{margin:2px 0px 2px 20px; color:#FFF;}

#contenu ul.liste{
	margin:40px 0 0 20px;
	list-style:none;
}

#contenu ul.liste li{
	background:url(../images/charte/puce.gif) top left no-repeat;
	padding-left:20px;
	color:#DAAF22;
	font-weight:bold;
}

#contenu ul.liste2{
	margin:20px 0 20px 15px;
	list-style:none;
	color:#DAAF22;
}

#contenu ul.liste2 li{
	background:url(../images/charte/puce2.gif) top left no-repeat;
	padding-left:20px;
}


#contenu .gras {color:#CCC;}
#contenu .couleur {font-weight:bold; text-align:center; font-size:12px; color:#FFF; margin:20px 0;}
#contenu .couleur1 {text-align:center; font-size:14px; color:#FFF; margin:20px 0;}
#contenu .couleur2 {font-weight:bold; text-align:center; font-size:12px; color:#CCC; margin:20px 0;}
#contenu .couleur3 {text-align:center; font-size:14px; color:#CCC; margin:10px 0;}
#contenu .couleur4 {text-align:left; font-size:12px; color:#CCC; margin:10px 0;}
#contenu .couleur5 {text-align:left; font-size:12px; color:#3B3E45; margin:10px 0;}
#contenu .couleur6 {text-align:center; font-size:14px; color:#3B3E45; margin:10px 0;}
#contenu .couleur7 {text-align:left; font-size:12px; color:#DAAF22; margin:10px 0;}
#contenu .couleur8 {text-align:center; font-size:14px; color:#DAAF22; margin:10px 0;}
#contenu .couleur9 {font-weight:normal; text-align:center; font-size:12px; color:#FFF; margin:20px 0;}
#contenu a.non-gras {font-weight:normal;}


#contenu a:link img, #contenu a:visited img  {
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
border:none;
}

#contenu a:hover img, #contenu a:active img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
border:none;
}



/* RUBRIQUE ACCUEIL */
#accueil{
	width:250px;
	float:left;
	border-right:1px dotted #CCC;
	margin-right:20px;
	padding-right:20px;
	margin-left:10px;
	}

#accueil2{
	width:250px;
	float:left;
	}


/* RUBRIQUE COIFFURE */
#tarif-coiffure {
	width:580px;
	margin:20px 0;
}

table#tab-tarif	{
	margin:20px auto;
	width:270px;
	color:#FFF;
	}
	
table#tab-tarif	 th {background:#DAAF22; color:#000;}
table#tab-tarif td.tarif-jaune {color:#DAAF22; text-align:right;}



/* RUBRIQUE ACTUALITES */
.actu{
	width:600px;
	border-bottom:1px solid #222;
	min-height:150px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:150px;/*---obligatoire pour le footer:IE---*/
	}
	
.ligne{width:510px;}


.texte-actu {
	float:left;
	width:340px;
	margin-bottom:20px;
	}
	
.titre{
	font-size:16px;
	color:#DAAF22;
	font-variant:small-caps;
}

.date{
	font-size:12px;
	color:#AB8443;
	text-align:left;
	}
	
#contenuTexte p.contenu_actu{
	font-size:12px;
	margin:0 0 0 0;
	float:left;
}


.bloc_img{
	width:200px;
	margin:0 10px 20px 0;
	float:left;
}

.bloc_img a:link img{
	border:1px solid #CCC;
	float: left;
	margin: 4px 2px;
}	


/* RUBRIQUE PRODUITS */
.produits{
	width:510px;
	}
.produits img{
	float:right;
	border:1px solid #FFFFFF;
	margin:2px 0px 10px 10px;
}





/* RUBRIQUE BARBER CARD */
#bloc-card {
	width:450px;
	margin:40px auto;
}

table#tab-card	{
	width:450px;
	color:#FFF;
	}
	
table#tab-card th {background:#DAAF22; color:#000;}

table#tab-card #commander-card {
	border-top:1px dotted #333;
	padding-top:5px;
	text-align:right;
	}

table#tab-card .bouton-card{
	width:110px;
	border:1px solid #666;
	background-color:#333333;
	color:#FFF;
	cursor:pointer;
	margin-left:10px;
}

table#tab-card td.tarif-card {color:#CCC; text-align:right;}

.cnil-card {
	font-style:italic;
	color:#444;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

select.liste{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width:50px;
	border:1px solid #333;
	background:#3B3E45;
	margin:0 0 1px 5px;
	text-align:center;
}

	
/** RUBRIQUE CONTACT **/
#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:30px 0 20px 0;
	padding: 0 5px;
}

#bloc-adresse-contact p {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}

#bloc-adresse-contact p.nota {
	font-style:italic;
	color:#FFF;
	font-size:10px;
	text-align:justify;
	display:block;
	margin:20px 0 0 0 ;
	}

.cnil {
	font-style:italic;
	color:#CCC;
	font-size:9px;
	text-align:right;
	margin:0 90px 0 0 ;
	width:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	}

.nota {
	font-style:italic;
	color:#CCC;
	font-size:9px;
	text-align:center;
	}

/** **/

#bloc-contact {
	width: 320px;
	float:left;
	margin:40px 0 20px 0;
}

#bloc-contact, #formContact input, #formContact textarea, #formContact select.liste, #formContact .bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

#formContact input, #formContact textarea, #formContact select.liste{
	width:200px;
	border:1px solid #333;
	background:#3B3E45;
	margin-bottom:1px;
}

#bloc-contact label {
	text-align:right;
	padding-right:10px;
	display:block;
	color:#FFF;
}

#bloc-contact span.libelle {
	text-align:right;
	display:block;
	font-weight:bold;
	color:#FFF;
}

#formContact .radio, #formContact .check{
	width:10%;
	border:none;
	margin-bottom:3px;
}

#formContact .bouton{
	width:80px;
	border:1px solid #333;
	background-color:#3B3E45;
	color:#FFF;
	cursor:pointer;
}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

.champRequis{color:#FFF; font-size:9px;}


/* RUBRIQUE CGV */
#bloc-cgv {
	width:400px;
	margin-left:50px;
	margin-top:40px;
	border-left:1px dotted #CCC;
	padding-left:5px;
}