body { background-image: url(img/back-eau.jpg); background-attachment: fixed; /*text-align: center;*/ }
#board { margin: 20px auto 20px auto; border: 1px solid #000; width: 900px; background-color:#fff; }
a img {border: 0;}
p {text-align:justify; margin: 10px 10px; text-indent: 30px;}
h3 {color:#3ab0f3; margin-left:10px;}
P:first-letter { font-weight: bold; color: #3ab0f3; } 
a:link { color: #3ab0f3; text-decoration: underline; font-weight: bold; } 
a:visited { color: #6597b4; text-decoration: underline; font-weight: bold; } 
a:hover { color: #3ab0f3; font-weight: bold; text-decoration: none; } 
acronym { cursor: help; font-style: italic; color: #3ab0f3; border-bottom: 2px #6BA0D2 dashed; }
.logo { border-bottom: 1px solid #000; }
.menu { letter-spacing: 1px; font-weight: bold; border-bottom: 1px solid #000; padding: 12px 0 0 0; height: 30px; text-align: center; background-color: #000; }
.menu a:link, .menu a:active, .menu a:visited { color: #fc0; padding: 0 6px 0 6px; text-decoration: none; }
.menu a:hover{ background-color:#fc0; color: #fff; }
.title1 { font-size: large; font-weight: bold; text-align: center; margin-top: 30px; margin-bottom: 15px; padding-left: 50px; }
.strouge { color: red; font-size: large; }
.maincontent{ text-align: left; margin-top: 30px; padding-left: 50px; margin-right: 35px; }
.maincontent-photo{ text-align: left; margin-top: 30px; padding-left: 35px; margin-right: 15px; }
.blocimagedroite { float:right ; margin-left: 30px; } 
.p1 { background-color: #eee; border: thin dashed #000; width: 70%; clip:    rect(auto auto auto auto); margin: 20px; padding: 20px; }
.footer { text-align: center; padding: 5px 0 5px 0; margin-top: 35px; border-top: 1px solid #000; }
.partenaire { text-align: center; padding: 5px 0 5px 0; border-top: 1px solid #000; }
div.info,p.info {clear: both; max-width: 320px; border: 1px solid #d4d5aa; padding: 5px 20px 5px 45px; background: #fff6bf url(img/info.png) no-repeat scroll 15px 50%;
text-align: left; color: #484848; text-align:justify;margin: 0 auto; }
.attention,.dates, .horaires, .notice,.alert,.alertes,.note,.message{display:block;width:565px;padding:8px 10px 8px 42px;margin:15px 0px;font-size:12px;line-height:120%;font-family:Arial,Helvetica,sans-serif;}
.notice,.dates,.note,.message{color:#0046cc;border:1px solid #0047c9;background:#a8c1f0 url(img/info.png) 10px 50% no-repeat;}
.notice a,.dates a,.note a,.message a{color:#0046cc !important;font-weight:bold !important;font-style:italic !important;}
.attention,.horaires{color:#b65718;border:1px solid #f18a43;background:#fedaa8 url(img/attention.png) 10px 50% no-repeat;}
.attention a,.horaires a{color:#b65718 !important;font-weight:bold !important;font-style:italic !important;}
.horaires {background:#fedaa8 url(img/time.png) 10px 50% no-repeat;}
.notice,.dates,.note,.message{color:#0046cc;border:1px solid #0047c9;background:#a8c1f0 url(img/notice.png) 10px 50% no-repeat;}
.notice a,.dates a,.note a,.message a{color:#0046cc !important;font-weight:bold !important;font-style:italic !important;}
.dates{color:#0046cc;border:1px solid #0047c9;background:#a8c1f0 url(img/calendar.gif) 10px 50% no-repeat;}
.alert,.alertes{color:#cb0000;border:1px solid #ffacad;background:#e9bcbc url(img/alert.png) 10px 50% no-repeat;}
.alert a,.alertes a{color:#cb0000 !important;font-weight:bold !important;font-style:italic !important;}
.alertes{color:#cb0000;border:1px solid #ffacad;background:#e9bcbc url(img/alert.png) 10px 50% no-repeat;}
form { margin: 0; padding: 0; }
legend { margin: 0; padding: 0 10px; }
#centre {margin: 0 80px;}
#contenu {padding: 10px 20px 0px 20px;}
#merci { height: 487px; margin: 50px; border:0px; text-align:center; }
#merci p{ text-align:center; }
.titre1r { font-weight: bold; font-style: normal; color: #c00; }
#telephone {
/*clear: both;
font-size: 75%;*/
padding-top: 20px; 
text-align: center; 
}
#telephone p {
/*font-size: 70%;*/
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: center; 
}
#contacts, #formname {
border: none;
margin: 0 auto;
padding: 0;
width: 45em;/*** Largeur du formulaire ***/
}
#titreform, #piedform {/*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: #fff;
border: 1px solid #FBAF4D;
background: #FBAF4D;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#piedform {
text-align: center; /*** text-align: right; = Les boutons sont alignés à droite ***/
}
#piedform input {
/*font-weight: bold; *//*** Pour améliorer la lisibilité des boutons ***/
margin: 5px 5px 10px 5px;
}
#piedform fieldset {/*** Mise en forme des cadres ***/
border: 1px solid #FFF4DF;
}
#corpsform {/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border-left: 1px solid #FBAF4D;
border-right: 1px solid #FBAF4D;
color: #006;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#corpsform fieldset {/*** Mise en forme des cadres ***/
margin: 0;
border: 1px solid #FBAF4D;
font-style: normal;
padding: 0 1em 1em;
}
#corpsform legend {/*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: #006;
background: transparent;
}
#corpsform p {/*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .1em 0;
/*margin: 0 0 .2em 0;*/
}

/*********/
#corpsform fieldset#coordonnees label, #typelocation label {/*** Mise en forme des intitulés de champs ***/
float: left;/*** Très important, ne pas suprimer ! ***/
width: 50%;/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0px 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
/*line-height: 2.1;/*** ... et centrés verticalement. ***/

}
#corpsform fieldset#commentaires label {/*** Mise en forme des intitulés de champs ***/
float: left;/*** Très important, ne pas suprimer ! ***/
width: 45%;/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 5px 0px 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
}
#corpsform fieldset#Parcourir label {/*** Mise en forme des intitulés de champs ***/
text-align:center;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
}
#corpsform label:hover, #piedform input {
cursor: pointer;/*** Petite astuce pour aider les utilisateurs à cliquer sur les intitulés ***/
}
#piedformparcourir {
text-align: center;
}
#piedformparcourir p {
text-align: center;
}
#corpsform .focus {/*** Mise en avant des champs en cours d'utilisation ***/
background: #ffe;
color: #006; 
}
#corpsform .normal {/*** Retour à l'état normal après l'utilisation ***/
background: #fff;
color: #006; 
}
/*Formulaire dedut*/
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color: #FFF4DF;
/*srollbard-Base-color: #000000; 
srollbard-face-color: #FFF4DF; 
srollbard-shadow-color: #FBAF4D; 
srollbard-highlight-color: #FFFFFF;
srollbard-3dlight-color: #FBAF4D; 
srollbard-darkshadow-color: #FFFFFF; 
srollbard-track-color: #FFF4DF; 
srollbard-arrow-color: #FBAF4D; */
}
input{
/*margin:0;*/
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color:#FFF4DF;
/*background-color:#F5E9CF;*/
}

option {
/*font-size: 90%;*/
color: #0083ff;
border-bottom:1px solid #0066cc;
background-color: #fff4df;
}
select {
color: #c00; 
background-color: #fff4df;
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
Font-Size: 90%; 
*/ 
}
.selection {
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
Font-Size: 90%;*/
background-color: #fff4df;
color: #c00; 
}
input.bouton {
/*margin:0;*/
padding:0;
border:3px outset #FFCC99;
color: #006;
cursor:pointer;
}
input.bouton:hover {
/*margin:0;*/
padding:0;
background-color:#FFD8A7;
color:#c00;
}
input.bouton:active {
/*margin:0;*/
padding:0;
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
/*Formulaire fin*/
.alerte { color:#c00; font-size:100%; font-weight: bold; }
.droite { position: relative; margin: 0 0 0px 20px; padding: 0; border: 0px solid #a8c1f0; float: right; overflow: hidden; width: 217px; }