body
{
	background-color: #000000;
	background-image: url(../interface/bodybg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin: 0 auto;
	
}
p { font-size:13px; text-align:justify;}
/* ------- Pour le Slide Show ------*/
.Caption {
font-family: Trebuchet Ms;
font-size: 16px;
padding:5px;
color:      #fff;
	text-decoration: underline;
width: 400px;
margin: 0 auto;
}

.Captxt{border-bottom: #666666 2px solid;}

.style2 {color: #fff;
	width: 400px;
	height: 280px;
	text-decoration: underline overline;
	padding: 5px;
	
}


/* ------ Contenu Général -----*/ 
 
#cms h1 
{
	display:block
}
h3
{
	font-family: Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	background-image: url(../interface/rsep.jpg);
	background-position: center bottom;
	background-repeat: no-repeat; 
}

h1
{
	display:none;
}


/* ----- Wrapper -----*/

#Wrapper
{
	width: 100%;
	margin: 0 auto;
	padding:0;
}
#Wrapper .clear
{
	clear:both; 
}
#Wrapper #Clr
{
	clear: both;
}
/* ----- Masthead ------ */  


#Wrapper #Masthead
{
	width: 100%;
	height: 206px;
	background-image: url(../interface/mast01.jpg);
	background-repeat: repeat-x;
	padding: 0;
}
 #Wrapper #Masthead #Top
{
	background-color:#F3F2E7;
	background-color: #F1EDE2;	
	width: 100%;
	height: 100px;	
	background-image: url(../images/menubg.jpg);
	background-repeat: repeat-x;
}
 
 #Wrapper #Masthead #Top #Flash
 {
 	float:left;
 }
#Wrapper #Masthead #Top #Links 
{
	width: 500px;
	float: right;
	
}
#Wrapper #Masthead #Top #Links2 
{
	width: 600px;
	margin-top: 50px;
	float: right;
}
#Wrapper #Masthead #Top #Links2 a
{
	font-family:Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	background-image: url(../images/abg.png);
	background-repeat: repeat-x;
	padding-left: 20px;
	padding-right: 20px;
	border: #FFFFFF 1px solid;
	border-bottom: none;
}	

#Wrapper #Masthead #Top #Links2 a:hover
{	
	font-family: Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
#Wrapper #Masthead #Top #Links a
{
	font-family:Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin: 8px;
	text-decoration: none;
	background-image: url(../images/abg.png);
	background-repeat: repeat-x;
	padding: 8px;
	line-height: 30px;
	border: #FFFFFF 1px solid;
}	

#Wrapper #Masthead #Top #Links a:hover
{	
	font-family: Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

#Wrapper #Masthead #Mid
{
	width: 100%;
	height: 127px;
	margin:0 auto;
	padding: 0;
	clear: both;
}
	
#Wrapper #Masthead #Mid #Left
{
	width: 169px;
	height: 127px;
	margin:0;
	padding: 0;
	float: left;
}

#Wrapper #Masthead #Mid #Right
{
	width: 83%;
	height: 127px;
	margin:0;
	padding: 0;
	float: right;
	background-image: url(../interface/banner_repeat.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}


/* ------- Contenu -------*/  

/* ------- PreAccueil -------*/  
#PreAccueil
{	
	margin: 200px auto;
	width: 650px;
}

#PreAccueil img
{	
	vertical-align: middle;

}

#Wrapper #Contenu
{
	width: 960px;
	height: auto;
	margin: 30px auto;
	clear:both;
}

#Wrapper #Contenu #Left
{ 
	width: 730px;
	height: auto;
	margin: 0 auto;
	padding: 0 ;
	display:inline;
	float: left;
}
#Wrapper #Contenu #Left .imgstyle 
{
 
	margin: 3px;
	padding: 3px;
	float: left;
}
#Left .txt
{
	padding: 15px;
	text-align: center;
}
#Left .imgstyle2 
{
	border: #FFCC00 1px solid;
	margin: 3px;
	padding: 3px;
	float: left;
}
 
#Left a img:hover 
{
	filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}

#Wrapper #Contenu #Left .sepImg
{
	border: 0;
	padding: 0;
	background-image: url(../interface/images_sep.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 10px;
	height: 264px;
	float: left;
}
#Wrapper #Contenu #Right
{
	
	width: 212px;
	margin: 3px;
	padding: 3px;
	float: right;
}
#Wrapper #Contenu #Right #Top
{
	
	width: 212px;
	height: 112px; 
	background-image: url(../interface/righttop.jpg);
	background-repeat: no-repeat;
}

#Contenu #Right #Rightbg
{
background-image: url(../interface/rightbg.jpg);
background-repeat:	repeat-y;

}

#Contenu #Right #Rightbg p#box
{
	 
	margin: 0 auto; 
	width: 170px;
	padding-bottom: 25px;
	text-decoration: none;
	background-image: url(../interface/boxbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#Contenu #Right #Rightbg p#box a
{

	font-family: Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: underline;
	padding: 25px; 
}

#Contenu #Right #Rightbg p#box a:hover
{

	font-family: Trebuchet Ms, Verdana,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 25px;	
	text-decoration:none; 
}
#Wrapper #Contenu #Right #Rightbot
{
	background-image: url(../interface/rightbot.jpg);
	background-repeat: no-repeat;
	width: 213px;
	height: 75px;
}
 

/* --------- Baseline, Linkeo Powered, Cnil ------------ */  

#Wrapper #baseline
{
	width: 100%;
	background-image: url(../interface/baselinebg.jpg);
	background-repeat: repeat-x;
	height: 82px;
	margin-top: 10px;
	 
}
#Wrapper #baseline #contenu
{
	width: 861px;
	background-image: url(../interface/base02bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 82px;
	margin: 0 auto;
	padding: 0;
	border: none;
	
	
}
 
#Wrapper #baseline #contenu  a 
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;	
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	background-image: url(../images/abg.png);
	background-repeat: repeat-x;
	margin:5px;
	
}
 
#Wrapper #baseline #contenu  a:hover
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border-left: #fff 1px solid;
	border-right:#fff 1px solid;
	border-top: #fff 1px solid;
	background-color: #333333;
		padding-left: 6px;
	padding-right: 6px;
	margin:5px;
}
#Wrapper #baseline #contenu #powered a {
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;

}
#Wrapper #baseline #contenu #powered img 
{
	height: 10px;
	width: 10px;
	vertical-align: middle;
}


#Wrapper  #baseline #contenu #cnil
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#fff;
	text-align: center;
	width: 500px;
}

.blanc p{color:#fff; font-size:14px;}
.petitcil p{color:#fff; font-size:11px;}

.right { float: right;}

.email { font-size:17px;}