﻿body, html, form {margin:0; padding:0;}
body {background:url(/medias/fr/concours/background1.jpg) no-repeat fixed 50% 100%; font-family:Georgia, "Arial", Times, serif; font-size:0.9em; color:#5c5c5c; line-height:1.2em}

a {color:#ffffff; text-decoration:none; border:none; outline:none}
a:hover, a.ON {color:#ffffff; text-decoration:underline;}

a.bleu {color:#1b6cc7}
a:hover.bleu {text-decoration:underline}
img { border: 0; }
ul  {margin:0; padding:0; list-style-type:none}

#wrapper { width:914px; margin:0 auto; background: #f1f1ee url(/medias/fr/concours/bg_inner.jpg) no-repeat 0 100%; }

#innerWrapper {position:relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; background: url(/medias/fr/concours/header.jpg) no-repeat; padding: 0 0 375px; }

#menuTop {list-style-type:none; position:absolute; top:18px; right:33px; z-index:2; font-family:Georgia, "Arial", Times, serif; font-size:1.1em; font-weight:bold }
.logo { position: absolute; left: 0; top: 0; }
.aGagner { padding: 360px 0 0 405px; width: 480px; min-height: 785px; font-family:Verdana, "Arial", Times, serif; line-height:1.6em; }
.aGagner h1, .comment h2 {position:relative; font-size:1.65em; color:#511e12; margin:0 0 0.3em}
.aGagner h1 { }
.aGagner h1 strong { font-size: 1.2em; color:#1b6cc7; }
.aGagner .temiscouata {font-size:1em; color:#511e12;}
.aGagner .description { display: block; font-size:19px; font-weight:bold; color:#7ca31a; }
.aGagner .valeur { color:#511e12; font-weight:bold; }
.aGagner span { vertical-align: middle; }
.aGagner .montant { font: bold 4em "Times New Roman", Times, serif; padding: 0 0.1em; color: #1b6cc7; }
.aGagner .montant strong { font-size: 1.1em; }

.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;}
.aGagner .barres { margin: 30px 0 -20px -30px; background-image:url(/medias/fr/concours/barres.png); width: 484px; height: 56px; display:block; }

.sejour { font: 1em/1.2em Verdana, "Arial", Times, serif; color:#597319; font-style:italic}
.sejour h3 { color:#7ca31a; font: normal 1.2em Arial, Helvetica, sans-serif; }
.sejour h3 strong { font-weight: bold; font-size:18px; color:#511e12; }

.incluant {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em;}

.fin { display:block; font: 0.7em/1.3em Arial, Helvetica, sans-serif; color:#511e12; }
.fin a {color:#1b6cc7; text-decoration:underline; font-size:1.2em; }
.fin a:hover {color:#511e12; }

.comment {font-family:Verdana, Arial, Helvetica, sans-serif; }
.comment h2 { margin: 0 0 1.1em; font-size: 1.1em; color: #7d2f1b; }

.commentList {margin:0; font: 1em/21px Verdana, Arial, Helvetica, sans-serif; color:#5c5c5c;}
.commentList li {margin:0.6em 2px 0; padding:0 0 0 25px;}
.commentList li.puce1 { background:url(/medias/fr/concours/puce01.png) no-repeat left center;}
.commentList li.puce2 { background:url(/medias/fr/concours/puce02.png) no-repeat left center;}

a.Sinscrire { margin: 20px 0; background:url(/medias/fr/concours/b_sinscrire1.png) no-repeat left top; width:160px; height:53px; display:block; text-indent:-5555px; }
a:hover.Sinscrire {background-position: 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:348px; height:228px; position:absolute; top:323px; left: 0; z-index:3; background:url(/medias/fr/concours/accueil_photo.png) no-repeat; display:block; text-indent:-5555px}
.situeCoin { width: 11px; height: 63px; position: absolute; left: -11px; top: 350px; z-index:4; display:block; background: url(/medias/fr/concours/accueil_photo_coin.png); }

/* 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; }
/* */


h3 {font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif}

.inclusion li 
{
	background:none;
	padding:0; 
	margin:0;
	font: 1.25em Arial, Helvetica, sans-serif; 
	color:#7ca31a;
}

.inclusion li li 
{
	background:url(/medias/fr/concours/puce.gif) no-repeat 0 0.2em;
	margin:-1.5em 0 0 6em;
	padding:0px 0 30px 14px; 
	font: bold 0.6em Arial, Helvetica, sans-serif; 
	color:#1b6cc7;
}

.logoPartenaire { position: absolute; z-index: 2; left: 0; top: 580px; width: 357px; color: #511e12; font-size: 10px; font-weight: bold; text-align: center; }
.logoPartenaire:hover { text-decoration: none; color: #511e12; }
.logoPartenaire em { display: block; font-style: normal; font: bold 24px/1.1 Verdana, Arial, Sans-serif; color: #7fa421; }
.logoPartenaire em span { font-size: 30px; color: #1b6cc7; }
.logoPartenaire img { display: block; width: 236px; height: 70px; margin: 0 auto; }

.contenu {clear:both; padding:340px 0 0 50px; min-height:400px; }
.contenu h1 {font: bold 1.4em/1.2em Arial, Sans-serif; color: #7d2f1b; }
.contenu h1 .bleu {color:#7ca31a;}
.contenu h2 { margin: 2em 0 0; background:url(/medias/fr/concours/puce.gif) no-repeat 0 0.3em; min-height:15px; padding:0px 0px 0px 12px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#1b6cc7; font-weight:bold}
.contenu a {color:#1b6cc7;}
.contenu a:hover {color:#7ca31a;}
.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:#7ca31a; background:url(/medias/fr/concours/inscrip01.gif) left center no-repeat;}
.menuInscription li.ditesON {color:#7ca31a; 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:370px; min-height: 413px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:30px 0 0; background:url(/medias/fr/concours/separateur_box.gif) 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:145px; background:url(/medias/fr/concours/img_decouvrez_small.jpg) no-repeat left top; padding-left:160px;}
.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:#7ca31a; font-style:normal}
.formulaireBox em, .mathCondition {color:#7ca31a; 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{float:right; width:30px;}
.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 25px;}
.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}

#ctl00_cphContenu_Etape4 { background: url(/medias/fr/concours/merci-photos.jpg) no-repeat 430px 10px; }

.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;*/ }
.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 { padding: 35px 0 0; font-size:0.9em; float:left; width:800px; height:240px; background: url(/medias/fr/concours/barres.gif) no-repeat; }

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 {
	background: url(/medias/fr/concours/footer.jpg) no-repeat;
	color:#7fbafd;
	font: 0.9em/41px Verdana, Arial, Helvetica, sans-serif; 
	padding: 5px 30px;
	text-align: right;
}
.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: #f4e0df; }
.vcePopup { margin: -2px 0 0 -25px; width: 160px; }
.vcePopup div, .vcePopup td { border: 1px solid #3d2a24; background-color: #7ca31a; }
.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;}