body{
	z-index: 0;	
	font-family:Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	background-image:url(../img/fond.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#09345F;
}

h1{
	z-index:2;
	position:relative; 	
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color: #006633; 
	padding-top:4px;
	text-indent:0px;
	text-align:center;
	top: 0px;
	font-weight:bold;
	font-size:16px;
	margin-left:0px;
	margin-bottom:0px;
	width:100%;
	height:20px;
	color:#000000;
	background-color:#FFCC33;
	background-repeat:no-repeat;	
	border-bottom:1px dotted #ffffff;
	padding-bottom:4px;
	margin-top : 0px;
}

h1.fantastique{	
	font-size:14px;
	padding-bottom:0px;
	background-color:#7A4490;
	color:#ffffff;
}

h1.geologium{
	font-size:14px;
	padding-bottom:0px;
	background-color:#888786;
	color:#ffffff;
}

h1.vert_de_terre{
	font-size:14px;
	padding-bottom:0px;
	background-color:#0F72B6;
	color:#ffffff;
}

h1.art-pierre-terre{
	font-size:14px;
	padding-bottom:0px;
	background-color:#CD3F19;
	color:#ffffff;
}

h1.printemps{
	font-size:14px;
	padding-bottom:0px;
	background-color:#AFCA01;
}

h2{
	z-index:2;
	position:relative;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight:bold;
	width:100%; 
	height:20px;
	color:#09345F;
	padding-bottom:10px;
	border-bottom: 1px dotted;
}

h3{
	z-index:2;
	position:relative;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold;
	width:100%; 
	height:20px;
	color:#337D1E;
	text-decoration:underline;
}

h4{
	z-index:2;
	position:relative;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
	width:100%; 
	height:20px;
	color:#337D1E;
}
ul{
	z-index: 2;
	position:relative;
	float: left;
}

img.presentation{
	z-index:2;
	position:relative;
	margin-left:-150px;
	left:50%;
	margin-top:50px;
}

#Cadrepp{z-index: 1;position: absolute;	background-repeat:no-repeat;background-color: #FFFFFF; text-indent: 15px; width: 980px; height: auto;min-height:1000px; margin-left: -492px; left:50%;top:0px;border-left:#FFCC33 2px solid; border-right:#FFCC33 2px solid;}
#CadreFlash{z-index: 1;position: absolute;	background-repeat:no-repeat;background-color: #ffffff; text-indent: 15px; width: 980px; height: 1100px; margin-left: -492px; left:50%;top:0%;padding-bottom: 50px;border-left:#FFCC33 solid 2px;border-right:#FFCC33 solid 2px;}
#CadreIframe{z-index: 1;position: absolute;	background-repeat:no-repeat;background-color: #ffffff; text-indent: 15px; width: 980px; height: 3200px; margin-left: -492px; left:50%;top:0%;border-left:#FFCC33 solid 2px;border-right:#FFCC33 solid 2px;}
.Entete{z-index: 2;	position: relative; width:980px;border-bottom:0px; top:0px;height:100px;text-indent:0px;padding-bottom:0px;margin-bottom:0px;}
.banniere{z-index: 2;position: relative; float : right; width:980px;height:141px;}

.nav{
	top:0px;
	display:block;
	padding-top:7px;
    height:40px;
    margin:0 auto;
    position:relative;
	right:0px;
	width:112px;
	margin-right:20px;
}
.nav ul{
	float:none;
    list-style-image:none;
    list-style-type:none;
    margin:3px 0;
}
.nav ul li {
	background-image:url(../img/btretour.png);
	background-repeat:no-repeat;
	float:left;
	height:40px;
	margin: 0px;
	list-style: none;
	position: absolute;
}
.nav ul li a {
    display:block;
    height:100%;
    width:100%;
}
.nav ul li:hover {
    z-index:1000;
}

.nav ul li.nav1 {
    background-position:0 0;
    left:0px;
    width:112px;
}
.nav ul li.nav1:hover {
    background-position:0 -40px;
}

.lang{
	position:relative;
	z-index:3;
	top:0px;
	display:block;
	padding-top:0px;
	top:-150px;
    height:40px;
    margin:0 auto;
	float:right;
	width: 140px;
	margin-right:5px;
	margin-bottom:-40px;
}

.lang ul{
	float:none;
    list-style-image:none;
    list-style-type:none;
    margin:3px 0;
}

.lang ul li {
	background-image:url(../img/langues.png);
	background-repeat:no-repeat;
	float:left;
	height:40px;
	margin: 0px;
	list-style: none;
	position: absolute;
}
.lang ul li a {
    display:block;
    height:100%;
    width:100%;
}
.lang ul li:hover {
    z-index:1000;
}

.lang ul li.lang1 {
    background-position:0 0;
	height:40px;
    left:0px;
    width:141px;
}
.lang ul li.lang1:hover {
    background-position:-140px 0px; 
}

.lang ul li.lang2 {
    background-position:0 -40px;
	top:45px;
    left:0px;
    width:141px;
	height:45px;
}
.lang ul li.lang2:hover {
    background-position:-140px -40px; 
}


hr{
	color: #006633;
	height: 1px;
	border: 0;
	background-color: #006633;
}

.menu{
	z-index: 2;
	margin-top:0px;
	padding-top:0px;
	background-color: #72BE38;
	position: relative;
	width: 980px;
	top: 0px;
	left:0px;
	height:38px;
	border-top:3px solid #006633;
	border-bottom:3px solid #006633;
}

.menu ul{
	margin: 0;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 16px Verdana;
	list-style-type: none;
}

.menu li{
	display: inline;
	margin: 0;
}

.menu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding-top:10px !important;
	padding-bottom:10px  !important;
	padding-right:15px  !important;	
	background-color: #72BE38; 
	border-right: 3px solid #ffffff;
	color: white;
}

.menu li a:visited{
	color: white;
}

.menu li a:hover, .menu li.selected a{
	background: #006633; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.deco_ht_gch{
	z-index:1;
	position:relative;
	top:0px;
	left:-80px;
	background-image: url(../img/deco_ht_gch.png);
	height:68px;
	width:78px;
}

.deco_ht_dr{
	z-index:1;
	position:relative;
	top:-67px;
	left:982px;
	background-image: url(../img/deco_ht_dr.png);
	height:67px;
	width:78px;
}

.Texte{
	z-index:2;
	position:relative;
	top:0px;
	margin-left:2%;
	margin-right:20px;
	margin-top:0px;
	padding-top:10px;
	text-indent:0px;
	width:96%;
}

.remarque{
	z-index:2;
	position:relative;
	color:#F63B42;
}


.Carte{ 
	z-index:2;
	position:relative; 
	border: solid 3px #09559F;
	z-index:3; 
	left:112px;
	top:40px;
	width:756px;
	height:529px;
	padding:0px;
	margin:0px;
	text-align:center;
}

.News{
	position:absolute;
	z-index:2;
	left:32px;
	top:200px;
	height:2700px;
}

form{
	padding: 0;
	margin:0;
}

.text {
	font-size: 13px;
	color: #7d7d7d;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.form label {
	float: left;
	margin: 0;
	clear: left;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	text-align: right;
	width: 130px;
}

.form p {
	float: left;
	clear: right;
	margin: 0;
	padding: 3px;
	background-color:#DDDDDD;
}

.center {
	text-align: center;
}

.iframe{
	overflow:auto;
	width:940px;
	height:2500px;	
}

.cocinelles{
	position: relative;
	z-index:4;
	top:60px;
	left:536px;
	margin-right:20px;
	width: 406px;
	height: 35px;
}

.paques{
	position:relative;
	z-index:4;
	top:20px;
	left:25px;
	width:116px;
	height:58px;
}

.vacances_ete{
	position:relative;
	z-index:4;
	top:20px;
	left:25px;
	width:116px;
	height:58px;
}

.vacances_toussaint{
	position:relative;
	z-index:4;
	top:20px;
	left:25px;
	width:116px;
	height:58px;
}

.vacances_noel{
	position:relative;
	z-index:4;
	top:20px;
	left:25px;
	width:116px;
	height:58px;
}

table {
	border:4px solid #006633;
	border-collapse:collapse;
	width:94%;
	margin:auto;
}

thead, tfoot {
	background-color:#D0E3FA;
	background-image:url(sky.jpg);
	border:2px dotted #ffffff;
}

tbody {
	background-color:#FFFFFF;
}

th {
	font-family:monospace;
	border:2px dotted #ffffff;
	padding:5px;
	background-color:#FFCC33;
	font-size:16px;
}
td {
	font-family:sans-serif;
	font-size:14px;
	border:2px dotted #99cc33;
	padding:5px;
	text-align:center;
}
caption {
	font-family:sans-serif;
	color:#006633;
	font-size:16px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 0px;
}
table thead th{
	background-color: #9ACD34;
	color:#006633;
	border-bottom:2px solid #006633;
}

a.agmv{
	color: #006633;
	text-decoration: underline;	
	padding-left: 5px;
	padding-right: 5px;
}
a.agmv:hover{
	color: #99CC33;
	background-color: #006633;
	padding-left: 5px;
	padding-right: 5px;
}
a.apartenaire{
	color: #006633;
}
a.apartenaire:hover{
	color: #99CC33;
}

.FormulaireInscription{
	position : relative;
	z-index:5;
	top : 50px;
}

.Position_tableau{
	z-index: 2;
	position:relative;
	top:50px;
	padding-top:10px;
	padding-bottom:50px;
}
.txt_msg_erreur{
	z-index:1;
	text-align:center;
	position:relative;
	text-indent:0px;
	margin:auto;
	width:94%;
	border: solid 2px #006633;	
	top:0px;	
	background-color:#006633;
	color:white;
}
.msg_erreur{
	z-index:1;
	text-align:center;
	position:relative;
	text-indent:0px;
	margin:auto;	
	width:94%;
	border: solid 2px #006633;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.txt_msg_ok{
	text-align:center;
	top:0px;
	z-index:1;
	position:relative;
	background-color:#006633;
	color:white;
	text-indent:0px;
	margin:auto;
	width:94%;
	border: solid 2px #006633;
}

.Container{
	z-index: 2;
	position:relative;
	text-align:Left;
	width: 96%;
	text-indent: 0px;
	padding-right: 2%;
	padding-bottom: 10px;
	margin-left: 2%;
	height: auto;
}

.ContainerVideos{
	z-index: 2;
	position:relative;
	text-align:Left;
	text-indent: 0px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 10px;	
	width: 98%;
	height: 512px;
	height: auto;
}

.GaleriesContainer{
	z-index: 2;
	position:relative;
	text-align:Left;
	width: 90%;
	text-indent: 0px;
	padding-right: 5%;
	padding-bottom: 10px;
	margin-left: 5%;
	height: auto;
}

.Txt50{
	z-index: 2;
	position:relative;
	float: left;
	width: 50%;
	height: auto;
	text-align: left;
	margin-left: 10px;
	margin: 0;	
	margin-top:20px;
	margin-bottom:30px;
}

.Txt70{
	z-index: 2;
	position:relative;
	float: left;
	width: 70%;
	height: auto;
	text-align: left;
	margin-left: 10px;
	margin: 0;	
	margin-top:20px;
	margin-bottom:30px;
}

.TxtContainer{
	z-index: 2;
	position:relative;
	float: left;
	width: 500px;
	height: auto;
	text-align: left;
	margin-left: 0px;
	top:0px;
	margin-top:0px;
	margin-bottom:30px;
}
.TxtArtistes{
	z-index: 2;
	position:relative;
	float: left;
	width: 800px;
	height: auto;
	text-align: left;
	margin-left: 20px;
	top:0px;
	margin-top:0px;
	margin-bottom:30px;
}

img.ImgRightContainer{
	z-index: 2;
	position:relative;
	float: right;
	margin: 0;
	margin-top:10px;
}

.ImgRightContainer{
	z-index: 2;
	position:relative;
	float: right;
	margin: 0;
}

.ThumbArtiste{
	z-index: 2;
	position:relative;
	float: left;
	margin: 0;
	margin:5px;
	border:2px solid #7A4490;
	margin-top:10px;
	margin-bottom:10px;
}

.ImgLeftContainer{
	z-index: 2;
	position:relative;
	float: left;
	margin: 0;
}

img.ImgArtPierreTerre{
	z-index: 2;
	position:relative;
	float: right;
	text-align: center;
	margin: 0;
	margin-top:10px;
}

.spacer{
	clear: both;
	padding-bottom: 10px;
}

.spacerArt{
	clear: both;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top:10px;
	background-color:#006633;
}

.spacer_menu{
	clear: both;
	padding-bottom: 50px;
}
li{
	list-style-image:url(../img/puce.gif);
}

.CommentArt{
	color:#7A4490;
	font-weight:bold;
}
.deco_majenta{
	z-index: 2;
	position:absolute;
	margin-left:70px;
}
.deco_cyan{
	z-index: 2;
	position:absolute;
	margin-left:720px;
}
.iframeVideo{
	z-index: 3;
	position:relative;
	margin-left:210px;
}
.img_entete_expo_rallye{
	z-index:3;
	overflow: hidden;
	position:relative;
	margin:auto;
	width:944px;
}
a.podcast {
	z-index: 4;
	position: relative;
	top:90px;
	left:720px;
	width:156px;
	height:59px;
	background-image: url(../img/bt_podcast.jpg);
	background-repeat:no-repeat;
	display: block;
	border:0;
}
a.podcast:hover{
	z-index: 4;
	position: relative;	
	background-image: url(../img/bt_podcast_hover.jpg);
	background-position: center center;
}
.txt_explication{
	z-index:3;
	position:relative;
	background-color:white;
	color:black;
	text-indent:0px;
	margin:auto;
	width:920px;
	border-top: solid 2px #FF00A8;
	border-left: solid 2px #FF00A8;
	border-right: solid 2px #FF00A8;
	border-bottom: solid 2px #FF00A8;
	padding:10px;
}
.fd_txt_expo{
	background-color: #01A5EC;
	padding:20px;
	font-weight:bold;
	color:white;
}

a.lienMotorium{
	color:#FF00A8;
}

.image_mailing{
	z-index:3;
	position:relative;
	top:30px;
	left:0px;
	margin-left:-15px;
}


/*debut menu art pierre terre --------------------------------*/
#menu_art_pierre_terre , #menu_art_pierre_terre  ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		text-indent:0;
}

#menu_art_pierre_terre  /* Ensemble du menu_art_pierre_terre  */
{
        z-index:3;
		position:relative;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-top:0px;	
		width:100%;
		top:0px;
		bottom:0px;
		background-color:#CD3F19;
		border-top: solid 2px #8F2C11;
		border-bottom: solid 2px #8F2C11;
}

#menu_art_pierre_terre  a /* Contenu des listes */
{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :0px; /* aucune marge intérieure */
		margin:0px;
        background-color:#ffffff; /* img de fond */        
        color : #CD3F19; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		border:solid 1px #8F2C11;
		padding-left:10px;
		padding-right:10px;
}

#menu_art_pierre_terre  a:hover /* Lorsque la souris passe sur un des liens */    
{
       	color: #ffffff; /* On passe le texte en noir... */
        background: #CD3F19; /* ... et au contraire, le fond en blanc */
}


#menu_art_pierre_terre  li /* Elements des listes */      
{ 
		float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_art_pierre_terre  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_art_pierre_terre  li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 1px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_art_pierre_terre  li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_art_pierre_terre  li ul li                
{
		border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_art_pierre_terre  li ul ul 
{
		margin    : -22px 0 0 150px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_art_pierre_terre  li ul ul                
{
		border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_art_pierre_terre  li:hover ul ul, #menu_art_pierre_terre  li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_art_pierre_terre  li:hover ul, #menu_art_pierre_terre  li li:hover ul, #menu_art_pierre_terre  li.sfhover ul, #menu_art_pierre_terre  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/*fin menu art pierre terre --------------------------------*/


/*debut menu art fantastique --------------------------------*/
#menu_art_fantastique , #menu_art_fantastique  ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		text-indent:0;
}

#menu_art_fantastique  /* Ensemble du menu_art_fantastique  */
{
        z-index:3;
		position:relative;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 13px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-top:0px;	
		width:100%;
		top:0px;
		bottom:0px;
		background-color:#7A4490;
		border-top: solid 2px #502F5F;
		border-bottom: solid 2px #502F5F;
}

#menu_art_fantastique  a /* Contenu des listes */
{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :0px; /* aucune marge intérieure */
		margin:0px;
        background-color:#ffffff; /* img de fond */        
        color : #7A4490; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 137px; /* largeur */
		border:solid 1px #502F5F;
}

#menu_art_fantastique  a:hover /* Lorsque la souris passe sur un des liens */    
{
       	color: #ffffff; /* On passe le texte en noir... */
        background: #7A4490; /* ... et au contraire, le fond en blanc */
}


#menu_art_fantastique  li /* Elements des listes */      
{ 
		float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_art_fantastique  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_art_fantastique  li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 1px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_art_fantastique  li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_art_fantastique  li ul li                
{
		border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_art_fantastique  li ul ul 
{
		margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_art_fantastique  li ul ul                
{
		border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_art_fantastique  li:hover ul ul, #menu_art_fantastique  li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_art_fantastique  li:hover ul, #menu_art_fantastique  li li:hover ul, #menu_art_fantastique  li.sfhover ul, #menu_art_fantastique  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/*fin menu art fantastique --------------------------------*/

/* debut menu vert de terre ----------------------------- */

#menu_vert_de_terre , #menu_vert_de_terre  ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		text-indent:0;
}

#menu_vert_de_terre  /* Ensemble du menu_vert_de_terre  */
{
        z-index:3;
		position:relative;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-top:0px;	
		width:100%;
		top:0px;
		bottom:0px;
		background-color:#0F72B6;
		border-top: 2px solid #0D486F;
		border-bottom: 2px solid #0D486F;
}

#menu_vert_de_terre  a /* Contenu des listes */
{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :0px; /* aucune marge intérieure */
		margin:0px;
        background-color:#ffffff; /* img de fond */        
        color : #0F72B6; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
		border:solid 1px #006633;
}

#menu_vert_de_terre  a:hover /* Lorsque la souris passe sur un des liens */    
{
       	color: #ffffff; /* On passe le texte en noir... */
        background: #0F72B6; /* ... et au contraire, le fond en blanc */
}


#menu_vert_de_terre  li /* Elements des listes */      
{ 
		float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_vert_de_terre  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_vert_de_terre  li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 1px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_vert_de_terre  li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_vert_de_terre  li ul li                
{
		border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_vert_de_terre  li ul ul 
{
		margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_vert_de_terre  li ul ul                
{
		border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_vert_de_terre  li:hover ul ul, #menu_vert_de_terre  li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_vert_de_terre  li:hover ul, #menu_vert_de_terre  li li:hover ul, #menu_vert_de_terre  li.sfhover ul, #menu_vert_de_terre  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* fin du menu vert de terre ------------------------------------------------------------- */

/* debut menu printemps ----------------------------- */
#menu_printemps , #menu_printemps  ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		text-indent:0;
}

#menu_printemps  /* Ensemble du menu_printemps  */
{
        z-index:3;
		position:relative;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-top:0px;	
		width:100%;
		top:0px;
		bottom:0px;
		background-color:#AFCA01;
		border-top: 2px solid #8B9F00;
		border-bottom: 2px solid #8B9F00;
}

#menu_printemps  a /* Contenu des listes */
{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :0px; /* aucune marge intérieure */
		margin:0px;
        background-color:#ffffff; /* img de fond */        
        color : #AFCA01; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
		border:solid 1px #006633;
}

#menu_printemps  a:hover /* Lorsque la souris passe sur un des liens */    
{
       	color: #ffffff; /* On passe le texte en noir... */
        background: #AFCA01; /* ... et au contraire, le fond en blanc */
}


#menu_printemps  li /* Elements des listes */      
{ 
		float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_printemps  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_printemps  li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 1px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_printemps  li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_printemps  li ul li                
{
		border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_printemps  li ul ul 
{
		margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_printemps  li ul ul                
{
		border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_printemps  li:hover ul ul, #menu_printemps  li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_printemps  li:hover ul, #menu_printemps  li li:hover ul, #menu_printemps  li.sfhover ul, #menu_printemps  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/* fin du menu printemps ------------------------------------------------------------- */


/* début du menu geologium ------------------------------------------------------------- */
#menu_geologium , #menu_geologium  ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		text-indent:0;
}

#menu_geologium  /* Ensemble du menu_geologium  */
{
        z-index:3;
		position:relative;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-top:0px;	
		width:100%;
		top:0px;
		bottom:0px;
		background-color:#888786;
		border-top: 2px solid #333333;
		border-bottom: 2px solid #333333;
}

#menu_geologium  a /* Contenu des listes */
{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :0px; /* aucune marge intérieure */
		margin:0px;
        background-color:#ffffff; /* img de fond */        
        color : #888786; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       	border:solid 1px #333333;
		padding-left:10px;
		padding-right:10px;
}

#menu_geologium  a:hover /* Lorsque la souris passe sur un des liens */    
{
       	color: #ffffff; /* On passe le texte en noir... */
        background: #888786; /* ... et au contraire, le fond en blanc */
}


#menu_geologium  li /* Elements des listes */      
{ 
		float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_geologium  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_geologium  li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 1px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_geologium  li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_geologium  li ul li                
{
		border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_geologium  li ul ul 
{
		margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_geologium  li ul ul                
{
		border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_geologium  li:hover ul ul, #menu_geologium  li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_geologium  li:hover ul, #menu_geologium  li li:hover ul, #menu_geologium  li.sfhover ul, #menu_geologium  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/* fin du menu geologium ------------------------------------------------------------- */

.comment{
	z-index:2;
	position:relative;
	color:#006633;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	text-align:center;
}

#flashcontent{
	z-index:2;
	position:relative;
	left: 50%; 
	margin-left: -50%;
	width:100%;
}
#flashcontentUnique{
	z-index:2;
	position:relative;
	left: 50%; 
	margin-left: -50%;
	margin-top:30px;
	padding-left:30px;
	width:640px;
	height:360px;
}

li.contenu{
	padding-bottom:10px;
}