body,html
{
	margin: 0px;
	padding:0px;
	font-family:Tohoma,Arial;
	font-size:12px;
	background:url(../images/interface/fond.png) repeat top left;
}

img {border:none;}

*:focus { outline: none }

hr, .clearAll {clear: both;width:1px;color:#ffffff;}

#conteneur
{
	width:100%;
	height:100%;
	margin:auto !important;
	text-align:center;
}

/*//////////////////// GENERAL //////////////////////////*/

#hautContenu
{
	margin:auto !important;
	Width:905px;
	height:14px;
	background:url(../images/interface/hautContenu.png) no-repeat top center;
}

#contenu
{
	background:url(../images/interface/contenu.png) repeat-y top center;
}

#ban
{
	width:905px;
	height:96px;
	padding-left:14px;
	margin:auto !important;
}

#ban img
{
	float:left;
	
}

#ban span
{
	float:right;
	text-align:right;
	margin-right:15px;
}

#ban a
{
	text-decoration:none;
	color:#000;
}

#ban a:hover
{
	text-decoration:underline;
	color:#000;
}

/* NAV */
#navigation
{
	list-style: none;
	width:905px;
	height:40px;
	margin:auto;
	margin-top:5px;
	margin-bottom:7px;
}

#navigation a
{
	display:block;
	width:180px;
	height:30px;
	color:#959595;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	border-top:2px #c1c0bf solid;
	border-bottom:2px #c1c0bf solid;
	border-left:1px #c1c0bf solid;
	float:left;
	padding-top:4px;
	background:url(../images/interface/fondNav.png) no-repeat top left;
}

#navigation a:hover
{
	color:#959595;
	background:#FFFFFF;
}
/*//////////*/

/* Menu */

.menuGauche {
	text-align:left;
	width: 183px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background:#FFFFFF;
}
.menuGauche span
{
	color:#959595;
	text-align:center;
	font-size:25px;
	display:block;
	width:183px;
	height:30px;
	background:#c1c0bf;
}
.menuGauche h3 {
	color:#000000;
	width:180px;
	height:29px;
	padding-top:3px;
	padding-left:3px;
	background:url(../images/interface/fondMenu.png) no-repeat top left;
	margin: 0;
	cursor: pointer;
	font-weight:100;
}
.menuGauche h3:hover {
	background:url(../images/interface/fondMenuHover.png) no-repeat top left;
}
.menuGauche h3.active {
	background:url(../images/interface/fondMenuActive.png) no-repeat top left;
}
.menuGauche h3.active:hover {
	background:url(../images/interface/fondMenuActiveHover.png) no-repeat top left;
}
.menuGauche p {
	background: #faf7f4;
	margin: 0;
}
.menuGauche p a {
	display:block;
	color:#546eb0;
	text-decoration:none;
	margin-left:15px;
	margin-bottom:5px;
}
.menuGauche p a:hover {
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin-left:20px;
	margin-bottom:5px;
}
#corps
{
	text-align:left;
	width:905px;
	margin:auto;
}

#basContenu
{
	margin:auto;
	Width:905px;
	height:14px;
	background:url(../images/interface/basContenu.png) no-repeat top center;
}

/*//////////////////// ACCUEIL //////////////////////////*/

.collections
{
	width:475px;
	height:200px;
	border:2px #969696 solid;
	margin-top:10px;
	margin-left:10px;
	float:left;
	background:url(../images/interface/bg.png) no-repeat top right;
	display:block;
	text-decoration:none;
	color:#000;
}

.collections:hover
{
	height:200px;
	border:2px #969696 solid;
	background:url(../images/interface/bgHover.png) no-repeat top right;
}

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

.textColl
{
	font-size:35px;
	text-align:center;
	height:185px;
}

.textColl:hover
{
	font-size:35px;
	text-align:center;
	height:185px;
	cursor:pointer;
}

.salonAcc
{
	width:390px;
	height:200px;
	border:2px #969696 solid;
	margin-top:10px;
	margin-left:10px;
	float:left;
	background:url(../images/interface/bg.png) no-repeat center right;
}

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

#diapoSalon
{
	float:left;
	margin-right:10px;
}

.textSalonAcc
{
	font-size:30px;
	text-align:left;
	margin-top:10px;
}

.salonAcc form
{
	margin-left:10px;
	margin-top:10px;
	float:left;
}

.envoiSalon
{
	margin-top:10px;
}

.centre
{
	float:left;
}

.textAccueil
{
	width:425px;
	height:197px;
	margin-top:10px;
	margin-left:10px;
	background:url(../images/interface/bg.png) no-repeat bottom center;
	text-align:justify;
	padding:3px;
}

.textAccueil b
{
	font-size:20px;
	font-weight:100;
	margin-bottom:3px;
}

.textAccueil span
{
	font-size:16px;
	font-weight:100;
	line-height:25px;
}

.offresAcc
{
	width:244px;
	height:256px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	color:#ff9900;
	font-size:30px;
	text-align:center;
	background:url(../images/interface/bg.png) no-repeat top left;
	text-decoration:none;
}

.offresAcc:hover
{
	width:244px;
	height:256px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	color:#ff9900;
	font-size:30px;
	text-align:center;
	background:url(../images/interface/bgHover.png) no-repeat top left;
}

.astucesNews
{
	float:left;
}

.astuces
{
	width:174px;
	height:146px;
	margin-top:10px;
	margin-left:10px;
	color:#004fa2;
	font-size:30px;
	text-align:center;
	font-weight:700;
	background:url(../images/interface/fondAstuces.png) no-repeat top left;
	padding-top:20px;
	display:block;
	text-decoration:none;
}

.astuces:hover
{
	background:url(../images/interface/fondAstucesHover.png) no-repeat top left;
}

.news
{
	width:169px;
	height:74px;
	margin-top:10px;
	margin-left:10px;
	color:#004fa2;
	font-size:12px;
	font-weight:700;
	background:url(../images/interface/bg.png) no-repeat top left;
	padding-top:5px;
	padding-left:5px;
}

.news form
{
	margin-top:10px;
}

.news .rech
{
	width:112px;
	border:none;
	background:url(../images/interface/inputRech.png) no-repeat top left;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	margin:0px;
	float:left;
}

.news .ok
{
	width:28px;
	border:none;
	height:30px;
}

.images
{
	width:251px;
	height:376px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

.recrute
{
	display:block;
	width:251px;
	height:80px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	color:#004fa2;
	font-size:20px;
	font-weight:700;
	text-decoration:none;
}

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

/*//////////////////// pages //////////////////////////*/
.banPage
{
	height:100px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	display:block;
	text-decoration:none;
	background:#717171;
}

.banPage span
{
	color:#ffffff;
	font-size:40px;
	padding-top:50px;
	padding-left:10px;
	display:block;
}

.contenuPage
{
	width:690px;
	margin-top:10px;
	margin-left:10px;
	border-left:2px #969696 solid;
	float:left;
}

.contenuPage h3
{
	margin-top:10px;
	margin-left:10px;
	Font-size:26px;
	display:block;
	border-bottom:3px #969696 solid;
	font-weight:100;
	color:#004fa2;
	margin-bottom:10px;
}

.contenuPage .lien
{
	text-align:center;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#004fa2;
}

.contenuPage .lien:hover
{
	text-align:center;
	display:block;
	text-decoration:underline;
	color:#004fa2;
}

.contenuPage p
{
	text-decoration:none;
	text-align:justify;
	text-indent:10px;
	font-size:16px;
}

.contenuPage form
{
	margin-left:140px;
}

.contenuPage label
{
	display:block;
	color:#004fa2;
	Font-size:16px;
	border-bottom:2px solid #969696;
	width:350px;
	margin-bottom:5px;
}

.contenuPage input, .contenuPage select
{
	margin-left:10px;
	margin-bottom:10px;
	display:block;
	width:340px;
}

.contenuPage #adresse
{
	margin-left:10px;
	margin-bottom:10px;
	display:block;
	width:340px;
}

.contenuPage #message
{
	margin-left:10px;
	margin-bottom:10px;
	display:block;
	width:340px;
	height:150px;
}


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


/*//////////////////// SALON //////////////////////////*/

.banPageSalon
{
	width:475px;
	height:200px;
	border:2px #969696 solid;
	margin-top:10px;
	margin-left:10px;
	float:left;
	background:url(../images/interface/banSalon.png) no-repeat top right;
	display:block;
	text-decoration:none;
}

.salon
{
	float:none;
	display:block;
}

.salon div
{
	width:329px;
	height:210px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	color:#000;
	font-size:16px;
	border-bottom:1px solid #CCC;
}

.salon div span
{
	font-size:20px;
	font-weight:700;
	color:#004fa2;
	display:block;
	margin-bottom:5px;
}

.salon div b
{
	font-size:16px;
	font-weight:700;
	display:block;
	margin-top:5px;
}

.salon a
{
	position:relative;
	text-decoration:none;
}

.salon  
{
	text-align:center;
}

.salon .horaires b {
	color: #000000;
	width:150px;
	text-decoration: none;
	font-weight: 100;
	cursor:pointer;
}

.salon .horaires em {
	background:url(../images/interface/bg.png) no-repeat top right;
	position: absolute;
	margin-left:100px;
	font-style: normal;
	z-index: 2;
	display: none;
	padding-left:10px;
	padding-right:10px;
	text-indent:0px;
}
/* //////////////////////////*/

/*//////////////////// FRANCHISE //////////////////////////*/

.textFranchise
{
	width:430px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	display:block;
}

.textFranchise img
{
	float:left;
}

.textFranchise font
{
	text-align:right;
	display:block;
	margin-bottom:15px;
	margin-top:-10px;
	font-weight:bold;
}

.franchiseType
{
	width:225px;
	margin-top:10px;
	margin-left:10px;
	background:#eaeaea;
	float:left;
	padding:5px;
}

.franchiseType b
{
	font-size:20px;
	text-align:center;
	display:block;
	color:#004fa2;
	margin-bottom:5px;
}

.franchiseType span
{
	font-size:16px;
	display:block;
	color:#717171;
	font-weight:bold;
}

.franchiseType em
{
	font-size:14px;
	display:block;
	color:#ff9900;
	font-weight:bold;
	font-style:normal;
	text-indent:10px;
}
/* //////////////////////////*/

/*//////////////////// CONTACT //////////////////////////*/
.adresse
{
	background:#eaeaea;
	height:110px;
	margin:0;
}

.adresse img
{
	float:right;
	margin-top:10px;
}

.adresse span
{
	display:block;
	margin-left:10px;
	font-size:14px;
	color:#717171;
	float:left;
}

.adresse span b
{
	font-size:16px;
	color:#000000;
}

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

/*//////////////////// OFFRES //////////////////////////*/

.offres div
{
	height:150px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	font-size:16px;
	border-bottom:1px solid #CCC;
	text-decoration:none;
}

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

.offres b
{
	display:block;
	color:#004fa2;
	font-size:20px;
	margin-bottom:5px;
	text-indent:10px;
}

.offres span
{
	display:block;
	height:95px;
	color:#000;
	font-size:16px;
}

.offres a
{
	display:block;
	color:#717171;
	font-size:12px;
	text-decoration:none;
}

.offres a:hover
{
	display:block;
	color:#000;
	font-size:12px;
	text-decoration:underline;
}
/* //////////////////////////*/

/*//////////////////// OFFRES //////////////////////////*/

.evenements div
{
	height:175px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:17px;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	text-align:center;
}

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

.evenements b
{
	display:block;
	font-size:27px;
	margin-bottom:0px;
	text-indent:5px;
}
.evenements em
{
	display:block;
	margin-bottom:10px;
	margin-top:5px;
	text-indent:10px;
}
.evenements span
{
	display:block;
	height:85px;
	font-size:18px;
}

.evenements a
{
	display:block;
	font-size:18px;
	text-decoration:none;
}

.evenements a:hover
{
	display:block;
	font-size:18px;
	text-decoration:underline;
}
/* //////////////////////////*/

/*//////////////////// DA //////////////////////////*/
.contenuPage .DA img
{
	float:left;
	margin-right:10px;
}

.contenuPage .DA 
{
	background:url(../images/interface/bgDa.png) repeat-x bottom left;
	margin-left:10px;
	height:420px;
}

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

/*//////////////////// LE GROUPE //////////////////////////*/
.contenuPage .groupe
{
	margin-left:10px;
	text-align:center;
}

.contenuPage .groupe .ban
{
	float:left;
	margin-right:10px;
}

.contenuPage .groupe .slogan
{
	display:block;
	height:111px;
	color:#eb4700;
	font-size:30px;
	text-align:center;
	font-style:italic;
}

.contenuPage .groupe span
{
	display:block;
	height:111px;
	color:#000000;
	font-size:30px;
	text-align:center;
	font-style:italic;
	padding-top:10px;
}

.contenuPage .groupe font
{
	color:#ff0000;
}

.contenuPage .groupe .photoSalon
{
	float:left;
	margin-right:15px;
}

.contenuPage .groupe .enzo
{
	float:left;
	margin-right:11px;
}

.contenuPage .groupe .adresseEnzo
{
	font-size:23px;
	text-indent:0px;
}

.contenuPage .groupe .adresseEnzo a
{
	float:right;
}

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

/*//////////////////// MODELES //////////////////////////*/
.modeles div
{
	width:329px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	color:#000;
	font-size:16px;
	border-bottom:1px solid #CCC;
	background:url(../images/interface/bgDa.png) repeat-x bottom left;
}

.modeles div span
{
	font-size:20px;
	font-weight:700;
	color:#004fa2;
	display:block;
	margin-bottom:0px;
}

.modeles div b
{
	font-size:16px;
	font-weight:700;
	display:block;
	margin-top:0px;
}

.modeles  
{
	text-align:center;
}

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

.linkColl  {margin-left:40px;}
.linkColl a {color:#555555; text-decoration:none;}
.linkColl a:hover {color:#000; text-decoration:underline;}

.accordeon span
{
	text-decoration:none;
	font-size:16px;
	display:block;
	color:#000000;
	margin-left:20px;
	padding-left:15px;
	border-left:10px #004fa2 solid;
	margin-bottom:5px;
	cursor:pointer;
}

.accordeon span:hover
{
	text-decoration:none;
	font-size:16px;
	display:block;
	color:#000000;
	margin-left:20px;
	padding-left:5px;
	border-left:20px #004fa2 solid;
	margin-bottom:5px;
}

.accordeon .contenu
{
	width:600px;
	background:#DDDDDD;
	margin-left:20px;
	color:#ffffff;
	padding-bottom:5px;
	margin-bottom:10px;
}

.accordeon .contenu b
{
	display:block;
	font-size:20px;
	color:#969696;
	margin-left:10px;
}

.accordeon .contenu a
{
	font-size:20px;
	color:#969696;
	text-decoration:none;
}

.accordeon .contenu a:hover
{
	font-size:20px;
	color:#969696;
	text-decoration:underline;
}