/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-image:url(images/degrade.gif);
		background-repeat:repeat-x;
		background-color:#5c9d3c;
		font-family:verdana;
		font-size:10px;
		color:#021c91;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:880px;
		margin:auto;
	}
	
	#entete{
		width:880px;
		height:207px;
		background-image:url(images/fond-entete.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#logo{
		float:left;
		width:233px;
		margin:0 43px 0 0;
		padding:3px 0 0 20px;
	}
	
	#enteteDroite{
		float:left;
		width:560px;
	}
	
	#enteteDroite ul{
		margin:0;
		padding:87px 0 0 0;
		list-style:none;
	}
	
	#enteteDroite ul li{
		float:left;
		margin:0 20px 0 0; 
	}
	
	#enteteDroite ul li#menuHaut1{
		width:129px;
	}
	
	#enteteDroite ul li#menuHaut2{
		width:124px;
	}
	
	#enteteDroite ul li#menuHaut3{
		width:162px;
	}
	
	#enteteDroite ul li#menuHaut4{
		width:63px;
	}
	
	#enteteDroite ul li#menuHaut1 a{
		width:111px;
	}
	
	#enteteDroite ul li#menuHaut2 a{
		width:106px;
	}
	
	#enteteDroite ul li#menuHaut3 a{
		width:144px;
	}
	
	#enteteDroite ul li#menuHaut4 a{
		width:45px;
	}
	
	#enteteDroite ul li a{
		display:block;
		padding:2px 0 2px 18px;
		background-image:url(images/fleche-menu-haut.gif);
		background-repeat:no-repeat;
		background-position:5px center;
		text-decoration:none;
		font-family:arial;
		font-weight:bold;
		font-size:140%;
		color:#021c91;
	}
	
	#enteteDroite ul li a:hover, #enteteDroite ul li a.menuHautActif, #enteteDroite ul li a.menuHautActif:hover{
		background-color:#d8e8f0;
	}
	
	#btnBonnesAffaires{
		float:left;
		width:61px;
		margin:27px 25px 0 0;
	}
	
	#enteteBandeau{
		float:left;
		width:466px;
		margin:14px 0 0 0; 
	}
	
	#contenu{
		width:880px;
		padding:0 0 20px 0;
		background-image:url(images/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#texteDefilantFlash{
		width:834px;
		height:20px;
		margin:0 0 0 22px;
		padding:10px 0 0 0;
	}
	
	#menuGauche{
		float:left;
		width:220px;
		margin:12px 19px 0 0;
		padding:0 0 0 22px;
		list-style:none;
	}
	
	#menuGauche li{
		width:220px;
	}
	
	#menuGauche li a{
		display:block;
		width:180px;
		margin:0 0 1px 0;
		padding:4px 14px 4px 22px;
		border-left:4px solid #dbdbdb;
		background-color:#f3f3f3;
		font-size:140%;
		color:#041c88;
		text-decoration:none;
	}
	
	#menuGauche li a:hover, #menuGauche li a.menuGaucheActif, #menuGauche li a.menuGaucheActif:hover{
		background-color:#dbdbdb;
	}

	#flashAccueil{
		float:left;
		width:595px;
		margin:0;
	}
	
	#page{
		float:left;
		width:575px;
		margin:12px 20px 0 0;
	}
	
	.titreGauche{
		float:left;
		width:27px;
		height:38px;
		background-image:url(images/fond-titre-page.gif);
		background-repeat:no-repeat;
	}
	
	#page h1{
		float:left;
		height:29px;
		margin:0 0 16px 0;
		padding:9px 0 0 0;
		font-size:180%;
		font-weight:normal;
		color:#fff;
		background-color:#021c91;
	}
	
	.titreDroite{
		float:left;
		width:51px;
		height:38px;
		background-image:url(images/fond-titre-page2.gif);
		background-repeat:no-repeat;
	}

	#page p{
		margin:0 0 16px 0;
		font-size:120%;
	}

	#page a{
		text-decoration:none;
		color:#5c9d3c;
	}

	#page a:hover{
		text-decoration:underline;
	}
	
	#listeLiens{
		margin:0;
		padding:10px 0 0 0;
		list-style:none;
		font-size:120%;
	}

	#listeLiens table{
		width:500px;
	}

	#listeLiens table td.imageLien{
		width:110px;
		height:100px;
		text-align:center;
	}
	
	.imageLien img, .opaque{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.imageLien:hover img, .transparent{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.texteLien{
		float:left;
		display:block;
		width:200px;
		margin:0 0 0 40px;
		color:#021c91;
		text-decoration:none;
	}

	.clearLien{
		display:block;
		clear:both;
		height:1px;
	}
	
	.asterisque{
		color:#439818;
	}
	
	.plusPetit{
		font-size:90%;
	}
	
	#formulaire{
		margin:0 0 22px 0;
		padding:5px 0 0 0;
	}
	
	.formulaireGauche{
		float:left;
		width:275px;
		margin:0 25px 6px 0;
	}
	
	.formulaireDroite{
		float:left;
		width:275px;
		margin:0 0 6px 0;
	}
	
	.formulaireGauche label, .labelMessage{
		float:left;
		display:block;
		width:82px;
		padding:4px 0 0 0;
		font-size:120%;
	}
	
	.formulaireDroite label{
		float:left;
		display:block;
		width:65px;
		padding:4px 0 0 0;
		font-size:120%;
	}
	
	.formulaireGauche input, .formulaireDroite input, #message{
		float:left;
		display:block;
		padding:2px;
		border:1px solid #c8c8c8;
		font-family:verdana;
		font-size:12px;
		color:#439818;
	}
	
	.petitChamp{
		width:100px;
	}
	
	.moyenChamp{
		width:130px;
	}
	
	.grandChamp{
		width:200px;
	}
	
	#message{
		width:483px;
		height:90px;
	}
	
	#envoyer{
		margin:-1px 0 0 250px;
	}
	
	#planAcces{
		margin:-16px 0 0 95px;
	}

	/************************* GALERIE PHOTO	******************/

	.pagePrecedente{
		float:left;
		display:block;
		width:108px;
		height:17px;
		margin:0 25px 0 10px;
		padding:0 0 0 18px;
		background-image:url(images/fleche-gauche.gif);
		background-repeat:no-repeat;
		font-size:120%;
		color:#021c91;
		text-decoration:none;
	}
	
	.pagePrecedente:hover{
		text-decoration:underline;
	}
	
	/*.pages{
		float:left;
		width:225px;
		margin:0 26px 0 0;
		text-align:center;
		font-size:120%;
	}*/
	
	.pages{
		float:right;
		width:225px;
		margin:0 60px 0 0;
		text-align:right;
		font-size:120%;
		display:inline;
	}

	.pages a{
		color:#569d32;
		text-decoration:none;
	}
	
	.pages a:hover{
		text-decoration:underline;
	}
	
	.pageSuivante{
		float:right;
		display:block;
		width:108px;
		height:17px;
		padding:0 0 0 0;
		margin:0 55px 0 0;
		background-image:url(images/fleche-droite.gif);
		background-repeat:no-repeat;
		background-position:right top;
		font-size:120%;
		color:#021c91;
		text-decoration:none;
		display:inline;
	}
	
	.pageSuivante:hover{
		text-decoration:underline;
	}

	#vignettes{
		margin:8px 0 0 0;
	}

	#vignettes table{
	}
	
	#vignettes table td{
		width:110px;
		height:110px;
		margin:0 10px 9px 0;
		padding:1px;
		border:4px solid #e9e9e9;
		text-align:center;
	}

	#vignettes table td:hover{
		border:4px solid #5594d6;
	}

	#vignettes table td a img{
		filter:alpha(opacity=85); 
        -moz-opacity:0.85; 
        opacity:0.85;
	}

	#vignettes table td a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}

	/*.vignette{
		float:left;
		display:block;
		width:110px;
		height:110px;
		margin:0 10px 9px 0;
		padding:1px;
		border:4px solid #e9e9e9;
		text-align:center;
		vertical-align:center;
	}
	
	.vignette:hover{
		border:4px solid #5594d6;
	}
	
	.vignette a img{
		filter:alpha(opacity=85); 
        -moz-opacity:0.85; 
        opacity:0.85;
	}
	
	.vignette a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}*/
	
	#diapoVide{
		margin:100px 0 200px 50px;
		color:#55a030;
		font-size:26px;
		font-weight:bold;
	}

	/************************* GALERIE PHOTO	******************/

	#pied{
		width:880px;
		height:81px;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
	}
	
	#logoPied{
		float:left;
		width:59px;
		margin:0 13px 0 0;
		padding:9px 0 0 42px;
	}
	
	#piedAdresse{	
		float:left;
		width:411px;
		margin:0 209px 0 0;
		padding:27px 0 0 0;
	}
	
	#piedAdresse a{	
		color:#439818;
		text-decoration:none;
	}
	
	#piedAdresse a:hover{	
		text-decoration:underline;
	}
	
	#masters{
		float:left;
		width:92px;
		padding:21px 0 0 0;
	}
	
	#masters p{
		margin:0;
		padding:0;
		font-family:arial;
		font-size:110%;
		color:#009c08;
	}
	
	#masters a{
		display:block;
		width:87px;
		height:26px;
		margin:4px 0 0 2px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#masters a:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	

/* ================================================== FENETRE MODALE */
	#repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#000;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#fenetreModale{
		width:496px;
		height:360px;
		padding:6px 0 0 0;
		position:fixed;
		z-index:90;
		display:none;
		left:0;
		top:0;
		margin:auto;
		background-color:#e9e9e9;
	}
	
	#zoomFermer{
		display:block;
		width:62px;
		height:15px;
		margin:0 0 0 429px;
		padding:1px 0 0 0;
		background-image:url(images/picto-fermer.gif);
		background-repeat:no-repeat;
		background-position:right top;
		font-size:90%;
		color:#656565;
		text-decoration:none;
	}
	
	#zoomFermer:hover{
		text-decoration:underline;
	}
	
	#precedente{
		float:left;
		width:23px;
		margin:140px 0 0 0;
		padding:0 7px 0 10px;
	}
	
	#zoomContenu{
		float:left;
		width:416px;
		margin:18px 0 0 0;
	}
	
	#suivante{
		float:left;
		width:23px;
		margin:140px 0 0 0;
		padding:0 10px 0 7px;
	}
	
	#precedente:hover, #suivante:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#zoomTitre{
		margin:5px 0 1px 0;
		text-align:center;
		font-size:150%;
		font-weight:bold;
	}
	
	#zoomPrix{
		margin:0;
		font-size:120%;
		text-align:center;
	}
/* ================================================== FENETRE MODALE */

	#page ul{
		font-size: 120%;
		margin-left: 15px;
		padding-left: 0;
	}
	
	#page li{
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
	}
	
	#page p.avantUL{
		margin: 5px 0 0 0;
		padding: 5px 0 0 0;
	}