/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE  1 >>>      PAGE GLOBALE

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

html,body
{
background: url(img/bg.png) repeat-x;
background-color: #4D821B;
margin: 0;	
font-family: arial; 
font-size: 12px;
}

#global
{
min-height: 100%;
margin: auto;
width: 980px;
}

#headerimg
{
width: 985px;
height: 204px;
z-index:1;
}

#header
{
width: 595px;/*603 | 993*/
height: 105px;/*204*/
position:relative;
padding-top:99px;
padding-left: 385px;/*396*/
background: url(img/bg_header.png) no-repeat;
z-index:2;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE  2 >>>      MENU REACTIF

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

#menu
{
position:relative;
width:540px;
height:80px;
}

#boutons
{
width:540px;
height: 80px;
background: url("img/bg_menu.png") no-repeat;
margin:0px;
}

#boutons li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#boutons li, #boutons a {height: 80px; display: block;}

#panel1 {left: 10px; width: 101px; }
#panel2 {left: 111px; width: 90px; }
#panel3 {left: 201px; width: 165px; }
#panel4 {left: 366px; width: 142px; }
#panel5 {left: 508px; width: 70px; }

#panel1 a:hover { background: transparent url(img/bg_menu.png) -10px -81px no-repeat;}

#panel2 a:hover { background: transparent url(img/bg_menu.png) -111px -81px  no-repeat;}

#panel3 a:hover { background: transparent url(img/bg_menu.png) -201px -81px  no-repeat;}

#panel4 a:hover { background: transparent url(img/bg_menu.png) -366px -81px  no-repeat;}

#panel5 a:hover { background: transparent url(img/bg_menu.png) -508px -81px  no-repeat;}








/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE  3 >>>      PARTIE CENTRALE

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/


#central_haut {width: 950px; height: 22px; margin-left: 12px; margin-top: 2px;background: url(img/bg_ss_header.png) repeat-x;}

#central {width: 950px; overflow:hidden; margin-left: 12px; position:relative; background-color: #FFF;}
		
	#contenu_2 {float: left; overflow:hidden; width:620px; margin-left:30px;}
	
		#banniere {width:620px; margin-top:12px;}
		#texte {width:560px; margin-left:20px; margin-right:40px;}
		#icone{float:left;width:150px;margin-left:-20px;}
	
		
#right{float: right; width: 222px; height: 292px; margin-right: 20px;}
	
	#form{overflow:hidden;}
		
		#form1{float:left; width: 250px;}
		#form2{float:left; width: 300px;}


	
	
	
	
	

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE  4 >>>      FOOTER

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/
	
	
#footer
{
width: 965px;
height: 51px;
padding-top: 30px;
padding-left:20px;
background: url(img/bg_footer.png) no-repeat;
color: #fff;
}	

#w3c
{
margin-left:500px;
}
	
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE 5 >>>      FONTS / PARAGRAPHES / LIENS

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/	
	
	
	
.title_contenu 
{
font-family: arial;
font-size: 16px; 
font-weight: bold; 
/*color:#669933;*/ 
color:#00687E;
 }

p {font-family: arial,verdana,sans-serif; font-size: 12px;}

#footer p {font-family: arial; font-size: 10px; color:#fff;}
#footer a {font-family: arial; font-size: 10px; color:#fff;}

a {font-family: arial,verdana,sans-serif; font-size: 12px; color:#fff;}

table 
{
width: 450px;
}
	
td
{
padding-right:10px;
vertical-align:top;
}

li
{
font-family:arial;
font-size:12px;
}

h1 
{
font-family:arial;
font-size:14px;
color:#000;
display:none;
}

h2 
{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#68AF23; 
/*color:#00687E;*/
}

h3
{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000;
}

h4
{
font-family:arial;
font-size:14px;
color:#00687E;
/*color:#68AF23;*/
}

.tarif img
{
margin-top:20px;
}

.par
{
font-family:arial,verdana,sans-serif;
font-size:9px;
color:#8c8c8c;
font-style:italic;
}

.formu
{
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
padding-left: 15px;
color:#555555;
background: url(img/puce_fleche.png) no-repeat;
background-position: center left;
}


.misevaleur
{
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
width:100%;
}

.puce
{
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:bold;
padding-left: 15px;
background: url(img/puce_fleche.png) no-repeat;
background-position: center left;
}

.millieu
{
font-family:arial,verdana,sans-serif;
font-size:13px;
font-weight:bold;
color:#68AF23;
font-weight:bold;
text-align:center;
}

.newstexte
{
font-family:arial,verdana,sans-serif;
font-size:10px;
color:#fff;
}

input
{
font-family:arial,verdana,sans-serif;
font-size:11px;
}

.link 
{
text-decoration: none;
color:#fff;
font-size:10px;
}

a:link 
{
color:#68AF23;
font-weight:bold;
}

a:visited 
{ 
color:#68AF23;
font-weight:bold;
}

a:hover 
{
color:#68AF23;
font-weight:bold;
}

img { border: none;}

#lien a
{
display:block;
border: 1px solid black;
width:350px;
height:190px;
}

#moi a
{
color:#000;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

			PARTIE 6 >>>      ICONES PRESTATIONS

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/	
	
	


#icones
{
height:285px;
width: 630px;
margin-top:10px;
position:relative;
}

#boutonsico
{
 height: 285px;
 background: url("img/icones.png") no-repeat;
 margin:0px;
}

#boutonsico li {margin: 0; padding: 0; list-style: none; position: absolute;}

#boutonsico li,#boutonsico a { height: 80px; display: block;}

#icone1 {left: 1px;   	top:10px;      width: 200px; }
#icone2 {left: 320px; 	top:10px;      width: 200px;}

#icone3 {left: 1px; 		top:110px;     width: 230px;}
#icone4 {left: 320px;   	top:110px;     width: 220px;}

#icone5 {left: 1px; 		top:200px;    width: 200px;}
#icone6 {left: 320px; 	top:200px;    width: 200px;}

#icone1 a:hover { background: transparent url(img/icones.png) 	-1px 		-292px 	no-repeat;}
#icone2 a:hover { background: transparent url(img/icones.png) 	-320px 		-292px 	no-repeat;}

#icone3 a:hover { background: transparent url(img/icones.png) 	-1px 		-392px 	no-repeat;}
#icone4 a:hover { background: transparent url(img/icones.png)	-320px 		-392px 	no-repeat;}

#icone5 a:hover { background: transparent url(img/icones.png) 	-1px 		-482px 	no-repeat;}
#icone6 a:hover { background: transparent url(img/icones.png) 	-320px 		-482px 	no-repeat;}