/*---------------------------------------------------------------------------*/
/*                              R�gles g�n�rales                             */
/*---------------------------------------------------------------------------*/
body
{
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   background-color: #ebebeb;
   background-image:url(../files/Image/html.png);
}

p
{
	margin-top:0px;
}

img
{
	border:none;
}

.imgmidd
{
	margin: 0px;
	vertical-align: middle;
}

hr
{
	color: #999999;
	height:1px;
	border:none;
	border-top: 1px dashed;
}

h1
{
	font-size:22px;
}

h2
{
	font-size:18px;
}

h3
{
	margin-bottom:0px;
}

li
{
	background-image:url(../files/Image/puce_cat.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-bottom:2px;
	list-style-type:none;
	padding-left:15px;
}

a:link, a:visited
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	color: #999999;
}

table ul
{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:0px;
}

ul
{
	margin-top:5px;
}

/*---------------------------------------------------------------------------*/
/*                         Mise en page g�n�rale                             */
/*---------------------------------------------------------------------------*/
#main /*Cadre principal*/
{
	 margin-left: auto;
     margin-right: auto;
     width: 970px;
	 padding-left:8px;
	 padding-right:8px;
	 background-image:url(../files/Image/global.png); /*fond blanc avec ombres*/
	 background-repeat:repeat-y;
	 color:#000;
}

#header /*Haut de page*/
{
   height: 138px;
   margin-bottom: 0px;
   background-image:url(../files/Image/header.jpg); /*Affichage du logo*/
   background-repeat:no-repeat;
   background-color:#006699;
   padding-top: 0px;
   padding-left: 0px;    
}

#header p
{
	text-align:right;
	padding-right: 10px;
	padding-top:5px;
	color:#FFFFFF;
}

#header a:link, #header a:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}

#header a:hover
{
	color:#999999;
}

#sidebar /*Menu*/
{
   z-index:100;
   overflow:auto;
   position:absolute;
   top: 128px;
   width:900px;
   margin-left:16px;
}

#sidebar dl, #sidebar dt, #sidebar dd, #sidebar ul, #sidebar li
{
	margin: 0;
	padding: 0;
	font-size:12px;
	list-style-type:none;
}

#sidebar dl
{
	float: left;
	width:110px;
}

#sidebar dt
{
	cursor: pointer;
	text-align: center;
	margin: 0px;
	height:29px;
	line-height:25px;
}

#sidebar dd
{
	margin:0px;
	width:217px;
	display:none;
}

#sidebar li
{
	text-align: left;
	background: #ffff99;
	width:215px;
}

#sidebar ul
{
	padding-top: 0px;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
}

#sidebar dt a
{
	/*color: #fff;*/
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#sidebar li a
{
	color: #000000;
	text-decoration: none;
	display: block;
	height: 100%;
	font-size: 11px;
	padding:3px;
}

#sidebar li a:hover, #sidebar li a:focus
{
	background: #000033;
	color:#fff;
}

#sidebar dt a:hover, #sidebar dt a:focus
{
	color:#000000;
	background-color:#ffff99;
}

#global /*Cadre contenu page avec focus*/
{
	min-height:100%;
	margin-bottom:0px;
	overflow:auto;
}

#focus /*Menu secondaire*/
{
	background-image:url(../files/Image/focus.jpg);
    background-repeat:repeat-y;
    float: left;
    width: 180px; 
  	padding-top: 0px;
 	padding-bottom: 15px;
	padding-left: 0px;
 	padding-right: 0px;
	margin-bottom: 10px; 
   	margin-top: 0px;
   	margin-left:0px;
   	margin-right:10px;
}

.box_focus
{
	width: 180px;
	margin-bottom: 10px;
	margin-top:10px;
}

.box_focus_top_lt
{
	float:left;
	height:18px;
	line-height:18px;
	width:13px;
	color:#FFFFFF;
	padding-left:3px;
}

.box_focus_top_rt
{
	background-color:#006699;
	background-image:url(../files/Image/fd_box.png);
	background-repeat: repeat-x;
	color:#ffffff;
	font-weight:bold;
	width:158px;
	height:18px;
	line-height:18px;
	padding-left:5px;
	border-bottom:1px solid;
	border-top:1px solid;
	border-color:#000033;
	margin-left:16px;
}

.box_focus_content
{
	margin-top:5px;
	width: 180px;
	margin-left:0px;
	margin-right:5px;
	border-bottom:1px solid;
	border-color:#000033;
	font-size:11px;
}

.box_focus_content ul 
{
	margin-left:20px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:5px;
	padding:0;
}

.box_focus_content p
{
	margin-left:18px;
	margin-bottom:5px;
	margin-right:3px
}

#content /*Contenu de page*/
{   
	margin-left: 190px; 
  	margin-bottom: 10px; 
  	padding: 0px; 
  	padding-top: 10px;
	width: 770px;
    margin-top: 0px;
  	margin-right:10px;
}

#content p
{
	margin-left:0px;
}

#tree_nav /*Barre de navigation*/
{
	border:1px dashed #999999;
	padding: 3px;
}

#footer /*Pied de page*/
{
  	padding-top: 8px;
  	padding-bottom: 7px;	
 	text-align: center;
  	color:#FFFFFF;
  	font-size:10px;
  	background-image:url(../files/Image/footer.png);
  	background-repeat:repeat-x;
}

#footer a:link, #footer a:visited
{
	color:#ffffff;
	text-decoration:underline;
}

#footer a:hover
{
	color: #999999;
}

/*---------------------------------------------------------------------------*/
/*                          Boxes page d'accueil                             */
/*---------------------------------------------------------------------------*/
.box_acc
{
	width: 392px;
	margin-bottom: 10px;
}

.box_acc_top
{
	background-color:#006699;
	background-image:url(../files/Image/fd_box.png);
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
	height:18px;
	line-height:18px;
	margin-top:0px;
	border-top: 1px  solid #000033;
	border-right: 1px  solid #000033;
	border-left: 1px  solid #000033;
}

.box_acc_content
{
	margin-top:0px;
	width: 385px;
	border: 1px solid #000033 ;
	padding-top:5px;
	padding-left:5px;
	margin-left:0px;
}

.box_acc_content ul
{
	margin-left:20px;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:0px;
}

.box_acc_content p
{
	margin-bottom: 0px;
}

.box_acc_form
{
	width: 770px;
	margin-bottom: 10px;
}

.box_acc_form_top
{
	background-color:#006699;
	background-image:url(../files/Image/fd_box.png);
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
	height:18px;
	line-height:18px;
	margin-top:0px;
	border-top: 1px  solid #000033;
	border-right: 1px  solid #000033;
	border-left: 1px  solid #000033;
}

.box_acc_form_content
{
	margin-top:0px;
	width: 762px;
	border: 1px solid #000033 ;
	margin-left:0px;
	padding: 3px;
	overflow:auto;
}

.box_acc_form_content p
{
	margin-bottom: 0px;
}

.box_acc_gauche
{
	width:370px;
	float:left;
	min-height:100%;
}

.box_acc_droite
{
	width:370px;
	margin-left:380px;
	min-height:100%;
	
}

/*---------------------------------------------------------------------------*/
/*                                Catalogue                                  */
/*---------------------------------------------------------------------------*/
.cat
{
	width: 770px;
	margin: 0px;
	padding: 0px;
	overflow:auto;
}

.cat ul
{
	margin: 10px;
	padding-left: 0px;
}

.cat p
{
	margin: 10px;
}

.cat li
{
	margin-bottom: 5px;
	background-position:top left;
	background-image:url(../files/Image/puce_cat.gif);
	background-repeat:no-repeat;
	list-style-type:none;
}

.cat_titre
{
	background-color:#006699;
	background-image:url(../files/Image/fd_box.png);
	background-repeat: repeat-x;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	border: 1px solid #000033;
	border-bottom: none;
}

.cat_contenu
{
	min-height:100%;
	margin:0px;
	margin-bottom: 10px;
	padding:0px;
	border: 1px solid #000033;
	overflow:hidden;
}

.cat_gauche
{
	width:380px;
	float:left;
	min-height:100%;
}

.cat_droite
{
	width:380px;
	margin-left:388px;
	min-height:100%;
}

/*---------------------------------------------------------------------------*/
/*                                Divers                                     */
/*---------------------------------------------------------------------------*/
.btnactive /*Bouton du menu activ�*/
{
	background-color:#ffff99;
	color:#000000;
}

.btnactive a /*Bouton du menu activ�*/
{
	background-color:#ffff99;
	color:#000000;
}

.btninactive a
{
	color:#FFFFFF;
}

.search_form
{
	margin-left: 20px;
	margin-bottom:0px;
}

.search
{
	border:1px solid;
	margin:0px;
	margin-bottom:5px;
}

.sitemap ul
{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:0px;
}

.menu_ul li
{
	margin-bottom: 5px;
	/*background-position:top left;*/
	background-image:url(../files/Image/puce_pl.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
}