/*-- corps --*/
body 
{
	background-color: white;
	color: #666666; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

a {
  color: #666666; 
}

a.sous {
  color: #666666; 
  text-decoration:none;
}

a.sous:hover {
  color: #666666; 
  text-decoration:underline;
}

a.gros {
  color: #035877; 
  text-decoration: none;
}

a.gros:hover {
  color: #035877; 
  text-decoration: underline;
}

a.photos {
  color: #035877; 
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

a.photos:hover {
  color: #035877; 
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
}

a.codegros {
  font-size: 20px; 
  color: #035877; 
  text-decoration: underline;
}

a.codegros:hover {
  font-size: 20px;
  color: #035877;  
  text-decoration: underline;
}

hr {
  margin-left: 120px;
  margin-right: 90px;
}

hr.docimp {
  margin-left: 0px;
  margin-right: 0px;
}

/* Head */
div.top {
  width: 960px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

p.toptempon {
  width: 960px;
  height: 13px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: -3px;
  margin-bottom: 0px;
  padding: 0px;
}

p.toptempon2 {
  width: 220px;
  height: 30px;
  background-color: white;
  margin-left: 0px;
  margin-top: -3px;
  padding: 0px;
}
p.toptempon3 {
  width: 730px;
  height: 25px;
  background-color: #E1E3E3;
  margin-left: 220px;
  margin-top: -42px;
  padding-left: 10px;
  padding-top: 10px;
}

span.espace {
  margin-left: 75px;
}


div.menu {
  width: 960px;
  height: 25px;
  background-color: #0077A1;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -3px;
  margin-bottom: 0px;
}

a.menu {
  color: #FFFFFF; 
  font-size: 11px; 
  font-family: Arial; 
  text-decoration : none;
}

a.menu:hover {
  color: #000000; 
  font-size: 11px; 
  font-family: Arial; 
  text-decoration : none;
}

p.top {
  margin :0px;
}

p.menu {
  float: left;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 5px;
  margin-bottom: 0px;
}

.bara_entete {
  width: 960px;
  height: 164px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_menug {
  width: 220px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_menud {
  width: 140px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

/* Centre */

div.centre {
  width: 960px;
  
  margin-left: auto; 
  margin-right: auto;
  background-color: #E1E3E3;
}

div.gauche {
  float: left;
  width: 220px;
}

div.docimp {
  position: relative;
  width: 220px;
  height: 480px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

p.docimptitre{
  color: #000000; 
  font-size: 14px; 
  font-family: Arial; 
  margin-left: 50px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: -30px;
  padding: 0px;
}

p.docimp {
  margin-left: 50px;
  padding: 0px;
  border: 0;
}

a.docimp {
  color: #666666; 
  font-size: 11px; 
  font-family: Arial; 
  text-decoration : none;
}

a.docimp:hover {
  color: #666666; 
  font-size: 11px; 
  font-family: Arial; 
  text-decoration : underline;
}

p.connexion {
  margin-left: 50px;
  margin-top: 5px;
  margin-right:0px;
  margin-bottom: 0px;
  padding: 0px;
  border: 0;
  color: #666666; 
  font-size: 9px; 
  font-family: Arial; 
}

input.connexion{
  width: 90px;
  height: 16px;
  margin-left : 8px;
  margin-top: 0px;
  margin-right:0px;
  margin-bottom: 0px;
}

input.connexion1{
  width: 90px;
  height: 16px;
  margin-left : 10px;
  margin-top: 0px;
  margin-right:0px;
  margin-bottom: 0px;
}

img.bara_gauche {
  width: 220px;
  height: 313px;
  margin-top: -11px;
  padding: 0px;
  border: 0;
}

img.bara_tampon {
  width: 220px;
  height: 166px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_tampon2 {
  width: 220px;
  height: 82px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_tampon3 {
  width: 220px;
  height: 187px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

.bara_anim_accueil {
  width: 220px;
  height: 15px;
  margin-left : 0px;
  margin-top: 0px;
  margin-right:0px;
  margin-bottom: 0px;
  padding: 0px;
  border: 0;
}

img.bara_crochet {
  width: 26px;
  height: 25px;
  margin: 10px;
  padding: 0px;
  border: 0;
}

/* Contenu */

div.contenu {
  position: relative;
  float: left;
  width: 740px;
  min-height: 805px;
  background-color: #E1E3E3;
  margin-top: -10px;
}

p.titre {
  color: #035877; 
  font-size: 16px; 
  font-family: Arial; 
  margin-left : 90px;
}

p.titre2 {
  color: #035877; 
  font-size: 16px; 
  font-family: Arial; 
  margin-left : 120px;
  margin-right : 90px;
  text-align: center;
  background-color: #eef0f0;
}

p.marge {
  float: left;
  margin-left : 120px;
}

p.photo {
  float: left;
  margin-right: 20px;
  text-align: center;
}

p.texte {
   margin-left : 120px;
   margin-right : 90px;
}

p.texte2 {
   margin-left : 120px;
   margin-right : 90px;
   text-align: center;
   background-color: #eef0f0;
}

span.gros {
  color: #035877; 
  font-size: 14px; 
  font-family: Arial;
}

span.gros2 {
  color: #035877; 
  font-size: 16px; 
  font-family: Arial;
}

span.grosg {
  color:  #666666;  
  font-size: 14px; 
  font-family: Arial;
}

div.clearfix {
  margin-left : 120px;
  margin-right : 90px;
  padding : 10px 0px;
}

label {
	width: 120px;
  float: left;
  margin : 0 10px;
}

img.bara_bienvenue {
  width: 740px;
  height: 150px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_index {
  width: 740px;
  
  margin-top: -2px;
  padding: 0px;
  border: 0;
}

img.adbarabe {
  margin-right: 10px;
  padding: 0px;
  border: 0;
}

img.carte {
  margin-right: 90px;
  padding: 0px;
  border: 0;
}

img.lien {
  margin-right: 10px;
  padding: 0px;
  border: 0;
}

img.graphique {
  margin-left: 250px;
}

img.rapport {
  margin-left: 130px;
}

/* Coypright */

div.petitmenu {
  width: 450px;
  margin-top: 60px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
}

a.petitmenu {
  color: #666666; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : none;
}

a.petitmenu:hover {
  color: #00BBEE; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : underline;
}

p.copyright {
  text-align: center;
  color: #000000; 
  font-size: 9px; 
  font-family: Arial; 
  margin-top: 10px; 
  margin-left: 0px;
  margin-right: 0px;
}

/* Bas */

div.bas {
  background-image:url(../images/bara_isymbole_01.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  width: 960px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

img.bara_lbas {
  width: 960px;
  height: 17px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.bara_isymbole_01{
  display : none;
}