@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#000; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#000; font-weight:700; font-size:1.1em; }
h2 { color:#fff; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#fff; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#fff; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#fff; font-size:0.83em; }
h6 { color:#fff; font-size:0.67em; }
p { color:#000; font-size:1em; }
ul, ol{ color:#fff; font-size:1em; }
li { color:#000;}
a { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a img { border: none; }
textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }

/* Liens de bas de page */
#societe p, #societe a {color:#000; } /* couleur des liens de bas de page */
#societe p { font-size:.92em; }

/* Image de validation W3C */
#validator a img { background-color:#2894c6; } /*- Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.alignmiddle { vertical-align:middle; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.rouge { color: #D31A08; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }
.floatright2{
	float:right;
	margin-left: 2px;
}
/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.fond_bleu{
	background:#2894c6;
	padding:5px 10px;
}
.fond_rose{
	background:#ff3a67 ;
	padding:2px 2px;
}
.fond_bleu{
	background:#50c3c6;
}
.fond_bleumarine{ background:#142996; padding:5px 5px;}
.fond_rouge{ background:#EA0500; padding:5px 5px;}
.fond_jaune{ background:#ffea01; padding:5px 5px;}
.fond_jaune2{
	background:#f7d31b;
	padding:1px 1px;
} 
.fond_vert{ background:#64aa09; padding:5px 5px;}
.fond_orange{ background:#ffffff; padding:5px 5px;} 
.fond_blanc{
	background:#ffffff;
	padding:2px 2px 0px 5x;
} 
.fond_blanc2{
	background:#ffffff;
	padding:2px 5px 0px 5px;
} 

 rose 

.jeu{float:left; padding:10px 0px 0 50px; width:261px;}

.jeu2{
	float:left;
	padding:30px 40px 0 50px;
	width:261px;
}
.inscription{
	float:right;
	margin: 15px 15px 0px 20px;
	width:372px;
}

.navette{
	float:right;
	margin: 0px 30px 0px 30px;
	width:250px;
}

.divtxt{
	border:#FFFFFF dashed 1px;
	width: 690px;
	padding: 5px 10px 5px 10px;
}
.divtxt2{
	border:dashed 1px #000000;
	width: 700px;
	padding: 5px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.txthorraire{
	width:300px;
	float:right;
	text-align: center;
}
.txthorraire2{
	width:400px;
	float:left;
}

.diapo-tarif{
	width:193px;
	heigt:130px;
	border: solid 1px #000000;
	float:left;
	/*margin-left: 80px;*/
	margin-top: 20px;
	height: 130px;
}
.diapo-tarif2{
	width:193px;
	heigt:130px;
	border: solid 1px #000000;
	float:right;
	/*margin-right: 80px;*/
	margin-top: 20px;
	height: 130px;
}
.flash{ padding:0 80px;}
.imgtarifs{
	width:205px;
	heigt:127px;
	float:left;
	}
	
	.txttarif{
	width:480px;
	float:right;
	text-align: left;
	color:#000000;
}

.institu-gauche{
	float:left;
	width:290px;
	background-color:#0099FF;
	padding-left: 3px;
	padding-top: 10px;
}
.institu-droit{
	float:right;
	width:395px;
	background-color:#00CCFF;
	padding-right: 3px;
	text-align: right;
	padding-top: 10px;
	
}

.institu-gauche2{
	float:left;
	width:320px;
	padding-left: 3px;
	padding-top: 10px;
	text-align:left;
}
.institu-droit2{
	float:right;
	width:365px;
	padding-right: 3px;
	padding-top: 10px;
}

.institu-droit3{
	float:right;
	width:330px;
	padding-right: 3px;
	padding-top: 10px;
}

.depositaire1{
	float:left;
	width:390px;
	padding-top: 10px;
}
.depositaire2{
	float:left;
	width: 100px;
	padding-top: 10px;
}
.depositaire3{
	float:left;
	width: 158px;
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
}



.depositaire4{
	float:left;
	width: 112px;
	padding-top: 10px;
}

.depositaire5{
	float:left;
	width: 158px;
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
}

.A{ color:#FF0000; font-weight:bold; }
.B{ color: #009900; font-weight:bold;}
.C { color:#0033CC; font-weight:bold;}
/*	Site en cours de réalisation */
#site { text-align:center; padding-top:5em; }

.txt-navette{font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
.txt-navette2{font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:center;}
dt{margin-bottom: 30px; text-align:center;}
dd{
	margin-bottom: 15px;
	margin-righy:10px;
	background-color: #ffffff;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration:center;
}

.marge-image{
	margin-left:15px;
	border: solid 1px #000000;
}

/*	Mentions Légales */
.contact{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}


/* Club Partenaires */

#table-partenaires {
	width:95%;
	margin-left:17px;
	border-collapse:collapse;
	font-size: 11px;
	background-color:#F7D31B;
}

#table-partenaires th {
	width: 25%;
	padding: 8px;
	border: 1px solid #000;
	text-align: center;
	background-color:#f1a90e;
}

#table-partenaires td {
	width: 25%;
	padding: 3px 5px;
	border: 1px solid #000;
	vertical-align:middle;
}

#table-partenaires tr:hover {
	background-color:#fff;
}

/* Club Gagants */

#table-gagnants {
	width:95%;
	margin-left:17px;
	border: 1px solid #fff;
	border-collapse:collapse;
	font-size: 11px;
	
}

#table-gagnants th {
	width: 25%;
	padding: 8px;
	border: 1px solid #fff;
	text-align: center;

}

#table-gagnants td {
	padding: 3px 5px;
	border: 1px solid #fff;
	vertical-align:middle;
}


.noborder{border:none;}
.noborder2{
	border:none;
	margin-top:1px;
}
.tb{font-family:Verdana;font-size:10px; font-family: Arial, Helvetica, sans-serif; text-align:center;}
.titrefaq{font-family:Verdana;font-size:12px; color:#CC0000; font-weight:bold; }
.txtfaq{font-family:Verdana;font-size:11px; color:#000000;margin-left:20px; }


/* PLan du site */
 
#menubas {  padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; }
 
#menubas a { color:#888; }
 
#coldusite { width:845px; margin:0 auto; clear:both; text-align:left; color:#C33948;}
 
#coldusite p { line-height:8px; }
 
#col1, #col2, #col3, #col4 { width:22%; min-height:120px; _height:120px; float:left; padding:5px 0.1% 10px 2.5%; border-right:1px solid #333; list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333;}
 
#col4 {border-right: none;}
 
.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif ;}
.texte-jeux{
	width:300px;
	position:absolute;
	top: 75px;
	left:14px;
	background-color: #ffffff;
	border: solid 1px #2EC9CB;
	padding: 0 2px 0 2px;
}

.anim-jeux{
margin-left:70px;
}

.padR{padding-right:20px;}
.padL{padding-left:20px;}



/* MODULE POPUP*/
#global {
	position:absolute;
	background:#eaf6f9;
	left: 50%;
	top: 50%;
	width: 695px;
	min-height:400px;
	border:#38bad4 3px double;
	margin-top: -211px; /* moitié de la hauteur */
	margin-left: -265px;
	color: #000000;
	padding:10px;
	
     }
	 
.bord-image{border:#D31A08 1px solid;}

/* Styles CSS pour LightBox PopUp */
#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: #0b2652;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 5px;
}

#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 {
	background: url(images/prevlabel.gif) left 100% no-repeat;
	left: 0;
	float: left;
}

#nextLink {
	background: url(images/nextlabel.gif) right 100% no-repeat;
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 100% no-repeat;
}

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

#imageData {
	padding:0 10px;
	color: #fff;
}

#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: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}