a:link {color:#808000; text-decoration:none;}
a:active {color:#808000; text-decoration:none;}
a:visited {color:#808000; text-decoration:none;}
a:hoover {color:#ff00ff; text-decoration:underline;} /* color: #a7a717; */

body {background: #fffde9; margin: 10px 0; text-align: center;}
#container {text-align: left; border: 1px #333333 solid; width: 780px; background-color:#fff; margin: 0em auto; padding:0; display: block;}

p#titreblanc {font-family: trajanpb, helvetica, arial; font-size: 18px; color: #fff; margin: 0px;}
p#titrenoir {font-family: trajanpb, helvetica, arial; font-size: 16px; color: #000; margin: 0px;}

/********/
/* BASE */
/********/
h1,h2 {margin: 0; padding: 0; font-family: trajanpb, helvetica, arial;}
		/* h1 = Titres du contenu général */
h1 {font-size: 16px; color: #000; margin: 0px 0px 0px 0px;}
		/* h2 = Titres de l'encart de gauche */
h2 {font-size: 18px; color: #fff; margin: 0px 0px 0px 0px;}

/*******************/
/* BANDEAU DU HAUT */
/*******************/
#topsite {background-color: #8bab46;}

/**********/
/* CHEMIN */
/**********/
#chemin {background-color: #f9f4c5; height: 50px; margin: 0; padding: 0; text-align: right; width: 780px; display: block;}
#menu-top {text-align: right; display: block;}
.backhome {font-family: trajanpr, helvetica, arial; line-height: 27px;}
.backhome a:link, .backhome a:visited {font-size: 17px; color: #fff; background-color: #dd3388; padding: 4px 10px; margin: 0; width: auto;}
.backhome a:hover {background-color: #ff3600;}

/******************************/
/* ENCARTS DE GAUCHE - TEXTES */
/******************************/
#contenugauche {display: inline-block; float: left; width: 270px; margin: 0 10px 0 0; padding: 20px 15px 10px 15px; background-color: #dd3388;    vertical-align: top;}
#contenugauche p{color: #fff;}
.encartback {font-family: trajanpr, helvetica, arial; line-height: 27px; color: #fff;}
.encartback a:link, .encartback a:visited {font-size: 17px; color: #fff; background-color: #cd2d7d; border: 1px #fff solid; padding: 4px 10px;}
.encartback a:hover {background-color: #ff3600;}

/******************************/
/* ENCARTS DE DROITE - TEXTES */
/******************************/
#contenudroite {display: inline-block; float: left; margin: 0 20px; padding: 0; _margin: 0 -2px 0 0; width: 440px;    vertical-align: top;}

/******************************/
/* FOOTER */
/******************************/
.yellowspace {width: 780px; background-color: #f9f4c5; height: 40px; display: block;}
.pinkspace {width: 780px; background-color: #dd3388; height: 24px; display: block; vertical-align: center; }
	.langspace {display: block-inline; width: 270px; float: left; text-align: center;}
	.langspace a {color: #fff; text-decoration: none; font-size: 13px; font-family : trajanpb, Tahoma, Helvetica, Arial, sans-serif;padding: 2px 0 0 0;}
	.langspace a:hover { text-decoration: underline;}
	.langspace img {margin: 0 5px; border:0;}
	.tripadvisorspace {display: block-inline; float: right; padding: 2px 7px 0 0;}
	.tripadvisorspace img {border: 0;}
.greenspace {width: 780px; background-color: #8bab46; height: 18px; display: block; vertical-align: bottom;}

/*********************/
/* SPECIAL HOME-PAGE */
/*********************/
		/* Menu déroulant */
#menuhomepage {z-index: 97; height: 363px; vertical-align: top; display: inline-block; float:right; padding: 0 10px 0 0; _padding: 0px; background: #dd3388; }

div#menu0 {width: 270px; background: #dd3388; color: #fff; text-align:left; padding-top: 10px;}
div#menu0 ul {z-index: 98; padding: 0; width: 270px; border:0px; margin:0px; }
		/*On positionne les elements du menu */
div#menu0 ul li {position:relative; list-style: none;}
div#menu0 ul ul {z-index: 99; position: absolute; top: 0; left: 220px;}  
div#menu0 li a {text-decoration: none; font-size: 15px; font-family : trajanpr, Tahoma, Helvetica, Arial, sans-serif;}
		/*fond jaune pr les sous-menu*/
div#menu0 li.sousmenu {background: #03f;}
div#menu0 a {color: #ffffff;}
		/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu0 li:hover {background: #220022;}
div#menu0 li.sousmenu:hover {background: #dd3388;}
		/* Rajout d'une petite fleche pour les sous menu si on veut */
div#menu0 li.sousmenu {background: url(../images/fleche.gif) 95% 50% no-repeat;}
		/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille à partir de 272 */
div#menu0 li a { text-decoration: none; padding: 4px 0 4px 6px; display:block; border: 0; width:274px; background:#dd3388;}
		/* la bordure de chaque hauteur a une couleure de survol*/
div#menu0 li a:hover {background:#ff3600;}
div#menu0 ul ul li {width: 220px;}
div#menu0 ul ul li a:link, div#menu0 ul ul li a:visited{width: 220px; border-left: 2px solid transparent;}
div#menu0 ul ul li a:hover {width: 220px; background:#ff3600;}
div#menu0 ul ul ul li a:hover {}

		/* Special Home-Page */
#corpshp {display: block; height: 363px;}
#contenudroitehp {display: block-inline; float: right; background: #fff; margin: 0; padding: 0; _margin: 0 -2px 0 0; z-index: -50;}

/* POLICES DE CARACTERES */

@font-face{
    font-family : "trajanpr";
    src : url('trajanpr.eot'); /* Pour IE9 Compat mode */
    src : url('trajanpr.eot?') format('eot'), 
		  url('trajanpr.otf') format('opentype'),
		  url('trajanpr.ttf') format('truetype'),
		  url('trajanpr.woff') format('woff');
}
@font-face{
    font-family : "trajanpb";
    src : url('trajanpb.eot'); /* Pour IE9 Compat mode */
    src : url('trajanpb.eot?') format('eot'),
		  url('trajanpb.otf') format('opentype'),
		  url('trajanpr.ttf') format('truetype'),
          url('trajanpb.woff') format('woff');
}