/* remise à zéro des navigateurs */
* { margin: 0; padding: 0; border: none; font-family: sans-serif; font-weight: normal; font-style: normal; text-decoration: none; } 


/* couleur 1 (clair) : FFFEE5 */
/* couleur 2 (moyen) : FFECC0 */
/* couleur 3 (foncé) : FEAF50 */


/* styles généraux */
body { font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #FFFEE5 url('images/fond.gif'); scrollbar-face-color: #FFECC0; scrollbar-shadow-color: #FFFEE5; scrollbar-highlight-color: #FEAF50; scrollbar-3dlight-color: #FFFEE5; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #FFFEE5; scrollbar-arrow-color: #000000; font-family: verdana, arial, sans-serif; color: #000000; font-size: 90%; text-align: center;}

#general { margin: 0 auto; width: 760px; height: 560px; text-align: left; vertical-align: middle; }

p { margin: 1em 30px; line-height: 1.3em; vertical-align: middle; font-size: 90%; text-align: justify; }
h1 { width: 540px; margin : 1em auto 2em auto; padding: .2em .5em; background: #FEAF50; color: #000000; font-size: 150%; font-weight: bolder; text-align: center; }
h2 { margin: 2em 30px 1em 30px; padding-left: 25px; background: url('images/titre.gif') no-repeat left bottom; border-bottom: 1px solid #FEAF50; font-size: 110%; font-weight: bold; line-height: 40px; }
h3 { margin: 2em 30px 1em 50px; padding-left: 8px; border-left: 2px solid #FEAF50; border-bottom: 1px solid #FEAF50; font-size: 100%; font-weight: bold; line-height: 25px; }
h4 { margin: 1.2em 30px 1em 70px; border-bottom: 1px solid #FEAF50; font-size: 95%; font-weight: bold; line-height: 25px; }
h5 { margin: 1.2em 40px; font-size: 93%; font-weight: bold; text-align: center; }
hr { height: 1px; margin: 30px; background-color: #FEAF50; border: 0; }
img { border: 0; margin: 0 40px 10px 40px; }

a { color: #000000; font-style: italic; font-weight: bold; }
a:hover { color: #FFFEE5; background: #FEAF50; }
a:active { color: #FFFEE5; background: #FEAF50; }
a:visited { font-weight: normal; }


/* ************** */
/*   FRAME HAUT  */
/* ************** */
#haut { width: auto; height: 80px; background: #FFFEE5; }
#haut img { margin: 0; float: left; }

/* ***************************** */
/*  FRAME COLONNE DE GAUCHE  */
/* ***************************** */
#colgauche { width: 150px; padding: 0; float: left; font-size: 90%; text-align: center; vertical-align: middle; }

/* menu normal */
#menu { width: 150px; padding-top: 80px; float: left; font-size: 90%; line-height: 1.5em; text-align: center; vertical-align: middle; }
#menu a { width: 100px; margin: 20px 0; padding: 5px; display: block; background: #FFECC0; border: 2px solid #FEAF50; color: #000000; text-decoration: none; font-weight: bold; font-style: normal; text-align: center; }
#menu a:hover { background: #FEAF50; border: 2px solid #FFECC0; color: #FFFEE5; }
#menu a:active { background: #FEAF50; border: 2px solid #FFECC0; color: #FFFEE5; }
#menu a:visited  { font-style: italic;   }

/* pour contacts.php */
.coordonnees { width: 125px; margin: 10px auto 20px auto; padding: 5px; background: #FFECC0; border: 2px solid #FEAF50; color: #000000; line-height: 1.5em;  text-align: center; }
.titrecontacts { font-weight: bold; }
.adressecontacts { font-size: 98%; }


/* ****************** */
/*  FRAME CONTENU   */
/* ****************** */
#contenu { width: 608px; height: 430px; margin: 9px 0; background: #FFECC0; border: 1px solid #FEAF50; float: left; overflow: auto; }

.droite { text-align: right; }
.centre { text-align: center; }

.agauche { float: left; }
.adroite { float: right; }

.bis { width: auto; margin : 1em 20px; }

.descriptif { margin: 0 30px 3em 65px; }

.detail { font-size: 85%; font-style: italic; line-height: 1em; }

.precision { margin-top: 1.3em; margin-bottom: 0; }
.detailprecision { margin-top: .2em; margin-bottom: 0; padding-left: .4em; font-size: 80%; font-style: italic; line-height: 1.2em; }

img.illumodalites { width: 180px; margin: 30px; float: left; }
.modalites { width: 290px; background: #FFFEE5; margin: 20px 30px 20px 240px; padding: 10px; }
.modalites p { margin-left: 0; margin-right: 0; }

.pdf { margin: 25px 50px; padding: 10px; border: 1px solid #FEAF50; text-align: center; }
.pdf a { color: #FEAF50; font-weight: bold; font-style: normal; }
.pdf a:visited { color: #FEAF50; font-weight: bold; font-style: normal; }
.pdf a:hover { color: #FFFEE5; background: #FEAF50; }
.pdf a:active { color: #FFFEE5; background: #FEAF50; }

.pluginflash { height: 25px; margin: 0; color: #FEAF50; font-size: 80%; font-style: italic; text-align: center;  }

.fermer a { color: #000000; font-weight: bold; font-size: 90%; }
.fermer a:hover { color: #FFFEE5; background: #FEAF50; }
.fermer a:active { color: #FFFEE5; background: #FEAF50; }
.fermer a:visited { color: #000000; font-weight: bold; }


/* pour album */
.album img { height: 200px; margin: 20px; float: left; }

/* pour video */
#video { width: 450px; margin: 20px auto; padding: 10px; border: 1px solid #FEAF50; text-align: center; }

/* pour formulaires */
form { width: 540px; margin: 1em 0 1em 40px; }
form p { margin: 1.2em 15px; line-height: 1.3em; vertical-align: middle; font-size: 90%; text-align: justify; }
.legend { width: 500px; margin: 2em 0 0 0; padding: .2em 11px; background: #FEAF50; color: #000000;  font-size: 100%; font-weight: bold; }
.fieldset { width: 500px; padding: 10px; border: 1px solid #000000; border-top: none; line-height: 1.2em; vertical-align: middle; }
label { line-height: 1.2em; vertical-align: middle; }
input { margin-left: .3em; padding-left: .2em; background: #FFFEE5; line-height: 1.2em; vertical-align: middle; font-size: 90%; font-weight: bold; }
input.cases { background: none; margin-right: .1em; text-align: left; }
input.petit { width: 4em;  }
.civilite input { margin-left: 3em; background: none; text-align: center; vertical-align: middle; }
select { margin-top: .5em; margin-left: .3em; padding-left: .5em; background: #FFFEE5; font-size: 90%; border : 3px solid #FEAF50; }
option { padding-left: .5em; }
option.detail { margin-left: 2em; font-style: italic; }
textarea { padding-left: .2em; background: #FFFEE5; line-height: 1.2em; vertical-align: middle; font-size: 90%; font-weight: bold; }
p.envoyer { margin: 1em 8.5em 0 0; text-align: right; }
.envoyer input { padding: .2em; background: #FEAF50; border: 1px solid #000000; }

/* pour email.htm */
.margehaut { margin-top : 1em; }
.choixmail input { margin-left: 2em; background: none; text-align: center; vertical-align: middle; }

/* pour devis.htm */
.structure { margin-left: 50px; }
p.service { margin-left: 80px; font-size: 85%; }
.service input { margin-left: .3em; background: #FFFEE5; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
.cedex { font-size: 90%; }
.cedex input { width: 1.5em; vertical-align: middle; }
.telephones input { margin-left: .3em; margin-right: 1.5em; vertical-align: middle; }
.budget { margin: 0 1.5em 0 1em; line-height: 1.5em; vertical-align: middle; }
.budget input { text-align: right; vertical-align: middle; }


/* *********************/
/*    PAGES SPECIALES   */
/* *********************/

/* pour erreurs (frames: colonne gauche + contenu) */
#erreur { width: 760px; height: 300px;  margin: 9px 0; padding-top: 30px; background: #FFECC0 url('images/contenu.gif'); border: 1px solid #FEAF50; }
#erreur p { text-align: center; font-size: 110%; }

/* pour index.php + accueil.php (animation flash) */
#anim { margin: 0; padding: 0; background: #000000; font-family: verdana, arial, sans-serif; color: #FEAF50; font-size: 90%; text-align: center;}
#anim a { color: #FEAF50; font-weight: bold; font-style: italic; }
#anim a:hover { color: #FFFEE5; background: #FEAF50; }
#anim a:active { color: #FFFEE5; background: #FEAF50; }
#anim a:visited { color: #FFFEE5; }
#hautanim { width: 100%; height: 40px; color: #FFFEE5; font-size: 90%; }
#contenuanim { width: 760px; height: 420px; background: #000000; color: #FEAF50; }
#contenuanim a { margin: 0; padding: 0; }
#contenuanim img { margin: 0; padding: 0; float: left; }
#basanim { width: 100%; height: 40px; color: #FFFEE5; font-size: 90%; }


/* pour plan.php + plan dans l'accueil */
#plan { width: 608px; height: 380px; margin: 9px auto; background: #FFECC0; border: 1px solid #FEAF50; overflow: auto; }
#plan fieldset { width: 240px; margin: 10px; }
#plan p.rubrique { width: 100%; margin: 10px 0; padding: 5px; background: #FFFEE5; color: #FEAF50; }
#plan p.sousrub { margin: 10px 0 10px 2.5em ; }
#plan a { color: #FEAF50; font-weight: bold; font-style: italic; }
#plan a:visited { color: #FEAF50; font-weight: bold; font-style: italic; }
#plan a:hover { color: #FFFEE5; background: #FEAF50; }
#plan a:active { color: #FFFEE5; background: #FEAF50; }

/* pour credits.php */
#credits { width: 350px; margin: 0 auto; padding: 10px; background: #FFFEE5 url('images/credits.jpg') no-repeat right top; border: 0; overflow: auto; text-align: left; vertical-align: middle; }
#credits p { text-align: left; vertical-align: middle; }

/* pour partenaires.php */
#partenaires { width: 350px; margin: 10px; padding: 10px; overflow: auto; text-align: left; vertical-align: middle; }
#partenaires a { color: #FEAF50; font-weight: bold;  font-style: normal; }
#partenaires a:visited { color: #FEAF50; font-weight: bold; font-style: italic; }
#partenaires a:hover { color: #FFFEE5; background: #FEAF50; }
#partenaires a:active { color: #FFFEE5; background: #FEAF50; }


/* ************ */
/*  FRAME BAS  */
/* ************ */
#bas { width: auto; height: 28px; background: #FFFEE5; color: #000; float: right; }

p#navigation { width: 620px; margin: 0; float: left; color: #000000; font-size: 90%; line-height: 27px; vertical-align: middle; text-align: center; }
#navigation a { color: #000000; font-weight: bold; font-size: 90%; font-style: normal; }
#navigation a:hover { color: #FFFEE5; background: #FEAF50; }
#navigation a:active {  color: #FFFEE5; background: #FEAF50; }
#navigation a:visited { font-weight: normal; font-style: italic; }

p#infos { width: 140px; margin: 0; float: left; color: #000000; font-size: 78%; line-height: 14px; vertical-align: bottom; text-align: right; }