@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*  Site créé par Design4You - http://www.designforyou.info - D4Y                                                          */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CSS common */

html,body{
top:0;
bottom:0;
margin:0;
z-index:0;
height:100%;
}

li{
list-style-type:none;
}

.separator{
	height:4px;
	margin-bottom:4px;
	border-bottom:#333 dotted 1px;
}

.linkMenu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.linkMenu a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.linkMenu a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}

.txt_error{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#990000;
}

.inputError{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
border:#990000 solid 1px;
}

.panel{
width:auto;
border:#333333 dotted 1px; 
padding:5px ; 
background-color:#F2F2F2;
}

.pix{
border:#FFFFFF solid 3px;
}

.panel_v{
width:auto;
border:#333333 dotted 1px; 
padding:5px ; 
}

.spacer_l{
width:100%;
border-bottom:#333333 dotted 1px;  
margin-top:5px;
margin-bottom:5px;
}

/*DIV*/

/* Positionner le div contenant le site */
div#container{
margin:0 auto;
width:900px;
position:relative;
margin-bottom:5px;
z-index:1;
overflow:hidden;
}

div#header{
height:97px;
position:relative;
}

div#center{
overflow:hidden;
position:relative;
height:100%;
}

div#menu{
position:relative;
}

div#menu2{
position:absolute;
margin-left:80px;
margin-top:-4px;
color:#FFFFFF;
min-width:150px;
}

div#menu3{
position:absolute;
margin-left:200px;
margin-top:-4px;
color:#FFFFFF;
min-width:100px;
}

div#menu4{
position:absolute;
margin-left:280px;
margin-top:-4px;
color:#FFFFFF;
min-width:100px;
}

div#menu5{
position:absolute;
margin-left:390px;
margin-top:-4px;
color:#FFFFFF;
min-width:100px;
}

div#logo{
background-image:url(../images/logo.png);
width:243px;
height:105px;
margin-left:650px;
margin-top:0px;
position:relative;
}

div#stat{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:100%;
margin-top:22px;
}

div#flag{
z-index:10;
margin-left:900px;
position:fixed;
cursor:pointer;
margin-top:177px;
}

div#map_header{
background-image:url(../images/map_header.png);
width:321px;
height:184px;
margin-left:280px;
position:absolute;
}

div#left{
float:left;
width:334px;
position:relative;
min-height:400px;;
margin:0px;
padding:0px;
overflow:hidden;
}

div#pub_zone{
padding:10px;
}

div#login_zone{
padding:5px;
}

div#sponsors_zone{
position:relative;
height:100%;
}

div#right{
margin:0px;
padding:0px;
margin-top:88px;
background-color:#FFFFFF;
position:relative;
float:right;
width:566px;
height:100%;
min-height:400px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
}

div#footer{
clear:both;
}

.filebox{
background-color:#CCCCCC;
border:#333333 dotted 1px;
padding:5px;
float:left;
margin:5px;

}

.overbox{
position:absolute;
background-color:#FFFFFF;
z-index:4;
overflow:auto;
border-bottom:#484848 dotted 1px;
}

/*CLASS*/

.button{
cursor:pointer;
border:0px;
}

.hidden{
display:none;
visibility:hidden;
}

.spacer{
clear:both;
}

/*GALLERY*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 85px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/*DIVEXEC & COVER*/

div#divexec{
position:absolute;
margin-top:20%;
margin-left:35%;
z-index:2;
color:#484d6b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
border:#000000 solid 1px;
max-width:450px;
width:auto;
visibility:hidden; 
display:none;
}

/*uniquement pour IE*/
html>body #divexec{
position:absolute;
margin-top:20%;
margin-left:40%;
z-index:2;
color:#484d6b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
border:#000000 solid 1px;
width:450px;
visibility:hidden; 
display:none;
}

div#cover{
position:fixed;
filter:alpha(opacity=60);
-moz-opacity:.60;
width:100%;
height:100%;
background-color:#333333;
z-index:1;
top:0px;
margin:0px;
}

div#handle{
background-color:#333333;
cursor:move;
width:100%;
}

div#content_divexec{
padding:5px;
clear:both;
width:100%;
max-width:440px;
width:auto;
}
	
/*CALENDAR*/

.calendar{
position:absolute;
margin-left:0px;
margin-top:2px;
background-color:#FFFFFF;
border:#000000 solid ; 
border-width:1px;
visibility:hidden;
display:none;
z-index:10;
clear:both;
}

/*mois*/
.m_cal{
background-color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}

/*semaine*/
.w_cal{
background-color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
}

/*couleur du fond des jour*/
.b_cal{
background-color:#ececed;
}

/*bad date*/
.bd_cal{
background-color:#FF0000;
}

.txt_cal{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

/*good date*/
.gd_cal{
background-color:#00CC33;
}

/*footer*/
.f_cal{
background-color:#333333;
clear:both;
}

.selec_cal{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#333;
}

.title{
	font-variant:small-caps;
	text-decoration:underline;
}