@charset "UTF-8";

body {
margin:0;
padding:0;
background: #3b7c9a url(imgs/bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
}

map, area {
	outline: none;
}

#container {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 1024px;
	height:768px;
}

#container #fond {
	position:absolute;
	z-index:0;
}

#container #zoneflash {
	position:absolute;
	top:180px;
	z-index:2;
	
}

#container #zoneflashmini {
	position:absolute;
	top:10px;
	z-index:2;
}

#container #flux {
	position:absolute;
	top:70px;
	z-index:5;
	padding: 5px 5px 5px 10px;
	width: 340px;
	height:80px;
	overflow:hidden;
	color:#FFF;
	font-size:12px;
}

#container #flux a {
	color:#2e6d99;
	text-decoration:none;
}

#container #flux a:hover {
	text-decoration:underline;
}

#container #flux .title {
	color:#CC0000;
	font-weight:bold;
}

a {
outline:none;
border:none;
}

img {
display:block;
border:none;
}

#connexion {
	background: #6c3919;
	width:330px;
	color: #ffffff;
	padding:10px;
	text-align:center;
	border: none;
	font-weight: normal;
	font-size:12px;
	position:absolute;
	visibility: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	line-height:15px;
	z-index:3;

}


#item {
	background: #6c3919;
	width:100px;
	color: #ffffff;
	padding:10px;
	text-align:center;
	border: none;
	font-weight: normal;
	font-size:12px;
	position:absolute;
	visibility: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	line-height:15px;

}

#formlivre {
	position:absolute;
	width:671px;
	z-index:3;
}

#formlivrementions {
	position:absolute;
	width:630px;
	z-index:4;
}

#accordion {
	position:absolute;
	width:671px;
	z-index:3;
	font-size: 14px;
	color: #ffffff;
}

#accordion a {
	color: #ffc61d;
	text-decoration:underline;
}

h3.toggler {
	cursor: pointer;
	font-size: 14px;
	font-weight:bold;
	color: #f7e5b9;
	margin: 15px 5px 5px 0;
	padding:2px 2px 2px 10px;
}

h3.toggler2 {
	cursor: pointer;
	font-size: 14px;
	font-weight:bold;
	color: #f7e5b9;
	margin: 2px 5px 2px 0;
	padding: 2px 2px 2px 10px;
	background-color:#855a27;
}


div.element p, div.element h4 {
	margin:0px;
	padding:0px 25px 0px 25px;
	font-size: 12px;
	color: #fff;
	text-align:justify;
	line-height:14px;
}

div.element img {
	margin:2px 10px 3px 5px;
	border:2px solid #5c380c;
}

#accordion .element img {
	margin:0px 0px 3px 0px !important;
	border:none !important;
}

#accordion .element p {
	font-size: 11px !important;
}


#alerte {
	background-color: #af7855;
	width:180px;
	color: #ffce0c;
	padding:5px;
	text-align:center;
	border: none;
	font-weight: bold;
	font-size:11px;
	position:relative;
	left: 490px;
	border:2px dashed #6b3919;
}

.submit {
     border:none;
     background: transparent url(imgs/ok.jpg) no-repeat top left;
     width:56px;
     height:44px;
	 outline:none;
}

.tabforminscription {
	width:461px;
	font-size:11px;
	color:#fff0c3;
	line-height:12px;
	vertical-align:middle;
	margin:70px 0px 0px 0px;
	padding:0px;
}

#formleft {
	width:220px;
	float:left;
}

#formright {
	margin-top:6px !important;
	margin-top:0px;
	width:220px;
	float:right;
}

.tabforminscription input {
	vertical-align:middle;
	margin-top:4px;
}

.saisi {
	vertical-align:middle;
	margin-top:4px;
	height:15px;
	width:130px;
}

.saisi2 {
	vertical-align:middle;
	margin-top:4px;
}

.saisi3 {
	height:15px;
	width:150px;
}

.saisi4 {
	height:100px;
	width:250px;
}

.saisi5 {
	color:#ffc400;
}

.saisi6 {
	height:50px;
	width:154px;
	margin-top:1px;
}

.tabforminscription select {
	margin-top:4px;
	margin-right:5px;
	float:left;
}

.tabforminscription .total {
	margin-top:2px;
	margin-left:5px;
	line-height:20px;
	vertical-align:middle;
	display:block;
	font-size:14px;
	float:left;
	font-weight:bold;
	width:100px;
}

.tabforminscription .genre input {
	vertical-align:middle;
	margin-bottom:3px;
}

.label1 {
	vertical-align:middle;
	margin-top:4px;
	margin-right:4px;
	line-height:20px;
	width:70px;
	text-align:left;
	display:block;
	float:left;
}

.label2 {
	vertical-align:middle;
	margin-top:4px;
	margin-right:4px;
	line-height:20px;
	width:55px;
	text-align:left;
	display:block;
	float:left;
}

.label3 {
	width:130px;
	text-align:right;
}

#messages {
	font-size:12px;
	color:#ffc400;
	height:50px;
}

.recevoirnews {
	margin-top:10px;
	width:100%;
	clear:both;
	text-align:center;
	float:left;
}


#submitinscription {
	margin-top:10px;
	width:100%;
	display:block;
	text-align:center;
	clear:both;
	float:left;
	margin-bottom:0px;
}

.submitinscription {
    width:160px;
    height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #905e23;
	text-align:center;
	border:2px solid #3c2304;
	font-weight: bold;
	font-size:16px;
}

.submitinscription2 {
    width:160px;
    height:30px;
	vertical-align:middle;
	color:#ffc400;
	outline:none;
	cursor:pointer;
	background: #905e23;
	text-align:center;
	border:2px solid #3c2304;
	font-weight: bold;
	font-size:16px;
	margin-top:10px;
}

.submitinscription3 {
    width:230px;
    height:30px;
	vertical-align:middle;
	color:#ffc400;
	outline:none;
	cursor:pointer;
	background: #905e23;
	text-align:center;
	border:2px solid #3c2304;
	font-weight: bold;
	font-size:16px;
	margin-top:10px;
}

.jaune {
	color: #ffed00;
}

.jaunebis {
	color: #ffed00;
	vertical-align:middle;
	margin-top:4px;
	margin-right:105px;
	line-height:20px;
	display:block;
}

.mentions {
	color: #6c3819;
	font-size:9px;
	text-align:justify;
	line-height:9px;
	padding-left: 25px;
	padding-right:5px;
}

.descrip_concours p.mentionslegales {
	font-size:11px;
	line-height:13px;
}

.descrip_concours p.mentionslegales span {
	line-height:16px;
}

#prec_aventure ul {
	list-style:none;
}

#prec_aventure ul li {
	line-height:13px;
}

#prec_aventure ul li a {
	font-size:12px;
	color:#391813;
	display:block;
	text-decoration:none;
}

#prec_aventure ul li a:hover {
	text-decoration:underline;
	color:#c01a24;
}

.descrip_aventure {
	font-size: 12px;
	color: #fff;
	text-align:justify;
}

.descrip_aventure img {
	border:none;
	margin:10px 0px 10px 0px;
}

.descrip_concours {
	font-size: 12px;
	color: #fff;
	text-align:justify;
}

.descrip_concours p, .descrip_concours blockquote {
	font-size: 14px;
}

.descrip_concours span {
	font-size: 20px;
	color:#ffc400;
}

.descrip_concours a {
	color:#ffc400;
}

.descrip_slide {
	font-size: 14px;
	color: #fff;
}

.descrip_slide a {
	font-size: 16px;
	color:#ffc400;
	text-decoration:none;
}

.descrip_slide .title {
	font-size: 20px;
	color: #ffc400;
	font-weight:bold;
}

.descrip_galerie {
	font-size: 14px;
	color: #fff;
}

.descrip_galerie a {
	font-size: 14px;
	color: #ffc400;
	text-decoration:none;
}

.descrip_step1 {
	font-size: 16px;
	color: #ffc400;
}

.descrip_detail {
	font-size: 14px;
	color: #fff;
}

.descrip_detail a {
	font-size: 14px;
	color: #ffc400;
	text-decoration:none;
}

.guillemet {
	font-size: 20px;
	font-weight:bold;
}

#alerte_form {
 text-align:center;
 line-height:13px;
 color: #ffed00;
 }

#alert {
	line-height:13px;
	text-align:center;
	color: #ffed00;
}

.avatar form {
	margin:0;
	padding:0;
}

.avatar form .input1 {
	width: 94px;
	height: 315px;
	border:none;
	outline:none;
}

.avatar form .input2 {
	width: 103px;
	height: 315px;
	border:none;
	outline:none;
}

.avatar form .input3 {
	width: 45px;
	height: 76px;
	border:none;
	outline:none;
}
.avatar form .input4 {
	width: 41px;
	height: 76px;
	border:none;
	outline:none;
}
.avatar form .input5 {
	width:160px;
    height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:16px;
	margin-right:15px;
}
.avatar form .input6 {
	width:160px;
    height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:16px;
}

.recap {
	font-size:14px;
	color:#fff0c3;
	line-height:22px;
	vertical-align:middle;
}

.txtrecap {
	font-size:16px;
	color:#ffffff;
	line-height:22px;
	vertical-align:middle;
	font-weight:bold;
}

.recap form input {
	margin-right:15px;
	margin-top:10px;
    height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	float:left;
}

.inscripfinale {
	font-size:14px;
	line-height:18px;
	color:#6c3919;
}

.retouraccueil {
	display:block;
	margin-top:10px;
    line-height:30px;
	width:200px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

.ul {
	margin-left:450px;
}

.btmotivo {
	float:left;
	list-style:none;
}

.btmotivo a {
	display:block;
	margin-right:20px;
	width:160px;
    line-height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

.motivoimg img {
	display:inline;
	margin-left:20px;
	margin-right:20px;
}

.motivtxtbig {
	color:#fff0c3;
	font-size:16px;
}

.motivtxtbigbold {
	color:#fff0c3;
	font-size:16px;
	font-weight:bold;
}

.motivtxt {
	color:#fff0c3;
	font-size:14px;
}

.motivtxtbold {
	color:#fff0c3;
	font-size:14px;
	font-weight:bold;
}

.objetretour {
	display:block;
	margin-top:25px;
	width:180px;
    line-height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

.pictovalid {
	margin-left:120px;
}

.btpictovalid {
	float:left;
	list-style:none;
}

.btpictovalid a {
	display:block;
	margin-right:20px;
	width:180px;
    line-height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

.btpictovalida {
	display:block;
	margin-right:20px;
	width:180px;
    line-height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

.btpictovalidasimple {
	color:#ffed00;
	outline:none;
	font-weight: bold;
	font-size:14px;
}

.tabvalidpicto {
	color:#fff0c3;
	font-size:14px;
	font-weight:bold;
}

.infobulle {
     position: absolute;   
     visibility : hidden;
    width:180px;
    line-height:15px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
     padding: 10px;
     font-size: 12px;
}

.etape3 {
	color:#fff0c3;
	font-size:14px;
	line-height:16px;
}

.quiz {
	color:#fff0c3;
	font-size:14px;
}

.quizform {
	margin:0;
	padding:0;
}

.quiz label {
	font-weight:bold;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
}

.quizsubmit {
	display:block;
	width:180px;
    height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:16px;
	text-decoration:none;
}

.quizalert {
	font-weight:bold;
	color:#ff0000;
}

.quizretour {
	display:block;
	float:left;
	margin-left:120px;
	width:200px;
    line-height:30px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:16px;
	text-decoration:none;
}

.dossierimp {
	font-size:20px;
	color:#ffffff;
	font-weight: bold;
}

.zoneavataraccueil {
	width:650px;
	height:147px;
	background-color:#824a26;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
	position : absolute;
	margin-left:187px;
}

.divavataraccueil {
	position :absolute;
	text-align:center;
	margin-left:187px;
	margin-top:10px;
}

.tableavataraccueil {
	color:#FFFFFF;
	font-weight: bold;
}

.avataraccueil {
	border:3px solid #6c3919;
	display:block;
	margin:0;
}

.btanimation {
	display:block;
	float:right;
	margin-right:200px;
	margin-top:10px;
    line-height:30px;
	width:260px;
	vertical-align:middle;
	color:#ffed00;
	outline:none;
	cursor:pointer;
	background: #af7855;
	text-align:center;
	border:2px dashed #693718;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

