/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

body { 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #533F38;	
color: #ccc;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 12px;

 }


 
/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
	position: relative;
	height:30px;
	background-color: #333;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	
}

#headerw {
	position: relative;
	height:16px;
	background-color: #fff;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: center;
	border-bottom: 2px solid #000;
	
}



#topbar {
	display:block;
	height:218px;
	margin: 0px auto;
	position:relative;
	background: #fff;
	text-align: center;
	width:900px;
	background : url(../img/fondtopbar.jpg) left top no-repeat;	
}


#fondtopbar {

position: absolute;
right:123px;
top:182px;
height:28px;
width: 516px;
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;	
background : url(../img/fondmenu.png) left top no-repeat;

}

#menutopbar {

position: absolute;
text-align:left;
left:70px;
top:6px;
height:28px;
width: 550px;
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;	
}

#msgtopbar {

position: absolute;
left:295px;
top:100px;
height:28px;
width: 550px;
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;	
}



#msgtopbar2 {

font-family: Geneva, Verdana,  Arial, Geneva, Arial, sans-serif;
font-size: 12px;
font-weight: Bold ;
font-style:italic;
letter-spacing:-0.02em;
color:#000;
text-align:center;
position: absolute;
left:10px;
top:112px;
height:40px;
width: 380px;
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;	
}




#header2 {
z-index:0;
	display:block;
	height:52px;
	margin: 0px auto;
	position:relative;
	
	text-align: center;
	width:900px;
	background : url(../img/header.jpg) left top no-repeat;	
}

#header2 #annonce { 
text-decoration:none;
text-align:left;
position: absolute;
width:730px;
height:30px;
left:40px;
top:30px;
color:#000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}





#topmenu {
	
	height:60px;
	width:900px;
	margin:0px;
	position:relative;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	text-align: left;
	text-align: center;
	background : url(../img/fondtopmenu.png) left top repeat-y;

	
}

/* ------------------background : url(../img/fondtopbar.jpg) left top repeat-y;------------------ */
/*                                   
background : url(../img/fonddivmenu.png) left top no-repeat;

   */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


/* ------------------------------------ */
/*                                      */
/*            Global                    */
/*                                      */


#global {
	width:900px;
	background: url(../img/fond_global.jpg) left top repeat-y;
	margin: 0 auto;
	text-align: left;
}

#global #menu {
text-align: left;
	float: left;
	width: 190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;	
	
	
	
	/*border-color : #666;
	border :1px solid;*/

}


#global #menu ul {
 cursor:pointer;
 font: bold 11px Verdana, Geneva, Arial, sans-serif;
   	width: 175px;
	color: #fff;
	text-align:left;
	margin:-2px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	text-decoration: none;	
	background:#E6E3D1;
	background:#820E13;
}



#rubrique  { 
 font: bold 11px Verdana, Geneva, Arial, sans-serif;
  height:24px;
 	width: 175px;
	color: #900;
	text-align:right;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	text-decoration: none;	
	background:#666;
	background: url(../img/menu_dt.gif) right top no-repeat;
}

#rubrique #rub { 
text-decoration:none;
text-align:right;
position: relative;
width:175px;
left:3px;
top:7px;
color:#400;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}



#fin_rubrique  { 
 font: bold 11px Verdana, Geneva, Arial, sans-serif;
  height:21px;
 	width: 175px;
	color: #fff;
	text-align:left;
	margin:0px 0px 5px 0px;	
	padding:3px 0px 0px 0px;
	text-decoration: none;	
	background:#333;
	background: url(../img/menu_bas.gif) left top no-repeat;
}




#global #menu li a{
   font: bold 1em Arial, sans-serif;
   letter-spacing:0.02em;  
   cursor:pointer;
	border-bottom: 1px solid #fff;   	
	display: block;
	width: 175px;
	color: #fff;
	margin:0px 0px 0px 0px;	
	padding:2px 0px 2px 0px;
	text-decoration: none;			
}

#global #menu li a:hover, #global #menu li a:focus
 {

border-bottom: 1px solid #000;
color: #052107;
background:#F19828;

}	

#menus_arrondi_h {
font: bold 16px Arial, sans-serif;
text-align:center;
position: relative;
color: #fff;
width: 175px;
height: 27px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
background : url(../img/decohvideo.png) left top repeat-x;
}

#menus_arrondi_b {
font: bold 16px Arial, sans-serif;
text-align:center;
position: relative;
color: #fff;
width: 175px;
height: 17px;
display: block;
margin:0px 0px 10px 10px;
padding:2px 0px 0px 0px;
background : url(../img/decobvideo.png) left top repeat-x;
}
/* ----------------CADRES-------------------- */


#cadre_menus{
font: normal 12px Arial, sans-serif;
color:#000;
position: relative;
width: 173px;
display: block;
text-align:center;
margin:14px 0px 0px 10px;
padding:8px 0px 0px 0px;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
background: #fff;
/*background : url(../img/fond_dossier.gif) left top repeat-x;*/
}



#global #general 
{
	float: left;
	width: 690px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	
	
}


#global #presentation {
	
	float: left;
	width: 380px;
	margin:  0 0 0 0;
	padding: 0 10px  0 10px;
	color: #300;	
	font-weight:normal;
	text-align: left;
	line-height: 1.35em;
	
}

#global #articles 
{
	float: left;
	width: 270px;
	margin:  0 0 0 0;
	padding: 0 10px 0 0px;
	color: #300;		
	font-weight:normal;
	text-align: left;
		
}


/*#global #presentation a img {
	margin-right: 10px;
}*/



#clearombre {
	width: 900px;
	height: 14px;
	background: url(img/tagada.png) left top no-repeat;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

div#contenu {
	margin: 0 0 0 0;
	padding-top: 0 0 0 0;
	line-height: 1.5em;
	background: url(img/fondpresentation.jpg) right top no-repeat;
}
div#contenu p {
	margin-bottom: 1.3em;
	text-align: justify;
}



/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */



#footer {
	width: 900px;
	height: 175px;
	background: url(../img/footer.jpg) left bottom no-repeat;
	color: #000;
	font-size: 0.8em;
	font-weight:bold;
	text-align: center;
	margin: 0 auto;
	padding-top: 0em;
}

#anim {

color:#000;
text-align:center;
position: relative;
left:30px;
top:-15px;
height:40px;
width: 380px;
display: block;
	
}





.tab1 {  font-size: 12px; font-weight: bold; color: #fff; background-color: #666}
.tab2{  font-size: 12px; font-weight: bold; color: #000; background-color: #C4B3A3}
.tab3 {  font-size: 12px; font-weight: bold; color: #000; background-color: #DAD3CD}


.select {  font-size: 10px; font-weight: bold; color: #963; background-color: #E2D6BF}