/*
  Bleu: 66A6D6
  Vert: // A6D666
Marron: D6A666;
*/

body { 
  margin: 10px;
  font-family: sans;
  font-size: 16px;
  background-color: #034A73;
  color: #034A73;
 }

h1 { 
  margin: 5px 0 3px 0;
  padding: 0;
  font-size: 21px;
  border-bottom: 3px solid #66A6D6;
  color: #D6A666;
 }

h2 { 
  margin: 5px 0 3px 0;
  padding: 0;
  font-size: 14px;
  border-bottom: 2px solid #66A6D6;
  color: #D6A666;
 }

h3 { 
  margin: 10px 0 3px 0;
  padding: 0;
  font-size: 12px;
  color: #D6A666;
 }

h1:first-letter, h2:first-letter { 
  color: #66A6D6;
 }

p { 
  text-align: justify;
 }

a { 
  color: #034A73;
  text-decoration: none;
  border-bottom: 1px dotted #034A73;
 }

a.noborder { 
  border-bottom: 0;
 }

#logo { 
  display: none;
  position: absolute;
  cursor: pointer;
  z-index: 1;
 }

 #corps { 
/*  display: none;*/
  border: 3px solid #66A6D6;
  z-index: 0;

  height: 450px; 
  width: 850px;
  margin: auto;
  margin-top: 55px;
  background-color: #ffe8c8;
 }

#logo2 { 
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  z-index: 3;
 }

#contenu { 
  margin-left: 140px;
  margin-right: 20px;
 }

#menu { 
  position: absolute;
  width: 135px;
  padding-top: 140px;
  text-align: center;
  height: 310px;
  background-color: #66A6D6;
 }

#menu ul { 
  list-style-type: none;
  padding: 0;
  margin: 0;
 }

#menu ul li   { 
  margin: 20px 0;
  font-size: 12px;
  color: #D6A666;
  font-weight: bold;
 }

.service { 
  width: 200px;
  height: 120px;
  float: left;
  margin: 10px;
  padding: 3px;
  border: 1px solid #A6D666;
  cursor: pointer;
  z-index: 2;
  background-color: white;
/*  opacity: 0.5;*/
 }

#retour_services { 
  display: none;
  font-size: 10px;
  text-align: right;
  font-weight: bold;
 }

#detail_service { 
  z-index: 1;
 }
#detail_service ul { 
  list-style-position: inside;
}

#popup { 
  display: none;
  margin-left: 140px;
  margin-top: 10px;
  margin-right: 10px;
 }

#divclose { 
  text-align: right;
 }

#popup_contenu { 
  text-align: left;
 }

#close { 
  cursor: pointer;
 }

#contact_msg { 
  width: 600px;
  height: 150px;
 }

.etiquette { 
  margin: 0; 
  padding: 0;
  font-size: 10px;
  color: #034A73;
 }

.coord { 
  margin-top: 0px; 
  padding: 0;
  float: left;
 }

input, select, textarea { 
  border: 1px solid #034A73;
  margin: 1px;
  background-color: white;
  color: #034A73;
 }

.diapo { 
  height: 170px;
  width: 270px;
  overflow: auto;
  float: left;
}

#accordeon h4 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #034A73;
}

#accordeon .ui-accordion-content {
  padding: 5px;
  font-size: 10px;
}

#accordeon .ui-accordion-content p {
  margin: 3px 0;
}

#accordeon .details {
  margin-left: 280px;
}

#accordeon .ui-accordion-header a { 
  font-size: 0.8em;
}

#accordeon .ui-accordion-header { 
  background: #FFE8C8;
}

h3.ui-accordion-header { 
    height: 26px;
}