html, body, p, h1, h2, img {
margin : 0;
padding : 0;
border : 0;
}
body {
font-family: verdana, arial, sans-serif ;
font-size:62.5%;
text-align : left;
background :  url('../images/panorama_3.jpg') no-repeat top center #266f9b;
}
a {color:#3DAFF3;}
b, strong {color:#3DAFF3;}
#container {
width : 970px;
min-height : 660px;
margin : 0 auto;
margin-top : 10px;
margin-bottom : 5px;
position : relative;
}
#header {
width : 100%;
height : 77px;
background : url('../images/header_bg.gif');
}
#header a.logo {
display : block;
width : 480px;
height : 77px;
background : url('../images/header_logo.gif');
}
#header img {
float : right;
}
#wrapper{
float:left;
width:100%;
padding:15px 0px;
position:relative;
}
#wrapper hr{
height:0;line-height:0;border:0;display:none;;
}
#opacity{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#f2fcfd;
border:0px solid #000;
}
#navigation{
float:left;
width:210px;
padding:0px 20px 0px 0px;
position:relative;
height:480px;
}

#content{
position:relative;
padding-right:5px;
min-height:480px;
text-align:left;
border:0px solid #000;
}
#content{float:left;width:720px;border:0px solid #000;clear:right;}

ul#menu a {
font-family: arial, verdana, sans-serif ;
font-size:1.5em;
text-decoration:none;
font-weight:bold;
color:#FFF;
display:block;
}

ul#menu li a{background: url(../images/menu_niv1.gif);padding:0px 0px 0px 20px;width:184px;line-height:26px;}
ul#menu li a:hover, ul#menu li a.on{background: url(../images/menu_niv1-over.gif);}

ul#menu ul li a{background:none;padding:0px 10px 0px 0px;font-size:1.1em;text-align:right;width:194px;color:#3DAFF3;line-height:16px;}
ul#menu ul li a:hover, ul#menu ul li a.on{background: url(../images/menu_niv2-over.gif) right center no-repeat;}

ul#menu{
height:300px;
}

ul#menu, ul#menu ul
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li
{
	margin: 0px 0 7px 0 ;
	padding: 0 ;
}
ul#menu ul li
{
	margin: 4px 0 0px 0 ;
	padding: 0 ;
}

#news{
margin-top:10px;
width:204px;
text-align:right;
padding:0px 10px 10px 0px;
background: url(../images/news_bottom.gif) bottom right;
font-size:1.1em;
}
.bloc{
padding:10px;
color:#6f6d6d;
margin-top:5px;
background-color:#FFF;
font-size:1.1em;
}
.bloc p{padding-bottom:1.5em;}
.bloc_bottom{width:100%;height:14px;background:url(../images/bloc_bg_bottom.gif) bottom right;}


#colright{
float:right; 
width:205px;
padding:0px 0px 10px 0px;
text-align:right;
clear:both;
}
#colleft{
float:left;
width:480px;
}

.separateur{clear:both;}


.ariane{}
.ariane, .ariane a{text-decoration:none;text-transform: uppercase; color:#747474;}
.ariane a:hover{text-decoration:underline ;}

.title {background-color:#FFF;padding:5px 10px;margin-top:5px;}
.title a {text-decoration:none;font-size:1.5em;text-transform: uppercase; font-weight:bold;padding-right:90px;display:block;height:19px;background:url(../images/btn_voir.gif) right center no-repeat;}
.title a:hover{text-decoration:underline ;}

.subtitle{height:14px;background:url(../images/title_bloc.gif) no-repeat;}
h1,h2{font-size:1.5em;text-transform: uppercase; color:#3DAFF3;}

#diapo{background:url(../images/bloc_diapo_bg.gif) right top no-repeat;height:90px;width:480px;}
#diapo_left{float:left; width:4px; height:90px; background:url(../images/bloc_diapo_left.gif) no-repeat;}
#diapo_title{margin-left:14px;width:110px; height:18px;background:url(../images/bloc_diapo_title.gif) no-repeat;}
#diapo img{height:60px;margin-left:10px;}
/*
<img src="images/bloc_diapo_title.gif" alt="Découvrez la galerie de photos de XXX" />
.gif
bloc_diapo_left.gif
*/
.pics {  
    height:  140px;  
    width:   200px;  
	float:right;
	padding-bottom:5px;
} 
 
.pics img {  
    padding: 4px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  190px; 
    height: 130px; 
    top:  0; 
    right: 0 
} 

#footer{position:relative;clear:both;line-height:34px;height:34px;background:url(../images/footer_right.gif) right top no-repeat;}
#footer_left{position:absolute;left:0px;top:0px;height:34px;line-height:34px;width:103px;background:url(../images/footer_left.gif) no-repeat;}
#footer p {float:right;padding-right:20px;font-size:1.5em;text-transform: uppercase; color:#747474;font-weight:bold;width:440px;text-align:right;}
#footer p a {text-decoration:none;color:#747474;}
#footer p a:hover {text-decoration:underline;}

#recherche_form{float:left;padding-left:20px;}
#recherche_form form{float:left;padding:0px;margin:0px;width:285px;position:relative;height:23px;}
#recherche_form label {width:150px;line-height:34px;padding-right:5px;font-size:1.5em;text-transform: uppercase; color:#747474;font-weight:bold;}
#recherche_form input{border:1px solid #747474;font-family: verdana, arial, sans-serif;width:120px;margin-bottom:1px;}
#footer #recherche_form a {display:block;position:absolute;right:0px;top:8px;width:36px; height:19px;background:url(../images/btn_ok.gif);}

#mentions{text-align:center;line-height:1.5em;color:#FFF;}

#surfer{
position:absolute;
width:98px;
height:183px;
background:url(../images/surfer.gif) no-repeat;
left:8px;
top:-149px;
}