body {
	background-color:#d7eced;
	background-position:inherit;
	background-repeat:no-repeat;
	margin:0px}
	
body.photostaff {
background-color:#FFFFFF;
	margin:0px}
	
body.categorie {
background-color:#FFFFFF;
	margin:0px}



.topleft {
  width:33%}
.topcenter{
text-align:left;
  width:818px;}
.topright{
  width:33%}


#global {
	position:absolute;
	left: 50%;
	min-width:810px;
	width: 658px;
	height: 620px;
	margin-left: -405px; /* moitié de la largeur */
	border: 0px;}

#ss_img {
border:none
}


#s.text {
font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-size:12px;
	line-height:14px}

#tablehorizontal{
width:100%;
border:0;}

#tablehorizontal tr{
vertical-align:top;}


#tablevertical{
width:100%;
height:570px;
border:0;
vertical-align:top}


#tableindex {
width:800px;
height:570px;
border:0;}

#puce { 
padding-bottom:1px;
padding-right:8px;
padding-left:0px}

#puce2 { 
padding-bottom:1px;
padding-right:8px;
padding-left:4px}


#zonetexte {
margin:15px;
height:313px;
width:410px}

#zonetexte2 {
margin:15px;
width:130px}

#zonetexte3 {
margin:15px 15px 14px 15px;
width:400px}



h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	margin-top:0px;
	padding-top:0px}

.titrebleu{
	font-family:Arial, Helvetica, sans-serif;
	color:#509c9f;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	margin-top:0px;
	padding-top:0px}


.textebrun2{
	font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-size:12px;
	line-height:14px}

.textebrun{
	font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-size:12px;
	line-height:14px}

.textebrunpetit{
	font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-size:10px}
	
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	color:#563019;
	font-size:9px}

.texteblanc{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px}

.textebleu{
	font-family:Arial, Helvetica, sans-serif;
	color:#9ad7da;
	font-size:13px;}

.texteturquoise{
	font-family:Arial, Helvetica, sans-serif;
	color:#509c9f;
	font-size:12px;
	font-weight:bold}


a.bienvenue:link {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 13px; text-decoration: none; }
a.bienvenue:visited {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 13px; text-decoration: none; }
a.bienvenue:hover {font-family:Arial, Helvetica, sans-serif; color:#c5863c; font-size: 13px; text-decoration: underline; }
a.bienvenue:active {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 13px; text-decoration: none; }

a.lien:link {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }
a.lien:visited {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }
a.lien:hover {font-family:Arial, Helvetica, sans-serif; color:#c5863c; font-size: 11px; text-decoration: underline; }
a.lien:active {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }

a.lien2:link {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 12px; text-decoration: none; }
a.lien2:visited {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 12px; text-decoration: none; }
a.lien2:hover {font-family:Arial, Helvetica, sans-serif; color:#c5863c; font-size: 12px; text-decoration: underline; }
a.lien2:active {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 12px; text-decoration: none; }

a.lien3:link {font-family:Arial, Helvetica, sans-serif; color: #509c9f; font-size: 12px; text-decoration: none; font-weight:bold }
a.lien3:visited {font-family:Arial, Helvetica, sans-serif; color: #509c9f; font-size: 12px; text-decoration: none; font-weight:bold}
a.lien3:hover {font-family:Arial, Helvetica, sans-serif; color:#34787a; font-size: 12px; text-decoration: underline; font-weight:bold}
a.lien3:active {font-family:Arial, Helvetica, sans-serif; color: #509c9f; font-size: 12px; text-decoration: none; font-weight:bold}

a.courriel:link {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }
a.courriel:visited {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }
a.courriel:hover {font-family:Arial, Helvetica, sans-serif; color:#c5863c; font-size: 11px; text-decoration: none; }
a.courriel:active {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 11px; text-decoration: none; }

a.PROJETpixel:link {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 10px; text-decoration: none; }
a.PROJETpixel:visited {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 10px; text-decoration: none; }
a.PROJETpixel:hover {font-family:Arial, Helvetica, sans-serif; color:#c5863c; font-size: 10px; text-decoration: none; }
a.PROJETpixel:active {font-family:Arial, Helvetica, sans-serif; color: #563019; font-size: 10px; text-decoration: none; }


a.menu:link, a.menu:active, a.menu:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#ffffff;
	padding:2px 17px 2px 17px;}


a.menu:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#A4CE67;
	padding:2px 17px 2px 17px;}



a.menuactif {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#A4CE67;
	padding:2px 17px 2px 17px;}


a.menureservation:link, a.menureservation:active, a.menureservation:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#ffffff;
	padding:0px 17px 0px 17px;
	border-width:1px 0 1px 0;
	border-color:#FFFFFF;
	border-style:solid;
	line-height:14px}

a.menureservation:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#A4CE67;
	padding:0px 17px 0px 17px;
	border-width:1px 0 1px 0;
	border-color:#A4CE67;
	border-style:solid;
		line-height:14px}

	
a.menureservationactif {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	background-color:#A4CE67;
	padding:0px 17px 0px 17px;
	border-width:1px 0 1px 0;
	border-color:#A4CE67;
	border-style:solid;
		line-height:14px}


a.menu2:link, a.menu2:active, a.menu2:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;}

a.menu2:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;}
	
a.menu2actif {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;}
	






a.vignettes:link{border-style:solid;border-color:#ffffff; border-width:1px; height:108px; width:184px}
a.vignettes:active{border-style:solid;border-color:#ffffff; border-width:1px; height:108px; width:184px}
a.vignettes:visited{border-style:solid;border-color:#ffffff; border-width:1px; height:108px; width:184px}
a.vignettes:hover{border-style:solid;border-color:#A4CE67; border-width:1px; height:108px; width:184px}


#photopub {border-style:solid;border-color:#ffffff; border-width:1px}
#photopub:active {border-style:solid;border-color:#ffffff; border-width:1px}
#photopub:hover {border-style:solid; border-color:#A4CE67; border-width:1px}
#photopub:visited {border-style:solid;border-color:#ffffff;border-width:1px}

