html, body {
    height:100%;
    margin:0px;
    padding:0px;
    font-size:62.5%;
  }


body {
    background-color :#c0c0c0;
    font-family : 'Arial', 'verdana', sans-serif;
    font-size : 1em;
    color:#fff;
  }

/*-----------------MISE EN FORME GENERALE--------------------*/



#content {
    margin-left:auto;
    margin-right:auto;
    width:833px;
    margin-top:5px;
    margin-bottom:5px;
    display:table;
    background-image:url(images/fond.jpg);
  }


#header {
    background-image:url(images/header.jpg);
    width:833px;
    height:178px;
  }


#header-haut {
  }


#header-haut-left {
    float:left;
    width:43%;
  }


#header-haut-right {
    width:57%;
    float:left;
    margin-top:15px;
  }


#header-center {
    clear:both;
  }


#menu {
    float:left;
    width:54%;
  }


#header-center-right {
float:left;
font-size:1.5em;
margin-top:17px;
padding-left:44px;
width:40%;
font-weight:bold;
  }

#header-bas{
	clear:both;
}

#header-bas-left{
    float:left;
    width:58%;
}

#header-bas-right{
    float:left;
    width:42%;

}

#main {
    background-image:url(images/fond.jpg);
  }


#main-gauche {
    width:55%;
    float:left;
    background-image:url(images/fond.jpg);
margin-bottom:20px;
  }


#main-gauche-haut {
    background-image:url(images/main-gauche-haut.jpg);
    background-repeat:no-repeat;
    width:424px;
    height:26px;
  }


#main-gauche-center {
    background-image:url(images/main-gauche-center.jpg);
    width:424px;
    height:100%;
    background-repeat:repeat-y;
  }


#main-gauche-bas {
    background-image:url(images/main-gauche-bas.jpg);
    background-repeat:no-repeat;
    width:424px;
    height:26px;
  }


#main-droite {
    width:45%;
    float:left;
    background-image:url(images/fond.jpg);
margin-bottom:20px;
  }


#footer {
    clear:both;
    background-image:url(images/footer.jpg);
    width:833px;
    height:105px;
    background-repeat:no-repeat;
padding-top:1px;
padding-bottom:0px;
  }

/*-------------------------------MISE EN FORME TEXTE----------------------------------------------*/



h1, h2, h3, h4, p {
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
  }


h1 {
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
    font-size:1.6em;
    padding-bottom:0px;
padding-top:5px;
color:#99cc00;
   
  }

h2 {
    font-weight:bold;
    font-size:1.4em;
    
text-align:center;
padding-top:10px;
  }

h3, h4 {
font-weight:bold;
    font-size:1.4em;
    padding-left:25px;
    padding-right:20px;
padding-top:10px;
color:#99cc00;
}

h4 {
    padding-left:0px;
    padding-right:5px;
}
hr {
    background-color:#999;
    color:#999;
    width:200px;
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    height:1px;
  }

/*---------------------------MISE EN FORME SUBBALISES-------------------------------*/


#main-droite p {
    font-size:1.3em;
    font-weight:normal;
    margin-top:8px;
  }

#main-droite h1{
	text-align:center;
}

#main-droite h1 span{
	font-size:0.5em;
}

#main-droite h2 {
    font-size:1.4em;
    font-weight:normal;
    margin-top:20px;
    padding-right:5px;
    padding-left:5px;
	color:#fff;
  }

#main-droite h3{
    font-size:1.4em;
    padding-left:0px;
    padding-right:0px;
	padding-top:0px;
	color:#99cc00;
}



#main-gauche p {
    padding-left:30px;
    padding-right:25px;
    font-size:1.4em;

  }


#main a {
    color:#99cc00;
    text-decoration:none;
  }


#main a:hover {
    color:#fff;
    text-decoration:none;
  }


#header h2 {
    width:318px;
    text-align:left;
    font-size:1.4em;
color:#99cc00;
  }


#menu ul li {
    display:inline;
    color:#000;
    font-size:1.5em;
    font-weight:bold;
    padding-left:0px;
  }


#menu ul>li+li {
    border-left-width:1px;
    border-left-color:#000;
    border-left-style:solid;
    padding-right:4px;
    padding-left:4px;
  }


#menu a {
    color:#000;
    text-decoration:none;
  }


#menu a:hover {
    color:#fff;
    text-decoration:none;
  }

h3 a{
color:#99cc00;
}
h3 a:hover{
color:#fff;
}
p a{
color:#99cc00;
}
p a:hover{
color:#fff;
}
#footer-left {
    width:400px;
    color:#000;
    float:left;
    padding-top:58px;
    margin-left:10px;
  }


#footer-right {
   margin-top:11px;
  }

#footer-left p a {
  color:#666;
  }
#footer p {
    font-size:0.9em;
    text-align:left;
  }


#footer h2 {
    text-align:right;
    color:#000;
    font-weight:bold;
    font-size:1.2em;
    		padding-right:7px;
    padding-top:0px;
padding-bottom:0px;

  }


form {
	margin-top:5px;
  }


form label {
    padding-top:2px;
    padding-bottom:2px;
    color:#000;
    font-size:1.3em;
  }


.colorboton {
    border-color:#fff;
    border-style:solid;
    border-width:1px;
    background-color:#000;
    color:#fff;
    font-size:1em;
    padding:2px;
  }

img{
border:none;
}
#footer a {
    color:#000;
    text-decoration:none;
  }


#footer a:hover {
    color:#fff;
    text-decoration:none;
  }
.vert{
color:#99cc00;
}
/*---------------------LOGO--------------------------------------------------*/
#logoone{
margin-left:70px;
margin-bottom:30px;
}
#logotwo{
margin-top:30px;
margin-bottom:5px;
margin-left:40px;
}
.logo{
position:relative;
font-family:'times new roman', 'times', serif;
color:#fff;
height:60px;
width:285px;
margin-top:-63px;
}
.logo .l{
position:absolute;
left:8px;
top:0px;
font-size:7em;
}
.logo .annuaire{
position:absolute;
left:30px;
top:9px;
font-size:4em;
font-weight:bold;
margin:0px;
padding:0px;
color:#99cc00;
}
.logo .com{
position:absolute;
left:185px;
top:38px;
font-size:4em;
font-weight:bold;
margin:0px;
padding:0px;
}