/* CSS Document */

body 
{ 
   text-align: center; 
   background-color:#C96; 
   margin: 0px 0px 0px 0px; 
   padding: 0;
   font-family: Verdana, Tahoma;
   font-size: 11px;
}

div#global 
{
  width: 910px; 
  padding: 0;
  text-align: left;
  margin: 0 auto ;
}

div#bandeau 
{
  height: 198px; 
  padding: 0px; 
  text-align:center;
  background-image: url(../images/bandeau.jpg);
  background-repeat: no-repeat;
}

div#corpPage
{
  padding: 0; 
  margin: 0;
  text-align:left;
  background-image: url(../images/fond_page.jpg);
  height: auto !important;
  height: 460px; 
  min-height: 460px; 
}

div#piedPage
{
  height: 12px; 
  padding: 0px; 
  text-align:center;
  background-image: url(../images/pied_page.jpg);
  background-repeat: no-repeat;
}

div.piedPlus
{
   color: #C96;
   background-color:#C96; 
}

div#piedMention
{
  text-align: center;
  height: 20px;
}

/*******************************************************************************  
** Menu
*******************************************************************************/
div#menu, div#menu2 
{
  height: 32px; 
  padding: 0px; 
  background-image: url(../images/fond_menu.jpg);
  background-repeat: no-repeat;
  
  text-align: center; 
}

div#menu ul, div#menu2 ul
{
  /*margin: 0 0 0 18px;*/
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}

div#menu ul li, div#menu2 ul li
{
  
  line-height: 32px;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  padding: 0 17px 0 5px;
  background-image: url(../images/picto_menu.jpg);
  background-position: right;
  background-repeat: no-repeat;
  float: left;
}

div#menu ul li.elementFin, div#menu2 ul li.elementFin
{
  display: inline-block;
  line-height: 32px;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  padding: 0 4px 0 8px;
  background: none;
  float: left;
}

div#menu ul li a, div#menu2 ul li a
{
  color: #FFF;
  text-decoration: none;
}

div#menu ul li a:hover, div#menu2 ul li a:hover
{
  color: #6C3;
  text-decoration: none;
}

div#menu ul li a.menuOn, div#menu2 ul li a.menuOn
{
  color: #6C3;
  text-decoration: none;
}

/*******************************************************************************  
** El?nts de pr?ntation 
*******************************************************************************/
div#contenu
{
  font-size: 12px;
  color: #333;
  font-weight: normal;
  padding: 10px 30px 10px 30px; 
  margin: 0;
}

h1#titrePage
{
  height: 50px;
  font-size: 16px;
  color: #930;
  font-weight: bold;
  padding: 0 0 0 30px; 
  margin: 0;
  line-height: 50px;
  
  background-image: url(../images/fond_titre.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

h2
{
  font-size: 14px;
  color: #930;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 26px;
  padding: 0 0 0 30px;
  background-image: url(../images/quote_small.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

h3
{
  font-size: 13px;
  color: #000;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 0 0;
  text-transform: uppercase;
  text-decoration: underline;
}

h3.festival
{
  font-size: 14px;
  color: #00F;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 0 0;
  text-transform: uppercase;
  text-decoration: underline;
}


h4
{
  font-size: 12px;
  color: #000;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 0;
  margin-bottom: 0;
}

.chapo
{
  font-size: 12px;
  color: #333;
  font-weight: bold;
  font-style: normal;
  text-align: justify;
}

p
{
   text-align: justify;  
}

div.centrage
{
   text-align: center;
}

.para, .cleaner
{
  clear: both;
}

.imageGauche
{
  float: left;
  padding: 0 20px 20px 0;
}

.imageDroite
{
  float: right;
  padding: 0 0 20px 20px;
}

.citation
{
  font-size: 12px;
  color: #930;
  font-weight: bold;
  font-style: italic;
  padding: 20px 20px 20px 0;
  
}

.citationTexte
{
  font-size: 12px;
  color: #930;
  font-weight: bold;
  font-style: italic;
}

.debutCitation
{
   width: 55px;
   padding: 0;
   margin: 0;
   height: auto !important;
   height: 48px; 
   min-height: 48px;
   
   background-image: url(../images/quote_david.gif);
   background-position: top left;
   background-repeat: no-repeat;
   
   float: left;
}

.debutCitation100
{
   width: 100px;
   padding: 0;
   margin: 0;
   height: auto !important;
   height: 100px; 
   min-height: 100px;
   
   background-image: url(../images/quote_100.gif);
   background-position: top left;
   background-repeat: no-repeat;
   
   float: left;
}

.corpCitation
{
   padding: 0;
   margin: 0;
   float: left;
}

.signature
{
  font-size: 12px;
  color: #000;
  font-weight: normal;
  text-align: right;
}

div.contact
{
  padding: 0 20px 20px 20px;
  border-style: solid;
  border-width: thin ;
  border-color: #930;
  background-color: #FFF;
  width: 300px;
}

div.sejour
{
  padding: 0 20px 20px 20px;
  margin: 0 0 20px 0;
  border-style: dotted;
  /*border-width: solid ;*/
  
  border-color: #930;
  background-color: #FFF;
}

.evidence
{
  font-weight: bold;
}

img.noBorder
{
   border: none;
}

ul.listeEspace
{
   line-height: 20px;
}


div.raccourciPhoto
{
   width: 210px;
   height: 60px;
   float: left;
   
   border-style: none none none solid;
   border-width: thin ;
   border-color: #930;
   line-height: 60px;
   margin: 5px 0 5px 0;
}

div.raccourciPhoto img.imageGauche
{
   width: 60px;
   height: 60px;
   margin: 0 5px 0 0;
   padding: 0px;
}

hr.separateur
{
   background-color: #FFF;
   border-top: 2px dotted #930;
}

a 
{
  color: #930;
  text-decoration: none;
}

a:hover
{
  /*color: #6C3;*/
  color: #00F;
  text-decoration: none;
}

a.souligne 
{
  color: #930;
  text-decoration: underline;
}

a.souligne:hover
{
  /*color: #6C3;*/
  color: #00F;
  text-decoration: underline;
}


div.raccourciPhoto a
{
   font-weight: bold;
   text-decoration: underline;
}

.minuscule
{
   text-transform: lowercase;
}

.banderole
{
   margin-top : 20px;
   font-size: 20px;
  color: #930;
  font-weight: normal;
  text-align: center;
}

.commentaire
{
  font-size: 12px;
  color: #000;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

.touareg
{
   color: #00F;
}


.lecture
{
   width: 240px;
   float: left;
   margin: 20px;
   color: #000;
   font-weight: bold;
   text-align: center;
}

.lecture img
{
  margin-bottom: 10px;
}


.cadreHome 
{
   width: 400px;
   float: left;
}

.cadreContact
{
   background-color: #CCCC99;
   padding: 10px;
   width: 422px;
   font-weight: normal;
}

.cadreContact h2
{
  font-size: 14px;
  color: #930;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 26px;
  padding: 0;
  background: none ;
}

.infoFlash
{
   border-style: dotted;
   border-color: #930;
   background-color: #FFF;
   padding: 0 10px 15px 10px;
   width: 422px;
   font-weight: normal;
}

.infoFlash h2
{
  font-size: 14px;
  color: #930;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 26px;
  padding: 0;
  background: none ;
}

.home1
{
  font-size: 14px;
  color: #993300;
  font-weight: bold;
  font-style: italic;
}

.home2
{
  font-size: 12px;
  color: #000;
  font-weight: normal;
  font-style: normal;
  background-color: #CCCC99;
  padding: 10px;
  margin-right: 10px;
}

.aptsHome
{
  font-size: 13px;
  color: #930;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

.petit
{
     font-size: 11px;
}

.formContact
{
   width: 750px;
   border: 1px #930 solid;
   padding: 1px;
}

.rubriqueForm
{
   background-color: #930;
   font-family: verdana;
   font-size: 13px;
   color: #FFF;
   font-weight: bold;
   line-height: 25px;
   padding-left: 10px;
   clear: both;
}

.zoneForm
{
   background-color: #FFFFCD;
   color: #000;
   font-weight: normal;
   padding: 10px 10px 15px 40px;
}

.zoneForm p
{
   clear: left;
}

label
{
   display: inline;
   float: left;
   width: 90px;
   font-weight: bold;
   margin-top: 5px;
}

input, textarea
{
   font-family: verdana;
   font-size: 12px;
}

.textareaMessage
{
   width: 660px;
   height: 200px;
}

.champTexte
{
   width: 250px;
}

.champDate
{
   width: 80px;
}

.erreurChamp, .obligatoire
{
   color: #F00;
}

a.bouton 
{
  font-family: verdana;
  font-size: 13px;
  color: #FFF;
  background-color: #930;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  line-height: 30px;
}

a.bouton:hover 
{
  background-color: #6C3;
}


a.renvoiHaut
{
  float: right;
  padding-right: 20px;
  background-image: url(../images/haut_page.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #930; 
  clear: both;
  margin-top: 10px;
}

a.renvoiHaut:hover
{
  float: right;
  padding-right: 20px;
  background-image: url(../images/haut_page.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #00F;
  clear: both;
  margin-top: 10px;
}

.plusPhotos
{
   font-weight: bold;
   height: 60px;
   width: 200px;
   margin: 0 auto ;
   padding-left: 60px;
   
   background-image: url(../images/picto_plus_photos.gif);
   background-position: left;
   background-repeat: no-repeat;
   line-height: 60px;
   

}