/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-image:url(images/motif.gif);
		background-repeat:repeat;
		font-family:verdana;
		font-size:10px;
		color:#000;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	a img{
		border:0;
	}
	
	#superGlobal{
		width:100%;
		background-image:url(images/bandeau-bleu.gif);
		background-repeat:repeat-x;
		background-position:0 0;
	}
	
	#global{
		width:810px;
		margin:auto;
		padding:9px 0 0 0;
	}
	
	#entete{
		width:810px;
		height:175px;
		background-image:url(images/fond-entete.jpg);
		background-repeat:no-repeat;
	}
	
	#logo{
		display:block;
		float:left;
		width:227px;
		margin:0 50px 0 0;
 		padding:38px 0 0 30px;
	}
	
	#slogan{
		float:left;
		width:463px;
		margin:0;
		padding:33px 0 0 0;
	}

	#menu{
		height:27px;
		margin:40px 0 0 51px;
		padding:0;
		list-style:none;
	}
	
	.menuItem{
		position:relative;
		float:left;
		width:179px;
		margin:0 9px 0 0;
	}
	
	.menuLien{
		display:block;
		width:177px;
		height:27px;
		padding:8px 0 0 0;
		border:1px solid #127e60;
		text-align:center;
		background-image:url(images/fond-menu.gif);
		background-repeat:repeat-x;
		font-size:130%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.menuLien:hover{
		filter:alpha(opacity=85); 
        -moz-opacity:0.85; 
        opacity:0.85;
	}
	
	.opaque{
		filter:alpha(opacity=100);
        -moz-opacity:1; 
        opacity:1;
	}
	
	.transparent{
		filter:alpha(opacity=85);
        -moz-opacity:0.85; 
        opacity:0.85;
	}
	
	.sousMenu{
		position:absolute;
		z-index:74;
		top:37px;
		left:0;
		width:177px;
		margin:0;
		padding:0;
		border-left:1px solid #127e60;
		border-right:1px solid #127e60;
		list-style:none;
		display:none;
	}
	
	.sousMenuItem{
		width:177px;
	}
	
	.sousMenuLien, .sousMenuLien2{
		display:block;
		width:177px;
		padding:7px 0 7px 0;
		border-bottom:1px solid #127e60;
		background-image:url(images/fond-item-menu.gif);
		background-repeat:repeat-x;
		background-color:#fff;
		text-align:center;
		font-size:120%;
		color:#08876b;
		text-decoration:none;
	}
	
	.sousMenuLien:hover, .sousMenuLien2:hover{
		background-position:0 -175px;
		background-color:#e3f1ed;
		color:#045e45;
	}
	
	.sousMenuLien2{
		height:141px;
		line-height:150%;
		padding-top:25px;
	}
	
	.sousMenuLien2 span, .sousMenuLien2:hover span{
		color:#00a6ec;
		display: block;
		font-weight:bold;
		font-size:120%;
		margin: 5px 0;
	}
	
	#contenu{
		width:810px;
		background-image:url(images/fond-contenu.gif);
		background-repeat:repeat-y;
	}
	
	#accueilGauche{
		float:left;
		width:365px;
		height:340px;
		padding:72px 36px 0 52px;
		background-image:url(images/fond-contenu-accueil.gif);
		background-repeat:no-repeat;
		background-position:25px 0;
		font-size:120%;
		line-height:295%;
		text-align:center;
	}
	
	#accueilGauche2{
		float:left;
		width:365px;
		height:400px;
		padding:37px 36px 0 52px;
		background-image:url(images/fond-contenu-accueil.gif);
		background-repeat:no-repeat;
		background-position:25px 0;
		font-size:120%;
		line-height:210%;
		text-align:center;
		position: relative;
	}
	
	#nouveauFlash{
		bottom: 0;
		left: 25px;
		position: absolute;
	}
	
	#accueilDroite{
		float:left;
		width:331px;
		padding:24px 0 0 0;
	}
	
	#accueilJeu{
		display:block;
		width:331px;
		height:261px;
	}
	
	#accueilCliquez{
		display:block;
		width:331px;
		height:64px;
	}
	
	#pied{
		width:800px;
		height:20px;
		margin:-1px 0 0 0;
		padding:3px 0 0 10px;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		font-size:90%;
	}
	
	#pied a{
		color:#000;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	#contenu h1{
		width:730px;
		height:37px;
		margin:0 0 0 25px;
		padding:18px 0 0 55px;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
		background-position:0 11px;
		font-size:210%;
		font-weight:normal;
		color:#08876b;
	}
	
	#pageGauche{
		float:left;
		width:462px;
		height:358px;
		padding:0 0 0 25px;
	}
	
	#pageGauche p{
		margin:0 0 15px 0;
		padding:4px 30px 0 55px;
		font-size:120%;
		line-height:190%;
	}
	
	.couleur{
		color:#08876b;
		font-weight:bold;
		font-style:italic;
	}
	
	.centre{
		text-align:center;
	}
	
	.plusGrand{
		font-size:120%;
	}
	
	#pageGauche p.plusGrand{
		font-size:130%;
	}
	
	#pageDroite{
		float:left;
		width:297px;
		margin:-7px 0 0 0;
	}
	
	#pageJeu{
		display:block;
		width:297px;
		height:236px;
	}
	
	#pageCliquez{
		display:block;
		width:297px;
		height:105px;
	}
	
	#formulaire{
		float:left;
		width:392px;
		padding:0 0 0 25px;
		background-image:url(images/fond-formulaire.gif);
		background-repeat:no-repeat;
		background-position:25px 0;
	}
	
	#formulaire h2{
		width:365px;
		margin:0 0 18px 27px;
		padding:8px 0 0 0;
		text-align:center;
		font-size:160%;
		font-weight:bold;
		color:#fff;
	}
	
	#formulaire form{
		width:350px;
		margin:0 0 0 27px;
		padding:0 0 0 15px;
	}
	
	#formulaireHaut{
		height:377px;
	}
	
	#concoursDroite{
		float:left;
		width:367px;
		padding:70px 0 0 0;
		background-image:url(images/fond-formulaire-droite.gif);
		background-repeat:repeat-y;
	}
	
	#concoursVisuel{
		width:367px;
	}
	
	#informatiqueLibertes{
		width:346px;
		margin:0;
		padding:5px 9px 9px 12px;
		background-color:#089bd5;
		font-size:90%;
		color:#fff;
	}
	
	.codeClientTexte{
		margin:0 0 1px 0;
		font-weight:bold;
		font-size:110%;
	}
	
	.codeClientContenu{
		margin:0 0 8px 0;
		font-size:110%;
	}
	
	.champCode{
		width:75px;
	}
	
	.champCode, #listeBanques, .champ1, .champ2, .champ3, .champ4{
		padding:2px;
		border:1px solid #127e60;
		font-family:verdana;
		font-size:11px;
		color:#000;
	}
	
	.champ1, .champ2{
		float:left;
		display:block;
		margin:0 0 4px 0;
	}
	
	.champ3, .champ4{
		float:left;
		display:block;
		margin:0 0 8px 0;
	}
	
	.champ2{
		width:40px;
		margin-right:12px;
	}
	
	.champ3{
		width:148px;
	}
	
	.champ4{
		width:184px;
		margin:-9px 0 8px 0;
	}

	.moyenChamp{
		width:130px;
	}
	
	.grandChamp{
		width:242px;
	}
	
	.separateur{
		width:336px;
		height:1px;
		margin:0 0 10px 0;
		background-color:#40a593;
	}
	
	.label1, .label2, .label3, .label4{
		display:block;
		float:left;
		padding:3px 0 0 0;
		font-size:110%;
	}
	
	.label1{
		width:90px;
	}
	
	.label2{
		width:90px;
	}
	
	.label3{
		width:36px;
	}
	
	.label4{
		width:148px;
		margin:-9px 0 0 0;
	}
	
	#seulementParticiper{
		margin:2px 0 0 0;
		font-size:110%;
	}
	
	#formulaireBas{
		margin:0 0 0 -16px;
	}
	
	#validation{
		float:left;
		width:208px;
		margin:0 8px 2px 0;
		border:1px solid #56b0a2;
	}
	
	#validation p{
		margin:0 0 5px 0;
		padding:4px 5px 5px 5px;
		background-color:#56b0a2;
		font-size:90%;
		color:#fff;
	}
	
	#champsObligatoires{
		float:left;
		margin:6px 0 0 0;
	}
	
	#valider{
		margin:0 0 5px 0;
		text-align:center;
	}
	
	#repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#56b0a2;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#fenetreModale{
		width:380px;
		height:120px;
		padding:10px;
		position:fixed;
		z-index:90;
		display:none;
		left:0;
		top:0;
		background-color:#d7f2ec;
		border:1px solid #56b0a2;
	}
	
	#fenetreModale p{
		margin:0 0 10px 0;
		font-size:110%;
	}
	
	#formulaireModale{
		margin:0 0 0 40px;
	}
	
	#pageGauche p.petit{
		font-size:90%;
	}
	
	.sousMenuLien2 span.grand, .sousMenuLien2:hover span.grand{
		font-size: 180%;
		font-weight: bold;
		color:#08876b;
	}
	
	h1.reglement{
		font-size:130%;
	}
	
	h2.reglement{
		font-size:110%;
	}
	
	a.reglement{
		color:#08876b;
		text-decoration:none;
	}
	
	a.reglement:hover{
		color:#08876b;
		text-decoration:underline;
	}

	#reglement{
		padding-left: 25px;
	}

	.fondBleu{
		background-image: url(images/fond-bleu.gif);
		
	}

	.droite{
		width: 367px;
		height: 307px;
		text-align: right;
	}
	
/* ajout juin 2009 */
#texteDocPdf{
	background: #e9fcf8;
	display: inline;
	float: left;
	font-weight: bold;
	line-height: 110%;
	margin: 0 8px;
	padding: 13px 0;
	width: 245px;
}

#lienDocPdf{
	background: #e9fcf8;
	float: left;
	width: 95px;
}
/* ajout juin 2009 */