/*-------------------------------------------------------------------------------------------------------------
                                           CSS version haut et bas dbit
---------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	/* overflow: hidden;*/
}

body {
	background-color: #ffffff;
	background-image:url(../img/fondPixel.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}
h1{ font-size:14px;}
.tablo { background-color:#FFFFFF}
.tetiere{ text-align:right; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:12px; vertical-align:top; padding:40px 10px 0px 0px;}
.nav { text-align:right; line-height: 20px; vertical-align:top;padding:0px 30px 0px 0px;}
.navOff{ background-color:#666666; color:#CCCCCC; font-size:11px; text-decoration:none; padding:0px 2px 0px 2px;}
.navOff:hover{ background-color:#333333;color:#ffffff;}
.navOn{ background-color:#333333;color:#ffffff; font-size:11px; text-decoration:none; padding:0px 2px 0px 2px;}
.cal{ width:20px;}
.tof{ width:500px;}
.txt {width:300px;letter-spacing:1px; text-align:left;	color: #333333;	font-size: 11px; padding:0px 0px 0px 10px;}
.txt2 {letter-spacing:1px; text-align:left;	color: #333333;	font-size: 11px;}
.nav2{ text-align:right; padding:0px 10px 0px 0px;line-height: 17px;}
.lien{ color:#000000; text-decoration:none;}
.lien:hover{ color:#000000; text-decoration:underline;}
.debut{ text-align:center;letter-spacing:1px; color: #333333; font-size: 11px;}
.revue {letter-spacing:1px; text-align:left;color: #333333;	font-size: 11px; padding:0px 0px 0px 10px;}
.lien2{ color:#333333; text-decoration:none;letter-spacing:1px;font-size: 11px; font-weight:bold;padding:0px 2px 0px 2px;}
.lien2:hover{ color:#ffffff; text-decoration:none; background-color:#990000;}
.lien2On{ color:#ffffff; background-color:#990000; text-decoration:none;letter-spacing:1px;font-size: 11px; font-weight:bold;padding:0px 2px 0px 2px;}
.tarifs1{ font-size:11px; font-weight:bold; text-align:center;color:#333333;}
.tarifs2{ font-size:10px; text-align:center;color:#333333;}
.tarifs3{ background-color:#666666;}

/*----------------------------------------------------------------
						Css génériques
------------------------------------------------------------------*/
.texteagauche { text-align:left; }
.texteadroite { text-align:right; }
.texteaumilieu { text-align:center; }
.floatagauche { float:left; }
.floatadroite { float:right; }
.stopfloat { clear:both; }


/*----------------------------------------------------------------
	Pour gérer une Zone en transparence (don't work on < ie 6)
------------------------------------------------------------------*/
#clqTransparent {
background-color: transparent!important;
background-color: #ffffff;
background-image: url(../img/fond_noir_transparent.png)!important;
background-image: url(../img/dot.gif);
}

/*----------------------------------------------------------------
				Insertion du flash + détection 
------------------------------------------------------------------*/
#flashcontent {
	text-align: center;
		height: 100%;
	font-family:arial;
	font-size:12px;
	/*margin-bottom: 30px;*/
}

#detectcontent {
	text-align: center;
	margin-top: 30px;
}
.detect {color: #ffffff; font-size: 10px; text-decoration:none; }	
.detect a:link, .detect a:visited {color: #ffffff; font-size: 10px; text-decoration:underline; }
.detect a:hover {color: #ffffff; font-size: 10px; text-decoration:none; }
 

/*----------------------------------------------------------------
						Mentions légales
------------------------------------------------------------------*/
#mentions {
	width: 520px;
	margin-top: 10px;
	padding: 15px;
	text-align: justify;
	border-style: solid; border-width: 1px; border-color: #FFFFFF;
	color: #000000; font-weight: normal; font-size: 11px; text-decoration:none;
	background-color: #FFFFFF;
	
}
#mentions a:link, #mentions a:visited {
	color: #000000; font-weight: bold; font-size: 11px; text-decoration:none;
}
#mentions a:hover {
	color: #000000; font-weight: bold; font-size: 11px; text-decoration:underline;
}


/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/


.adresse { letter-spacing:1px; text-align:right;
padding:10px 20px 5px 0px;
	color: #333333;
	font-size: 11px;
	text-decoration:none;
}
.adresse a:link, .adresse a:visited {
	color: #000000;
	font-size: 11px;
	text-decoration:none;
}
.adresse a:hover {
	color: #000000;
	font-size: 11px;
	text-decoration:underline;
}



/*-------------------------------------------------------------------------------------------------------------
                                           CSS version bas débit
---------------------------------------------------------------------------------------------------------------*/

#conteneur {
    position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px;	
}

#div_popup {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 513px;
	margin-top: -245px;
	margin-left: -505px;
	z-index:100;
	background:url(img/fond_popup.png);
	background-repeat:no-repeat;
	display:none;
	padding:0;
}
#div_popup_fermer {

	position:absolute;
	left: 956px;
	top: 0px;
}
#div_popup_contenu {

	width:1000px;
	height:513px;
	padding:0;
	margin-left:12px;
}