@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ccccc2;
}

a {
	color: #4543A7;
}
a:hover {
	color: #85267E;
}
div > a {
	text-decoration: none;
}
div > a:hover {
	text-decoration: none;
}
a.flat {
	text-decoration: none;
}
a.flat:hover {
	text-decoration: none;
}
a.btn:link , a.btn:visited , a.btn:hover , a.btn:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 12px;
	padding-left: 30px;
	display: block;
	width: 235px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#bigcontainer{
	background: url(../media/images/backback.gif) repeat-y top center;
 	position:absolute;
    left: 50%; 
	top:0px;
    width: 1100px;
    margin-left: -550px; /* moitié de la largeur */
    border: 0px solid #ffffff;
	overflow:visible;
	height:600px;
	z-index:1;
}

#containermenu{
	background: url(../media/images/barrehaut.gif) no-repeat top center;
 	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
    width: 1100px;
    border: 0px solid #ffffff;
	height: 100px;
	overflow:visible;
	z-index:2;
}
#menu{
 	position:absolute;
	top:32px;
	left:152px;
    width: 850px;
    border: 0px solid #ffffff;
	height: 100px;
	overflow:visible;
	z-index:3;
}
.imgtitre{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	vertical-align: top;
	padding-left:30px;
}
#logog{
 	position:absolute;
	top:13px;
	left:56px;
	text-align:center;
    width: 154px;
    border: 0px solid #ffffff;
	height: 135px;
	overflow:visible;
	z-index:100;
}
#contenercentral{
 	position:absolute;
	top:100px;
	left:0px;
	background: url(../media/images/backback.gif) repeat-y top center;
    width: 1100px;
    border: 0px solid #ffffff;
	overflow:visible;
	z-index:5;
	margin:0px;
	margin:0px;
}

#contenerdata{
 	position:relative;
	top:0px;
	/*text-align:right;*/
	float:right;
	margin:0px;
	padding-right:145px;
    width: 613px;
    border: 0px solid #ffffff;
	overflow:visible;
	z-index:6;
}
#contenerdata_jeu{
 	position:relative;
	top:0px;
	/*text-align:right;*/
	float:right;
	margin:0px;
	padding-right:145px;
    /*width: 613px;*/
    border: 0px solid #ffffff;
	overflow:visible;
	z-index:6;
}



#haut_data{
	position:relative;
	top:0px;
	width: 613px;
	height: 32px;
	background-image: url(../media/images/page_fond-txt01c.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index:7;
}
#haut_data span {
	position: relative;
	top: 18px;
	left: 35px;
	color: #808080;
}

#haut_data span a {
	color: #808080;
}
#haut_data span a:hover {
	color: #000000;
}



#milieu_data{
	position:relative;
	width: 613px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #144393;
	text-align: left;
	background-image: url(../media/images/page_fond-txt-bar.jpg);
	background-repeat: repeat-y;
	overflow:visible;
	z-index:8;
}
#bas_data{
	position:relative;
	width: 613px;
	height: 103px;
	background-image: url(../media/images/page_fond-txt02b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index:9;
}
#bas_dataTAS{
	position:relative;
	width: 613px;
	height: 50px;
	background-image: url(../media/images/page_fond-txt02TAS.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index:9;
}
/*#bas_data > a{

	margin-left:400px;
	top:100px;
	width: 190px;
	height: 30px;
}*/
#bas_data_install{
	position:relative;
	width: 613px;
	height: 103px;
	background-image: url(../media/images/page_fond-txt02d.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index:9;
}

#bas_data_sante{
	position:relative;
	width: 613px;
	height: 103px;
	background-image: url(../media/images/page_fond-txt02e.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index:9;
}
#bas_data_gauche{
	float:left;
	position:relative;
	margin-left:100px;!important; 
	margin-left: 50px; 
	display:inline;
	width: 300px;
}
#bas_data_droite{
	float:right;
	position:relative;
	display:inline;
	width: 200px;
}
/*#bas_data_sante > a{
	margin-left:400px;
	width: 190px;
	height: 30px;
}*/

#btn_bas {
	/*position:relative;
	display: block;
	top: -102px;
	left: 70px;
	width: 303px;
	height: 53px;
	background-image: url(../media/images/_plaque.png);
	background-repeat: no-repeat;
	background-position: bottom;*/
	background: url(../media/images/_plaque.gif) no-repeat bottom center;
	position:relative;
	top: 28px;
	right: 30px;
	float:right;
	/*float:left;*/
	width: 303px;
	height: 53px;
	z-index:25;
}

/*
.btn_bas a{
	position: relative;
	top: 35px;
	left: 400px;
	width: 190px;
	height: 50px;
	display:block;
}
*/

/*.btn_bas > a {
	padding-top: 12px;
	padding-left: 30px;
	display: block;
	width: 235px;
	height: 30px;
	text-align: center;
	font-weight: bold;
}*/
/*.btn a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding-top: 12px;
	padding-left: 30px;
	display: block;
	width: 235px;
	height: 30px;
	text-align: center;
	font-weight: bold;
}*/

#bloctexte{
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #144393;
	text-align: left;
	padding-left:50px;
	z-index:10;
}

#bloctexte p {
	margin-top: 0;
	margin-bottom: 13px;
}

#bloctexteTAS{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #144393;
	text-align: left;
	padding-left:40px;
	z-index:10;
}

#bloctexteTAS p {
	margin-top: 0;
	margin-bottom: 13px;
}


#contenerbas{
	clear:both;
	position:relative;
	text-align:center;
	padding-top:50px;
	margin:0px;
	width: 1100px;
	height: 233px;
	background: url(../media/images/page_mbfond.jpg) no-repeat bottom center;
	z-index:11;
}
#contenerbasindex{
	clear:both;
	position:relative;
	text-align:center;
	padding-top:0px;
	margin:0px;
	width: 1100px;
	background-color:#33FF00;
	height: 69px;
	background: url(../media/images/page_mbfondb2.jpg) no-repeat top center;
	z-index:11;
}

#menubas{
	vertical-align:top;
	left:50%;
	margin-left:-405px;
	position:absolute;
	padding-top:165px;
	width: 811px;
	z-index:12;
}
menubasindex{
	vertical-align:top;
	left:50%;
	margin-left:-405px;
	position:absolute;
	padding-top:0px;
	width: 811px;
	z-index:12;
}

#mbbt1_actif{
	position:relative;
	display:inline-block;
	width: 140px;
	height: 58px;
	margin-left:160px;
	background-image: url(../media/images/page_mb1b.jpg);
	background-repeat: no-repeat;
}
#mbbt1_actif:hover{
	background-image: url(../media/images/page_mb1b.jpg);
	background-repeat: no-repeat;
}
#mbbt1_inactif{
	position:relative;
	width: 140px;
	display:inline-block;
	height: 58px;
	margin-left:160px;
	background-image: url(../media/images/page_mb1a.jpg);
	background-repeat: no-repeat;
}
#mbbt1_inactif:hover{
	background-image: url(../media/images/page_mb1b.jpg);
	background-repeat: no-repeat;
}

#mbbt2_actif{
	position:relative;
	left:240px;
	width: 175px;
	display:inline-block;
	height: 0px;
	background-image: url(../media/images/page_mb2b.jpg);
	background-repeat: no-repeat;
}
#mbbt2_actif:hover{
	background-image: url(../media/images/page_mb2b.jpg);
	background-repeat: no-repeat;
}
#mbbt2_inactif{
	position:relative;
	left:240px;
	width: 175px;
	display:inline-block;
	height: 58px;
	background-image: url(../media/images/page_mb2a.jpg);
	background-repeat: no-repeat;
}
#mbbt2_inactif:hover{
	background-image: url(../media/images/page_mb2b.jpg);
	background-repeat: no-repeat;
}
.imgrubrique{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	text-align: left;
	vertical-align: top;
}
.grostxtviolet{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #85267e;
	text-align: left;
}
.txtbleu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #144393;
}
#contenersscat{
  position:absolute;
 top:170px;
 left:206px;
    width:157px;
    border:0px solid #ffffff;
 overflow:hidden;
 padding:0px;
 margin:0px;
 z-index:19;
}
#mentions{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #666666;
     position:relative;
    margin-top:25px;
    top:0px;
    width:811px;
    height: 20px;
    text-align:center;
    border:0px solid #ffffff;
    overflow:visible;
    padding:0px;
    z-index:20;
}
#mentions a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin-top:25px;
    text-align:center;
    font-weight: normal;
    color: #666666;
    width: 811px;
    height: 20px;
}
#mentionsindex{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	position:relative;
	margin-top:20px;
	/*padding-top:20px;*/
	/*top:40px;*/
	width:1100px;
	height: 20px;
	text-align:center;
	border:0px solid #ffffff;
	overflow:visible;
	/*padding-left:130px;*/
	/*margin:0px;*/
	z-index:20;
}
#mentionsindex a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top:20px;

	/*padding-top:20px;*/
	text-align:center;
	font-weight: normal;
	color: #666666;
	width: 1100px;
	height: 20px;
}
.btsscat{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #144393;
	line-height:normal;
	text-decoration: none;
	background-image: url(../media/images/page_mtfond1.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
}
.btsscat:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #330033;
	line-height:normal;
	text-decoration: none;
	background-image: url(../media/images/page_mtfond2.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
}
.btsscat_selected{
	background-image: url(../media/images/page_mtfond2.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
}
.btsscattxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #144393;
	line-height:normal;
	text-decoration: none;
}
.btsscattxt:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #330033;
	line-height:normal;
	text-decoration: none;
}
#louer{
	 position:absolute;
	 top:170px;
	 left:-13px;
	 width: 219px;
	 height: 243px;
	 padding:0px;
	 margin:0px;
	 z-index:151;
}
#jouer{
	position:absolute;
	top:170px;
	left:905px;
	width: 173px;
	height: 185px;
	padding:0px;
	margin:0px;
	z-index:155;
}
#retour{
	position:absolute;
	top:93px;
	left:297px;
	width: 79px;
	height: 79px;
	padding:0px;
	margin:0px;
	z-index:156;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////

/************************ MENU LISTE ***********************************/
*{
margin: 0;
padding: 0;
}

ul.nav {
padding:0px;
background: url(../media/images/banniere_menu.jpg) no-repeat top right;
list-style-type: none;
width: 739px;
height: 51px;
line-height:51px;
margin: auto;
/*display:table;*/
}

li.nav {
float: left;
display:block;
height: 35px;
line-height:35px;
}

ul.nav a:link{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
vertical-align: middle;
width:122.5px;
text-align:center;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #ffffff;
}

ul.nav a{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
width:122.5px;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #ffffff;
}

ul.nav a:hover{
height:35px;
background-image: url(../media/images/hover.gif);
background-repeat: no-repeat;
background-position: center middle;
margin-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
width:122.5px;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #0d4197;
}
ul.nav a:active{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
width:122.5px;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #0d4197;
}
ul.nav a.selected{
height:35px;
background-image: url(../media/images/hover.gif);
background-repeat: no-repeat;
background-position: center middle;
margin-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
width:122.5px;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #0d4197;
}


li.nav2 {
float: left;
display:block;
vertical-align: middle;
height:35px;

}

/////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////

/************************ MENU BAS ***********************************/

*{
margin: 0;
padding: 0;
}

ul.navbas {
padding:0px;
padding-left:10px;
list-style-type: none;
width: 811px;
height: 51px;
line-height:51px;
margin: auto;
/*display:table;*/
}

li.navbas {
float: left;
display:block;
height: 35px;
line-height:35px;
}


ul.navbas a:link{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
vertical-align: middle;
text-align:center;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #ffffff;
}
ul.navbas a:visited{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #ffffff;
}
ul.navbas a:hover{
height:35px;
background-image: url(../media/images/hover.gif);
background-repeat: no-repeat;
background-position: center middle;
margin-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #0d4197;
}
ul.navbas a:active{
height:35px;
padding-right: 0px;
padding-left: 0px;
margin-top:10px;
display:block;
text-align:center;
vertical-align:middle;
line-height: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #0d4197;
}


/////////////////////////////////////


#mbbt3_actif{
	width: 155px;
	height: 58px;
	background-image: url(../media/images/page_mb3b.jpg);
	background-repeat: no-repeat;
	margin-left: 336px;
	margin-bottom: -58px;
}
#mbbt3_actif:hover{
	background-image: url(../media/images/page_mb3b.jpg);
	background-repeat: no-repeat;
}
#mbbt3_inactif{
	width: 155px;
	height: 58px;
	background-image: url(../media/images/page_mb3a.jpg);
	background-repeat: no-repeat;
	margin-left: 336px;
	margin-bottom: -58px;
}
#mbbt3_inactif:hover{
	background-image: url(../media/images/page_mb3b.jpg);
	background-repeat: no-repeat;
}

#mbbt4_actif{
	width: 160px;
	height: 58px;
	background-image: url(../media/images/page_mb4b.jpg);
	background-repeat: no-repeat;
	margin-left: 491px;
	margin-bottom: -62px;
}
#mbbt4_actif:hover{
	background-image: url(../media/images/page_mb4b.jpg);
	background-repeat: no-repeat;
}
#mbbt4_inactif{
	width: 160px;
	height: 58px;
	background-image: url(../media/images/page_mb4a.jpg);
	background-repeat: no-repeat;
	margin-left: 491px;
	margin-bottom: -62px;
}
#mbbt4_inactif:hover{
	background-image: url(../media/images/page_mb4b.jpg);
	background-repeat: no-repeat;
}

#mblog{
	width: 69px;
	height: 44px;
	background-image: url(../media/images/page_mb-logos1.png);
	background-repeat: no-repeat;
	margin-left: 660px;
	position: relative;
	top: -5px;
}
#mblog a{
	width: 69px;
	height: 44px;
	display:block;
}
#mblog2{
	width: 50px;
	height: 44px;
	background-image: url(../media/images/page_mb-logos2.png);
	background-repeat: no-repeat;
	margin-left: 730px;
	margin-top: -50px;
}
#mblog2 a{
	width: 50px;
	height: 44px;
	display:block;
}


#sup { 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width:100%;
	height:1200px;
	z-index: 110; 
	display:block;
} 


/* formz */

fieldset {
	margin-top:0px;
	border: 0;
	width: auto;
	margin:0;
	padding:0;
}
#coordonnee div {
	margin: 0 0 2px 0px !important;
	padding: 0 0 2px 0px;
	clear: both;
}
#coordonnee label.text {
	display: block;
	float: left;
	width: 120px;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
#coordonnee .radioCheck {
	margin: 0 1em 0 0.25em;	
}
#coordonnee input.text,textarea {
	width: 160px;
	background-color: #ffffff;
	border: 1px solid #a3a3a3;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
#naissance input.text {
	width: 48px;
	background-color: #ffffff;
	border: 1px solid #a3a3a3;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
#naissance div {
	margin: 0 0 2px 0px !important;
	padding: 0 0 2px 0px;
	clear: both;
}
#naissance label.text {
	display: block;
	float: left;
	width: 120px;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#offres div {
	margin: 0 0 1px 0px !important;
	padding: 0 0 1px 0px;
	clear: both;
}
#offres label.text {
	display: block;
	float: left;
	width: 445px;
	text-align: left; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	letter-spacing:-0.2px;
}
#offres .radio {
	margin: 0 2px 0 5px;	
}



#reglement div {
	margin: 0 0 2px 0px !important;
	padding: 0 0 2px 0px;
	clear: both;
}
#reglement label.text {
	text-align: left; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
#reglement .checkbox {
	margin: 0 2px 0 5px;	
}








/*.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}*/

.verdana9bleu{
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
}
.verdana11bleu{
	color: #144393;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.mentionsTAS{
	color: #4d4d4d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:justify;
	padding-right:20px;
}



.err {
	color: #B00 !important;
}

#quizz_container {
	display: none;
	width: 810px;
	height: 565px;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -410px;
	z-index: 50;
}


/*hr {
	visibility: hidden;
	clear: both;
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}*/

/*#mentions{
	width: 162px;
	height: 26px;
	background-image: url(../media/images/page_mb5a.jpg);
	background-repeat: no-repeat;
	margin-left: 650px;
	margin-bottom: 10px;
}
#mentions:hover{
	background-image: url(../media/images/page_mb5b.jpg);
	background-repeat: no-repeat;
}
#mentions a{
	width: 162px;
	height: 26px;
	display:block;
}
#mentions_select{
	width: 162px;
	height: 26px;
	background-image: url(../media/images/page_mb5b.jpg);
	background-repeat: no-repeat;
	margin-left: 642px;
}
#mentions_select:hover{
	background-image: url(../media/images/page_mb5b.jpg);
	background-repeat: no-repeat;
}
#mentions_select a{
	width: 162px;
	height: 26px;
	display:block;
}*/