/* CSS Document */

/* Mise en page globale */
body{
	background: url(images/background.jpg) repeat-x ;
	font-family: "Arial", Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Arial", sans-serif;
}

h1{font-size: 1.2em;padding: 5px 10px 0 10px;margin:0;}
h2{font-size: 0.9em;padding: 5px 10px 0 10px;margin:0;color:#ed722e}
h3{font-size: 0.8em;padding: 5px 10px 0 10px;margin:0;color: #666666}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

p {font-size: 0.7em;}

a {text-decoration:none;color:#FFFFFF;}
a:hover {text-decoration: underline;color:#FFFFFF;}

td{font-size: 0.7em; color:#999999}
td a {text-decoration:none;color:#999999}
td a:hover {text-decoration:underline;color:#999999}

ul li{font-size: 0.7em;font-weight:600;color:#ed722e}




/* Conteneur */
#conteneur {
position: relative;
width:860px;
margin:0 auto;
padding:0;
}

/* Entête */
#header {
position: relative;
height:108px;
margin:0;
padding:0;
background:url(images/Trame_02.gif) no-repeat;
}

#header2 {
position: relative;
height:108px;
margin:0;
padding:0;
background:url(images/Trame_022.gif) top center no-repeat;
}

#telephone {
position:absolute;
margin:0;
padding:0;
top: 35px;
right: 10px;
width: 130px;
height: 10px;
color:white;
text-align:left;
font-weight:100;
font-size: 0.7em;
}

#mail {
position:absolute;
margin:0;
padding:0;
top: 60px;
right: 10px;
width: 130px;
height: 10px;
color:white;
text-align:left;
font-weight:100;
font-size: 0.7em;
}

/* Contenu */
#contenu {
position: relative;
width:860px;
margin:0 auto;
padding:0;
}

/* Colonne Gauche */

#colonnegauche {
float:left;
width:160px;
margin:0;
padding:0;
}

#hautgauche {
width:160px;
height:78px;
margin:0;
padding:0;
text-align:justify;
background:url(images/Trame_06.gif) no-repeat;
}

#menugauche {
width:160px;
height:78px;
margin:0;
padding:0;
background:url(images/Trame_27.gif) no-repeat;
}

#milieugauche {
width:160px;
margin:0;
padding:0 0 15px 0;
background:url(images/Trame_10.gif) repeat-y top left;
}

#milieugauche ul,li{font-weight:100;font-size:110%;}
#milieugauche ul {margin:0; padding:10px 0 0 25px;}
#milieugauche li {margin:0; padding:2px 0 0 2px;}

#milieugauche a {text-decoration:none;color:#999999;}
#milieugauche a:hover {text-decoration: none;color:#ed722e;}

#milieugauche {
color: #999999;
margin:0;
padding: 5px 5px 0 5px;
}

#basgauche {
width:160px;
height: 7px;
margin:0 0 15px 0;
padding:0;
background: url(images/Trame_20.gif) no-repeat;
text-align:justify;
}

/* Colonne Centrale */

#colonnecentrale {
float:left;
width:500px;
margin:0 0 0 20px;
padding:0;
}

#hautcentrale {
width:500px;
height:104px;
margin:0;
padding:0;
}

#milieucentrale {
width:480px;
margin:0 auto;
padding:0;
background:url(images/Trame_14.gif) repeat-y top left;
}

#menuflash {
width:478px;
margin:0 auto;
padding:0;
}

#milieucentrale a {text-decoration:none;color:#999999;}
#milieucentrale a:hover {text-decoration: none;color:#ed722e;}

#milieucentrale p{
color: #999999;
margin:0;
padding: 10px 10px 5px 10px;
text-align:justify;
}

#milieucentrale li{
font-size: 0.7em;font-weight:100;color:#666666;
margin:0;
padding:0;
}

#bascentrale {
width:480px;
height:7px;
margin:0 auto;
padding:0;
background:url(images/Trame_21.gif) no-repeat;
}

/* Colonne Droite */

#colonnedroite {
float:left;
width:160px;
margin:0 0 0 20px;
padding:0;
}

#hautdroite {
width:160px;
height:78px;
margin:0;
padding:0;
background:url(images/Trame_09.gif) no-repeat;
}

#haut2droite {
width:160px;
height:78px;
margin:20px 0 0 0;
padding:0;
background:url(images/partenaire.gif) no-repeat;
}

#milieudroite {
width:160px;
margin:0;
padding:0;
background:url(images/Trame_10.gif) repeat-y top left;
text-align:center;
}


#basdroite {
width:160px;
height:7px;
margin:0;
padding:0;
background:url(images/Trame_20.gif) no-repeat;
}

/* Footer */
#footer {
position: relative;
width:860px;
margin:0 auto;
padding:0;
}

#footerhaut {
width:480px;
height: 11px;
margin:0 auto;
padding:0;
background:url(images/Trame_24.gif) no-repeat;
text-align:center;
}

#footercontenu {
width:480px;
margin:0 auto;
padding:0;
background: url(images/Trame_26.gif) bottom center no-repeat;
text-align:center;
}

#footer p {
color: #999999;
margin:0;
padding: 4px 0px 10px 0px;
text-align:center;
font-size: 0.6em;

}



.separation {clear:both;visibility:hidden;}