/***********************************************************************
Le document
************************************************************************/
body{
  text-align:center;
  width:725px;
  margin:0 auto;
  border:0px solid green;
  font-family:Verdana;
  font-size:12px;
  color:black;
  background-color:rgb(0,0,125);
}

#page
 {
  position:relative;
  height:600px;
  text-align:left;
  background-color:rgb(255,255,255);
 }

/********************************************************************************
     index
********************************************************************************/

#image_logo{position:absolute;left:20px; top:20px;}
#image_ligne{position:absolute;left:0px; top:84px;}

#image_mairie{position:absolute; left:25px; top:100px;}
#image_photo_mairie{position:absolute;left:45px; top:110px;}
#image_explication_1{position:absolute; left:25px; top:250px;}
#image_explication_2{position:absolute; left:265px; top:250px;}
#image_explication_3{position:absolute; left:505px; top:250px;}
#image_temoignage{position:absolute;left:25px; top:420px;}
#image_inscription{position:absolute;left:505px; top:420px;}

#btn_img_temoignage{position:absolute;left:155px; top:525px;}
#btn_img_inscription{position:absolute;left:520px; top:525px;}

#date
 {
  border:0px solid green;
  position:absolute; left:450px; top:55px; width:250px;height:25px;
  text-align:right;
 }

#index_presentation
 {
  border:0px solid white;
  position:absolute; left:300px; top:110px; width:390px;height:120px;
  text-align:left;
 }

#index_explication_1
 {
  border:1px solid white;
  position:absolute; left:60px; top:350px; width:150px;height:50px;
  text-align:left;
 }

#index_explication_2
 {
  border:1px solid white;
  position:absolute; left:300px; top:350px; width:150px;height:50px;
  text-align:left;
 }

#index_explication_3
 {
  border:1px solid white;
  position:absolute; left:540px; top:350px; width:170px;height:50px;
  text-align:left;
 }

#btn_txt_temoignage
 {
  border:0px solid red;
  position:absolute; left:150px; top:532px; width:165px;height:20px;
  text-align:center;
  color:white;
 }

#btn_txt_temoignage a:link, #btn_txt_temoignage a:visited, btn_txt_temoignage a:hover
 {
  color:white;text-decoration:none;
 }

#index_temoignage
 {
  border:0px solid white;
  position:absolute; left:45px; top:430px; width:400px;height:100px;
  text-align:left;
 }

#btn_txt_inscription
 {
  border:0px solid red;
  position:absolute; left:520px; top:532px; width:165px;height:20px;
  text-align:center;
  color:white;
 }

#btn_txt_inscription a:link, #btn_txt_inscription a:visited, btn_txt_inscription a:hover
 {
  color:white;text-decoration:none;
 }

#index_inscription
 {
  border:0px solid red;
  position:absolute; left:520px; top:430px; width:100px;height:100px;
  text-align:left;
 }

#index_menu
 {
  border:0px solid green;
  position:absolute; left:25px; top:575px; width:675px;height:20px;
  text-align:center;
 }

/********************************************************************************
     contact
********************************************************************************/
#btn_tel{position:absolute;left:250px; top:180px;}
#btn_gsm{position:absolute;left:250px; top:250px;}
#btn_mel{position:absolute;left:250px; top:320px;}
#btn_ptt{position:absolute;left:250px; top:390px;}

#contact
 {
  border:0px solid green;
  position:absolute; left:330px; top:180px; width:320px;height:300px;
  text-align:left;
 }

#btn_img_contact{position:absolute;left:25px; top:550px;}
#btn_txt_contact
 {
  border:0px solid red;
  position:absolute; left:25px; top:557px; width:165px;height:20px;
  text-align:center;
  color:white;
 }

#btn_txt_contact a:link, #btn_txt_contact a:visited, btn_txt_contact a:hover
 {
  color:white;text-decoration:none;
 }

/********************************************************************************
     mentions
********************************************************************************/
#mentions
 {
  border:0px solid green;
  position:absolute; left:75px; top:100px; width:600px;height:300px;
  text-align:left;
 }

#btn_img_mentions{position:absolute;left:25px; top:550px;}
#btn_txt_mentions
 {
  border:0px solid red;
  position:absolute; left:25px; top:557px; width:165px;height:20px;
  text-align:center;
  color:white;
 }

#btn_txt_mentions a:link, #btn_txt_mentions a:visited, btn_txt_mentions a:hover
 {
  color:white;text-decoration:none;
 }

/********************************************************************************
     faq
********************************************************************************/
#faq
 {
  border:0px solid green;
  position:absolute; left:75px; top:100px; width:600px;height:300px;
  text-align:left;
 }

#btn_img_faq{position:absolute;left:25px; top:550px;}
#btn_txt_faq
 {
  border:0px solid red;
  position:absolute; left:25px; top:557px; width:165px;height:20px;
  text-align:center;
  color:white;
 }

#btn_txt_faq a:link, #btn_txt_faq a:visited, btn_txt_faq a:hover
 {
  color:white;text-decoration:none;
 }

/********************************************************************************/

p{margin:10px;  text-align:justify;}

h1
 {
  margin:0;
  color:red;
  font-size:18px;
 }

h2
 {
  margin:0;
  color:white;
  font-size:12px;
 }

h5
 {
  margin:0;
  font-size:12px;
 }