body{color: #463f32;font-family: "Trebuchet MS", sans-serif; background: url("../img/fond_page.jpg");}
img { border: none; } 
a { text-decoration: none; color: #463f32; }
h10 { font-size: 18px; font-weight: bold}

/* --- style des listes à puces des descriptions --- */
#accordion li { margin-bottom: 5px; text-align: justify; font-size: 13px; list-style-image: url(../img/puces.gif);}
#accordion p { margin-bottom: 5px; padding-left: 20px; text-align: justify; font-size: 13px;}

.date {font-size: 10px; text-align: center;}
td { padding: 0 3px 0 0; width: 200px; }
table {text-align: center; font-weight: bold; margin-top: 5px;}

#formulaire {text-align: left; font-weight: bold; margin: 6px 0 0 10px;}
#presse {margin-top: -15px;}


										/* --- DEFINITION DES BLOCS DE LA PAGE --- */

/* --- PAGE définit centre le contenu de la page + largeur + hauteur --- */
#page{
	width: 970px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -485px;
	margin-top: -285px;
}

/* --- CADRE définit le cadre taupe --- */
#cadre{
	position: relative;
	width: 100%;
	height: 480px;
	background: #463f32;
}

/* --- MENU définit la barre des menus --- */
#menu {
	position: relative;
    margin-top: 5px;
    width: 970px;
    left: 50%;
    margin-left: -485px;
    height: 40px;
    list-style-type: none;
    padding: 0;
    background: url("../img/bas_menu.png") bottom repeat-x;
    z-index: 1;
}


/* --- DEFINITION DES BLOCS DIVERS --- */

/* --- LOGO positionne et dimensionne le logo --- */
#logo{
	position: absolute;
	left: -32px;
	top: 10px;
	width: 191px;
	height: 60px;
}

#visuel{
	position: relative;
	width: 423px;
	top: 110px;
	margin-left:auto;
	margin-right: auto;
}

/* --- CONTACT positionne le bouton de contact en flash --- */
#contact{
	position: absolute;
	left: 345px;
	top: 0;
}

/* --- DIVERS positionne les liens divers --- */
#divers{
	position: relative;
	top: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#lien_blog{
	position: relative;
	top: 0;
	margin-top: 0;
	float: left;
	width: auto;
}

#lien_presse{
	position: relative;
	top: 0;
	margin-top: 0;
	float: right;
	width: auto;
}

/* --- MENTIONS positionne les liens légaux en bas de page --- */
#mentions{
	position: relative;
	top: 0px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 8px;
	text-align: center;
}


/* --- DEFINITION DU CONTENU --- */

/* --- CONTAINER englobe le cadre anis et l'image de droite --- */
#container{
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 20px;
	height: 380px;
	background: #a4db4d;
}

#presentation_blog{float: left; margin-top: 5px;}
#presentation_presse{float: right; margin-top: 5px;}
#presentation_presse p, #presentation_blog p {font-size: 20px; }

/* --- TITRE_PAGE définit le titre de la catégorie sélectionnée --- */
#titre_page{
	text-align: right;
	font-size: 20px;
	font-weight: bolder;
	margin: 0 0 15px 10px;
	text-transform: uppercase;
}

#formules {
	width: 360px;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;	
}

#fadeshow1{
	float: right;
}


/* --- DEFINITION DU MENU --- */

/* --- LI définit les boutons du menu --- */
#menu li {
	float: left;
	width: 192px;
	height: 30px;
	padding: 0;
	text-align: center;
	background: #463f32;
	border: 1px solid #a4db4d;
}

/* --- Définition des premier et dernier éléments --- */
#menu li.presentation { border-width: 1px 1px 1px 1px; border-color: #a4db4d; }
#menu li.formules { border-width: 1px 1px 1px 1px; border-color: #a4db4d; }

#menu li a { font-size: large; }

#menu li a:link, #menu li a:visited {
	display: block;
	color: #a4db4d;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

#menu li a:hover {
	display: block;
	color: #463f32;
	background: #a4db4d;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}




/* --- DEFINITION DU SOUS-MENU EN ACCORDEON --- */

#wrapper{
	position: absolute;
	width: 510px;
	top: 30px;
	left: 15px;
	}
.box{
	background: #a4db4d;
	}
.boxholder{
	clear: both;
	padding: 1px;
	background: #463f32;
	}
.tab{
	float: left;
	height: 25px;
	width: 70px;
	margin: 0 5px 0 0;
	text-align: center;
	background: #a4db4d;
	border: 1px solid #463f32;
	}
.tabtxt{
	margin: 0;
	color: #fff;
	font-size: 10px;
	font-weight: lighter;
	padding: 5px 0 0 0;
	}
		
#accordion {
	float: left;
	margin:5px 0px;
	width: 500px;
}

h3.toggler {
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #a4db4d;
	background: #463f32;
	margin: 4px 0 4px 10px;
	padding: 3px 5px 3px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px 4px 4px 20px;
	text-align: justify;
}