/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			PARTIE  1 >>>      PAGE GLOBALE
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

html,body
{
    background-color: #ccc9e2;
    margin: 0;	
    font-family: arial; 
    font-size: 12px;
}

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

#headerimg
{
    width: 974px;
    height: 205px;
    z-index:1;
}

#header
{
    width: 580px;
    height: 80px;
    position:relative;
    padding-top:124px;
    padding-left: 384px;
    z-index:2;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			PARTIE  2 >>>      MENU REACTIF
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

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

#boutons
{
    width:590px;
    height: 80px;
    background: url("img/bg_menu.gif") 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: 0px; width: 101px; }
#panel2 {left: 100px; width: 54px; }
#panel3 {left: 153px; width: 154px; }
#panel4 {left: 306px; width: 177px; }
#panel5 {left: 482px; width: 109px; }

#panel1 a:hover { background: transparent url(img/bg_menu.gif) 0px -80px no-repeat;}

#panel2 a:hover { background: transparent url(img/bg_menu.gif) -100px -80px  no-repeat;}

#panel3 a:hover { background: transparent url(img/bg_menu.gif) -153px -80px  no-repeat;}

#panel4 a:hover { background: transparent url(img/bg_menu.gif) -306px -80px  no-repeat;}

#panel5 a:hover { background: transparent url(img/bg_menu.gif) -482px -80px  no-repeat;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			PARTIE  3 >>>      PARTIE CENTRALE
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

#central {width: 924px; overflow:hidden; margin-left: 0px; position:relative; background-color: #FFF;}

#contenu_2 {float : left; overflow:hidden; width:620px; margin-left:30px;}


#banniere {width:690px; margin-top:12px; margin-left : 5px}
#texte    {width:560px; margin-left:20px; margin-right:40px;}
#icone    {float:left; width:150px; margin-left:-20px;}
	

#right{float: right; width: 202px; height: 292px; margin-right: 20px;}
	
	#form{overflow:hidden;}
		
		#form1{float:left; width: 250px;}
		#form2{float:left; width: 300px;}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			PARTIE  4 >>>      FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

.footer
{
    font-family: arial;
    font-size: 9px;
    color:#223489
}

#w3c {margin-left:500px;}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			PARTIE 5 >>>      FONTS / PARAGRAPHES / LIENS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*/

.title_contenu
{
    font-family: arial;
    font-size: 16px; 
    font-weight: bold; 
    color:#223489;
 }

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

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

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:#223489;
}

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

h4
{
    font-family:arial;
    font-size:14px;
    color:#223489;
   font-weight:bold;
}

.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:#223489;
    font-weight:bold;
}

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

a:hover 
{
    color:#223489;
    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;}

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

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

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