@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;	
	font-family:Arial, Helvetica, sans-serif;
}

body{
	background-color: #e4e6e9;
	color:#3f4142;
	font-size:12px;
}

div{
	
}

#conteneur{
	position:relative;
	width: 1064px;
	height: auto;
	left:50%;
	top:0px;
	margin:0 0 0 -512px;
}





#conteneur #top, #conteneur #center, #conteneur #bottom{
	width:100%;
	float:left;
}

#conteneur #top #corner-top-left{
	width: 20px;
	height: 20px;
	background: transparent url(../medias/corner-top-left-2.png) left top no-repeat;
	float:left;
}

#conteneur #top #degrade-top{
	width: 1024px;
	height: 20px;
	background: transparent url(../medias/degrade-top-2.png) left top repeat-x;
	float:left;
}

#conteneur #top #corner-top-right{
	width: 20px;
	height: 20px;
	background: transparent url(../medias/corner-top-right-2.png) left top no-repeat;
	float:left;
}

#conteneur #center #degrade-left{
	width: 20px;
	height: auto;
	background: transparent url(../medias/degrade-left-2.png) left top repeat-y;
	float:left;
}

#conteneur #center #main{
	width: 1024px;
	height: auto;
	float:left;
	position:relative;
}

#conteneur #center #main #degrade-top-center{
	width: 100%;
	height: 350px;
	background: transparent url(../medias/degrade-fond-1.png) left top repeat-y;
	float:left;
	position:relative;
}

#conteneur #center #main #degrade-between{
	width: 100%;
	min-height: 60px;
	height:auto;
	background: transparent url(../medias/degrade-between.png) left top no-repeat;
	float:left;
	position:relative;
	
}

* html .container {
	height: 60px;
}

#conteneur #center #degrade-right{
	width: 20px;
	height: auto;
	background: transparent url(../medias/degrade-right-2.png) left top repeat-y;
	float:left;
	position:relative;
}

#conteneur #center #main #degrade-bottom-center{
	width: 100%;
	height: 230px;
	background: transparent url(../medias/degrade-fond-2.png) left top repeat-y;
	float:left;
	position:relative;
}

* html .container {
	height: 10px;
}

#conteneur #bottom #corner-bottom-left{
	width: 20px;
	height: 20px;
	background: transparent url(../medias/corner-bottom-left-2.png) left top no-repeat;
	float:left;
	position:relative;
}

#conteneur #bottom #degrade-bottom{
	width: 1024px;
	height: 20px;
	background: transparent url(../medias/degrade-bottom-2.png) left top repeat-x;
	float:left;
	position:relative;
}

#conteneur #bottom #corner-bottom-right{
	width: 20px;
	height: 20px;
	background: transparent url(../medias/corner-bottom-right-2.png) left top no-repeat;
	float:left;
}

#degrade-top-center #navigation{
	/*float:left;*/
	position: relative;
	width:1024px;
	top : 65px;
	
	z-index:100;
	/*background-color:#FFFF00;*/
}

*+html #degrade-top-center #navigation{
	
	top:-130px;
}

#bas-degrade{
	float:left;
	position:relative;
	width:1024px;
	height:130px;
}

#pinkBar{
	float:left;
	background-color:#7b0037;
	width: 1024px;
	height: 65px;
	position: relative;
}

#pinkBar a#logo{
	display: block;
	position: absolute;
	top:20px;
	left:20px;
	color:#ffffff;
	text-decoration:none;
}

#pinkBar a#labo{
	display: block;
	position: absolute;
	top:22px;
	right:20px;
}

#pinkBar-home{
	float:left;
	background-color:#7b0037;
	width: 1024px;
	height: 65px;
	position: relative;
}

#pinkBar-home #logo{
	display: block;
	position: absolute;
	top:20px;
	left:43px;
	color:#ffffff;
	text-decoration:none;
}

#pinkBar-home a#labo{
	display: block;
	position: absolute;
	top:22px;
	right:20px;
}

img#left-corner{
	float: left;
	
}

img#right-corner{
	float: right;
}

#navigation #yellow-star{
	position:absolute;
	right:250px;
	top:-20px;
}

#navigation ul#menu{
	width: 600px;
	height: 100px;;
	position: relative;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
}

li{
	list-style:none;
}
#navigation ul#menu li.menu,
#navigation ul#menu li.menu_on{
	width:200px;
	float:left;
}

#navigation ul#menu li#menu1{
	position: absolute;
	left:0;
	top:0;
	z-index:50;
}

#navigation ul#menu li#menu2{
	position: absolute;
	left:160px;
	top:0;
	z-index:50;
}

#navigation ul#menu li#menu3{
	position: absolute;
	left:324px;
	top:0;
	z-index:50;
}


#navigation ul#menu li#menu1 a{
	float:left;
	/*position: relative;*/
	background: transparent url(../medias/menu1-off.png) 5px 0px no-repeat;
	width: 187px;
	height: 64px;
	/*left:0;*/
}

#navigation ul#menu li#menu1 a.on
{
	float:left;
	background: transparent url(../medias/menu1-on.png) 5px 0px no-repeat;
	width: 187px;
	height: 64px;
	/*z-index:100;
	left:0;
	top:0;*/
}

#navigation ul#menu li#menu2 a{
	float:left;
	/*position: relative;*/
	background: transparent url(../medias/menu2-off.png) 4px 0px no-repeat;
	width: 199px;
	height: 67px;
	/*left:-40px;
	top:0;*/
}

#navigation ul#menu li#menu2 a.on{
	float:left;
	background: transparent url(../medias/menu2-on.png) 4px 0px no-repeat;
	width: 199px;
	height: 67px;
	/*z-index:100;
	left:-40px;
	top:0;*/
}

#navigation ul#menu li#menu3 a{
	float:left;
	/*position: relative;*/
	background: transparent url(../medias/menu3-off.png) 5px 0px no-repeat;
	width: 201px;
	height: 70px;
	/*left:-75px;
	top:0;*/
}

#navigation ul#menu li#menu3 a.on{
	float:left;
	background: transparent url(../medias/menu3-on.png) 5px 0px no-repeat;
	width: 201px;
	height: 70px;
	/*z-index:100;
	left:-75px;
	top:0;*/
}
#sousmenu1,
#sousmenu2,
#sousmenu3{
	position: relative;
	display:none;
	z-index:100;
	left:20px;
	top:-10px;
}

#sousmenu1 li,
#sousmenu2 li,
#sousmenu3 li{
	float:left;
	width:200px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_1 a{
	float:left;
	background: transparent url(../medias/sousmenu1_1-off.png) left top no-repeat;
	width: 126px;
	height: 17px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_1 a:hover,
#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_1 a.on{
	float:left;
	background: transparent url(../medias/sousmenu1_1-on.png) left top no-repeat;
	width: 126px;
	height: 17px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_2 a{
	float:left;
	background: transparent url(../medias/sousmenu1_2-off.png) left top no-repeat;
	width: 106px;
	height: 18px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_2 a:hover,
#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_2 a.on{
	float:left;
	background: transparent url(../medias/sousmenu1_2-on.png) left top no-repeat;
	width: 106px;
	height: 18px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_3 a,
#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_3 a{
	float:left;
	background: transparent url(../medias/sousmenu1_3-off.png) left top no-repeat;
	width: 99px;
	height: 20px;
}

#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_3 a:hover,
#navigation ul#menu li#menu1 ul#sousmenu1 #sousmenu1_3 a.on,
#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_3 a:hover,
#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_3 a.on{
	float:left;
	background: transparent url(../medias/sousmenu1_3-on.png) left top no-repeat;
	width: 99px;
	height: 20px;
}

#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_1 a{
	float:left;
	background: transparent url(../medias/sousmenu2_1-off.png) left top no-repeat;
	width: 124px;
	height: 18px;
}

#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_1 a:hover,
#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_1 a.on{
	float:left;
	background: transparent url(../medias/sousmenu2_1-on.png) left top no-repeat;
	width: 124px;
	height: 18px;
}

#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_2 a{
	float:left;
	background: transparent url(../medias/sousmenu2_2-off.png) left top no-repeat;
	width: 55px;
	height: 20px;
}

#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_2 a:hover,
#navigation ul#menu li#menu2 ul#sousmenu2 #sousmenu2_2 a.on{
	float:left;
	background: transparent url(../medias/sousmenu2_2-on.png) left top no-repeat;
	width: 55px;
	height: 20px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_1 a{
	float:left;
	background: transparent url(../medias/sousmenu3_1-off.png) left top no-repeat;
	width: 169px;
	height: 18px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_1 a:hover,
#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_1 a.on{
	float:left;
	background: transparent url(../medias/sousmenu3_1-on.png) left top no-repeat;
	width: 169px;
	height: 18px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_2 a{
	float:left;
	background: transparent url(../medias/sousmenu3_2-off.png) left top no-repeat;
	width: 161px;
	height: 18px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_2 a:hover,
#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_2 a.on{
	float:left;
	background: transparent url(../medias/sousmenu3_2-on.png) left top no-repeat;
	width: 161px;
	height: 18px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_3 a{
	float:left;
	background: transparent url(../medias/sousmenu3_3-off.png) left top no-repeat;
	width: 156px;
	height: 18px;
}

#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_3 a:hover,
#navigation ul#menu li#menu3 ul#sousmenu3 #sousmenu3_3 a.on{
	float:left;
	background: transparent url(../medias/sousmenu3_3-on.png) left top no-repeat;
	width: 156px;
	height: 18px;
}

li.current #sousmenu1,
li.current #sousmenu2,
li.current #sousmenu3{
	display:block;
}

#content{
	/*float:left;*/
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
	top:50px;
	left:0;
}

#mention a{
	color:#7b0037;
	text-decoration:none;
}

#flash{
	/*float:left;
	position:relative;
	z-index:10;	*/
	text-align:center;
}

#footer{
	position:absolute;
	bottom:0;
	width: 840px;
	height: auto;
	left:50%;
	margin:0 0 0 -432px;
	/*text-align:center;*/
	z-index:1;	
}

#footer p{
	color:#7b0037;
	font-size:9px;
	text-align:center;
}

#footer a{
	color:#7b0037;
	font-size:9px;
	text-decoration:none;
}

.bold{
	font-weight:bold;
}