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

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

h1 { color:#000; font-weight:bold; font-size:1.2em; padding-bottom:20px; }
h2 { color:#921614; font-weight:700; font-size:1.1em; /*text-transform: uppercase;*/ }
h3 { color:#000; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h4 { color:#000; font-weight:700; font-size:0.9em; /*text-transform: uppercase;*/ }
h5 { color:#000; font-size:0.83em; }
h6 { color:#000; font-size:0.67em; }

p { color:#000; font-size:1em; }
ul, ol { color:#000; font-size:1em; }
li { color:#000; font-size:1em; }
sup {  vertical-align:super;}
p img {  vertical-align:middle;}

a { text-decoration:underline; color: #9A0101; }
a:hover { text-decoration:none; color:#000; } /* si changement de couleur au survol */

textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }

#intro p, #intro a { font-size:.92em; color:#000; }

/* Éléments Particuliers
-----------------------------------------------------------------------------*/
/* Styles et placement d'images */
.imgLeft { float:left; margin:0 2em 0 0; }
.imgRight { float:right; margin:0 0 0 2em; }
.photo { border: 4px double #e7a86e; } /* Photos avec agrandissements */
a:hover .photo { opacity: 0.8; filter:alpha(opacity=80); }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centrer {  margin-left:95px;}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.indent {  margin-left: 20px; padding-left:8px; border-left: 1px solid #E7A96F;}

/* 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; }
.grand {  font-size:1.4em; letter-spacing:1px;}
.petit { font-size: 11px; }
span.petit { display:block; padding-top:5px; }
.couleur {  color: #9A0101;}
.ombre {  text-shadow: 3px 2px 2px rgba(223, 128, 42, 0.6);}

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

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

/* Encarts */
.encart { width: 630px; background-color: #F1CA89; padding: 10px 8px; }

/*	Mise en page, intégration
-------------------------------------------------------------------------------*/

/* Page d'accueil */
.illustration { float:left; }

/* Page en construction */
.constrution { margin-top:8em; text-align:center; } /* Réajuster la hauteur du margin si besoin */

/*	Mentions Légales */
.mentions { float:right; padding-top:30px; padding-bottom:20px; }

/* Contact */
#plan-acces { /* DIV avec la miniature du plan */ float: right; margin: 50px 30px 0 0; }
#formulaire #coordonnees { width: 300px; background-color: #F1CA89; padding: 8px; margin-top: 20px; }

/* Plan Google */
.plan { width: 600px; height: 480px; border:5px solid; border-color:#a0150d; }
#map .infosbulle { width: 210px; border: none; margin: 0; padding: 0; text-align:center; }
#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: #5F0666; 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; }

/* Partenaires */
#partenaires { width:750px; margin: 0 auto; }
#partenaires img { display: block; float: left; margin-bottom: 12px; margin-left:0.6em; border: 2px solid #921614; }

/* La presse en parle */
dl.presse { float: left; margin-left: 2em; font-size: 0.9em; }
dl.presse dd, dl.presse dt { text-align: center; padding-top: 5px; }

/* Prestations */
#anim-presta { position: relative; left: -28px; }
/* DIV pour les coverflow */
#cov1 { position:absolute; top:470px; left:260px; visibility:visible; display:block; z-index:1; width:800px; margin:0 auto; }
#cov2 { position:absolute; top:320px; left:245px; visibility:visible; display:none; z-index:1; width:800px; margin:0 auto; }
#cov3 { position:absolute; top:320px; left:245px; visibility:visible; display:none; z-index:1; width:800px; margin:0 auto; }
#cov4 { position:absolute; top:475px; left:232px; visibility:visible; display:none; z-index:1; width:800px; margin:0 auto; }

/* Plan du site pied de page */
#menubas { margin-left: 70px; padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; }
#menubas a { color:#9A0101; text-decoration:none; border-bottom: 1px dotted #9A0101; }
#menubas a:hover { color:#555; text-decoration:none; border-bottom: 1px solid #9A0101; }
#coldusite { width:845px; margin:0 auto; clear:both; text-align:left; }
#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 #E6A24D; list-style-position:outside; border-bottom: 1px dashed #E6A24D; border-right: 1px dashed #E6A24D; }
#col4 { border-right: none; }
.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif; }

/* */

.int { width:100%; }
.int1 { width:1049px; margin:0 auto; }
.alert { font-size:10px; color:#FF0000}

/* Colonnes
----------------------------------------------------------*/

.two-cols { position: static; }
.two-cols .col { width: 49%; margin-right: 1%; float: left; }
.three-cols { position: static; }
.three-cols .col { width: 33.3%; float: left; margin-left: 0%; }
.four-cols { position: static; }
.four-cols .col { width: 24%; float: left; margin-left: 1%; }
.clearer { clear: both; }
.floatLeft { float: left; }
.floatLeftEspace { float: left; padding: 0 1em 1em 0; }