/* CSS Document */

*{
  margin: 0;
  padding: 0;
}
html{
	height:100%;
}
body{
	background:url(../images/charte/bg-body.gif);
	font-size:62.5%;
	margin:10px 0 0 0;
}

/******************************************************************************************/
/*     
/*   Charte : Structure et menus 
/*
/******************************************************************************************/

#container{
	width:900px;
	min-height:400px; 
	height:auto !important;
	height:400px;
	margin:0 auto;
	border:#9e9e9e 1px solid;
	background:#e4e4e4 url(../images/charte/bg-container.gif) repeat-y;
}
#header{
	width:900px;
	height:172px;
	background: url(../images/charte/bg-header.jpg) no-repeat;
}
form#formu{
	height:22px;
	width:295px;
	float:left;
	padding:9px 0 0 10px;
}
form#formu .saisie{
	background:#c9e39f;
	border:#567c1a 1px solid;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#567c1a;
	width:80px;
	padding:0 0 0 5px;
}
form#formu .btn{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	background:#567c1a;
	color:#fff;
	border-bottom:#2f4c05 1px solid;
	border-right:#2f4c05 1px solid;
	border-left:#bcd871 1px solid;
	border-top:#bcd871 1px solid;
	width:80px;
}
#menu a, #menu span{
	display:block;
	height:21px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	background:url(../images/charte/bg-onglet-menu.jpg) no-repeat;
	padding:10px 3px 0 20px;
	text-decoration:none;
	letter-spacing:1px;
}
#menu a:hover, #menu a.encours, #menu span.encours{
	color:#70b705;
}

#col-left{
	min-height:400px; 
	height:auto !important;
	height:400px;
	width:206px;
	float:left;
	background:url(../images/charte/bg-col-left.jpg) no-repeat;	
	padding:6px 0;
}
#col-left .box{
	width:196px;
	background:url(../images/charte/bg-col-left-box.jpg) no-repeat;	
	padding:12px 0 0 10px;
}
#col-left .box .titre{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	padding:6px 0 3px 7px;
	border-left:#5f5f5f 3px solid;
    background:url(../images/charte/bg-col-left-box-titre.png) no-repeat;	
	width:150px;
}
#col-left .box .in{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	border-left:#eeeeee 1px solid;
	border-bottom:#939292 1px solid;
	border-right:#939292 1px solid;
	background:url(../images/charte/bg-col-left-box-in.gif) repeat-y;
	margin:0 0 10px 1px;
	padding:5px;
	width:147px;
}

#col-left .box .in a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#3f3c3c;
}

#col-left .box .in a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#49730c;
}


#col-left .box .navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	border-left:#eeeeee 1px solid;
	border-bottom:#939292 1px solid;
	border-right:#939292 1px solid;
	background:url(../images/charte/bg-col-left-box-in.gif) repeat-y;
	margin:0 0 10px 1px;
	padding:5px;
	width:147px;
	
	
}



#col-left .box .navigation a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#3f3c3c;
}

#col-left .box .navigation a:hover{
color: #ffffff;
}


#col-left .box .in .saisie{
	font:1em Arial, Helvetica, sans-serif;
	border:#999999 1px solid;
	background:#f7f7f7;
	width:147px;
	color:#3f3c3c;
	margin:0 0 5px 0;
}
#col-left .box .in .btn{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	background:#567c1a;
	color:#fff;
	width:147px;
	border-bottom:#2f4c05 1px solid;
	border-right:#2f4c05 1px solid;
	border-left:#bcd871 1px solid;
	border-top:#bcd871 1px solid;
	margin:0 0 5px 0;
}

#contenu{
	width:660px;
	margin:0 0 0 215px;
}
#footer{
	clear:both;
	height:22px;
}
#footer #footer-infos{
	height:17px;
	width:696px;
	float:right;
	background:#ececec;
	font:1em Arial, Helvetica, sans-serif;
	color:#898585;
	text-align:center;
	padding:5px 0 0 0;
}
#footer #footer-infos a{
	color:#898585;
	text-decoration:none;
}
#footer #footer-infos a:hover{
	color:#49730c;
}
#footer #footer-idep{
	width:200px;
	text-align:center;
}
#footer #footer-idep img{
	margin:0 3px;
	border:0;
}


/******************************************************************************************/
/*     
/*   Charte : Textes et mise en page 
/*
/******************************************************************************************/

hr{
	color:#999999;
	background:#999999;
	height:1px;
	border:0 none;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#49730c;
	background:url(../images/charte/bg-h1.jpg) left bottom no-repeat;
	padding:0 0 15px 31px;
	margin:20px 0 10px 0;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#49730c;
	background:url(../images/charte/bg-titreBox.gif) repeat-x;
	border-left:#49730c 3px solid;
	padding:4px 0 3px 7px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3f3c3c;
	background:url(../images/charte/bg-titreBox2.gif) repeat-x;
	border-left:#f62033 3px solid;
	padding:4px 0 3px 7px;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1e4d05;
}


p{
	font-family: Arial, Helvetica, sans-serif;
	color:#3f3c3c;
	font-size: 11px;
	text-decoration: none;
	font-weight:200;
}


a{
	font:Arial, Helvetica, sans-serif;
	color:#3f3c3c;
}
a:hover{
	color:#49730c;
}

/**********************************************/
/*   Boites
/**********************************************/

.big-box{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
.big-box .in{
	border:#97bc3c 1px solid;
	border-top:none;
	margin-left:2px;
	background:#fff url(../images/charte/bg-inBox.gif) repeat-x ;
}
.big-box p{
	padding: 6px 7px;
}

.mini-box{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	width:200px;
}
.mini-box .in{
	border:#9d9d9d 1px solid;
	border-top:none;
	margin-left:2px;
	background:#fff url(../images/charte/bg-inBox.gif) repeat-x ;
}
.mini-box p{
	padding: 6px 7px;
}
.mini-box a{
	text-decoration:none;
}	
.mini-box a:hover{
	color:#f62033;
}



/**********************************************/
/*   Perso
/**********************************************/

.div
{
	display: none;
	width: auto;
	text-decoration: none;
}


.div-visible
{
border: #afd3eb 1px solid;
background-color: #efefef;
display: block;

 color: #80789f;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 text-align:left;
 text-decoration: none;
 width:656px;
}

.titre-box
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#49730c;
	background:url(../images/charte/bg-titreBox.gif) repeat-x;
	border-left:#49730c 3px solid;
	padding:4px 0 3px 7px;
}

.image
{
border: #5e5e5e 1px solid;
}

.bouton
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #000000;
text-align:center;
height: 25px;
padding-left: 3px;
padding-right: 3px;
}

.texte
{
	font-family: Arial, Helvetica, sans-serif;
	color:#3f3c3c;
	font-size: 11px;
	text-decoration: none;
	font-weight:200;
}

.texte a
{
text-decoration: none;
}

.main-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: 400;
color: #5f7a1b;
}

.main-text a
{
color: #ffffff;
}


.mybox
{
	border:#9d9d9d 1px solid;
	border-top:none;
	background-color: #ffffff;
	width: auto;
}

.mybox2
{
	text-align:justify;	
	padding: 2px 2px 2px 2px;
	border:#9d9d9d 1px solid;
	background-color: #ffffff;
}

.mybox-staff
{
	azimuth:center;
	text-align:center;
	border:#9d9d9d 1px solid;
	background-color: #ffffff;
	width: 70px;
}

fieldset
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 300;
color: #515151;
padding: 5px 5px 5px 5px;

}

legend
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 300;
text-decoration: underline;
color: #81ca3f;

}

.mybox-text
{
margin: 7px 6px 8px 12px;
}

.boxtitre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;	
	padding: 2px 2px 2px 2px;
	border:#9d9d9d 1px solid;
	background-color: #ffffff;
}

.titre
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;


}

.titre a
{
text-decoration: none;
color:#3f3c3c;
}

titre a:hover
{
text-decoration: underline;
color:#49730c;
}

.visite
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #ffffff;
}

.titre a
{

}

.titre a:hover
{
color: #51bf31;
}

/**********************************************/
/*   Composant Treeview
/**********************************************/

			.treeview_close {
				height: 0px;
				visibility: hidden;
				position: absolute;
			}
			.treeview_open {
				visibility: visible;
				position; relative;
			}