/* CSS Document */

	body{
		margin:0;
		padding:0 0 0 0;
		background-color:#dfffad;
		font-family:verdana;
		color:#003ea9;
		font-size:11px;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	 #repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#global{
		margin:auto;
		width:995px;
		background-color:#fff;
		background-image:url(images/fond-bas-gauche.jpg);
		background-repeat:no-repeat;
		background-position:2px bottom;
	}
	
	#global2{
		width:995px;
		background-image:url(images/fond-bas-droite.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
	}
	
	#gauche{
		float:left;
		width:333px;
	}
	
	#logo{
		margin:21px 0 0 23px;
	}
	
	#textePresentation{
		width:284px;
		margin:19px 5px 0 39px;
		font-size:130%;
		font-style:italic;
		font-weight:bold;
	}
	
	#nomSite{
		margin:2px 0 0 39px;
		font-size:130%;
	}
	
	#coordonnees{
		width:222px;
		height:143px;
		margin:44px 0 0 30px;
		padding:11px 0 0 25px;
		background-image:url(images/fond-adresse.gif);
		background-repeat:no-repeat;
	}
	
	#nomAdresse{
		margin:0 0 1px 0;
		font-size:130%;
	}
	
	#tel{
		margin:0 0 5px 0;
		font-size:150%;
		font-weight:bold;
	}
	
	#siret{
		margin:0;
		font-size:90%;
	}
	
	#droite{
		float:left;
		width:662px;
		margin:0 0 56px 0;
		background-image:url(images/fond-contenu.gif);
		background-repeat:repeat-y;
		min-height:650px;
		_height:650px;
	}
	
	#droite2{
		background-image:url(images/fond-haut-page.gif);
		background-repeat:no-repeat;
		min-height:450px;
		_height:450px;
	}
	
	#contenu{
		float:left;
		width:480px;
		margin:50px 0 0 0;
		padding:0 31px 0 27px;
	}
	
	#menu{
		width:438px;
		height:29px;
		margin:0 0 0 5px;
		padding:6px 0 0 36px;
		list-style:none;
		background-image:url(images/fond-barre-menu2.gif);
		background-repeat:no-repeat;
	}
	
	#menu li{
		float:left;
	}

	#menu li.separationMenu{
		color:#fff;
		padding:4px 0 0 0;
	}
	
	#menuAccueil{
		width:66px;
		margin:0 5px 0 0;
	}
	
	#menuPresentation{
		width:95px;
		margin:0 5px 0 6px;
	}
	
	#menuDiaporama{
		width:91px;
		margin:0 5px 0 6px;
	}
	
	#menuContact{
		width:60px;
		margin:0 5px 0 6px;
	}

	#menuLien{
		width:50px;
		margin:0 0 0 6px;
	}
	
	#menuAccueil a{
		display:block;
		width:66px;
		height:20px;
		text-align:center;
		padding:4px 0 0 0;
		color:#fff;
		font-size:110%;
		text-decoration:none;
	}
	
	#menuPresentation a{
		display:block;
		width:95px;
		height:20px;
		text-align:center;
		padding:4px 0 0 0;
		color:#fff;
		font-size:110%;
		text-decoration:none;
	}
	
	#menuAccueil a:hover, #menuPresentation a:hover, #menuDiaporama a:hover, #menuContact a:hover, #menuLien a:hover{
		background-color:#edf8d4;
		color:#003ea9;
	}
	
	#menuAccueil a.menuActif, #menuPresentation a.menuActif, #menuDiaporama a.menuActif, #menuContact a.menuActif, #menuLien a.menuActif{
		background-color:#a6da27;
		font-weight:bold;
		color:#003ea9;
	}
	
	#menuAccueil a.menuActif:hover, #menuPresentation a.menuActif:hover, #menuDiaporama a.menuActif:hover, #menuContact a.menuActif:hover, #menuLien a.menuActif:hover{
		background-color:#a6da27;
		font-weight:bold;
		color:#003ea9;
	}
	
	#menuDiaporama a{
		display:block;
		width:91px;
		height:20px;
		text-align:center;
		padding:4px 0 0 0;
		color:#fff;
		font-size:110%;
		text-decoration:none;
	}
	
	#menuContact a{
		display:block;
		width:60px;
		height:20px;
		text-align:center;
		padding:4px 0 0 0;
		color:#fff;
		font-size:110%;
		text-decoration:none;
	}

	#menuLien a{
		display:block;
		width:50px;
		height:20px;
		text-align:center;
		padding:4px 0 0 0;
		color:#fff;
		font-size:110%;
		text-decoration:none;
	}
	
	#contenu h1{
		width:480px;
		background-image:url(images/liseret-titre.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		font-family:verdana;
		font-size:170%;
		font-weight:normal;
		margin:15px 0 24px 0;
		padding:0 0 9px 0;
		text-align:right;
	}
	
	#contenu p{
		margin:0 0 14px 0;
	}
	
	

/* PAGE PRESENTATION ============================================================= */
	#titrePresentation{
		float:left;
		width:60px;
		margin:128px 0 0 0;
		padding:0 0 0 6px;
	}
	
	#visuelPresentation{
		float:right;
		margin:0 0 0 10px;
	}
/* PAGE PRESENTATION ============================================================= */



/* PAGE CONTACT ============================================================= */
	#titreContact{
		float:left;
		width:60px;
		margin:174px 0 0 0;
		padding:0 0 0 6px;
	}
	
	.lienContact{
		color:#5e8301;
		text-decoration:none;
	}
	
	.lienContact:hover{
		text-decoration:underline;
	}
	
	.asterisque{
		color:#80af0c;
		font-weight:bold;
		font-size:11px;
	}
	
	.label{
		padding:0 0 0 0;
		margin:0 0 1px 0;
		font-size:120%;
		font-weight:bold;
		color:#003ea9;
	}
	
	.champ{
		padding:0 0 0 0;
		margin:0 0 13px 0;
	}
	
	.champTexte{
		font-family:verdana;
		font-size:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #003ea9;
		background-color:#fff;
		color:#80af0c;
		width:222px;
	}
	
	.moyenChampTexte{
		font-family:verdana;
		font-size:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #003ea9;
		background-color:#fff;
		color:#80af0c;
		width:160px;
	}
	
	.petitChampTexte{
		font-family:verdana;
		font-size:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #003ea9;
		background-color:#fff;
		color:#80af0c;
		width:100px;
	}
	
	.zoneAdresse{
		font-family:verdana;
		font-size:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #003ea9;
		background-color:#fff;
		color:#80af0c;
		width:222px;
		height:45px;
	}
	
	.zoneMessage{
		font-family:verdana;
		font-size:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #003ea9;
		background-color:#fff;
		color:#80af0c;
		width:300px;
		height:100px;
	}
	
	#valider{
		padding:0 0 0 101px;
	}
	
	#visuelContact{
		margin:0 0 0 7px;
		float:left;
	}
	
	.plusGrand{
		font-size:120%;
	}

	#formContact{
		float:left;
		width:310px;
	}

	#googleMap{
		width:480px;
		height:380px;
		margin:15px; 0 0 0;
	}
/* PAGE CONTACT ============================================================= */



/* PAGE DIAPORAMA ============================================================= */
	#titreDiaporama{
		float:left;
		width:60px;
		margin:147px 0 0 0;
		padding:0 0 0 6px;
	}
	
	#choixDiaporama{
		width:480px;
		margin:-21px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	.choixDiaporama1{
		float:left;
		width:157px;
		height:31px;
		margin:0 4px 0 0;
	}
	
	.choixDiaporama2{
		float:left;
		width:157px;
		height:31px;
		margin:0 4px 0 0;
	}
	
	.choixDiaporama3{
		float:left;
		width:157px;
		height:31px;
		margin:0 0 0 0;
	}
	
	#choixDiaporama li a{
		display:block;
		width:157px;
		height:19px;
		padding:12px 0 0 0;
		background-image:url(images/fond-menu-diaporama.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-align:center;
		color:#003ea9;
		text-decoration:none;
	}
	
	#choixDiaporama li a:hover{
		background-position:0 -31px;
	}
	
	#choixDiaporama li a.choixDiaporamaActif{
		background-position:0 -62px;
		color:#003ea9;
		font-weight:bold;
	}
	
	#choixDiaporama li a.choixDiaporamaActif:hover{
		background-position:0 -62px;
		color:#003ea9;
		font-weight:bold;
	}
	
	#pagination{
		float:left;
		width:222px;
		margin:0 0 0 0;
		padding:32px 0 0 15px;
		list-style:none;
	}
	
	#pagination li{
		float:left;
		width:20px;
		margin:0;
		border-left:7px solid #edf8d4;
	}
	
	#pagination li a{
		display:block;
		width:20px;
		height:17px;
		padding:3px 0 0 0;
		background-color:#768790;
		color:#fff;
		text-align:center;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#pagination li a:hover{
		background-color:#eedc39;
		color:#003ea9;
	}
	
	#pagination li a.pageActive{
		background-color:#003ea9;
		color:#fff;
	}
	
	#pagination li a.pageActive:hover{
		background-color:#003ea9;
		color:#fff;
	}
	
	#modeEmploi{
		float:left;
		width:240px;
		margin:35px 0 0 0;
		text-align:right;
	}
	
	#diaporamaVignettes{
		margin:7px 0 12px 0;
	}
	
	.case{
		width:118px;
		height:118px;
		text-align:center;
		background-color:#fff;
		border-right:2px solid #edf8d4;
		border-bottom:2px solid #edf8d4;
	}
	
	.caseSurvolee{
		width:118px;
		height:118px;
		text-align:center;
		background-color:#efdc39;
		border-right:2px solid #edf8d4;
		border-bottom:2px solid #edf8d4;
	}
	
	.plusGrand2{
		font-size:110%;
	}
	
	.lien{
		color:#003ea9;
		text-decoration:underline;
	}
	
	.lien:hover{
		color:#80af0c;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#000;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#zoom{
		width:580px;
		height:580px;
		position:fixed;
		z-index:90;
		display:none;
		left:0;
		top:0;
		background-color:#a6da27;
	}
	
	#titreEtInfos{
		float:left;
		width:275px;
		padding:0 0 0 37px;
		margin:0 26px 0 0;
	}
	
	#zoom h2{
		float:left;
		padding:0 15px 0 0;
		margin:18px 0 0 0;
		font-size:110%;
		font-weight:bold;
		color:#00164d;
	}
	
	#lienInfos{
		float:left;
		display:none;
		width:55px;
		height:13px;
		margin:19px 0 0 0;
		background-image:url(images/lien-infos.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#fff;
		text-align:center;
	}
	
	#infos{
		position:fixed;
		z-index:100;
		top:0;
		left:0;
		width:502px;
		padding:8px;
		margin:0;
		border:1px solid #00164d;
		background-color:#d9f59b;
		display:none;
	}
	
	#photosNav{
		float:left;
		width:220px;
	}
	
	#zoomPrecedent{
		float:left;
		width:21px;
		margin:13px 12px 0 0;
	}
	
	#zoomPrecedent a, #zoomSuivant a{
		display:block;
		width:21px;
		height:16px;
		padding:5px 0 0 0;
		background-color:#00164d;
		text-align:center;
	}
	
	#zoomPrecedent a:hover, #zoomSuivant a:hover{
		background-color:#efdc39;
	}
	
	#zoomNavig{
		float:left;
		width:68px;
		padding:16px 0 0 0;
		font-size:110%;
		font-weight:bold;
		color:#00164d;
	}
	
	#zoomSuivant{
		float:left;
		width:21px;
		margin:13px 0 0 0;
	}
	
	#fermerZoom{
		float:left;
		width:15px;
		margin:6px 0 0 0;
	}
	
	#fermerZoom a{
		display:block;
		width:15px;
		height:15px;
		background-image:url(images/btn-fermer.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#fermerZoom a:hover{
		background-position:0 -15px;
	}
	
	#zoomPhoto{
		margin:7px 0 0 39px;
		width:500px;
		height:500px;
		border:1px solid #b8ab96;
		background-color:#edf8d4;
	}
	
	#zoomPhoto table{
		width:500px;
		height:500px;
	}
	
	#zoomPhoto table td{
		text-align:center;
	}


	/*========== NEW 2010 ==============*/

	#tableauDiapoAccueil td div{
		position:relative;
		height:93px;
	}

	#tableauDiapoAccueil td div a.centrage{
		width:130px;
		height:93px;
		display:block;
	}

	#tableauDiapoAccueil td{
		background:#fff;
		width:130px;
		height:130px;
		text-align:center;
		margin:0 10px 0 0;
	}

	#tableauDiapoAccueil label{
		position:absolute;
		bottom:-45px;;
		left:0;
		width:100%;
		text-align:center;
		background:#edf8d4;
	}

	#tableauDiapoAccueil label a{
		color:#003ea9;
		text-decoration:none;
	}
	
	#tableauDiapoAccueil tr.espaceVide td{
		background:none;
		height:20px;
	}

	/*========== NEW 2010 ==============*/


/* PAGE DIAPORAMA ============================================================= */



/* PAGE ACCUEIL ============================================================= */
	#globalCentre{
		width:995px;
		height:674px;
		margin:auto;
	}
	
	#accueilContenu{
		width:995px;
		height:423px;
		padding:224px 0 0 0;
		background-image:url(images/fond-accueil.jpg);
		background-repeat:no-repeat;
	}
	
	#tailleEtCreation{
		margin:0 0 0 374px;
		font-family:"Times New Roman", Times, serif;
		font-size:19px;
		font-weight:bold;
		color:#fff;
	}
	
	#taillePierreDeco{
		margin:2px 0 0 304px;
		font-family:arial;
		font-size:16px;
		color:#fff;
	}
	
	#accueilTextes{
		float:left;
		width:276px;
		margin:0 75px 0 0;
		padding:0 0 0 370px;
	}
	
	#accueilTexte{
		width:276px;
		margin:16px 0 0 0;
		text-align:right;
		font-family:arial;
		font-size:16px;
		line-height:120%;
	}
	
	#accueilTexte2{
		width:272px;
		margin:2px 0 0 0;
		text-align:right;
		font-family:arial;
		font-size:14px;
		line-height:120%;
	}
	
	#accueilEntrez{
		width:92px;
		margin:37px 0 0 166px;
	}
	
	#accueilEntrez a{
		display:block;
		width:92px;
		height:24px;
		padding:3px 0 0 0;
		background-image:url(images/btn-entrez.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		font-size:17px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		text-align:center;
	}
	
	#accueilEntrez a:hover{
		background-position:0 -27px;
		color:#003ea9;
	}
	
	#accueilActus{
		float:left;
		width:240px;
		height:281px;
		margin:60px 0 0 0;
		padding:9px 0 0 0;
		background-image:url(images/fond-actus.jpg);
		background-repeat:no-repeat;
	}
	
	#accueilActus h1{
		font-size:170%;
		font-weight:bold;
		margin:0;
		text-align:center;
	}
	
	#zoneActu{
		width:216px;
		height:225px;
		margin:15px 12px 0 12px;
		overflow:hidden;
	}
	
	#zoneActu h2{
		margin:0 0 3px 0;
		padding:8px 0 0 0;
		font-size:120%;
		font-weight:bold;
	}
	
	#zoneActu p{
		margin:0 0 8px 0;
	}
	
	#zoneActu a{
		color:#5e8301;
		text-decoration:none;
	}
	
	#zoneActu a:hover{
		text-decoration:underline;
	}
	
	#accueilPied{
		background-color:#a6da27;
		height:27px;
	}
	
	#accueilPiedGauche{
		float:left;
		width:571px;
		padding:0 0 0 10px;
		margin:8px 0 0 0;
	}
	
	#accueilPiedDroit{
		float:left;
		width:414px;
		height:20px;
		padding:7px 0 0 0;
		background-color:#91d100;
		text-align:center;
	}
	
	#accueilPiedDroit a{
		color:#003ea9;
		text-decoration:none;
	}
	
	#accueilPiedDroit a:hover{
		text-decoration:underline;
	}
/* PAGE ACCUEIL ============================================================= */