@charset "iso-8859-2";
/******************************************************************************
 * INFORMATION
 ******************************************************************************

	@file:		   global.css
	@description:  Feuille de styles globale
	@author:       Erick Gagnon
	@creation:	   1 novembre 2009
	@modification: 12 novembre 2009 (Erick)

 *******************************************************************************
 * @RESET
 ******************************************************************************/
@import url("reset.css"); /* Éric Meyer's Reset */

/******************************************************************************
 * @GENERAL
 ******************************************************************************/
html, body { margin:0; padding:0;}
body { font: 82% Helvetica, Arial, sans-serif; color: #3e2510; background: #d3c9a6 url(../images/bkg-body.jpg) 0 0 repeat-x;}
a:link, a:visited {color: #844e0e; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
a:active {color: #844e0e; text-decoration: none;}
p { margin: 0 0 0.7em  0; padding: 0; line-height: 1.2em;}
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
h1 { font-size: 1.6em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}
h6 { font-size: 1em;}
sup {font-size:0.8em; vertical-align: 0.5em; line-height: 1px; font-weight:normal; padding:0;}

/******************************************************************************
 * @TOP
 ******************************************************************************/
#enrobage { margin:0; padding:0; padding-bottom:15px; padding-top:10px; width: 100%; height: 100%; font-size:1em; background:url(../images/bkg-enrobage.png) repeat-y 50% 0;}
#limites { width: 750px; margin:0 auto; padding:0; }
h1 { margin: 0; padding: 0; width: 750px; height: 123px; background: #055dbc url(../images/entete.jpg) 0 0 no-repeat; text-indent:-9999px;}
#contenu { position: relative; margin:0; padding: 0; width: 750px; background:url(../images/bkg-contenu.jpg) repeat-y 0 0;}

/******************************************************************************
 * @PAGE TEMPORAIRE
 ******************************************************************************/
body#temp { background: #d3c9a6 url(../images/bkg-temp.jpg) no-repeat 50% 0;}
#temp #enrobage { margin:0 auto; padding:20px 20px 10px 10px;  position:absolute; top:50%; margin-top:-128px; left:50%; margin-left:-193px; width:355px; height:266px; font-size:1em; background:url(../images/fond-temp.png) no-repeat 0 0; text-align:center; letter-spacing:1px;}
#temp #enrobage p { font-size:1.2em;}
#temp #enrobage p span { font-size:1.2em;}
#temp #enrobage em { font-style:normal; font-size:0.9em; padding-top:2em; display:block; letter-spacing:normal;}
#temp #enrobage a {  font-size:1em; color:#000; text-decoration:none; font-weight:bold; }
#temp #enrobage a:hover {text-decoration:underline;}
/******************************************************************************
 * @PAGE TEMPORAIRE-2
 ******************************************************************************/
body#tempo { background: #d3c9a6;}
#tempo img { display:block; width:1280px; height:1002px; position:absolute; top:0; left:50%; margin-left:-640px;}

/******************************************************************************
 * @MENU et TAILLE DES TEXTES
 ******************************************************************************/
#menu-taille-txt { width:746px; height:31px; border:2px solid #fff; border-bottom: none; background:url(../images/bkg-barre-menu.jpg) repeat-x 0 0; margin:0; padding:0; list-style:none; list-style-type:none;}
#menu-taille-txt ul { float:left; height:31px; background:url(../images/bkg-barre-menu.jpg) repeat-x 0 0; margin:0; padding:0; list-style:none; list-style-type:none;}
#menu-taille-txt li { float:left; height:31px; border-right:2px solid #fff; margin:0; padding:0; list-style:none; list-style-type:none;}
#menu-taille-txt li a { float:left; display:block; height:24px; margin:0; padding:7px 18px 0 18px; font-weight:bold; color:#e6e2cb; text-decoration:none; letter-spacing:1px;}
#menu-taille-txt li a:hover {  background:url(../images/bkg-menu-over.jpg) repeat-x 0 0; text-decoration:underline; color:#fff;}
#menu-taille-txt li.dernier { border-right:none;}
#menu-taille-txt li.actif a {  background:#6d4b2f url(../images/bkg-menu-actif.jpg) repeat-y 0 0 !important; cursor:default!important; color:#d1b7a1;}
#menu-taille-txt li.actif a:hover {  background:#6d4b2f url(../images/bkg-menu-actif.jpg) repeat-y 0 0 !important; cursor:default!important; color:#d1b7a1; text-decoration:none;}
#menu-taille-txt div { float:right; height:31px; display:block;}
#menu-taille-txt div p { font-size:0.9em; font-weight:bold; color:#e6e2cb; margin-top:8px; float:left;}
#menu-taille-txt div a { display:block; width:24px; height:25px; margin-top:5px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; float:left;}
#menu-taille-txt div a span{ display:block; width:24px; height:25px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; float:left;}
#menu-taille-txt div a:hover { cursor:pointer;}
#menu-taille-txt div a:hover span.actif { cursor:default;}
#menu-taille-txt div a#reguliers span { background-image:url(../images/petite-font.png);}
#menu-taille-txt div a#reguliers span.actif { background-image:url(../images/petite-font-actif.png);}
#menu-taille-txt div a#gros span { background-image:url(../images/grosse-font.png); margin-left:1px; margin-right:5px; display:inline;}
#menu-taille-txt div a#gros span.actif { background-image:url(../images/grosse-font-actif.png);}

/******************************************************************************
 * @colonne de GAUCHE
 ******************************************************************************/
#gauche { width:218px; float:left; border-left:2px solid #fff; border-right:2px solid #fff;}
#gauche h3 { font-size: 1.1em; background:#6d4b2f url(../images/bkg-entete-gauche.jpg) repeat-y 0 0; color:#e6e2cb; padding:4px 7px 3px 15px; margin-bottom:7px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
#gauche p { padding:0 10px 0 15px; margin: 0.7em 0 1.2em  0; font-size:0.9em; color:#000;}
#meteo { width:140px; height:260px; margin:0 auto; margin-top:15px; padding: 10px 5px 5px 12px; background:url(../images/bkg-meteo.gif) no-repeat 0 0;}

/******************************************************************************
 * @colonne de DROITE
 ******************************************************************************/
#droite { width:528px; float:right; padding:0; margin:0; border-top:2px solid #fff; }
#droite h2 { padding-left:15px; margin-bottom:0.5em; color:#603f24;}
#droite h3 { background:#6d4b2f url(../images/bkg-entete-droite.jpg) repeat-y 100% 0; padding:5px 15px 4px 15px; color:#e6e2cb; border-top:2px solid #fff; border-bottom:2px solid #fff; border-right:2px solid #fff;}
div.degrade { background:url(../images/bkg-sous-contenu.jpg) repeat-x 0 0; border-right:2px solid #fff; padding-top:1em; padding-bottom:1em;}
#droite p { padding:0 15px; font-size:1.1em; margin-bottom:1em;}

/******************************************************************************
 * @BOTTOM
 ******************************************************************************/
#pied-de-page { clear:both; width:750px; height:34px; background:url(../images/bkg-pied.jpg) no-repeat 50% 0; border-top:2px solid #fff;}
#pied-de-page p {  float:left; padding:15px 0 0 15px; font-size:0.7em; font-weight:bold; color:#fff; }
#pied-de-page a {  font-size:1em; color:#fff; text-decoration:none; padding-right:15px; letter-spacing:1px; padding-bottom:0; }
#pied-de-page a:hover { text-decoration:underline; }

/******************************************************************************
 * @CLASS_DIVERSES
 ******************************************************************************/
#googlemap_border { margin:15px auto 0 auto; border:0; padding:10px; width:395px; height:395px; background: url(../images/bkg-google-map.png) no-repeat 0 0;}
#googlemap { height: 385px; width: 385px; text-indent: -9999px; }
#googlemap_inner { position: absolute; left: -9999px; }
#googlemap_tooltip h1 { color: #603f24; font-size: 13pt; }
#googlemap_tooltip img { display: block; margin: 0 0 12px; }
#googlemap_link { font-size: 0.7em; }
#googlemap_link p { margin:0; float:left; padding:0 10px 15px 65px;}
#googlemap_coordonnees { display: none; }
.separateur { width:100%; line-height:0; padding:0; margin:15px 0; height:2px; background-color:#fff;}
/* @CLEARFIX */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }