@charset "utf-8";
/* CSS Document */
/* IE dans les commentaires signifie Internet Explorer */

.style3 {font-size: 13px} /*Lettrage des adresses*/

.titregris{	/*Titres des sous parties du site */
	font-size: 17px;
	font-weight: bold;
	color: #ededed;
	margin: 0 0 5px 0;
}
.titreorange{ /*Titres des paragraphes des pages web*/
	font-size: 18px;
	font-weight: normal;
	font-family: "Myriad Pro";
	color: #edb462;
	margin: 0 0 5px 0;
}
.orangebold {
	font-weight: bold;
	color: #edb462;
	font-size: 10pt;
}
.identitenormal {
	color: #edb462;
	font-size: 10pt;
	font-weight: normal;
}
.italiquenormal {
	color: #ffffff;
	font-weight: normal;
	font-family: "Myriad Pro";
	font-size: 9pt;
	font-weight: normal;
	font-style:italic;
}
#content {	/*Declaration de la DIV conteneur de la totalite du contenu */
	height: 768px;
	width: 1011px;
	margin-left: auto;
	margin-right: auto;
}
#headerlogo { /*DIV du logo de l'Elephant dans le Header */
	position:absolute;
	width:140px;
	height:100px;
	margin-left:105px;
	margin-top:30px;
	color: #FFFFFF;
}
a.headerlogo{ /* comportement du lien sur le logo pour un retour a la page d'accueil */
	display: block; /* a tag must be a block */
	width: 140px; /* width of reactive image */
	height: 100px; /* height of reactive image */
	background-image: url(../Commun/HeaderLogo.gif); /* source for start image */
	background-repeat: no-repeat;
}	 
a.headerlogo:hover{ /* comportement du lien sur le logo lorsque l on passe la souris dessus */
	background-image: url(../Commun/HeaderLogo.gif);
}


#anglais{ /*DIV des drapeaux de langue*/
	display: block;
	position: relative;
	_margin-left: -860px; /* afin de rectifier le placement sous IE on est oblige d'y appliquer une marge ngative */
	_margin-top: 0px; /* afin de rectifier le placement sous IE on est oblige d'y appliquer une marge ngative */
	width: 29px;
	height: 19px;
	left: -60px;
	bottom: 60px;
}
a.vanglaise{
	display: block;
	width: 29px;
	height: 19px;
	background-image: url(../FR/Images/V-English.jpg);
	background-repeat: no-repeat;
}
a.vanglaise:hover{ /*Comportement de la DIV drapeaux delangue lorsque la souris est dessus*/
	background-position: -29px 0;
}
a.vfrancaise{
	display: block;
	width: 29px;
	height: 19px;
	background-image: url(../ENG/Images/V-French.jpg);
	background-repeat: no-repeat;
}
a.vfrancaise:hover{ /*Comportement de la DIV drapeaux delangue lorsque la souris est dessus*/
	background-position: -29px 0;
}
a.facebook {
	display:block;
	width:35px;
	height:35px;
	margin-left: 35px;
	margin-top: -19px;
	background-image: url(../images/facebook.png);
	background-repeat: no-repeat;
}
a.facebook:hover {
	background-image: url(../images/facebook_hover.jpg);
}


#adresse{ /* Declaration de la DIV adresse*/
	position:absolute;
	width:240px;
	height:65px;
	margin-left:288px;
	margin-top:39px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#adresse a{ /*Comportement des liens dans la DIV adresse*/
	color: #FFFFFF;
	text-decoration: none;
}

#adresse a:hover{ /*au survol de la souris pour la DIV adresse */
	color: #FFCC00;
	text-decoration: none;
}
#liensexternes{ /*Declaration de la DIV des liens externes en haut dans le Header */
	position: absolute;
	width: 600px;
	height: 54px;
	margin-left: 648px;
	margin-top: 50px;
	color: #FFFFFF;
	top: 8px;
}
#liensexternes li{
	list-style-type: none;
	display: inline;
}


/*Dans cette partie, on definis les liens externes contenus dans les onglets dans le header du site.
On définit en premier lieu l'image de départ puis l'image qui sera affichée au survol de la souris */

a.elephantvert { /* definition de la classe "auxjardins" sur <a> */
	display: block;
	width: 71px; /* largeur de l'image reactive */
	height: 39px; /* hauteur de l'image reactive */
	background-image: url(../Commun/LiensExternes/ElephantVert.png); /* Image de dpart */
	background-repeat: no-repeat;
	float: left;
	margin: 13px 0 0 26px;
}	
a.elephantvert:hover { /* definition de la classe "auxjardins" lorsque l'on est hover sur <a> */
	background-position:-71px 0; /* Image d'arrivee*/
}


a.vatsene { /* definition de la classe "vat sene" sur <a> */
	display: block;
	width: 87px; /* largeur de l'image reactive */
	height: 39px; /* hauteur de l'image reactive */
	background-image: url(../Commun/LiensExternes/LE-VatSene.png); /* Image de dpart */
	background-repeat: no-repeat;
	float: left;
	margin: 13px 0 0 17px;
}	 
a.vatsene:hover { /* definition de la classe "vat sene" lorsque l'on est hover sur <a> */
	background-position:-87px 0; /* Image de dpart */
}

a.coconut{
	background-image: url(../Commun/LiensExternes/CoconutGarden.png);
	width: 70px;
	height: 45px;
	display: block;
	float: left;
	margin: 10px 0 0 18px;
}
a.coconut:hover{
	background-position: -70px 0;
}

a.lecalao { /* definition de la classe "calao" sur <a> */
	display: block;
	width: 41px; /* largeur de l'image reactive */
	height: 40px; /* hauteur de l'image reactive */
	background-image: url(../Commun/LiensExternes/LE-Calao.png); /* Image de dpart */
	float: left;
	margin: 12px 0 0 18px;
}	 
a.lecalao:hover { /* definition de la classe "vat sene" lorsque l'on est hover sur <a> */
	background-position:-41px 0; /* Image de dpart */
}

/*-------------------------------------- */

#sidebar { /*Declaration du menu global de gauche*/
	position: absolute;
	width: 124px;
	height: 500px;
	margin-left: 16px;
	_margin-left: 7px; /* marge-gauche du menu principal pour IE */
	margin-top: 53px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	font-style: normal;
	letter-spacing: -0.05em;
}
#sidebar   li{ /*Mise en liste du menu global*/
	_margin-bottom: 1.2em; /* marge-basse entre les elements du menus principal pour IE */
	list-style-type: none;
	height: 20px;
	border-bottom: 1px solid white;
	padding: 6px 0;
}
#sidebar   li:first-child{ /*Mise en liste du menu global*/
	padding: 0 0 6px 0;
}
#sidebar a { /*Comportement des liens du menu de gauche*/
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 7px;
}
#sidebar a:hover { /*Comportement au passage de la souris des liens du menu de gauche*/
	color: #FFCC00;
	text-decoration: none;
}
#sousmenu{ /*Declaration de la DIV des sous menu*/
	display: inline;
	padding-left: 0px;
	padding-top: 20px;
}
#sousmenu ul{ /*graphisme des pusces des sous menus*/
	list-style-type: none;
	display: inline;
}
#sousmenu li{ /*Mise en liste des elements du sous menus*/
	display: inline;
	margin-right: 20px;
}
#sousmenu a{ /*Comportement des liens des sous menus*/
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}
#sousmenu a:hover{ /*Comportement des liens du sous menus au passage de la souris*/
	text-decoration: underline overline;
	color: #edb462;
}
#imageintro { /*Declaration de la DIV d'introduction contenant l'image d'intro*/
	position:relative;
	width:681px;
	height:436px;
	margin-left:0px;
	margin-top:12px;
	z-index: 1;
}
a:hover { /*Comportement des liens de tout le site lorsque la souris passe dessus*/
	color: #FFCC00;
	text-decoration: none;
}