﻿body, html, form {margin:0; padding:0;}
body {background: url(/medias/fr/concours/background3.gif) repeat-y center; font-family:Georgia, "Arial", Times, serif; font-size:0.9em; color:#5a4436; line-height:1.2em}
form {background:  url(/medias/fr/concours/background1.jpg) no-repeat top center; }

a {color:#ffffff; text-decoration:none; border:none; outline:none}
a:hover, a.ON {color:#ffffff; text-decoration:underline;}

a.bleu {color:#509fb1}
a:hover.bleu {text-decoration:underline}

ul  {margin:0; padding:0; list-style-type:none}

#wrapper {width:952px; margin:0 auto;}

#innerWrapper {position:relative; width:912px; min-height:1050px; margin:0 auto; background:url(/medias/fr/concours/header_quebec.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif}

#menuTop {list-style-type:none; /*position:absolute; top:10px; right:13px; */ z-index:2; font-family:Georgia, "Arial", Times, serif; font-size:1.1em; font-weight:bold }
#menuTop  {margin:-105px 0 120px 550px; padding:0 20px;}

.spread { width:912px; height:369px; margin-top:100px; background:url(/medias/fr/concours/spread_bas.png) no-repeat; border:0px; border-style:solid; border-color:red;}    

.aGagner { margin-right:40px; padding-top:195px; float:right; width:450px; min-height:250px; font-family:Verdana, "Arial", Times, serif; line-height:1.6em; /*border:3px; border-style:solid; border-color:red;*/}
.aGagner h1, .comment h2 {position:relative; left:-30px; font-size:1.65em; color:#597319; margin:0 0 0.3em}
.aGagner h1 { text-align: right; display: block; }
.aGagner h1 strong { font-size: 1.2em; }
.aGagner .temiscouata {position:relative; left:-25px; font-size:1em; color:#597319;}
.aGagner .description {position:relative; left:-25px; text-align: right; display: block; font-size:1.25em; font-weight:bold; color:#5a4436;}

.aGagner .valeur { text-align: right; margin-right: 28px; color: #597319; font-weight: bold; }
.aGagner span { vertical-align: middle; padding-right: 0.4em; }
.aGagner .montant { font: bold 4em "Georgia", Arial, serif; letter-spacing: -0.05em; padding-right: 0.2em; color: #509fb1; }
.aGagner .euro { font-size: 3em; font-weight: normal; padding: 0; color: #509fb1; }

/*.aGagner .valeur {line-height:75px; vertical-align:top; margin-bottom:20px; font-size:4.2em; float:right; font-size:1.1em; font-weight:bold; color:#597319; padding-right:23px; background-color:Yellow;}
.aGagner .valeur .valeurTexte {font-size:1.1em; background-color:Red;}
.aGagner .valeur .montant {font-family:"Georgia", Arial, serif; color:#509fb1; background-color:blue;}
.aGagner .valeur .montant .euro {vertical-align:top; font-family:"Verdana", "Arial", Times, serif; font-size:0.6em; font-style:normal; font-weight:normal; vertical-align:top; background-color:Green;}*/

.aGagnerPrix {margin-top:30px; width:412px; float:right; margin-right:40px; min-height:400px; font-family:Georgia, "Arial", Times, serif; line-height:1.6em}
.aGagnerPrix h1 {font-size:1em; margin:0 0 0.3em}
.aGagnerPrix .description {font-size:1.3em;}
.aGagnerPrix .valeur {font-size:1em; color:#a73818; padding-top:1.5em; float:left;}

.aGagnerPrix .montant {font-size:3.8em; font-family:Georgia, "Times New Roman", Times, serif; float:left;}
.aGagnerPrix .montant .euro {font-size:0.6em; padding-bottom:0.2em; display:inline-block;}

.barres {background-image:url(/medias/fr/concours/barres.gif); width :411px; height:32px; display:block; margin-top:0px; margin-bottom:0px;}

.sejour {width:396px; margin-left:10px; margin-top:0px; margin-bottom:0px; line-height:1.2em;  font-size:1em; font-family:Verdana, "Arial", Times, serif; color:#597319; font-style:italic}

.incluant {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em;}
.fin {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#597319; margin-top:10px; margin-left:68px;}
.fin a {color:#597319; text-decoration:underline; font-size:0.9em}
.fin a:hover {color:#509fb1}
.comment {font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:50px;}
.comment h2 {font-size:1.2em; color:#5a4436}
/* .comment {border:1px solid #9a938f; background:#e7e7e4; padding:10px 20px 20px; margin:10px 0 0} */

.commentList {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em color:#bf5740;}
.commentList li {margin:0.6em 0 0; padding:0 0 0 25px;}
.commentList li.puce1 {position:relative; left:-31px; background:url(/medias/fr/concours/puce01.gif) no-repeat left center;}
.commentList li.puce2 {position:relative; left:-31px; background:url(/medias/fr/concours/puce02.gif) no-repeat left center;}

a.Sinscrire {position:relative; left:-35px; margin:20px 0 100px 0; background:url(/medias/fr/concours/b_sinscrire1.gif) no-repeat left top; width:160px; height:53px; display:block; text-indent:-5555px; /*border:3px; border-style:solid; border-color:black;*/}
a:hover.Sinscrire {background:url(/medias/fr/concours/b_sinscrire1.gif) no-repeat left bottom;}

a.etape {margin:20px 0 0; background:url(/medias/fr/concours/b_nextstep.gif) no-repeat left top; width:150px; height:32px; display:block; text-indent:-5555px}
a:hover.etape {background:url(/medias/fr/concours/b_nextstep.gif) no-repeat left bottom;}

a.yiha {margin:20px 0 0; background:url(/medias/fr/concours/b_confirmer.gif) no-repeat left top; width:159px; height:49px; display:block; text-indent:-5555px}
a:hover.yiha {background:url(/medias/fr/concours/b_confirmer.gif) no-repeat left bottom;}

a.invite {margin:20px 0 0; background:url(/medias/fr/concours/b_invite.gif) no-repeat left top; width:161px; height:56px; display:block; text-indent:-5555px}
a:hover.invite {background:url(/medias/fr/concours/b_invite.gif) no-repeat left bottom;}

a.add {margin:20px 0 0; background:url(/medias/fr/concours/petit_plus.gif) no-repeat left top; padding-left:20px}

.situe {width:396px; height:291px; position:absolute; top:298px; left:-12px; z-index:3; background:url(/medias/fr/concours/accueil_photo.gif) no-repeat; display:block; text-indent:-5555px}

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


.passepartout {width:396px; height:291px; position:absolute; top:298px; left:-11px; z-index:2;background:url(/medias/fr/concours/passepartout.png) no-repeat}

h3 {font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif}

.inclusion li 
{
    background:url(/medias/fr/concours/puce.gif) no-repeat 0 0.1em;
    height:15px; 
    padding:0px 0 15px 17px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:0.9em; color:#509fb1; font-weight:bold
}

.forfaitInclus {width:325px; padding:460px 0 0 50px;}
.forfaitInclus h3 {font-family:Arial, "Times New Roman", Times; color:#597319; font-size:1.2em; font-weight:bold; }
.forfaitInclus h3 strong {color:#3d2a24; }
.forfaitInclus a {color:#bf5740; text-decoration:underline; font-size:0.7em; margin-left:15px; }
.forfaitInclus a:hover {color:#432e29; }

.contenu {margin-left:26px; padding:180px 0 0 50px}
.contenu h1 {font: 1.6em/1.2em Arial, "Times New Roman", Times; font-weight:bold;}
.contenu h1 .bleu {color:#509fb1;}
.contenu h2 { margin: 2em 0 0; background:url(/medias/fr/concours/puce.gif) no-repeat 0 0.1em; min-height:15px; padding:0px 0px 0px 17px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#509fb1; font-weight:bold}
.contenu a {color:#509fb1;}
.contenu a:hover {color:#597319;}
.barresLongues {position:relative; left:-5px; top:-20px; background-image:url(/medias/fr/concours/barres_longues.gif); width:668px; height:21px; display:block;}

.menuInscription {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; margin:2em 0;}
.menuInscription li {float:left; padding-right:30px; color:#a49d99; padding-left:24px; }
.menuInscription li.choix {background:url(/medias/fr/concours/inscrip01_desable.gif) left center no-repeat;}
.menuInscription li.formulaire {color:#a9aba6; background:url(/medias/fr/concours/inscrip01_desable.gif) left center no-repeat;}
.menuInscription li.dites {background:url(/medias/fr/concours/inscrip02_desable.gif) left center no-repeat;}

.menuInscription li.choixON {color:#aaaca5; background:url(/medias/fr/concours/inscrip01.gif) left center no-repeat;}
.menuInscription li.formulaireON {color:#627b26; background:url(/medias/fr/concours/inscrip01.gif) left center no-repeat;}
.menuInscription li.ditesON {color:#627b26; background:url(/medias/fr/concours/inscrip02.gif) left center no-repeat;}


.choixsaison {position:absolute; top:383px; left:-13px; z-index:2; background:url(/medias/fr/concours/choix_saison.gif) no-repeat; width:575px; height:260px;}

.summer {position:absolute; top:186px; left:124px; z-index:3}
.winter {position:absolute; top:183px; left:355px; z-index:3}
.summer span, .winter span {visibility:hidden}

.etape2 {float:right; width:320px; margin:0 20px 0 0; padding:40px 0 0 0}
.etape2 h1 {font-size:0.85em}

.formulaireBox {float:left; width:400px; height:522px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:30px 0 0; background:url(/medias/fr/concours/barres_verticales.jpg) no-repeat right top; font-size:0.9em; padding: 0 25px 0 0;}
.formulaireBox h3 {font-size:1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; height:142px; background:url(/medias/fr/concours/img_decouvrez_small.png) no-repeat left top; padding-left:200px;}
.formulaireBox h3 .bleu {color:#509fbf;}
.formulaireBox h3 a {color:#5a4436; text-decoration:underline; font-size:0.9em; font-weight:normal;}

.formulaireBox .visiteBox h2 {font-size:0.9em}
.formulaireBox h2.merciParticipation {height:60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em}
.conditionsBox h2, .friendsBox h2 {height:60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
.formulaireBox ul, .friendsBox ul {margin-top:12px;}
.formulaireBox ul li {height:30px;}
.formulaireBox ul li span {float:left; padding:0.2em 0 0 0;}
.formulaireBox ul li span em, .formulaireBox em, .conditionsBox em, .friendsBox em  {color:#627b26; font-style:normal}
.formulaireBox em, .mathCondition {color:#627b26; font-size:0.85em}

.formulaireBox ul li input {float:right; width:200px;}
.formulaireBox ul li.radios {padding-left:160px;}
.formulaireBox ul li.radios input {float:none; width:auto;}
.formulaireBox ul li.math span {float:left; padding:0.2em 0 0 0;}
.formulaireBox ul li.math input, .formulaireBox ul li.postal input {float:right; width:60px;}
.formulaireBox ul li.age select {float:right; width:60px; margin-left:12px;}

.formulaireBox ul li.province select {float:right; width:205px; margin-left:12px;}

.conditionsBox, .friendsBox {float:left; width:350px; font-size:0.85em; margin:30px 0 0 45px;}
.checkbox input{margin:0 5px 10px 0; float:left}

.concoursOuvert {font-size:0.9em;}
.phone {float:left; width:10em;}

.friendsBox input, .friendsBox textarea {display:block; width:350px; margin:7px 0;}

.conditionsBox span, .friendsBox span {margin-top:5px; display:block}
/* acien style
.visiteauberge2 {font-size:1.3em; background:url(/medias/fr/concours/img_decouvrez_big.jpg) no-repeat left top; width:790px; height:500px;margin:0 0 0 -30px;}
*/
.visiteauberge {padding:40px 0 0 0px; width:230px; height:150px; margin:0 0 0 -40px}
.visiteauberge h3 {color:#5a4436; font-size:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; line-height:1.3em;}
.visiteauberge2 {font-size:1.3em; width:790px; height:450px; margin:0 0 0 -30px; background:url(/medias/fr/concours/img_decouvrez_big.jpg) no-repeat left top; }
.visiteauberge2 h3 {padding:60px 0 0 420px; color:#5a4436; font-size:1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-style:normal}
.visiteauberge2 h3 a {font-size:0.8em; font-weight:normal; color:#5a4436; text-decoration:underline;}
.visiteauberge2 h3 .bleu{color:#509fbf;}
.visiteBox {margin:30px 0 0; font-size:0.9em; float:left; width:800px; height:175px;}

input, textarea {color:#4f423d; font-family:Arial, Helvetica, sans-serif; font-size:1em}

h2.prix {margin:15px 0 10px; font-size:1.3em; font-weight:normal}

.visitezSite 
{margin-left: 20px; width:874px; height:53px; background: url(/medias/fr/concours/footer.jpg) no-repeat;
    color:#f1dc32; font-size:1em; font-style:normal; font-weight:normal; font-family :Verdana, Arial, Helvetica, sans-serif; line-height: 53px; padding-left: 38px;}
.visitezSite a {color:#ffffff; text-decoration:underline}
.visitezSite a:hover {color:#ffffff; text-decoration:none;}

.CodeConversion 
{
    margin-left: 20px;
}

.formInfos { padding-left: 0px; }
.formInfos li, div.ajax { margin:0 10px 0 0; width: 239px; height: 1%; display: inline; float: left; padding:0 0 0.5em 0; background:none; }
.formInfos .extraspace { padding-top: 0.5em; }
.formInfos li span, .formInfos div.ajax span { display: block; }
.formInfos .txtfield label, .formInfos span { display: block; margin-bottom: 3px; }
.formInfos .txtfield input { width: 234px; }
.formInfos select { font-family: Arial, Sans-Serif; }
.formInfos .radiobtn * { width: auto !important; vertical-align: middle; }
.formInfos .width14 { width: 108px; }
.formInfos .width14 input, .width14select { width: 103px; }
.formInfos .width13 { width: 150px; }
.formInfos .width13 input, .width13select { width: 145px; }
.formInfos .width34 { width: 370px; }
.formInfos .width34 input { width: 365px; }
.formInfos .width34 select { width: 370px; }
.formInfos .fullwidth { width: 489px; }
.formInfos .fullwidth input, .formInfos .fullwidth textarea { width: 484px; }
.formSend { text-align: right; margin-top: 1.3em; }
.important, .formInfos label em, .formInfos span em { color: #B83916; font-style: normal; }


/* validator callout */
.vceHighlight { background-color: #e6e7e5; }
.vcePopup { margin: -2px 0 0 -25px; width: 160px; }
.vcePopup div, .vcePopup td { border: 1px solid #3d2a24; background-color: #597319; }
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-size: 90%; line-height: normal; color: #FFF; padding: 10px 5px; border-right: none; width: 100%; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 13px; padding: 2px; cursor: pointer; }


.formBox {border-top:1px solid #ccc; margin-top:20px;}


ol li {margin:1.3em 0;}