/*
//Couleur normale
couleur principale : 9b8b4b//doré
couleur contraste :ac0e1d //bordeau

//Couleur christmas
couleur principale : 2f3459//bleu nuit
couleur middle :89dcff // bleu middle
couleur legère : d1efff //bleu leger
couleur contraste :68c8ff //azure

*/
* {/*All*/
	font-family: Helvetica, Arial, sans-serif; 
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color: #303030;
	padding: 0;
	margin: 0;
	text-decoration:none;
	font-style: normal;
	font-size: 12px;
}
:focus          {
 outline: 0;
 }
 
html {
	background: #F5F5F5 url(./img/fond.png) fixed;
	/*background: #E2F1F7 url(./img/fond.png) fixed;*/
	text-align:left;
	width:100%;
	height:100%;
	/*height:100%;*/
}

img {
	border:0;
}

h1{
	display:block;
	/*height:43px;*/
	padding-bottom:-10px;
	margin: -10px 0 0 0;
	color: black;
	font-size: 35px;
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
	font-weight:900;
	letter-spacing:-3px;
	clear:both;
	border-bottom: solid 1px black;
	/*overflow:hidden;*/
	line-height:40px;

}
/*
h1 a{
	margin: 20px 50px 0 0;
}*/
h1 p{
	padding: 20px 15px 0 0;
}

h2{
	padding: 20px 0 0 0;
	color:#2f3459;
	font-size:20px;
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
	letter-spacing:-1px;
	line-height:20px; 
	font-weight:900;
	clear:both;
}

h3{

	margin: 5px 0 10px 0;
	color:#68c8ff;
	font-size: 13px;
	font-weight:900;
	letter-spacing:0px;
}

h4{
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
	color: #AAAAAA;
	font-size: 16px;
}

.subh1, .subh1 a, .subh2,.subh2 a 
{
	font-weight:900;
	color:black;
	text-decoration:none;
}

.subh1
{
	display:inline;
	letter-spacing:0px;
	font-size:16px;
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
}
.subh2
{
	padding-left:10px;
}




.subh1 a:hover,.subh2 a:hover 
{
	color:#B21;
	text-decoration:none;
}

.subh1 a,.subh1 a :hover
{
	font-size:18px;
}

.subh2 a,.subh2 a :hover
{
	font-size:12px;
}

.selected
{
	font-size:18px;
	color:#68c8ff;
	font-weight:900;
}
.selected2
{
	font-size:12px;
	color:#68c8ff;
	font-weight:900;
}



hr{
	color:#BBBBBB;
	background-color: #BBBBBB;
	height: 1px;
	border: 0;
	clear:both;
	margin: 0 0 0 0;
}

p {
	margin: 10px 0 10px 0;
	font-size: 12px;
	/*text-indent: 20px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	vertical-align:middle;
}

a{
	color: #666;
	/*font-weight:600;*/

}

a:hover, a:focus{
	color: #2f3459;
	text-decoration:underline;
}

s{
	color: #BBBBBB;
}

b{
	font-weight:700;
}
em{
	color: #68c8ff;
}
/*
form {
	width:100%;
}*/

input, textarea, select{
	float: right;
	text-align:right;
	padding: 2px 4px 2px 0px; 
	border: 1px solid #BBB;
	width:50%;
	background-color:white;
}

textarea {
	clear:both;
	width:100%;
	height:200px;
	text-align:left;
	padding: 0; 
}

.select{
	float: right;
	width:50%;
}

.select_small{
	float: right;
	width:50%;
}
.select_small select{
	float: none;
	clear:none;
	width:auto;
}

select{
	float: none;
	width:100%;
}

select:focus, input:focus, textarea:focus{
	border: 1px solid #68c8ff;
}
.checkbox input{
	border: 0;
	width:auto;
}
.bouton2{
	text-align:left;
}
.bouton input, .bouton2 input, .bouton3 input, .boutonc input{
	clear:none;
	display:block;
	padding: 20px 60px 20px 0px;
	/*height:30px;*/
	width:48%;
	color:black;
	cursor:pointer;
	font-size:18px;
	text-align:right;
	letter-spacing:-.8px;
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
	background: transparent url(./img/btnplusout.png) no-repeat center right;
	border: 0;
}



.bouton2 input{
	float:left;
	text-align:left;
	padding: 20px 0px 20px 60px;
	background: transparent url(./img/btnmoinsout.png) no-repeat center left;
}

.bouton input:hover,.bouton input:focus{
	/*border: 2px solid #BBB;
	margin: 0;*/
	background: transparent url(./img/btnplusover.png) no-repeat center right;
	color:#2f3459;
}

.bouton input:active{
	/*border: 2px solid #68c8ff;
	margin: 0;*/
	background: transparent url(./img/btnpluson.png) no-repeat center right;
	color:#2f3459;
}

.bouton2 input:hover,.bouton2 input:focus{
	background: transparent url(./img/btnmoinsover.png) no-repeat center left;
	color:#2f3459;
}

.bouton2 input:active{
	background: transparent url(./img/btnmoinson.png) no-repeat center left;
	color:#2f3459;
}

.boutonc input{
	background: transparent url(./img/btncloseout.png) no-repeat center right;
}
.boutonc input:hover,.boutonc input:focus, .boutonc input:active{
	background: transparent url(./img/btncloseover.png) no-repeat center right;
	color:#2f3459;
}

 .bouton3 input{
 	color:#aaaaaa;
	padding-left: 60px;
	background: transparent url(./img/btnplusbout.png) no-repeat center right;
}

 .bouton3 input:hover,.bouton3 input:focus, .bouton3 input:active{
	background: transparent url(./img/btnplusbover.png) no-repeat center right;
	color:#2f3459;
}

.link, .linkb{
    display: block;
	height:16px;
	font-weight:700;
	color:#aaaaaa;
	margin-right:-20px;
	padding:  0px 20px 0px 0px;
	background: transparent url(./img/btnplusaout.png) no-repeat center right;
	letter-spacing:0
}
.link:hover,.link:focus,.link:active{
	background: transparent url(./img/btnplusaover.png) no-repeat center right;
	text-decoration:none;
}


.linkb{
    display: block;
	height:25px;
	padding:  6px 35px 0px 0px;
	margin-right:-25px;
	font-weight:700;
	color:#909090;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	background: transparent url(./img/btnplusbout.png) no-repeat center right;

	
}
.linkb:hover,.linkb:focus,.linkb:active {
	background: transparent url(./img/btnplusbover.png) no-repeat center right;
	text-decoration:none;
}



.radio {
	float: right;
	text-align:left;
		width:25%;
}
.radio input {
	float: none;
	width:auto;
	border: 0;
}

form p{
	clear:right;
	padding: 0 0 3px 0;
	text-indent: 0;
	line-height:17px;
}

.small{
	font-size:.9em;
}

.floatGauche {
	float: left;
	margin: 0px 10px 0px 0px;
	}
	
.floatDroite{
	float: right;
	margin: 0px 10px 0px 20px;
	}
		
.center{
	text-align:center;
	width:100%;
	}


.ancre a{
	display:block;
	visibility:hidden;
	margin-top:-60px;
	margin-bottom:60px;
	height:0;
	padding:0;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#interface{
	position:fixed; 
	left: 0px;  
	top: 0px;
	z-index:3;
	width: 100%;
}

#logo,#menu img{
	position:absolute; 
	left: 0px; top: 0px; 
}

#menu{
	position:absolute; 
	left: 0px;
	top: 35px;
	height : 280px;
	width: 160px;
}

#mapzone{
	position:absolute; 
	left: 0px;
	top: 400px;
	height : 100px;
	width: 160px;
	/*border: solid 1px black;*/
}



.title {
	position:absolute; 
	top: 35px;
	width: 77%;
	min-width:800px;
	overflow:hidden;
}

.thide{
	width: 100%;
	text-align:right;
	/*background: #F0F0F0;*/
}

.tcenter {
	height :50px;
	width: 100%;
	vertical-align:top;
	padding:10px 5px 0 0;
	color: #E0E0E0;
	font-size: 15px;
	font-weight: 900;
	letter-spacing:-1px;
}

.tend{
	width: 50px;
	height :50px;
	background: transparent url(./img/m1end.png) no-repeat top left;
	/*letter-spacing:50px;*/
	font-size: 50px;
}

#m1 {left: 180px;}
#m1 .thide{margin-left:-20px;}
#m1 .tcenter {background: transparent url(./img/m1title.png) repeat-x top center;}
#m1 .tend {background: transparent url(./img/m1end.png) no-repeat top left;}

#m2 {left: 230px;}
#m2 .thide{	margin-left:-70px;}
#m2 .tcenter {background: transparent url(./img/m2title.png) repeat-x top center;}
#m2 .tend {background: transparent url(./img/m2end.png) no-repeat top left;}	

#m3 {left: 280px;}
#m3 .thide{	margin-left:-120px;}
#m3 .tcenter {background: transparent url(./img/m3title.png) repeat-x top center;}
#m3 .tend {background: transparent url(./img/m3end.png) no-repeat top left;}	

#m4 {left: 330px;}
#m4 .thide{	margin-left:-170px;}
#m4 .tcenter {background: transparent url(./img/m4title.png) repeat-x top center;}
#m4 .tend {background: transparent url(./img/m4end.png) no-repeat top left;}	

#m5 {left: 380px;}
#m5 .thide{	margin-left:-220px;}
#m5 .tcenter {background: transparent url(./img/m5title.png) repeat-x top center;}
#m5 .tend {background: transparent url(./img/m5end.png) no-repeat top left;}	

#m6 {left: 430px;}
#m6 .thide{	margin-left:-270px;}
#m6 .tcenter {background: transparent url(./img/m6title.png) repeat-x top center;}
#m6 .tend {background: transparent url(./img/m6end.png) no-repeat top left;}	

#conteneur{
	position:absolute; 
	top: 0;
	left: 132px;
	/*padding: 30px;
	/*border: dotted 10px #AAA;*/
	/*background: transparent;*/
	width: 77%;
	min-width:800px;
	margin: 5px 0 20px 0;
	padding-bottom: 30px;
	z-index:2;
}



/* Style Ombre */
.s1{
	background: transparent url(./img/s1.png) no-repeat top left;
}
.s2{
	background: transparent url(./img/s2.png) repeat-x top center;
}
.s3{
	background: transparent url(./img/s3.png) no-repeat top right;
}
.s4{
	background: transparent url(./img/s4.png) repeat-y center left;
}

.s5{
	background-color: white;
	/*padding:40px 4% 5% 5%;*/
	vertical-align:top;
}

#contenu{
	background-color: white;
	margin:50px 4% 5% 5%;
	/*padding-bottom:5%;*/
}


.s6{
	background: transparent url(./img/s6.png) repeat-y center right;
}
.s7{
	background: transparent url(./img/s7.png) no-repeat top right;
}
.s8{
	background: transparent url(./img/s8.png) repeat-x top center;
}
#bottom{
	margin:5px 4% 10px 4%;
	color:#888;
	text-align:center;
	font-size:9px;
}

#bottom a{
	color:#888;
	text-decoration:none;
	font-size:9px;
}

#bottom a.interne{
	font-size:12px;
}

#bottom a.externe{
	color:#AAA;
}

#bottom a:hover{
	color:#68c8ff;
}

#bottom hr{
	margin : 5px 0 5px 0;
}

.s9{
	background: transparent url(./img/s9.png) no-repeat top left;
}


.s1, .s9{
	height: 28px;
	width:28px;
}


#col1{
	margin-right: 400px;
	/*padding: 0 5% 0 0 ;*/
	/*width:100%;*/
}

#col2{
	position:absolute;
	right:0px;
	width:350px;
	/*margin: -10px 70px 0 0;*/
	margin-right: 70px;
	margin-top:10px;
}



.spacer,.spacerB{
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
	font-size:500px;
}

.spacer2{
	height:100px;
	overflow:hidden;
	font-size:500px;
}

#folowus{
	position:fixed; 
	right: 0;
	width:15%;
	text-align:center;
	bottom:10px;
	z-index:1;
}

#sponsors{
	position:fixed; 
	right: 0;
	width:15.5%;
	height: 300px;
	top:50.5%;
	margin-top:-75px;
	text-align:left;
	overflow:hidden;
	z-index:1;
}
#sponsors img{
padding: 15px 0 15px 0;
/*width:110%;*/
max-width:200px;
}
	
	
	
	
.filter{
	position:fixed; 
	top:0;left:0;
	width :100%;
	height :100%;
	z-index :4;
	background: white;
	/*cursor : progress;*/
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}	
	
#mapbox{
	position:fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -425px;
	width :850px;
	height:500px;
	z-index :6;
}	
#map {
	/* img 800*500px */
	margin:0 0 -500px 0 ;
	}
	
#zonemap {
	/* img 800*500px */
	height:500px;
	width:800px;
	}
	
#zonelist {
	/* img 800*500px */
	position:absolute;
	top:75%;
	padding:30px 0 30px 5px;
	right:20%;
	width:100px;
	border-left:solid 1px #bbb; 
	}
#zonelist a{
	color: black;
	font-size: 20px;
	font-family: Arial Black, Helvetica, Arial, sans-serif; 
	font-weight:900;
	letter-spacing:-1.5px;
	text-decoration:none;
	}
#zonelist a:hover{
	color: #2f3459;
	}
		
	
#infobox{
	position:absolute;
	top: 10%;
	left: 30%;
	margin: 0 0 0 0;
	width :40%;
	min-width:550px;
	z-index :5;
}	

#jscontent{
	margin:30px 30px 20px 30px;
}

#jscontent h1{
	font-size:35px;
	height:42px;
	letter-spacing:-2px;
}


#jswait{ 
	position:absolute;
	top:28px;left:28px;
	width :90%;
	
	height :78%;
	z-index :6;
	background: white;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

#jswait h4{
margin:85px;
}