/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1C0F06;
}
.petagefonddroit {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 1000px;
	width: 25%;
}
.petagefondgauche {
	width: 25%;
}


/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #452D15;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a.petitlien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #452D15;
	text-decoration: none;
}
a.petitlien:hover {
	text-decoration: underline;
	color: #000000;
}
a.petitlien:active {
	text-decoration: none;
	color: #000000;
}

a.bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.bas:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.bas:hover {
	text-decoration: none;
	color: #FFF7AF;
}

a.bas:active {
	text-decoration: none;
	color: #FFFFFF;
}

.blanc {
	color: #FFFFFF;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/
.fond {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_19.jpg);
	background-repeat: repeat-y;
	height: 610px;
	width: 512px;
}
.petagegauche {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_32.jpg);
	background-repeat: repeat-y;
}
.petagedroit {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_30.jpg);
	background-repeat: repeat-y;
}
.fdnewsletter {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_14.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 266px;
}
.fdbas {
	background-image: url(gifs/images/Coiffeur-Marc-Antoine_33.jpg);
	background-repeat: no-repeat;
	height: 109px;
	width: 991px;
}
.grosblanc {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
}

.grosbeige {
	font-size: 12px;
	font-weight: bold;
	color: #B29E85;
	font-variant: normal;
}

.tarifs li {
	font-size: 12px;
	font-weight: bold;
	list-style-type:square;
}

.tarifs li strong {
	color: #B29E85;
}

.italique{
font-style:italic;
}

.tirets{
border: dashed 1px #000;
}











#accueil {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_08.jpg) no-repeat left top;    /* placement de l'image over */ 
} 


#concept {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 29px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 


#coiffure {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 27px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_17.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#esthetique {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_18.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#bien-etre {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_21.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#relooking {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_relooking.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#maquillage {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_maquillage.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#remise {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 29px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_remise.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#tarifs {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_22.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#exposition {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 27px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_23.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#partenaires {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_24.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#presse {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 26px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_25.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 191px;  /* changer la largeur ici */ 
    height: 26px; /* changer la hauteur ici */ 
    background: url(gifs/images/bouton_over_26.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

.sous-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E360B;
	font-weight: bold;
}
.contour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: 2px solid #452D15;
}
.contourblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002C71;
	text-decoration: none;
	border: 2px solid #5F4A35;
}
.h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.titrepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #D4D2D0;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #3A2711;
}
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #5E360B;
}
.texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #5F4A35;
}
.texteadresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
}

.fond {
	background-color: #442D14;
}
.contenu2 {
	background-image: url(gifs/images/contenu_25.jpg);
	background-repeat: no-repeat;
	height: 134px;
	width: 193px;
}
.contenu3 {
	background-image: url(gifs/images/contenu_37.jpg);
	background-repeat: no-repeat;
	height: 138px;
	width: 186px;
}
.contenu4 {
	background-image: url(gifs/images/contenu_38.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 193px;
}



.fond2 {
	background-color: #FFF7B0;
	padding-right: 5px;
	padding-left: 5px;
}


.fond3 {
	background-color: #F2F5D8;
	padding: 5px;
}


.contenu1 {
	background-image: url(gifs/images/contenu_23.jpg);
	background-repeat: no-repeat;
	height: 134px;
	width: 186px;
}
.petit {
	font-size: 10px;
}
.alignementdroite {
	float : right;
	margin-left : 12px;
	border: #333333 solid 1px;
}

.alignementG {
	float : left;
	margin-right : 12px;
	border: #333333 solid 1px;
}


.contenu5 {
	background-image: url(gifs/vignette_relooking.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 217px;
}
.contenu6 {
	background-image: url(gifs/vignette_maquillage.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 217px;
}

/**************************************************************MODIF***********************************************/

.fondtable {
background-image: url(gifs/vignette_forme.jpg);
background-repeat: no-repeat;
}

.aboslutetxt {
padding-left:10px;
padding-top:25px;
}

#contenu1 
 {  
 	background-image: url(gifs/images/contenu_23.jpg);
	background-repeat: no-repeat;
	height: 134px;
	width: 186px;
} 

#contenu1 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color: #452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:60px 0px 0px 7px;
} 

#contenu1 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu2 
 {  
	background-image: url(gifs/images/contenu_25.jpg);
	background-repeat: no-repeat;
	height: 134px;
	width: 193px;
} 

#contenu2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
	color:#452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:60px 0px 0px 7px;
} 

#contenu2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu3 
 {  
	background-image: url(gifs/images/contenu_37.jpg);
	background-repeat: no-repeat;
	height: 138px;
	width: 186px;
} 

#contenu3 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color:#452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:60px 0px 0px 10px;
} 

#contenu3 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu4 
 {  
	background-image: url(gifs/images/contenu_38.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 193px;
} 

#contenu4 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color:#452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:60px 0px 0px 5px;
} 

#contenu4 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu5 
 {  
	background-image: url(gifs/vignette_relooking.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 217px;
} 

#contenu5 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color:#452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:70px 0px 0px 10px;
} 

#contenu5 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu6 
 {  
	background-image: url(gifs/vignette_maquillage.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 217px;
} 

#contenu6 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color:#452D15;
	font-size: 10px;
	width:100px;
	height:50px;
	padding:70px 0px 0px 10px;
} 

#contenu6 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

#contenu7 
 {  
	background-image: url(gifs/vignette_forme.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 217px;
} 

#contenu7 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
	background-repeat: no-repeat;
    color:#452D15;
	font-size: 10px;
	width:85px;
	height:50px;
	padding:60px 0px 0px 10px;
} 

#contenu7 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 

.txt_menu {
	margin:0;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding-left:40px;
	padding-top:6px;
}

.txt_menu a {
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

.txt_menu a:hover {
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

.nuage {
	background:url(gifs/images/Coiffeur-Marc-Antoine_27.jpg) top no-repeat;
	width:195px;
	height:251px;
}

.nuage_txt {
	margin:0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
	padding-left: 8px; padding-top: 5px;
}




/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
