HTML, BODY{
  background: #E2E2E2;
  background-image:url('img/layout/degrade.jpg');
  background-repeat: repeat-x; 
  font-family: Arial, Verdana;
  color: #555;
  font-size: 8pt;
  margin: 0;
  padding: 0;
  text-align: justify;
}

h1{
  font-size: 12pt;
  font-weight: bold;
  color: #F02E2E;
}

div#div_titre{
  
  color: #C51C1C;
}

div{
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

img{
  margin: 0;
  padding: 0;
  border: 0;
}

ul{
  margin: 0;
  padding: 0;
}

li{
  margin: 0;
  padding: 0;
  
}

a{
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}


/* DIVS PRINCIPAUX*/

div.div_site{
  width: 800px;


  background: #FFFFFF;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  
 
}

div.div_header{
  width: 800px;
  height: 200px;
  background: #FFFFFF;
  background-color: blue;
  
}



div.div_center{
  width: 800px;
  background: #FFFFFF; 
}
div.div_left{
  float:left;
  width: 10px;
  padding-top: 20px;
  padding-bottom: 20px;

}
div.div_menu{
 
  width:140px;  
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #CCC;
}

div.div_content{
  width: 610px;
  padding-top: 20px;
  padding-bottom:20px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  background: #FFFFFF;

  
  font-size: 8pt;
  
}

div.div_footer{
  width: 800px;
  height: 20px;
  background: #FF0000;
  background-image:url('img/layout/footer.jpg');
  
  color: #AA0000;
  font-size: 8pt;
}
/* FIN DES DIVS PRINCIPAUX */

/* MENU */
div.div_lienmenu{

  margin-left: 10px;
  width: 164px;
 
  
  padding-top: 1px;
  padding-left: 5px;

  font-size: 8pt;

}

div.div_lienssmenu{
  
  margin-left: 10px;
  width: 149px;
  
  
  padding-top: 1px;
  padding-left: 15px;

  font-size: 8pt;

}

a.a_lienmenu{
  color: #666666;
  
}
a.a_lienssmenu{
  color: #C51C1C;
 
}
/* FIN DU MENU */
a.a_tampons{
  color:#C51C1C;
}

/* ADMINISTRATION */

div.div_admin{
  width: 500px;
}

div.div_admin_titre{
  width:500px;
}
div.div_admin_content{
  width:500px;
}

div.div_admin_content_red{
  width:500px;
  background: #FFB7B7;
}

div.div_admin_celltitre{ 
  background-color: #F02E2E;
  color: #FFFFFF;
 
  float: left; 
  text-align: center;
  border: 2px solid #FFFFFF;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 5px;
  padding-bottom: 7px;
  
}

div.div_admin_cellcontent{
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

/* FIN DE L'ADMINISTRATION */


/* FORMULAIRES */
div.div_formulaires{
  width: 500px;
}
div.div_frm_legende{
  width: 200px;
  float: left;
}
div.div_frm_champs{
  width: 300px;
  float: left;
}
input{
  width: 280px;
  font-size: 8pt;
}
textarea{
  width: 280px;
  height: 150px;
  font-size: 8pt;
}
select{
  width: 280px;
  font-size: 8pt;
}

input.radio{
  width: auto;
  margin-right: 75px;
  
}
.i_submit{
  border: none; 
  background-color: #FFFFFF;
  font-family: verdana;
  color: #F02E2E;
  font-weight: bold;
  
}
font.obligatoire{
  font-weight: bold;
  color: #F02E2E; 
}
font.frm_remarques{
  font-style: italic;
}
div.div_frm_boutons{
  width: 500px;
  margin-top: 20px;
  border-top: 1px solid #D2d2d2;
  border-bottom: 1px solid #D2d2d2;
}

div.div_frm_confirmation{
  width: 480px;
  border: 1px solid #F02E2E;
  /*border-right: 1px solid #F02E2E;*/
  font-style: italic;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

a.a_frm_lien{
  font-family: verdana;
  color: #F02E2E;
  font-weight: bold;
}
div.div_frm_titre{
  width: 500px;
  background: #F02E2E;
  color: #FFFFFF;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 5px;
  padding-bottom: 7px;
  text-align: center;
}
/* FIN DES FORMULAIRES */


/* TABLEAU LISTE */
div.div_tableauautorite{
  width:400px;

    
}

div.div_titre_tabauto{
  width: 390px;
  background: #EEEEEE;
  font-weight: bold;
  padding: 5px;
 
}

div.div_cell_tabauto{
  width: 380px;
   border-bottom: 1px solid #EEEEEE;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
}

div.div_tab_infosautorite{
  width: 400px;
  
}
div.div_tab_infosautorite_left{
  width: 99px;
  float: left;
  border-right: 1px solid #EEEEEE;
  margin-bottom: 5px;
}
div.div_tab_infosautorite_right{
  width: 295px;
  padding-left: 5px;
  float: left;
  margin-bottom: 5px;
}
/* FIN TABLEAU LISTE */


/* GENERAL */

div.div_introduction_page{
  width: 500px;
  margin-bottom: 20px;
}

a.a_lienservice{
  color: #F02E2E;
}
/* FIN DE GENERAL */

/* SERVICES ET INFRA*/
div.div_service{
  width: 600px;
}

div.div_service_g{
  width: 410px;
  float: left;

}

div.div_service_d{
  width: 180px;
  float: left;

}

div.div_docs_services{}

div.div_photosinfra{
  width: 150px;
  text-align: center;
  float: left;
  
}

div.div_pic_infra{
  width: 100%;
}

/* FIN SERVICES ET INFRA*/