/*
	LAB TO MEDIA 
	
	///// COULEURS DE BASE /////
	Rouge: #884B00
	Gris: #636363
	Vert: #6EBB1F
	Blue: #4B8DC5
*/

body{
	font-family: Arial, sans-serif;
	color: #636363;
    /*background:url(../images/bg_body.jpg) no-repeat top left;*/
	/*line-height:20px;*/
	margin: 0;
	font-size: 12px;
	text-align:justify;

}
/******* Liens *******/

a:link, a:visited{
	color: #4B8DC5;
	text-decoration: none;
	
}

a:hover{
	text-decoration: underline;
}

/************** Les titres **************/

h1{
	font: bold 13px Arial, sans-serif;
	color: #636363;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px ;
	border-bottom-style: dotted;
	border-bottom-color: #5FAF18;
	font-weight:bold;
	clear:both;
}

h2{
 	font: bold 16px Arial, sans-serif;
	color: #6EBB1F;
	border-bottom-width: 1px ;
	border-bottom-style: dotted;
	border-bottom-color: #5FAF18;
	margin: 0px;
	padding: 0px;
	clear:right;
}

h3{
 font: bold 13px Arial, sans-serif;
 color: #884B00;
 margin:5px 0 10px 0;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover {
 color: #884B00;
 text-decoration: underline;
}

.titre_vert{
 font: bold 12px Arial, sans-serif;
 color: #6EBB1F;
}

.titre_bleu{
 font: bold 12px Arial, sans-serif;
 color: #4B8DC5;

}

.titre_marron{
 font: bold 12px Arial, sans-serif;
 color: #884B00;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}
ul
{
list-style:square;
}
hr
{
height:1px;
width:100%;
color:#6EBB1F;
background:#6EBB1F;
border:none
}
.pointer
{
cursor:pointer;
cursor:hand;
}

/*////////////////////////////////
////  Styles des divs         ////
////////////////////////////////*/

#conteneur
{
width:980px;
margin: 0 ;
float:left;
}
#beetob
{
margin:5px;
text-align:center;
border-top:1px solid #ccc;
padding: 5px 0 0 0;
position:relative;
width:460px
}
#partieG{
	float:left;
	width:470px;
	margin:0;

}
#partieD{
float:left;
width:470px;

margin:0;
padding:0;
}

/** partie Gauche **/
#animation
{
z-index:0;
position:absolute;
top:0;
left:0;
bottom:0;
margin:0;
padding:0;
width:0;
height:0;
}

#animation
{

/*width:450px;
height:578px;
position:absolute;
top:0;
bottom:0;
margin:0;
padding:0;
*/
}
#menu2{
z-index:20;
top:300px;
left:150px;
position:absolute;
}
#menu2 ul{
list-style: none;
margin:0px;
padding:0px;
z-index:100;
width:90px;
}
#menu2 ul.fr
{
width:120px
}
#menu2 li
{
height:18px;
}
#menu2 a,#menu2 a:visited
{
	display:block;
	font-size: 12px;
	font-weight: bold;
	color: #065FB1;
	margin:0 8px 0;
	border-bottom: 1px dotted #999999;
	text-align:right;
	/*height:20px;*/
	line-height:100%;
	cursor:pointer;
	cursor:hand;
}

#menu2 a:hover
{
	text-decoration:none;
	/*background-color:#065FB1;
	color:#FFFFFF;*/
	
}

/** end partie Gauche **/ 


/** partie Droite **/

#menutop{
	margin:0px;
	padding:0px;
	float:left;
	height:106px;
	}

#menutop img, #menutop a{
float: left;
clear: none; /* pour enlever les espaces autour de l'image */
border: 0; 
}

#contenu {
margin:50px 20px 0 0;
float:left;
}

/** end partie droite **/

/** menu accordeon **/
 		
#barre_navigation{
	position:relative;
	margin:230px 0 0 280px;
	padding:0px;
	z-index:100;
	text-align:left;

}
#barre_navigation h4{
	padding:0 ;
	cursor: pointer;    
	margin : 0 0 7px 0 ;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6EBB1F;

}
#barre_navigation h4 a, #barre_navigation h4 a:hover{
	color: #6EBB1F;
	text-decoration:none;
}



#barre_navigation ul{

margin: 0;
padding: 0px 0 5px 10px;
list-style: none;

}

#barre_navigation ul li{
background-image: url(../images/puce_gris.jpg);
background-repeat: no-repeat;
background-position: left 7px;
padding:2px 0 2px 0;

}

#barre_navigation ul li a {
	display:block;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color:#884B00;
	margin: 0 0 0 10px;	
	  }
		
	  #barre_navigation ul li a:hover {
	   text-decoration: none;

	  }

.toggler
{
padding:0;
}

.accordeon
{
padding:0;
display:none;
}
	 
/** fin menu accordeon **/
/** contentDiv // les div cachés la page service par exemple **/
 		
h4.divTitre , .divTitre_on  {
	cursor: pointer;
	padding:3px 3px 0px 10px;
	margin:0 0 0 20px;
	font-size:12px;
	background-color: #fff;
	background-image: url(../images/puce_verte.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;	
	color:#884B00; 

}

h4.divTitre:hover {
	font-size: 15px;
}	
/*h4.divTitre_on {
	cursor: pointer;
	padding:3px 3px 0px 10px;
	margin:0 0 0 20px;
	font-size:13px;
	background-color: #fff;
	background-image: url(../images/puce_verte.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;	
	color:#884B00; 

}*/
.divContent
{
border-bottom:1px solid #ccc;
display:none;
padding:0 0 5px 30px;
}
.divContent ul
{
margin:0 0 0 20px;
list-style:square;
}

	 
/** fin menu div  **/
.cadre
{
padding:10px;
border: 1px solid #ccc;
}
.detail
{
display:block;
text-align:right;
border-bottom:1px solid #CCCCCC;
padding: 0 0 3px 0;
}
.detail a
{
color:#4B8DC5;
}
.detail a:hover
{
text-decoration:underline;
}

/** formulaire contact **/


fieldset
{
	border:1px solid #6EBB1F;
	padding:0 0 0 30px;
}
legend
{
font-weight:bold;

}
fieldset label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	color:#4B8DC5;
	 }

fieldset input {
	margin:3px;
	width:200px; 
	border:1px solid #999999;
	}
fieldset textarea {
	margin:3px;
	height:165px;
	width:300px;
	border:1px solid #999999; }

fieldset hr
{
height:1px;
width:100%;
color:#ccc;
background:#ccc;
border:none
}
	
	/** fin formulaure **/
	
	/** pagination **/
	
	#pagination
	{
	margin: 10px auto;
	width:250px;
	overflow:auto
	}
	#pagination span
	{
	padding:3px;
	border:1px solid #CCCCCC;
	margin:3px;
	width:15px;
	height:15px;
	display:block;
	float:left;
	text-align:center;
	vertical-align:middle
	}
	#pagination a:hover
	{
	border: 1px solid #4B8DC5;
	background:#4B8DC5;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	}
	#pagination .off
	{
	
	}
	#pagination .numpage
	{
	font-weight:bold;
	width:auto;
	display:block;
	float:left;

	}
	/** fin pagination **/
	
	/** site map **/
	#plandusite
	{
	margin:20px auto;
	}
	#plandusite  ul
	{
	list-style:url(../images/puce_verte.jpg) outside;
	
	}
	#plandusite ul  li
	{
	padding:2px;
	border-bottom:1px solid #CCCCCC
	}
	#plandusite ul li ul li
	{
	padding:2px;
	list-style:url(../images/puce_gris.jpg);
	border-bottom:none;
	}
	
	#plandusite a:hover
	{
	display:block;
	}
	
a.black_link {
	color: #636363;
}

.link {
	overflow: auto;
	padding: 6px 0;
	margin: 2px 0;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	height: 100%;
}
.link img, .img_border {
	border: 1px solid #666666;
	padding: 1px;
	margin: 0 5px 0 0;
}
.link h4 {
	margin: 0;
	padding: 0;
}
.link p {
	margin: 8px 0 0 0;
	padding: 0;
}