/* CSS Document */

body{
background-color:#8C826A;
color:#9A9A9A;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


/*////////////////////////  TEXTES  ////////////////////////*/

.texte{
color:#9A9A9A;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a.texte:link {text-decoration:underline;}
a.texte:visited {text-decoration:underline;}
a.texte:hover {text-decoration:underline; color:#8F9C72;}
a.texte:active {text-decoration:underline; color:#8F9C72;}
a.texte:focus {text-decoration:underline; color:#8F9C72;}

.gros-vert{
color:#8F9C72;
font-size:11px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

.gros-gris{
color:#9A9A9A;
font-size:11px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}


.titre-vert{
color:#8F9C72;
font-size:13px;
font-style:normal;
font-weight:bold;
text-decoration:none;
letter-spacing:3px;
}

/* vert = francais */
.francais{
color:#A4B87B;
font-style:normal;
text-decoration:none;
}

a.francais:link {text-decoration:underline;}
a.francais:visited {text-decoration:underline;}
a.francais:hover {text-decoration:underline; color:#EDA31C;}
a.francais:active {text-decoration:underline; color:#EDA31C;}
a.francais:focus {text-decoration:underline; color:#EDA31C;}

.copyright{
font-size:9px;
color:#DFCA9D;
text-decoration:none;
}

a.copyright:link {text-decoration:none;}
a.copyright:visited {text-decoration:none;}
a.copyright:hover {text-decoration:none; color:#F6E9C5;}
a.copyright:active {text-decoration:none; color:#F6E9C5;}
a.copyright:focus {text-decoration:none; color:#F6E9C5;}


/*////////////////////////////////////////////////////////////*/

/*/////////////////////////  IMAGES  /////////////////////////*/
.nodisplay{
display:none;
}

/*////////////////////////////////////////////////////////////*/


/*//////////////////////////  DIVS  //////////////////////////*/

/*      /////////////////  CONSTANTS  /////////////////      */

#conteneur {
position:absolute;
text-align: center;
height:640px;
width:870px;
top:50%;
left:50%;
margin-top:-320px;
margin-left:-435px;
}

#copyright{
margin-top:-5px;
text-align:center;
font-size:9px;
color:#DFCA9D;
text-decoration:none;
}

#titre-page{
position:absolute;
width:500px;
height:20px;
margin:20px 0 0 350px;
text-align:right;
}

h1{
color:#8F9C72;
font-size:13px;
font-style:normal;
font-weight:bold;
text-decoration:none;
letter-spacing:3px;
padding:0;
margin:0;
}
h2{
color:#8C826A;
font-size:13px;
font-style:normal;
font-weight:bold;
text-decoration:none;
letter-spacing:3px;
}
h3{}
h4{}
h5{
color:#666666;
font-size:10px;
font-weight:normal;
font-style:normal;
}

/*/////// MENU GAUCHE ////////*/

#catalogue{
position:absolute;
margin:66px 0 0 49px;
width:175px;
height:455px;
}

#catalogue a:hover{
background-color:#D0BB92;
}

#catalogue ul
{
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
}

#catalogue li a
{
display: block;
background-color: #E0CFA9;
color:#000000;
text-decoration: none;
margin-bottom: 3px;
}

#catalogue li a:hover{
background-color: #D0BB92;
color: #000000;
}

.vignettes-menu{
padding:0 10px 0 0;
vertical-align:middle;
}


#actus-contact{
position:absolute;
margin:540px 0 0 44px;
width:175px;
height:60px;
}

a.contact{
	display:block;
	width:184px;
	height:27px;
	background-image:url(../images/boutons/contact.jpg);
	background-repeat:no-repeat;
	padding-bottom:2px;
	}
a.contact:hover{
	background-image:url(../images/boutons/contact_roll.jpg);
	width:184px;
	height:27px;
	}
	
a.actu{
	display:block;
	width:184px;
	height:27px;
	background-image:url(../images/boutons/actu.jpg);
	background-repeat:no-repeat;
	}
a.actu:hover{
	background-image:url(../images/boutons/actu_roll.jpg);
	width:184px;
	height:27px;
	}
	
a.event{
	display:block;
	width:184px;
	height:27px;
	background-image:url(../images/boutons/current.jpg);
	background-repeat:no-repeat;
	}
a.event:hover{
	background-image:url(../images/boutons/current_roll.jpg);
	width:184px;
	height:27px;
	}	
	
a.logo{
	position:absolute;
	margin:18px 0 0 49px;
	display:block;
	width:173px;
	height:30px;
	}
/*//////////////////////////////////*/

#fond-neutre{
background-image:url(../images/fonds/fond-neutre.jpg);
background-repeat:no-repeat;
width:870px;
height:620px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

/*      ///////////////////////////////////  ACCUEIL  //////////////////////////////////////      */

#accueil{
background-image:url(../images/fonds/accueil.jpg);
background-repeat:no-repeat;
width:870px;
height:620px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#titre-accueil{
position:absolute;
width:600px;
height:20px;
margin:520px 0 0 250px;
text-align:center;
}

#image-accueil{
position:absolute;
width:410px;
height:410px;
margin:105px 0 0 350px;
}

#drapeaux{
position:absolute;
width:57px;
height:28px;
margin:52px 0 0 793px;
}

a.drapeau_fr{
	display:block;
	width:26px;
	height:26px;
	background-image:url(../images/boutons/drapeau_fr.jpg);
	background-repeat:no-repeat;
	}
a.drapeau_fr:hover{
	background-image:url(../images/boutons/drapeau_fr_roll.jpg);
	width:26px;
	height:26px;
	}
a.drapeau_en{
	display:block;
	width:26px;
	height:26px;
	margin:-26px 0 0 30px;
	background-image:url(../images/boutons/drapeau_en.jpg);
	background-repeat:no-repeat;
	}
a.drapeau_en:hover{
	background-image:url(../images/boutons/drapeau_en_roll.jpg);
	width:26px;
	height:26px;
	}

/*      ///////////////////////////////////  GALERIES  //////////////////////////////////////      */

#galeries{
background-image:url(../images/fonds/galeries.jpg);
background-repeat:no-repeat;
width:870px;
height:620px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#collections{
position:absolute;
width:590px;
height:63px;
margin:50px 0 0 259px;
padding:5px 0 5px 0;
text-align:right;
}

#titre-galerie{
position:absolute;
width:590px;
height:20px;
margin:150px 0 0 259px;
text-align:center;
color:#563628;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
letter-spacing:2px;
}

#photos{
position:absolute;
width:520px;
height:390px;
margin:180px 0 0 305px;
padding:5px 5px 5px 5px;
}

/*vignettes des photos*/

dl.gallery{
	text-align: center;
	float:left;
	margin-right: 2em;
}

.gallery dt { 
	color:#563628; 
	margin: 5px 5px 5px 5px;
	font-size:10px;
}

.gallery dt img{border: 0px;} /*border: 1px solid #563628;*/

.gallery dd{margin: 0; padding: 0;}

/*      ///////////////////////////////////  PRESENTATION  //////////////////////////////////////      */

#photos-galerie{
position:absolute;
width:230px;
height:400px;
margin:110px 0 0 290px;
text-align:justify;
color:#666666;
}

#texte-presentation{
position:absolute;
width:270px;
height:380px;
margin:110px 0 0 550px;
text-align:justify;
color:#666666;
}

/*      ///////////////////////////////////  CONTACT  //////////////////////////////////////      */

#coordonnees{
position:absolute;
width:230px;
height:400px;
margin:110px 0 0 290px;
text-align:justify;
color:#666666;
}

#formulaire-contact{
position:absolute;
width:270px;
height:380px;
margin:110px 0 0 550px;
text-align:justify;
color:#666666;
}

/*      ///////////////////////////////////  LIENS  //////////////////////////////////////      */

#liens{
position:absolute;
width:230px;
height:400px;
margin:110px 0 0 290px;
text-align:justify;
color:#666666;
}*


/*      ///////////////////////////////////  ACTUALITES, ARCHIVES  //////////////////////////////////////      */

#actualites{
position:absolute;
width:570px;
height:400px;
margin:110px 0 0 275px;
text-align:justify;
color:#666666;
}

#cadre-archives{
position:absolute;
width:520px;
height:400px;
margin:110px 0 0 290px;
text-align:justify;
color:#666666;
}

#archive{
position:absolute;
width:200px;
height:50px;
margin:565px 0 0 655px;
}

a.archives{
	display:block;
	width:184px;
	height:27px;
	background-image:url(../images/boutons/archives.jpg);
	background-repeat:no-repeat;
	}
a.archives:hover{
	background-image:url(../images/boutons/archives_roll.jpg);
	width:184px;
	height:27px;
	}


/*/////// MENU ARCHIVES ////////*/

#catalogue-archives{
position:absolute;
margin:25px 0 0 0;
width:300px;
height:455px;
}

#catalogue-archives a:hover{
background-color:#D0BB92;
}

#catalogue-archives ul
{
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
}

#catalogue-archives li a
{
display: block;
background-color: #E0CFA9;
color:#000000;
text-decoration: none;
margin-bottom: 3px;
}

#catalogue-archives li a:hover{
background-color: #D0BB92;
color: #000000;
}

.vignettes-menu{
padding-right:10px;
vertical-align:middle;
}