/********************************************************************* 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: auto;
	margin-top: 0px;
	margin-right: auto;
	/*margin-bottom: 0px;*/
	background-color: #C4B49B;
	background-image:url(gifs/fond.jpg);
	background-repeat:repeat-x;
	background-position:top;
	/*text-align: center;*/
}


/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FF7D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:active {
	text-decoration: none;
	color: #FF7D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


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

/********************************************************************** Newsletter **************************************************************/
#newsletter{
	height:100px;
	width:167px;
	float:right;
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}

.titreNewsletter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FF7D00;
	text-align: left;
	font-weight: bold;
}

.email_news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#786E5F;
	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:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#FF7D00;
	border-bottom:#786E5F  1px solid;
	border-top:#786E5F 1px solid;
	border-left:#786E5F 1px solid;
	border-right:#786E5F 1px solid;
	margin-top:1px;
	width:25px;
}

#newsletter form {
	padding: 0px;
	margin-top: 5px;
}
/**********************************************************BDD AUTO **************************************/
.pagination {
width:600px;
height:20px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:30px;

}
.numpage {
	display:block;
	width:18px;
	height:18px;
	background-color: #FF6600;
	float:left;
	margin:1px;
	color:#FFFFFF;
	text-align:center;

}
.numpage_selec {
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:1px;
	border: 1px solid #FF6600;
	text-align:center;
	color:#990000;

}
.bt_suivant{
	display:block;
	width:70px;
	height:18px;
	float:left;
	margin:1px;
	text-align:center;
	color:#FF6600;
}
.bt_precedent{
	display:block;
	width:70px;
	height:18px;
	float:left;
	margin:1px;
	text-align:center;
	color:#FF6600;
}
.liste_cat{
}
.fichierbin{
}
.photo{
}


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



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

#lightbox{
	background-color:#786E5F;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
#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");
	}
	
/*******************************************************************************************header*****/

#header {
	height: 180px;
	width: 945px;
	background-image:url(gifs/HautPageBlanche.gif);
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
}	

#logo {
	background-image:url(gifs/logo-fond.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:145px;
	width:230px;
	margin-left:10px;
	padding-top:35px;
	float:left;
}
#logo img {
	height:63px;
	width:230px;
	margin-top:15px;

}

#logo p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	text-align: center;
	padding-left:19px;
	padding-top:10px;
	float:left;
}

#diaporama{
	height:170px;
	width:379px;
	margin-left:60px;
	float:left;
	background-image: url(gifs/diaporama.png);
	background-repeat: no-repeat;
}	

#boutonContact{
	height:33px;
	width:167px;
	float:right;
	background-image:url(gifs/BoutonContactezNous.png);
	margin-top:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	background-repeat: no-repeat;
}

#boutonContact a {
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
}

#boutonContact a:link {
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
}

#boutonContact a:hover {
	color: #FFffff;
	font-size: 15px;
	font-weight: normal;
}
#boutonContact a:active {
	color: #FFffff;
	font-size: 15px;
	font-weight: normal;
}
/*******************************************************************************Menu*/
#menu{
	height:260px;
	width:220px;
	/*float:left;*/
	margin-left:10px;
	margin-top:0px;
	padding-top:20px;
}
#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #36342F;
	text-decoration: none;
}

#menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#36342F;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: none;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#menu a:active {
	text-decoration: none;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

ul.MenuHorizontal { 
   width: 220px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   width: 220px; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #36342F;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold; 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 25px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: left; 
   text-decoration: none;
   padding-left:15px; 
} 

li#menu0 a {
	background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/
	background-repeat: no-repeat;
} 

li#menu8 a {
	background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/
	background-repeat: no-repeat;
} 

li#menu1 a { 
	background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu2 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu3 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu4 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu5 a, li#menu5_2 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu6 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu7 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 

li#menu8 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 
li#menu9 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 
li#menu10 a { 
   background-image: url('gifs/rollover1.jpg');         /*Ici l'image de fond de la cellule*/ 
	background-repeat: no-repeat;
} 



li#menu0 a:hover, a#selected-over0 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu8 a:hover, a#selected-over0 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu1 a:hover, a#selected-over1 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu2 a:hover, a#selected-over2 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu3 a:hover, a#selected-over3 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu5 a:hover, a#selected-over5,li#menu5_2 a:hover, a#selected-over5_2  { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu6 a:hover, a#selected-over6 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu7 a:hover, a#selected-over7 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu8 a:hover, a#selected-over8 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 
li#menu9 a:hover, a#selected-over9 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 
li#menu10 a:hover, a#selected-over10 { 
   background-image: url('gifs/rollover2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 
/**************************************************************************Page Utile*/
#pageUtile {
	width: 945px;background: url(gifs/pageUtileBlanche.png) repeat-y !important;
/*	margin-top:0!important; /*max*/
/*	padding-top:0!important; /*max*/
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	padding-bottom:10px;
}

/********************************************************************sidebar*/
#sidebar  {/*max*/
	width:230px;/*max*/
	float: left;/*max*/
}

/************************************************************************encart horaires*/
#horaires{
	height:120px;
	width:190px;
	background-color: #FFC58A;
	margin-top:10px;
	margin-left:10px;
	/*float:left;*/
}

#horaires p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	text-align: center;	
	padding-top:8px;
}


#encartSalon{
	width:190px;
	background-color: #FFC58A;
	margin-top:10px;
	margin-left:10px;
	/*float:left;*/
	padding-bottom:10px;
}

#encartSalon p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	text-align: center;	
	padding-top:8px;
}

/************************************************************************encart animation*/
#encartAnime{
	height:155px;
	width:190px;
	background-color: #F0ECE6;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	text-align:center;
	/*float:left;*/
}

#encartAnime p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #36342F;
	text-align: center;
	padding-top:8px;
	}
	
#encartAnime a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #36342F;
	text-decoration: none;
}

#encartAnime a:link, #encartAnime a:active, #encartAnime a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #36342F;
	text-decoration: none;
	font-weight: bold;
}

/************************************************************************encart actu*/
#encartActu{
	font-family: Arial, Helvetica, sans-serif;
	/*height:155px;*/
	width:180px;
	background-color: #F0ECE6;
	margin-top:10px;
	margin-bottom:10px;
	margin:10px;
	padding:5px;
	text-align:center;
	/*float:left;*/
	font-size:11px;
}

#encartActu p{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;*/
	color: #36342F;
	}
	
#encartActu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #36342F;
	text-decoration: none;
}

#encartActu a:link, #encartActu a:active, #encartActu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #36342F;
	text-decoration: none;
	font-weight: bold;
}

/*******************************************************contenu*/	
#contenu{
	margin-left:30px;
	margin-top:50px;
	width: 670px;
	float: left;
}

#contenu h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF6600;
	/*text-align: left;*/
}

#contenu h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #786E5F;
/*	text-align: left;*/
}

#contenu h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
/*	text-align: left;*/
	margin-top: 20px;
	margin-left: 10px
} 

#contenu h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
/*	text-align: left;*/
} 

#contenu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
/*	text-align: left;*/
}

#contenu li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	list-style-position: outside;
	list-style-image: url(gifs/puceOrange.png);
	margin-left:30px;
}

#contenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	text-decoration: underline;	
}

#contenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #36342F;
	text-decoration: underline;	
}

#contenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;	
}

#contenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
}

/************************************************************************Page qui sommes nous*/
#imageQuiSommesNous{
	float:left;
	margin-right:10px;
}

/************************************************************************Page conseil en image*/
#imageConseilEnImage{
	float:right;
	margin-left:10px;
}

/************************************************************************Page prestaions*/
#encartOffre{
	background-image: url(gifs/fondOffre.jpg);
	background-repeat: no-repeat;
/*	text-align: center;*/
	height: 105px;
	width: 670px;
	margin-right:auto;
	margin-left:auto;
}

#encartOffre p{
	padding-top:40px;
	margin-left:10px;
}

.styleOffreImportant{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
/*	text-align:left;*/	
}

/************************************************************************Page collections*/
.EncartCollection{
	width:600px;
	clear: both;
	margin-bottom:30px;
	background-color:#F0ECE6;
	padding:10px;
}

.EncartCollection p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}

.collectionGauche{
	height:203px;
	width:308px;
	float:left;
	padding-right:10px;
}

.collectionDroite{
	height:203px;
	width:308px;
	float:right;
	padding-left:10px;
}

/************************************************************************Page formations*/
.EncartFormations{
	width:670px;
	/*height:300px;*/
	clear: both;
}

.texteFormations{
	width:670px;
	clear:both;
}


.formationsGauche{
	height:300px;
	width:220px;
	float:left;
	padding-right:10px;
}

.formationsDroite{
	height:300px;
	width:220px;
	float:right;
	padding-left:10px;
}


/**************************************************************************encart page d'aacueil*/
#contEncart {
	width:670px;
	height:320px;
	clear: both;
}/*max*/

#blocCollections{
	background-image: url(gifs/blocMarron.gif);
	float: left;
	height: 290px;
	width: 217px;
	padding-bottom:20px;
	background-repeat: no-repeat;	
}


#blocCollections p{
	margin-top: 20px;
	margin-left: 10px;
}

#blocCollections img{
	height: 136px;
	width: 195px;
	padding-top: 20px;
	padding-left: 11px;
}

#blocCollections h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #36342F;
	text-align: left;
	margin-top: 20px;
	margin-left: 10px
} 

#blocFormations{
	background-image: url(gifs/blocOrange.gif);
	float: left;
	height: 290px;
	width: 217px;
	margin-left:10px;
	margin-right:10px;
	background-repeat: no-repeat;
	padding-bottom:20px;
}

#blocFormations img{
	height: 136px;
	width: 195px;
	padding-top: 20px;
	padding-left: 11px;
}

#blocFormations p{
	margin-top: 20px;
	margin-left: 10px;
}

#blocFormations h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-align: left;
	margin-top: 20px;
	margin-left: 10px
} 

#blocPrestations{
	background-image: url(gifs/blocBeige.jpg);
	float: left;
	height: 290px;
	width: 216px;
	background-repeat: no-repeat;
	padding-bottom:20px;
}

#blocPrestations img{
	height: 136px;
	width: 195px;
	padding-top: 20px;
	padding-left: 11px;
}

#blocPrestations p{
	margin-top: 20px;
	margin-left: 10px;
}

#blocPrestations h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #36342F;
	text-align: left;
	margin-top: 20px;
	margin-left: 10px
} 

/*************************************************************image salon*/
#desnouettes-salon {
	float: left;
	width: 300px;
}
#vaugirard-salon {
	float: left;
	width: 300px;
	margin-left: 70px;
}


/********************************************************************Contact*/
.titreContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF7D00;
	text-align: left;
}

.bouton_contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#FF7D00;
	border-bottom:#ffffff  1px solid;
	border-top:#ffffff 1px solid;
	border-left:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	width:130px;
}


/**************************************************************************Footer*/


/*#footer_ht{
clear:both;
}*/

#footer {
	height:35px;
	clear:both;
	width: 945px;
	background-color:#786E5F;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	
}	

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
}
#adresseDesnouettes {
	float: left;
	width: 500px;

}

.texteCollections {
	float: left;
	width: 200px;
}

.photoCollections {
	/*float: left;*/
	width: 580px;
	clear:both;
	margin-top:20px;
}

.alignD {
	float:right;
	margin-left:10px;
}

#nos_produits {
	width:100%;
	float:left;
}

#produits {
	float: left;
	width: 300px;
}

#prodphotos {
	float:left;
}

#produits strong {
	color: #FF6600;
}
.alignementGauche {
	float:left ;
	margin-right: 5px;
	border: 1px solid #000000;
}
.alignementDroite {
	float:right ;
	margin-left: 5px;
	border: 1px solid #000000;
}
.alignementCentre {
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #000000;
}
.albumPhotosx2 {
	float:left;
	width:49%;
	text-align:center;
	margin-bottom:20px;
}
a.lieninter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none !important ;
	
}