@charset "utf-8";

/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);


/* Construction (Montage)
----------------------------------------------------------*/
body { color:#c5c5c5; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }
h1 { color:#c5c5c5; font-weight:700; font-size:1.1em; }
h2 { color:#c5c5c5; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#c5c5c5; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#c5c5c5; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#c5c5c5; font-size:0.83em; }
h6 { color:#c5c5c5; font-size:0.67em; }
p { color:#c5c5c5; font-size:1em; }
ul, ol{ color:#c5c5c5; font-size:1em; }
li { color:#c5c5c5; font-size:1em; }
a { color:#c5c5c5; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#c5c5c5; padding:3px; }
input { color:#c5c5c5; padding:3px; }

/* Intro */
#intro h1 { color:#c5c5c5; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#c5c5c5; } /* couleur du texte de l'intro */
#intro p { font-size:.9em;}

/* Liens de bas de page */
#sitti p, #sitti a {color:#000; } /* couleur des liens de bas de page */
#sitti p { font-size:.92em; }

/* Image de validation W3C */
#validator a img { background-color:#c5c5c5; }/* - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearer { clear:both; }
.clearb { clear:both; width:0; height:0; line-height:0; margin:0; padding:0; }


/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.illustration { float:left; padding:0 10px 0 0; }

/*	Site en cours de réalisation */
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales */
#infoclient { float:left; padding:0 0 2em; }
#hebergeur { float:right; padding:0; }

/* Gallerie photo */
.lienGallerie { cursor:pointer; text-decoration:none; }
.gallerieCol { float:left; width:33%; margin-top:15px; cursor:default; }
.menu_item { width:845px; clear:both; }
.fdGallerie { width:215px; height:178px; background:url(../images/fdGalerie.gif) no-repeat; position:relative; }
.cadrePhoto { width:197px; height:138px; top:0; left:0; position:absolute; }
.txtGallerie { color:#ae0001; padding:8px 20px 0 12px; }
.dateGallerie { font-size:9px; font-style:italic; }
.photoCol { float:left; width:25%; text-align:center; margin-top:15px; }
.photo { width:165px; height:128px; background-color:#ae0001; border:solid 1px #d30004; margin:auto; }
.photoImg { margin:4px; }
.lienRetourPhoto { text-align:right; padding-right:75px; margin-top:-35px; }

.txtRouge { color:#ae0001; }
.txtDetail { font-size:9px; }

/* Page club */
.diapoSalles { float:left; padding:6px 15px 0 0; margin-left:-10px; }
.icone { vertical-align:middle; }
#plan { float:left; padding:6px 20px 0 0; } 
.lienRetour { text-align:right; padding-right:75px; }
ul .fleche { display:block; list-style:none inside; margin:0; padding:0 0 0 1em; }
li .fleche { list-style:url(../images/fleche.gif); padding-left:1em; }

/* Page réservation */
#reservation { width:470px; float:left; margin-right:20px; margin-top:10px; padding:25px; border:solid 1px #2a2a2a; -webkit-border-radius:10px; -moz-border-radius:10px; }
#reservation input, #reservation textarea{ background-color:transparent; border:#c5c5c5 solid 1px; }
#reservation textarea{ width:461px; }
#reservation .champ { height:15px; width:200px; }
#reservation .champmessag { }
#reservation .INPUT2{ border:none;}
#reservation .field{ text-align:right; margin-top:10px; }
#reservation .field2{ text-align:left; margin-top:10px; }
#reservation .ligne1 { text-align:left; padding-bottom:10px; }
#reservation .titre { position:relative; margin-top:-38px; margin-left:-5px; margin-bottom:20px; background-color:#171717; padding:5px; width:65px; font-weight:bold; }

/* modules */
.img { border:solid 5px #ffffff; }
.encartTexte { border:solid 1px #2a2a2a; padding:8px 8px 2px 8px; }
.encartTeam { border:solid 1px #2a2a2a; }
.imgTeam { margin:2px; }
.encartDirectrice { background:url(../images/encart-directrice.gif) no-repeat; width:200px; height:44px; margin:auto; text-align:center; }