body {
		color: #004000;
		font-family: verdana,tahoma,arial,"sans-sherif";
		font-size: 9pt;
		color: black;
		background-color:             #fff;
    text-align: center;
	 }

h1 	 {
		font-family: arial,"sans-sherif";
		font-size: 14pt;
		color: #696969;
	 }

h2	 {
		font-family: arial,"sans-sherif";
		font-size: 10pt;
		font-variant: small-caps;
		color: maroon;
		text-decoration: underline;
	 }

h3	 {
		font-family: arial,"sans-sherif";
		font-size: 9pt;
		font-weight: bold;
	 }
   
a:link , a:visited {
		color: blue;
		text-decoration: none;
		
	 }

a:hover {
		color: maroon;
		text-decoration: underline;
		
	 }

table {
		font-size: 8pt;
		font-family: verdana,tahoma,arial,"sans-sherif";
		color: black;
	 }

img  {
		border-width: 0;
	 }

.lien-locaux {
		font-family: arial,"sans-sherif";
		font-size: 9pt;
		font-variant: small-caps;
	 }
   
.deroule {
     background-color:            #F0F0F0;
}

.citation {
		font-style: italic;
		font-weight: bold;
	 }

#footer {
    font-family: arial,"sans-sherif";
		font-size: 7pt;
		color: #666666;
    text-align: center;
    clear: both;
    background-color: #ffffff;
	 }

.annonce{
  min-height: 130; 
  position: relative;
  background-color: White;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,"sans-sherif";
  color: black;
}

.droite{
  max-width: 400px;
  height: auto;
  background-color: White;
  position: relative;
  margin-left: 410;
}

.gauche{
  max-width: 400px;
  height: auto;
  float: left;
  background-color: White;
}

#all{
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  background-color: #fff;
  width:950px;
  padding-left: 5;
  padding-right: 5;
  padding-bottom: 5;
  padding-top: 0;
}

#menu{
  border-style: solid;
  border-width: 1px;
  border-color: White;
    position: relative;
    background-color: White;
    font-family: arial,"sans-sherif";
    font-size: 8pt;
    color: black;
    text-decoration: none;
    text-align: left;
    width: 138px;
    float: left;
    padding-left: 10px;
}

#menu a:link , #menu a:visited {
    color: #3a6ea5;
    text-decoration: none;
    font-family: "arial narrow","arial","helvetica","sans-sherif";
    font-size: 10pt;
    font-weight: bold;
   }

#menu a:hover {
    color: darkorange;
    text-decoration: underline;
    font-family: "arial narrow","arial","helvetica","sans-sherif";
    font-size: 10pt;
    font-weight: bold;
   }

#styl {
    position: relative;
    margin-left: -30px;
}

#styl ul {
    list-style-type: none;
    font-size: 10px;
}

#styl a {
    text-decoration: none;
    display: block;
    color: #666;
    padding: 2px;
}

#styl  a:link , #styl a:visited {
    color: #ddd;
}

#styl li {
    float: left;
    position: relative;
    width: 30px;
    text-align: center;
    margin: 0px 2px 5px 2px;
-    margin: 0px 2px -13px 2px;
}

.styldef {
    background-color: #009090;
}

.stylvar1 {
    background-color: #000099;
}

.stylvar2 {
    background-color: #BA470D;
}

#content {
  border-style: solid;
  border-width: 1px;
  border-color: White;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-top: 0px;
    background-color: White;
 /*   padding-left: 5px;
    padding-right: 5px;*/
    padding-bottom: 5px;
 /*   padding-top: 0px;*/
    max-width: 783px;
    text-align: justify;
}

#essai {
    position: absolute;
    position: relative;
    top: 75px;
}

#onglet {
    position: relative;
    margin-top: -8px;
-    margin-top: 5px;
    padding-top: 0px;
    background-color: #3a6ea5;
    width: 785px;
    height: 58px;
}

#onglet h1 {
    font-family: arial,"sans-sherif";
    font-size: 14pt;
    color: #fff;
    padding-top: 5px; 
    padding-left: 5px;
}

#onglet ul {
    list-style-type: none;
    font-size: 10px;
}

#onglet a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 2px;
}

#onglet li {
    float: left;
    position: relative;
    background-color: darkorange; 
    margin: 2px 2px 0px 2px;
}

#onglet li.actif {
    background-color: #fff;
    color: black;
}