body{
padding:0;
margin:0;
border:0;
height:100%;
font:bold 62.5% Verdana,Arial;
text-align:justify;
background-color:#fff;
background: url(../img/fond.jpg) repeat-x;
color:#fff;}

div#conteneur {
width:880px;
height:745px;
border:0;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}

ul{list-style-type:none;}
img{
display:inline;
border:0;
}
img.entete {
border:0;
display:block;
padding:0;
margin-top:-28px;
}


div#header{
background: url(../img/header.jpg) no-repeat;
height:185px;
}

div#langue{
float:right;
margin-top: 147px;
margin-right:26px!important;
margin-right:15px;

}


.mfl{float:left; border-right:2px solid #fff}
.mflb{float:left; border-right:2px solid #fff}
.mfls{float:left; border-right:2px solid #fff}
.mflx{float:left; border-right:2px solid #fff}
.mflz{float:left; border-right:2px solid #fff}
.mfll{float:left;}


li.mfl a{width:132px;}
li.mflb a{width:112px;}
li.mfls a{width:163px;}
li.mflx a{width:168px;}
li.mflz a{width:136px;}
li.mfll a{width:154px;}


ul#menu {
height:46px;
padding:0;
margin:0;
background-image:url(../img/menu.jpg);
background-repeat:repeat-x;
color:#fff;
font-size:1.3em;
}

ul#menu li a:hover{
background-image:url(../img/menu-over.jpg);
background-repeat:repeat-x;
text-decoration:none;
color:#fff;
}

ul#menu li{text-align:center;}

ul#menu li a{
line-height:46px;
font-size:0.9em;
color:#fff;
display:block;
text-decoration:none;
}

a.actif{
background-image:url(../img/menu-over.jpg);
background-repeat:repeat-x;
font-weight:bold!important;
color:#fff!important;
}

.bo{border-top:1px solid #fff;}

.bo1{border-top:1px solid #fff;
margin: 0 0 0 0;
}

.bo2{border-top:1px solid #fff;
margin: 0 0 0 0;
}

.ssmenu li a{
padding:0 19px 0 19px;
width:180px;
text-align:left;
height:46px;
border:none!important;
margin:0!important;
background-image:url(../img/menu.jpg);
background-repeat:repeat-x;
}


ul#smenu0,ul#smenu1,ul#smenu2{
display: block;
display: none;
padding : 0;
margin:0;
position : absolute;
top : 231px;
left:auto;
z-index:1000;
}

div#left {
	background-color:#FFFFFF;
	background-image:url(../img/module-left.jpg);
	background-repeat:no-repeat;
	height:394px;
	width:136px;
	margin:0 0 0 0;
	float:left;
	}
	
	
#prelist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#172983;
	list-style: none;
	padding: 55px 8px 5px 5px;
	}
	
#prelist li {
    float:left;   
	list-style: none;
    width:124px;
    display:block;
	text-align:left;
	font-size:10px;
	text-decoration:none;
	color: #172983;
    padding:4px 0 1px 0;
	margin-left:8px;
	}	
	
#prelist li.plus {
	font-size:7px;
	text-align:left;
	color:#000000;
	margin-left:60px;
	padding-top:3px;
	}
	
	
#livre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#172983;
	list-style: none;
	padding: 130px 10px 5px 5px;
	}
	
#livre li {
    float:left;   
	list-style: none;
    width:115px;
    display:block;
	text-align:left;
	font-size:10px;
	text-decoration:none;
	color: #172983;
    padding:6px 4px 5px 0;
	margin-left:10px;
	}	
	
#livre li.plus {
	font-size:7px;
	text-align:left;
	color:#000000;
	margin-left:60px;
	}
	
	
div#page{
	background-color: #ffffff;
	height:394px;
	width:608px;
	margin:0 0 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#172983;
	}	
	
#intro {
	height:70px;
	padding: 15px 10px 20px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#172983;
	text-align:justify;
	font-weight:100;
	line-height:110%;
	}
		
.cpack {
	height:150px;
	width:304px;
	float: left;
     background: transparent  url(../img/module-lochover.jpg);
	 background-repeat:no-repeat;
}
.cpack a {
     display: block;
     width: 100%;
     height: 100%;
     background:  url(../img/module-loc.jpg);
	 background-repeat:no-repeat;
}
.cpack a:hover {
     background: transparent none;
}
	
	

	
.clocation {
	height:150px;
	width:304px;
	float: right;
    background: transparent   url(../img/module-courshover.jpg);
	background-repeat:no-repeat;
}
.clocation a {
     display: block;
     width: 100%;
     height: 100%;
     background:   url(../img/module-cours.jpg);
	 background-repeat:no-repeat;
}
.clocation a:hover {
     background: transparent none;
}
	


#menact {
	height:40px;
	width:608px;
	float:left;
	padding-top:10px;
	}

#activite {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	}
	
#activite li {
	display:inline;
	color:#172983;
	margin:0;
	padding:0;
	}
		
	
#activite li  a {
	padding: 20px 20px ; 
    line-height: 30px; 
    text-align: center ; 
    text-decoration: none ; 
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#172983;
	}

#activite li a:hover {
	color:#a4d21a;
	}

	
.rollover {
	float:left;
	padding:0;
	margin:0;
     width: 608px;
     height: 50px;
     background: transparent url(../img/boutonnouvo.jpg) no-repeat;
}
.rollover a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../img/boutonnouvohover.jpg) no-repeat;
}
.rollover a:hover {
     background: transparent none;
}
	
	
	
#question {
	height:50px;
	width:608px;
	float:left;
	padding-top:10px;
	margin:0;
	text-align: center ; 

	}
	
#question a{
    text-decoration: none ; 
	font-size:22px;
	line-height: 35px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#172983;
	}
	
#question a:hover{
	color:#a4d21a;
	}

	
div#right{
background-color:#fff;
	height:394px;
	width:136px;
	margin:0 0 0 0;
	float:right;
	}
	
#contact li {
    float:right;   
    width:136px;
    display:block;
    background:transparent url(../img/boutoncontact.jpg) no-repeat center;
	margin: 0 0 0 0;
	padding:0;
	}
	
	
#contact li a{
	display:block;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color: #172983;
    padding:16px 0px 16px 0px;
	}
	
#contact li a:hover	{
	background: transparent url(../img/boutoncontactover.jpg) no-repeat center;
	}
	
#exclu {
	display:block;
	width:136px;
	height:224px;
	float:left;
	margin-top:10px;
	}
	
	
	
div#foot{
	background-color:#FFFFFF;
	height:115px;
	width:880px;
	margin:0 0 0 0;
	float:left;
	}
	


#pied{
color:#172983;
text-align:center;
margin: 0 0 0 0;
line-height:20px;
padding:3px;
background-color:#FFFFFF;
}

#pied a{
	color:#172983;
	text-decoration:none;
	font-size:10px;
	}
	
#pied a:hover{
	color:#a4d21a;
	}