html,body
{
   margin:0;
   padding:0;
   font-size: 1em;
}
body
{
   font: 76% verdana, century gothic, arial,sans-serif;
   text-align:center;
   background:url(back/back.jpg) #bedde2;
}
p
{
   margin:0 10px 10px;
}
/*------------------------------zone div -----------------------------------------*/
#container
{
   position: relative;
   text-align:left;
   width:972px;
   height:auto;
   margin:0 auto;
}
/*---header----*/
#header
{
   float:left;
   width:100%;
   height:198px;
}
#logo{
	float:left;
	height:159px;
	width:445px;
	background:url(back/logo.png);
}
/*---barre de recherche----*/
#crawler{
	float:left;
	height:31px;
	width:279px;
	background:url(back/crawler.png) no-repeat;
}
#zone_rech{
	float:left;
	height:18px;
	width:279px;
	margin-left:10px;
	margin-top:4px;
	
}
#zone_text{
	border:none;
	font-family:"Calligraph421 BT";
}
.rech{
	background:url(back/loupe.png) no-repeat;
	border:none;
	width:16px;
	height:16px;
	cursor:pointer;
}
/*---navigation----*/

#navigation
{
   float:left;
   width:100%;
   height:29px;
   background:url(back/top.png) no-repeat;
}
/*---left----*/
#left{
	float:left;
	width:100px;
	height:auto;
}
.title{
		color:#db9c15;
		font-size:12px;
		margin-left:20px;
		font-weight:bold;
}
#extra
{
	float:left;
	width:200px;
	text-align:center;
	height:auto;
}
/* ---- content------*/
#wrapper
{
	float:left;
	width:972px;
	background:url(back/containt.png);
}
#content
{
   float:left;
   width: 850px;
   height:auto;
   background:#CCC;
}
#content p
{
   line-height:1.4;    
}
#footer
{
   float:left;
   width:972px;
   height:auto;
   background:url(back/containt.png);
   text-align:center;
}
#footer a{
   color:#333;
}
#on{
	opacity:0.5;
	cursor:pointer;	
}
#off{
	opacity:0.5;
	cursor:pointer;	
	display:none;
}
/*------------------------------h1 h2... -----------------------------------------*/
h1
{
   font-size: 1.9em;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color:#333333;
   text-align:left; 
}
h2
{
   font-size: 1.4em;
   font-weight:bold;
   font-size:medium;
   text-align:center;
   color:#355878;
}
h3
{
   font-weight: normal;
   font-size: 0.9em;
   padding: 5px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
   color: #666666; 
   text-decoration:none;
   
}
h3 a{
   font-weight: normal;
   font-size: 1.0em;
   padding: 5px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
   color: #666666; 
   text-decoration:none;
}
h3 a:hover{
   text-decoration:underline;
}
/*------------------------------forumaires -----------------------------------------*/
input, select, textarea
{
   font-size: 11px;
   border: 1px solid #CCCCCC;
}
.obligatoire
{
   background: #EAEAFF;
}
table{
   border-collapse: collapse;
}
/*------------------------------boutons navigation -----------------------------------------*/
a.previous
{
   background: url("./buttons/previous.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
   text-decoration: none;
}

a.next
{
   background: url("./buttons/next.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;
}
a.none
{
   background: url("./buttons/none.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;   
}

a.up
{
   background: url("./buttons/up.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;   
}

a.mail
{
   background: url("./puces/mail.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

a.pdf
{
   background: url("./puces/pdf.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

.tel
{
   background: url("./puces/tel.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}
.fax
{
   background: url("./puces/fax.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}
.web
{
   background: url("./puces/web.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

.remark
{
   font-weight: bold;
   color: #999999;
   font-style: italic ;
}


.encadre
{
   background: #DDEEFF; 
   border: 1px solid #C3C3C3 ;
   padding: 4px 4px 4px 4px;
}

/*------------????????????????????????????????????????????????????????----------------*/




.highslide
{
   color: #777D02;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
   position: absolute;
   display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#cache{
   position: absolute;
   top: 0px;
   left:0px;
   width:100%;
   height: 100%;
   background : #808080;
   filter:alpha(opacity=65); 
   -moz-opacity:0.65; 
   opacity:0.65;
   z-index: 3;
   visibility: hidden;
}

#scroller
{
margin-left:100px;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 228px;
   left: 335px;
   width: 375px;
   height: 245px;
	border: none; 
   z-index: 1;
}
#scroller_left
{
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 222px;
   left: 320px;
   width: 65px;
   height: 230px;
   background: none;              
   border: none; 
   z-index: 3;
}
#scroller_right
{
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 222px;
   left: 650px;
   width: 65px;
   height: 230px;
   background: none;              
   border: none; 
   z-index: 3;
} 
/*-------------------------------------------------les plus --------------------------------------*/
.music{
	visibility:hidden;
}
#communautaire{
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:auto;
}
#communautaire img{
	opacity:0.5;	
}
#communautaire img:hover{
	opacity:1;	
}
/*----------------------------------------------------------introduction -------------------------------------- */
#logo_intro{
		margin:auto;
		 width:660px; height:400px;
}
#loading{
	background:url(back/intro.jpg);
	width:0px;
}
#fond{
   background: #7f5026;
   position:absolute;
   top:0px;
   left:Opx;
   z-index:1000;
   width:2000px;
   height:1500px;
}
#masque{
	background:url(back/intro.png); width:660px; height:400px;	
}