@charset "UTF-8";
/**
* CSS document
* 
* @version 10/09
* @author www.nikitaconcept.com
* @author Serge Tassignon
*/

body {
	behavior: url("csshover3.htc");
}
/**AREA*/

#area {
	background-color: #FFFFFF;
	width: 960px;
	height:288px;
	margin: auto;
	overflow: hidden;
	margin: 16px 0 8px 0;
	padding:0 0 0 0;
	background-image: url(../imports/area-test.jpg);
}
#arealangues {
	display:block;
	float: left;
	width:960px;
	height: 270px;

	padding: 220px 0 0 26px;
}
#FR {
	background-image: url(../imports/bouton-vert-langues.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 58px;
	height: 47px;
	margin: 0 0 0 0px;
	float: left;
	margin: 0 1px 0 0;
}
#FR:hover {
	background-repeat: no-repeat;
	background-position: 0px -46px;
}
#NL {
	background-image: url(../imports/bouton-vert-langues.jpg);
	background-repeat: no-repeat;
	background-position:-59px 0;
	overflow: hidden;
	width: 58px;
	height: 47px;
	margin: 0 0 0 0px;
	float: left;
	margin: 0 1px 0 0;
}
#NL:hover {
	background-repeat: no-repeat;
	background-position:-59px -46px;
}
#UK {
	background-image: url(../imports/bouton-vert-langues.jpg);
	background-repeat: no-repeat;
	background-position:-118px 0;
	overflow: hidden;
	width: 58px;
	height: 47px;
	margin: 0 0 0 0px;
	float: left;
	margin: 0 1px 0 0;
}
#UK:hover {
	background-repeat: no-repeat;
	background-position:-118px -46px;
}
/**AREA MENU*/
.areamenu {
	margin:0 0 0 5px;
	padding:0px;
	float: left;
}
.areamenu ul {
	list-style:none;
}
.areamenu li {
	float:left;
	list-style:none;
	line-height:47px;
}
.areamenu li a {
	background-image:url(../imports/bouton-vert-FFF.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width: 176px;
	margin:0px;
	padding:0px 0px;
	color: #ffffff;
}
.areamenu li a:hover {
	background-image:url(../imports/bouton-vert-FFF.jpg);
	background-repeat: no-repeat;
	background-position: left -47px;
	display:block;
	color: #ffffff;
}
.areamenu li ul {
	background-color:#e3e3e3;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:166px;
	margin: 0 0 0 5px;
	z-index:99;
}
.areamenu li ul a {
	color: #606060;
	line-height:22px;
	text-align:left;
}
.areamenu li ul a:hover {
	color: #74bd3f;
}
.areamenu li li {
	height: 22px;
}
.areamenu li:hover ul {
	display:block;
}
.areamenu li li {
	display:block;
	float:none;
	width:166px;
	margin: 0 0 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.areamenu li:hover li a {
	background:none;
}
.areamenu p {
	clear:left;
}
/** NEWS */
.news {
	display: block;
float:left;
	width: 390px;

	height: 147px;
}
.promo {
	background-image: url(../imports/fond-orange-promo.jpg);
	background-repeat: repeat;
	position: relative;
	float: left;
	margin-top: 12px;
	height: 126px;
	width: 390px;
	text-align: center;
	vertical-align: bottom;
	overflow: auto;
	border-width: 1px;
	border-top-color: #f5a44a;
	border-right-color: #f5a44a;
	border-bottom-color: #974a1c;
	border-left-color: #974a1c;
}
/**OSEZ*/
#infosdroitedeuxclub {

	background-repeat:no-repeat;
	width: 558px;
	height:325px;
	display: block;
	float: right;
	padding: 0 0 0 0;
}
#oseztable {
	padding: 0 6px 0 6px;
}
#boutonsympa {
	background-image: url(../imports/bouton-orange-3.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 346px;
	margin: 0 0 0 0px;
	height: 42px;
	float: left;
}
#boutonsympa:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
.link {
	float: left;
	height: auto;
	width: 100%;
}
.link div {
	float: left;
	height: 33%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 0 0 4px 0;
}
#boutoncours {
	background-image: url(../imports/bouton-gris-cours.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutoncours:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#boutonunique {
	background-image: url(../imports/bouton-orange-unique.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutonunique:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#boutoncocoon {
	background-image: url(../imports/bouton-vert-cocoon.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutoncocoon:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

/**VOS PROGRAMMES - div pour les boutons de droite + le bandeau titre vert*/

#programmes {
background-color:#FFFFFF;
	width: 200px;
	height: 325px;
	display: block;
	float: right;
	padding: 0 6px 0 6px;
}

#boutonlessmills {
	background-image: url(../imports/bouton-lessmills.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutonlessmills:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#boutoncourscollectifs {
	background-image: url(../imports/bouton-gris-cours-collectifs.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutoncourscollectifs:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#boutonfitness {
	background-image: url(../imports/bouton-orange-fitness.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutonfitness:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

.visuelinfo {
	position: absolute;
	top: -18px;
	left: -48px;
	z-index:20;
}


/**LA VIE DU CLUB*/
#visuelnewclub {
	background-image: url(../imports/nouveauclub.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 98%;
	margin: 21px 0 2px 0px;
	padding:0 0 0 6px;
	height: 123px;
	float: left;
}
#boutonnewsletter {
	background-image: url(../imports/bouton-vert-newsletter.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 6px 12px;
	height: 42px;
	float: left;
}
#boutonnewsletter:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#boutoninscription {
	background-image: url(../imports/bouton-vert-site.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutoninscription:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
.lavieduclubcol {
	display: block;
	float: left;
	width:307px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
}
.lavieduclubcolDr {
	display: block;
	float: left;
	width:307px;
	min-height: 278px;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
	border-left: 1px;
		border-left: #a1a1a1 1px dotted;
}

#boutonvideo {
	background-image: url(../imports/bouton-vert-video.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 10px;
	height: 42px;
	float: left;
}
#boutonvideo:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

#boutongriscontact {
	background-image: url(../imports/bouton-gris-contacter.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutongriscontact:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
/**VOTRE AVIS*/
.infosdroitedeuxavis {
position: relative;
	background-image:url(../imports/ombre-titre.jpg);
	background-repeat:repeat-x;
	width: 558px;
	height:auto;
	display: block;
	float: right;
	padding: 0 0 0 0;
}
.votreaviscol {
	display: block;
	width: 266px;
	height: 100%;
	overflow: visible;
	float: left;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
}
#vote {
	display: block;
	position: relative;
	width: 206px;
	height: auto;
	float: left;
	margin: 0 18px 12px 18px;
	padding: 0 12px 0 12px;
	border: solid 1px #999999;
}
.votreaviscolDr {
	display: block;
	width: 266px;
	height: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
		border-left: #a1a1a1 1px dotted;

}
#twitterleft {
	background-image: url(../imports/twitter36.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 110px;
	margin: 0 0 0 0px;
	float: left;
	height: 33px;
	margin: 0 10px 0 0;
}
#twitterleft:hover {
	background-repeat: no-repeat;
	background-position: 0px -33px;
}
#facebookleft {
	background-image: url(../imports/facebook36.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 87px;
	margin: 0 0 0 0px;
	float: left;
	height: 33px;
	margin: 0 10px 0 0;
}
#facebookleft:hover {
	background-repeat: no-repeat;
	background-position: 0px -33px;
}

#facebookcenter {
background-image: url(../imports/facebook36.jpg);
background-repeat: no-repeat;
overflow: hidden;
width: 87px;
margin: 8px 0 8px 60px;
float: left;
height: 33px;
padding: 0px;
}
#facebookcenter:hover {
background-repeat: no-repeat;
background-position: 0px -33px;
}

/**EMPLOI*/

#boutonemploi {
	background-image: url(../imports/bouton-vert-emploi.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 12px 0px;
	height: 42px;
	float: left;
	text-align: center;
}
#boutonemploi:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
/**FRANCHISE*/
#franchise {
	background-color:#FFFFFF;
	position: absolute;
	float: left;
	width: 380px;
	height:auto;
	overflow: hidden;
	margin: 48px 0 0 24px;
	padding:0 0 0 6px;
}
#infostroisfranchise {
	background-image:url(../imports/franchise-porshe.gif);
	background-repeat:no-repeat;
	width: 100%;
	height: 312px;
	display: block;
	float: left;
	margin: 12px 0 12px 0;
	padding: 0 0 0 0;
	overflow:visible;
	background-position: right 40px;
}


/**AREA FRANCHISE - LAYOUT CERCLES*/

#boutonfranchise {
	background-image: url(../imports/bouton-vert-franchise.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 12px 0px;
	height: 42px;
	float: left;
	text-align: center;
}
#boutonfranchise:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
/**AREA FRANCHISE - LAYOUT CERCLES*/
#areafranchise {
	background-image: url(../imports/area-home-franchise.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	width: 960px;
	height:288px;
	overflow: hidden;
	margin: 16px 0 8px 0;
	padding:0 0 0 0;
}
#contentareafranchise {
	float: left;
	width: 230px;
	height:114px;
	position: absolute;
	overflow: hidden;
	margin: 174px 0 0 212px;
	padding:0 0 24px 0;

}

/**PARTENAIRES*/

#partenaires {
background:#FFF;
	float:left;
	width:auto;
	margin:0 6px 0 6px;
	padding: 0 0 0 0;
	overflow: visible;
}
/**AREA BOTTOM*/
#areabottom {
	background-image: url(../imports/area-bottom.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	width: 960px;
	height:288px;
	overflow: hidden;
	margin: 16px 0 8px 0;
	padding:0 0 0 0;
}


.infosdroitejobavis {
position: relative;
background:#FFF;

	background-repeat:repeat-x;
	width: 275px;
	height:435px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin-left:10px;
}


#boutoncandidature {
	background-image: url(../imports/bouton-orange-candidature.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutoncandidature:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

#boutonjobiste {
	background-image: url(../imports/bouton-orange-jobiste.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutonjobiste:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}



#boutonstage {
	background-image: url(../imports/bouton-orange-stage.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	width: 180px;
	margin: 2px 0 2px 0px;
	height: 42px;
	float: left;
}
#boutonstage:hover {
	background-repeat: no-repeat;
	background-position: 0px -42px;
}