@charset "utf-8";
/******************************************************************************
 * INFORMATION
 ******************************************************************************

	@file:		   global.css
	@description:  Feuille de styles globale
	@author:       Erick Gagnon
	@creation:	   20091010
	@modification: 20091019 (Erick)

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

html, body { height: 100%;}
body { font: 14px Arial, Helvetica, sans-serif; color: #444; margin: 0 auto 20px auto; padding: 0; background: #fff url(../images/bkg-body.jpg) 50% 0 repeat-y;}

/********************POP_UP
 ******************************************************************************
 ******************************************************************************/
body#popup { height:auto; margin: 0; padding: 35px 0 0 16px; background: #fff url(../images/bkg-enrobage.jpg) repeat-x 0 0;}
#popup div { width:555px; min-height:390px; height:auto !important; height:390px; padding-left:16px; background: url(../images/bkg-popup.jpg) no-repeat 100% 100%;}
#popup h1 { color:#ffffff; font-size:1.6em; padding-bottom:35px;}
#popup img { display:block; float:left; padding-right:15px;}
#popup h2 { float:left; color:#996633; padding-bottom:10px;}
#popup p { float:left; width:350px; padding-right:16px; padding-bottom:16px;}
/******************************************************************************
 ******************************************************************************/
a:link {color: #17a; text-decoration: none;}
a:visited {color: #17a; text-decoration: none;}
a:hover {color: #0099ea; text-decoration: underline;}
a:active {color: #17a; text-decoration: none;}

p { margin: 0 0 10px 0; padding: 0; line-height: 1.2em;}
h1, h2, h3, h4, h5, h6, h7 {font-family: Arial, Helvetica, sans-serif;}
h1, h2 { font-size: 16px;}
h3, h4 { font-size: 14px;}
h5, h6, h7 { font-size: 12px;}
h6 { color:#996633; font-size:1.1em; padding-bottom:10px;}
.small { font-size: 11px;}
sup {font-size:0.7em; vertical-align: 0.5em; line-height: 1px; font-weight:normal; padding:0;}

#enrobage { position: relative; overflow: auto; margin: 0 auto; padding: 0; width: 100%;background: transparent url(../images/bkg-enrobage.jpg) 0 0 repeat-x;}
#limites { width: 774px; margin: 42px auto 0 auto; padding: 0;}
#entete { margin: 0 auto; padding: 0; width: 774px; height: 120px; background: #055dbc url(../images/bkg-header.jpg) 100% 0 no-repeat;}
#slogan { margin: 0 auto; padding: 0; position: relative; width: 750px; height: 28px; background: #2581d1 url(../images/bkg-slogan.jpg) 0 0 repeat-x;	font: bold 12px tahoma, Arial, Helvetica, sans-serif;}

#conteneur { margin: 0; padding: 0px;}
#intro { position: relative; margin: 0 auto; padding: 16px 0 0 20px; width: 730px; height: auto; background-color: #f8f1d9;    border-top: 4px solid #e3d293; border-bottom: 1px solid #e3d293; overflow: auto;}
#intro .txt { float:right; margin: 0; padding: 0 16px 0 0; width: 393px; float: right;}
#intro img { float:left; padding: 0 5px 10px 0;}
#intro p { margin-bottom: 10px; color: #963; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
.pred { color: #c00; font: bold 16px "Trebuchet MS", Arial, Helvetica, Sans-serif; line-height: 110%;}

#encadre-top { position: relative; width:750px; margin:0 auto; background:url(../images/encadre-top.gif) no-repeat 50% 0; padding-top:20px;}
#encadre-bottom { width:750px; background:url(../images/encadre-bottom.gif) no-repeat 0 100%; padding-bottom:20px;}
#encadre { width:750px; background:url(../images/encadre-middle.gif) repeat-y 0 0; padding-bottom:1px;}
#encadre .txt { float:right; margin: 0; padding: 0 30px 0 0; width: 375px; height:1%; }
#encadre img { float:left; padding: 0 20px 10px 20px;}
#encadre p { margin-bottom: 10px; color: #963; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
#encadre p.legende { display:block; font-size:1.2em; font-weight:bold; font-style:italic; padding-left:22px;}


#contenu { position: relative; margin: 0 auto; padding: 0; width: 750px;}
#col-droite { position: relative; float: right; margin: 0; padding: 0px; width: 261px;}
#col-gauche { margin: 0; padding: 16px; width: 456px;}

#col-gauche h1 { margin-bottom: 17px; color: #1c60aa; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, Sans-serif; line-height: 110%;}
#col-gauche h2 { padding-top: 15px; margin-bottom: 13px; color: #1c60aa; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;}
#col-gauche p { margin-bottom: 20px;}
#col-gauche #subPages { margin: 0; padding: 0 16px;}
#col-gauche #principal { margin: 0; padding: 0 0 0 16px;}
#col-gauche #principal h1.free-bonus { margin: 30px 0 0 0;}
#col-gauche #principal ol { margin-bottom: 20px; text-align: left;}
#col-gauche #principal ol li { margin-left: 1em; list-style: decimal;}

#encadre-special { margin: 0 0 10px 0; padding: 0; background: #f1e1b9 url(../images/form-intro-bg.jpg) bottom left no-repeat;}
#encadre-special p { margin: 0; padding: 10px 10px 30px 10px; font-size: 11px;}
#encadre-special h5 { margin: 0; padding: 10px 10px 0 10px;}

#abonnement-courriel { margin: 0 0 0 6px; padding: 0; width: 251px; background: #fcf9cd url(../images/form-bg.jpg) 0 0 repeat-y; float: left;}
#abonnement-courriel form { margin: 0; padding: 10px; }
#abonnement-courriel #top { margin: 0; padding: 0; width: 251px; height: 11px; background: #f1e1b9 url(../images/form-bg-top.jpg) 0 0 no-repeat;}
#abonnement-courriel #bottom { margin: 0; padding: 0; width: 251px; height: 11px; background: #f1e1b9 url(../images/form-bg-bottom.jpg) 0 0 no-repeat;}
#abonnement-courriel p { margin: 0; padding: 10px; font-size: 11px;}
#abonnement-courriel fieldset { border: none; margin: 0; padding: 5px 5px 5px 0; width: 254px;}
#abonnement-courriel input { margin: 2px 0; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #ead299; width: 114px;}
#abonnement-courriel label { float: left; display: block; width: 100px; margin: 7px 0 0 0; padding: 0; font-size: 11px; font-weight: bold;}
#abonnement-courriel .submit-btn { width: 120px; height: 20px; line-height: 18px; margin: 5px 0 0 102px; padding: 0; font-weight:bold; background: #EAD299 url(../images/submit-bg.jpg) 0 0 repeat-x; border: 1px solid #EAD299; color: #000000; font-size: 10px;}
#abonnement-courriel .submit-btn:hover { background: #EAD299 url(../images/submit-bg.jpg) bottom left repeat-x; border: 1px solid #EAD299; color: #fff; cursor:pointer;}

#communique { padding:16px; display:block; clear:both;}
#communique h5 { color:#996633; font-size:1.1em; padding-bottom:9px;}
#communique p { color:#996633 ;font-size:0.9em; padding-bottom:7px;}
#communique p span { font-size:0.9em; margin-top:-3px;}
#communique ul { margin:0; padding:0 0 5px 0; list-style:none; list-style-type:none;}
#communique ul li { margin:0; padding:2px 0 8px 23px; list-style:none; list-style-type:none; background:url(../images/icone-pdf.gif) no-repeat 0 3px; height:1%;}
#communique ul li a { margin:0; padding:0;font-size:0.9em; display:block;}

#twiter {padding-bottom:8px; color:#996633;}
#twiter h5{ color:#996633; font-size:1.1em; padding-bottom:10px; padding-left:16px;}
#twiter ul { margin:0; padding:0; list-style:none; list-style-type:none; padding-bottom:15px;}
#twiter p {  padding-left:16px;}
#twiter ul li { margin:0; padding:0 0 5px 0; list-style:none; list-style-type:none;}
#twiter ul li  a{ padding-left:16px; font-size:0.9em;}
.twit { padding:2px 0 2px 22px; background:url(../images/icone-twitter.jpg) no-repeat 0 0;}

#pied-de-page { clear: both; margin: 0;	padding: 0;	color: #ccc; width: 774px; height: 92px; background: #27333a url(../images/bkg-footer.jpg) 0 0 repeat-x; text-align: center;}
#pied-gauche { float: left; margin: 0; padding: 0; width: 12px; height: 92px; background: #27333a url(../images/footer-bg-l.jpg) 0 0 no-repeat;}
#pied-droit { float: right; margin: 0; padding: 0; width: 12px; height: 92px; background: #27333a url(../images/footer-bg-r.jpg) 0 0 no-repeat;}
#pied-de-page p { padding-top: 60px; margin: 0; font-size: 10px; line-height: 14px;}
#pied-de-page a:link,
#pied-de-page a:visited,
#pied-de-page a:active { font-size: 11px; color: #fff; font-weight: bold; text-decoration: none;}
#pied-de-page a:hover { text-decoration: underline; }
/******************************************************************************
 * @CLASS_DIVERSES
 ******************************************************************************/
.infos  { display:block; padding-bottom:10px; padding-right:16px; height:auto; float:left; background:url(../images/bkg-infos.jpg) no-repeat 100% 100%;}
.infos img { padding-right:15px; display:block; float:left;}
.txt-complet { font-weight:bold; font-size:0.8em; padding-left:10px;}
.pas-padding-bas { padding-bottom:0 !important;}
#validEmail { margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px; }
/* @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; }