/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BACKGROUND        ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

html, body
{
	height : 1024px;
	margin : 0px;
	padding : 0px;
	/* background-color : #D6D1A7; */
	font-family : Tahoma, Veranda, Arial;
	background: url("../images/Fond.gif") repeat-y fixed top;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////    STRUCTURE GLOBALE    ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#conteneur_1
{
	min-height : 100%;
}

#conteneur_2
{
	width : 800px%;
	min-width : 600px;
	margin : auto;
	padding-top : 10px;
	padding-bottom : 120px;
}

#corps
{
	width : 85%;
	color : #000000;
}

#marge_interieure
{
	padding : 3px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////        BANNIERE        ////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#banniere
{
	height : 145px;
	background : url("../images/banniere.png") top left;
	overflow : hidden;
	position : relative;
}
#banner {width:700px; height:145px }
#logo
{
	width : 400px;
	height : 101px;
	background :url("../images/logo_ODS_noName.png");
	float : left;
	position : relative;
	left : 5px;
	top : 0px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////          TEXTE          ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#texte 
{
	padding : 20px;
	/*margin-left : 215px;*/
	text-align : justify;
	font-size : 1.0em; 
}

p
{
	margin-top : 0px;
}

h1
{
	font-size : 16px;
	margin-top : 0px;
}

h2
{
	font-size : 14px;
	margin-top : 0px;
}
		
a
{
	color : #288de8;
	text-decoration : none;
}

a:hover
{
	color : #ff8000;
}

#overflow
{
	overflow : hidden;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////     MENU HORIZONTAL     ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#MH
{
	height : 33px;
	min-width : 600px;
	background : url("../images/MH.png");
	text-align : left;
	margin : 0;
	padding : 0;
}

#MH li
{
	display : inline;
}

#MH a
{
	height : 26px;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 0px;
	display : inline-block;
	margin : 0;
}

#MH a:hover
{
	color : #C8C8C8;
	background : url("../images/MH_hover.png");
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////     MENU VERTICAL     ////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#MV
{
	width : 200px;
	float : left;
	text-align : center;
	margin-top : 20px;
	margin-left : 6px;
}

.marge_MV
{
	height : 20px;
}

.en_tete_MV
{
	width : 200px;
	height : 23px;
	background : url("../images/en_tete_MV.png") no-repeat;
	margin : auto;
	color : #D1D1D1;
	font-size : 11px;
	padding-top : 4px;
}

#Commendite
{
	color:#CCC;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
a.lien_MV
{
	width : 200px;
	height : 25px;
	background : url("../images/bouton_MV.png") no-repeat;
	margin : auto;
	color : #424242;
	font-size : 11px;
	font-weight : bold;
	padding-top : 5px;
	text-decoration : none;
	display : block;
}

a.lien_MV:hover
{
	background : url("../images/bouton_MV_hover.png") no-repeat;
	color : #1E1E1E;
}

.bottom_MV
{
	width : 200px;
	height : 17px;
	background : url("../images/bottom_MV.png") no-repeat;
	margin : auto;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BAS DE PAGE       ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#pied_de_page
{
	height : 30px;
	background : url("../images/pied_de_page.png") center;
	margin-top : -0px;
	min-width : 600px;
	text-align : center;
	padding-top : 0px;
	color: #FFF;
	font-size:0.6em;
}

#clear_both
{
	clear : both;
}
.Text 
{
	font-size:1.0em;
	font-family: Tahoma, Veranda, Arial;
}
#currentEvents {  /* Events section is set to auto scroll when height exceeds 165px */
	width:520px; 
	height:200px; 
	padding:10px; 
	overflow:auto;
	margin:0 0 10px 0;
	border:1px solid #65391F;
	font-size:1.0em;
	color:#000;
	}
.eventsDate { background:#2C1908; color:#fff; text-decoration:none; padding:0 3px; font-weight:bold }
#rightContent { float:left; width:85%; margin:5px 0 0 53px }
#HistEvents {  /* Events section is set to auto scroll when height exceeds 165px */
	width:100%; 
	height:650px; 
	padding:10px; 
	overflow:auto;
	margin:0 0 10px 0;
	border:1px solid #2C1908;
	}
.spacer { height:5px; clear:both }

#left {
	float: left;
	width: 80%;
	padding-top: 25px;
	padding-left:10px;
	padding-bottom: 35px;
	text-align: justify;
	padding-right: 27px;
}