/* CSS Document */
body{
	margin:0px;
	font-family:Verdana, sans-serif;
	color:#673301;
} 

/*** DEBUG */
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid blue}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p,a {border: 1px solid #FFCC33}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/
/*************/

/**********************/
/****POSITIONNEMENT****/
/**********************/

.conteneur{
	position:relative;
	margin:auto;
	width:946px;
}
/************/
.header{}

.headerTitre{
	width:930px; 
	text-align:right; 
	background:url(../images/haut-menu.gif); 
	padding:1px 16px 3px 0;
}
.headerTitre a{font-size:10px; color:#FFFFFF}

/************/
.logo{}

/************/
.menu{
	position:absolute;
	top:0px;
	left:11px;
	z-index:101;
}

.contenu{	
	position:relative;
	padding:0px 10px 0px 11px;
}
#contenuEFP{
	position:relative;
	float:left;
	width:699px;
}
.bandeau{
	padding-top:40px;
}

.haut_contenu{
	text-align:right;
	padding-bottom:10px;
}
.corps{	
	position:relative;
}
#type1 .corps {	background:url(../images/menuGauche206-fond.gif) repeat-y;}
#type2 .corps {	background:url(../images/menuGauche263-fond.gif) repeat-y;}
#type3 .corps {	background:url(../images/menuGauche398-fond.gif) no-repeat;}
#type4 .corps {	background:url(../images/menuGauche206-fond.gif) repeat-y;}
#type5 .corps {	background:url(../images/menuGauche206-fond.gif) repeat-y;
						width:925px;		
					}
.gauche{
	position:relative;
	display:inline;
	float:left;
	padding-left:6px;
	line-height:1.4;
	margin-right:20px;
}
.gauche img{
	margin-left:-5px;
}
#type1 .gauche{ width:200px;}
#type2 .gauche{ width:263px;}
#type3 .gauche{ width:398px;}
#type4 .gauche{ width:200px;}
#type5 .gauche{ width:200px;}
/***/
.milieu{
	position:relative;
	display:inline;
	float:left;
	margin-right:20px;
}
#type1 .milieu{ width:480px;}
#type2 .milieu{ width:572px; background:url(../images/salon-fond-droite.gif) right repeat-y; margin:0px 0px 2px 51px;}
#type3 .milieu{ width:410px; background:url(../images/salon-fond-droite.gif) right repeat-y; margin:0px 0px 2px 71px;}
#type4 .milieu{ width:698px;margin:0px;}
#type5 .milieu{ width:698px; 	margin:0px;}
/***/
.droite{
	position:relative;
	display:inline;
	float:left;
}
#type1 .droite{width:199px;}
#type1 .droite img{margin:4px 5px 0px 0px;}
#type3 .droite{width:130px;}

.milieu_footer{
	clear:both;
	width:10px;
}
/************/
.flashIndex{
	position:relative;
	margin:0px; 
}


#footer{	
	clear:both;
	margin:10px 0px;
	padding:3px 4px;
	background:#663300;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	width:938px
}
#footer a{
	color:#fff;
}

a{
	text-decoration:none;
	color:#673301;
}

a:visited{	
	text-decoration:none;
}

p{
	padding:0px 5px;
	margin:0px;
	font-size:0.7em;
	color:#000000;
}
/************/
p.lescollections{
	text-align:justify;
	line-height:1.5;
}
p.TxtNewSalons{
	width:465px;
	height:130px;
	margin-left:85px;
}

#type1 .titreProduits{	
	margin:0px 322px 11px 50px;
	text-align:left;
	color:#000000;
	font-size:11px;	
}
#type1 .titreEFP{	
	text-align:left;
	color:#000000;
	font-size:11px;	
}
#type1 .texteProduits{	
	position:relative;
	margin-top:60px;	
}
#type1 .titreCollections{	
	margin:0px 360px 11px 0px;
	text-align:justify;
	color:#000000;
	font-size:11px;
}
#type1 .titreCouleurP{
	float:left;
	margin-left:50px;
	position:relative;
	width:540px;
}
#type1 .evenement{
	float:left;
	position:relative;
	width:699px;
}
#type1 .imageEvenmt{
	position:relative;
	float:left;
	margin-right:13px;
	margin-bottom:5px;
}
#type1 .zoomEvenmt{
	position:relative;
	float:right;
	height:570px;
	width:400px;
}
#type1 .contImageEvenmt{
	position:relative;
	float:left;
	width:290px;
}
#type1 .texteAccroch{
	margin-bottom:10px; 
	line-height:1.5;
	margin:0px 0px 10px 0px; 
}
#type4 .ImageCollections{
	position:relative;
	float:right;
	width:400px;
}
#type4 .titreCollections{	
color:#000000;
font-size:11px;
margin:0 0 15px 35px;
text-align:left;
width:192px;
}
#type4 .ImageProduits{
	position:relative;
	float:right;
	width:400px;
}
#type5 .ImageProduits{
	position:relative;
	float:right;
	width:312px;
}
#type5 .titreCollections{	
	margin:0px 322px 11px 100px;
	text-align:left;
	color:#000000;
	font-size:11px;	
}
#type5 .titreProduits{	
	left:106px;
	position:absolute;
	top:0px;
}
#type5 .texteProduits{	
	position:relative;
	margin-top:60px;	
}
#type5 .presProduits{	
	float:left;
}
#type5 li{
	font-size:11px;
}
/************/
/*******************/
/****MENU GAUCHE****/
/*******************/
.gauche ul {
	margin:0px 0px 5px 27px;
	padding:2px
}
.gauche li {
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

.gauche p{
	margin:5px 0px;
}
.gauche a.menuGauche{
	display:block;
	background: #A18263;
	padding-left:10px;
	background:url(../images/bouton-menugauche.gif) no-repeat scroll 0px -2px;
	text-decoration: none;
}
.gauche a.menuGauche:hover{
	background-color:#b1977d;
	font-weight:normal;
}
.gauche li a{
	font-size:11px;
}
.gauche li a:hover{
	font-size:11px;
	color:#673301;
	background:none;
	text-decoration: none;
	text-decoration:underline
}

p.Active{
	background-color:#b1977d;
}

.milieu ul {
	margin-left:118px;
	padding:2px;
	display:block
}
.milieu li {
	font-size:10px;
	color:#000000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	text-decoration: none;
}
/****************************/
/****MENU GAUCHE MAGAZINE****/
/****************************/
.gaucheM {
	width:200px;
	position:relative;
	display:inline;
	float:left;
	padding-left:6px;
	line-height:1.4;
	margin-right:10px;

}

.gaucheM p{
	margin:5px 0px;	
}
.gaucheM a.menuGauche{
	display:block;
	background: #A18263;
	padding-left:10px;
	background:url(../images/bouton-menugaucheMagazine.gif) no-repeat scroll 0px 6px;
	text-decoration: none;
	font-weight:inherit;
	font-size:0.9em
	
}
.gaucheM a.menuGauche:hover{
	background-color:#b1977d;
	font-weight:normal;
}
/********************************************/
/****MENU GAUCHE SAGA DE LA COMMUNICATION****/
/********************************************/
.gaucheS {
	display:inline;
	float:left;
	font-size:30px;
	margin-right:75px;
	padding-left:63px;
	position:relative;
	width:80px;
}

.gaucheS p{
	margin:5px 0px;	
}
.gaucheS a.menuGauche{
	display:block;
	background: #A18263;
	padding-left:10px;
	background:url(../images/bouton-menugaucheMagazine.gif) no-repeat scroll 0px 6px;
	text-decoration: none;
	font-weight:inherit;
	font-size:0.9em
	
}
.gaucheS a.menuGauche:hover{
	background-color:#b1977d;
	font-weight:normal;
}
/********************/
/****IMAGE****/
/********************/

.planNewSalon{
	margin:8px;
}


.right{
	margin-left:10px;
}


/**********************/
/****CONTENU SALONS****/
/**********************/

#presentSalons{
	background:#FFFFFF;
	position:relative;
}
#contListeSalons
{
	width:380px;
	float:right;
	position:relative;
}
.legendeSalons{
	float:right;
	width:97px;
	margin-right:13px
}
.ContSalons{
	color:black;
	position:relative;
}
.ContSalons img{
	margin:0px 10px 10px 0px;
}
.ContSalons p{
	font-size:10px;
	line-height:1.3;
}
.afficheInfosSalons{
	display:none;
	position:absolute;
	top:-261px;
	right:-127px;
	width:180px;
	height:208px;
	padding:10px;
	background:#F5F5F5 url(../images/salon-bas-Infos.gif) no-repeat scroll left bottom;
	border:1px solid #663301;
	font-size:10px;
}

.carteSalons{
	margin-right:20px;
}
#flashArrond{
	width:350px;
}
#flashfrance{
	width:350px;
} 
#flashmonde{
	width:398px;
}

.servicesSalons img{ 
	margin-right:3px;
}

.legende{
	background:#F5F5F5 url(../images/salon-bas-Infos.gif) no-repeat scroll left bottom;
	border:1px solid #663301;
	font-size:10px;
	height:30px;
	margin:-33px 0px 0px -220px;
	padding:10px;
	width:200px;
	z-index:101;
	display:none;
}

/********************/
/****CONTENU HOME****/
/********************/
#flashHome{
	z-index:100;
	margin-bottom:15px;
}

#gaucheH{
	float:left;
}

#salons{
	background:url(../images/rubrique-bas.gif) bottom left #b1977e no-repeat;
	width:268px;
	float:left;
	margin:0px 9px 18px 0px;
	color:black;
	height:120px;
}

.imag{	
	margin:0px 0px 8px 0px;
}

#academie{
	background:url(../images/rubrique-bas.gif) bottom left #b1977e no-repeat;
	width:350px;
	float:left;
	margin:0px 9px 18px 0px;
	color:black;
	height:120px;
}


#franchise{
	background:url(../images/rubrique-bas-droite.gif) bottom left #ded4ca no-repeat;
	width:285px;
	float:left;
	height:120px;
}
#vousnous input{
	border:#664c33 1px solid;
	margin-left:10px;
	color:#664c33;
}
.BOUTVAL {
	background:url(../images/rubrique-vousnous-ok.gif) no-repeat;
	font-weight:bold;
	height:20px;
	width:29px;
	cursor:pointer;
}
.transmit{
	border:#CC6600 1px dashed;
	font-size:0.9em;
}
#actualites{
	background:url(../images/rubrique-bas-droite.gif) bottom left #ded4ca no-repeat;	
	width:410px;
	float:left;
	height:192px;
}
div#mini{
	margin:15px 0px 0px 10px;
}
#actuTexte{
	margin-left:70px;
}

.ImageProduits{
	position:relative;
	float:right;
	width:312px;
	border-bottom:2px solid #663300;
	margin-bottom:10px;
	margin-right:10px;
}
.ImageProduits img{
	margin-bottom:2px;
	margin-right:0px;
}
#gaucheProduit{	
	float:left;
	padding:10px;
	width:186px;
	margin-bottom:10px;
	background:#DED4CA;
}
#RecrutementPrecis{
	display:none
}
#RecrutementPrecis2{
	display:none
}
#RecrutementDep1{
	display:none
}
#RecrutementDep2{
	display:none
}
#RecrutementDep3{
	display:none
}
#posteocccupe{
	display:none
}
#posteocccupe2{
	display:none
}
#posteocccupe3{
	display:none
}
input{
background-color:#DED4CA;
background-image:none;
border:1px solid #663300;
color:#663300;
font-weight:bold;
font-size:10px;
margin-bottom:3px;
padding-left:1px;
}
select{
background-color:#DED4CA;
background-image:none;
border:1px solid #663300;
color:#663300;
font-weight:bold;
font-size:10px;
margin-bottom:3px;
padding-left:1px;
}
textarea{
background-color:#DED4CA;
background-image:none;
border:1px solid #663300;
color:#663300;
font-weight:bold;
font-size:12px;
margin-bottom:3px;
padding-left:1px;
}
.confirmation{
	border:1px dashed #663300;	
	text-align:center;
	margin:0px 300px;
}
.erreur{
	border:2px dashed #663300;
	margin:0px 140px;
	padding:10px;
	text-align:center;
	font-weight:bold;
}
.ImageConfidence{
	position:relative;
	float:right;
	width:468px;
	border-bottom:2px solid #663300;
	margin-bottom:10px;
	margin-right:10px
}
.ImageConfidence2{
	position:relative;
	float:left;
	margin-bottom:10px;
	border-bottom:2px solid #663300;
	width:500px
}
.ImageConfidence2 img{
	margin-bottom:2px;
}
.ImageConfidence img{
	margin-bottom:2px;
}
.TexteConfidence{
	position:relative;
	float:left;	
}
.TexteConfidence2{
	position:relative;
	float:right;	
}
.texteAccroch{
	margin-bottom:10px; 
	line-height:1.5; 
	margin-left:220px;
}
.texteAccrochCarteFidelite{
	margin-bottom:10px; 
	line-height:1.5; 
	margin:0px 380px 0px 50px;
}

.ImageColorist{
	position:relative;
	float:right;
	width:312px;
	border-bottom:2px solid #663300;
	margin-bottom:10px;
	margin-right:10px
}
.ImageColorist img{
	margin-bottom:2px;
}
.ImageConcept{
	position:relative;
	float:left;
	width:312px;
	border-bottom:2px solid #663300;
	margin-bottom:10px;
	margin-right:10px
}
.ImageConcept img{
	margin-bottom:2px;
}
#pages{
	float:left;
	width:454px;
}
#couverture{
	float:right;
	width:227px;
}

#couverture p, #pages p{
	background:#663300;
	color:#FFFFFF;
	padding:3px;
	margin-top:5px;
}
#TitreMenu{
	text-align:center;
}
#presPetitsAccess{
	position:relative;
	float:left;
	width:699px
}
#presPetitsAccess p{
	margin-bottom:10px; 
	line-height:1.5; 
}
.texteAccrochEFP{
	height:300px;
	line-height:3;
	margin-left:50px;
	text-align:justify
}
.texteAccrochEFP img{
	margin-left:50px;
}
#ContEFP{
	width:700px;
	font-size:12px;
	line-height:1.4;
	text-align:justify;
}
#ContEFP p{
	font-size:11px;
	margin:0px 14px 10px 6px;
}
#ContEFP img{	
	margin-bottom:0px;
}
.SStitreEFP1, .SStitreEFP2, .SStitreEFP3, .SStitreEFP4, .SStitreEFP5, .SStitreEFP6, .SStitreEFP7, .SStitreEFP8, .SStitreEFP9, .SStitreEFP10, .SStitreEFP11, .SStitreEFP12, .SStitreEFP13, .SStitreEFP14, .SStitreEFP15, .SStitreEFP16 {
	margin-left:10px;
}
#presflashSaga{
	position:relative;
	float:left;
}
#flashPres{
	margin-left:10px
}
.tableGroupe{
	font-size:11px;
	width:300px;
	text-align:center;
}
table.tableGroupe {
background-color:#673301;
}
table.tableGroupe th {
color:#FFFFFF;
font-size:0.7em;
}
table.tableGroupe td {
background-color:#DED4CA;
}
table.tableGroupe th, table.tableGroupe td {
padding:3px;
}
#ContRecrutement{
	position:relative;
	float:left;
	width:314px;
	margin:0px 10px 20px 0px;
}
#presentTxtRecrutement{
	float:left;
	font-size:10px;
	margin-left:10px;
	position:relative;
	width:200px;
	line-height:1.3;
}
.Postuler{
	background-color:#c2bab0;
}
#titreAssos{
	margin-left:225px;
}
#contenuAssos{
	background:transparent url(../images/xml/associations/bas.jpg) no-repeat scroll right bottom;
	height:1080px;
	padding-bottom:0px;
	padding-bottom:80px;
}
#contAssos{
	width:700px;
	position:relative;
	float:left;	
}
.imageCoulPres{
	position:relative;
	float:left;
	width:450px;
	border-bottom:2px solid #663300;
	margin-bottom:10px;
	padding-bottom:2px;
}
.DevenirFranchise, .DevenirFranchise_us{
	background-color: transparent;
	background-repeat: no-repeat;
	height: 53px;
	color: #000000;
	font-weight: bold;
	border: 0px none;
	cursor:hand;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}
.DevenirFranchise{
	background-image: url(../images/xml/devenir-franchise/devenir-franchise0.jpg);
	width: 217px;
}
.DevenirFranchise_us{
	background-image: url(../images/xml/devenir-franchise/devenir-franchise1.jpg);
	width:270px;
}

img.option{
border: 1px White solid;
}
#VisuelsInternational{
	clear:both;
	float:left;
	display:inline;
}
.gaucheENP{
	position:relative;
	float:left; 
	width:205px; 
	margin-right:10px;
}
/*************************/
/****MENU PLAN DU SITE****/
/*************************/
#plandusite ul, #plandusite ul ul{
	margin-left:30px;
	padding:0px;
}
#plandusite ul li, #plandusite ul ul li{
	padding:0px;
}
#plandusite ul li a{
	text-decoration:none
}
#plandusite ul li a:hover{
	text-decoration:underline;
}