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

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#545353; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#545353; font-weight:700; font-size:1.1em; }
h2 { color:#545353; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#545353; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#545353; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#545353; font-size:0.83em; }
h6 { color:#545353; font-size:0.67em; }
p { color:#545353; font-size:1em; }
ul, ol{ color:#ff0000; font-size:1em; }
li { color:#ff0000; font-size:1em; list-style:none outside none; background:url(../images/fleche.jpg) left no-repeat; padding-left:20px; }
a { color:#ff0000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#545353; padding:3px; }
input { color:#545353; padding:3px; }


#intro p, #intro a, #intro h1 { color:#bfbfbf; }

/* Plan du site */
* { margin:0; padding:0; outline:none; }
 
#menubas {  padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; }
 
#menubas a { color:#888; }
 
#coldusite { width:845px; margin:0 auto; clear:both; text-align:left; color:#C33948;}
 
#coldusite p { line-height:8px; }
 
#col1, #col2, #col3, #col4 { width:22%; min-height:120px; _height:120px; float:left; padding:5px 0.1% 10px 2.5%; border-right:1px solid #333; list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333;}
 
#col4 {border-right: none;}
 
.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif ;}

/***/


/* É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; }

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

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

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

/* Page d'accueil */
.animationAccueil{ position:relative; top:-65px;}

/* BodyBuilding */
.illustration { float:left; padding:0 10px 0 0; }
.listeActivite{ float:left; padding-left:100px;}

/*	Mentions Légales */

/* Plan */

.plan { width: 700px; height: 600px; border:2px solid #FE0000; }
#map .infosbulle { width: 210px; border: none; margin: 0; padding: 0; }
#map .infosbulle p { display: block; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
.plan-titre { font-size: 14px; color: #FE0000; font-weight: bold; margin-bottom: 1em; }
.plan-adresse { font-size: 12px; color: #333; }
.plan-printer { display:block; text-align: right; }
.plan-printer img, 
.plan-printer a { border: none; }