body, html{
	font: 18px Arial, Tahoma, Verdana, sans-serif;
	color:#000000;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

img{
	border: 1px solid #04a0cc;
        padding:1px;
}


a{
	text-decoration: none;
        /*color:#000000;*/
        color:#3FA916;
}
a:hover{
	text-decoration: none;
        color:#04a0cc;
}

p{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-align: justify;
}

input {
	background-color: #04a0cc;
        border:1px solid #000;
        color:#FFFFFF;
	font-size: 11px;
	margin: 0px 0px 6px 0Px;
}
textarea {
	background-color: #04a0cc;
        border:1px solid #000;
        color:#FFFFFF;
	font-size: 11px;
	margin: 0px 0px 6px 0Px;
}
select {
	background-color: #04a0cc;
        border:1px solid #000;
        color:#FFFFFF;
	font-size: 11px;
	margin: 0px 0px 6px 0Px;
}
.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}
.espace_liste{
	height: 20px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}
.zoomImage {
        cursor:pointer;
}

/******  CONTENEUR  *****/

#super_conteneur{
	width: 100%;
	/*background: #fff url(images/fond_contenu.jpg) repeat-x center top;*/
	/*border: #0f0 solid 1px;*/
}


#conteneur{
	width:970px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	/*background: url(images/fond_conteneur.gif) repeat-y;*/
	/*border: #f0f solid 1px;*/
}

#conteneur_fond{
	width: 100%;
	padding: 0px 0px 0px 0px;
	/*background:  url(images/fond_sable.jpg) no-repeat;*/
	/*border: #00f solid 1px;*/
}



#conteneur{
	width: 970px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	/*background: #fff url(images/fond_conteneur.gif) repeat-y;*/
	/*border: #0f0 solid 1px;*/
}

#contenu{
	width: 640px;
	padding: 0px 30px 0px 30px;
	float: left;
	/*border: #00f solid 1px;*/
}
.contenu {
        text-align:justify;
}


/******  BANNIERE  *****/

#banniere{
        position:relative;
	width: 970px;
	height: 50px;
	margin: auto;
	/*border: #f0f solid 1px;*/
	z-index: 2;
}

/******  COLONNE GAUCHE  *****/

#colonne_gauche{
	width: 230px;
	float: left;
        background:#028DB4;
	padding: 0px 0px 0px 5px;
	/*border: #f0f solid 1px;*/
}

/******  COLONNE DROITE  *****/

#colonne_droite{
	width: 164px;
	float: right;
	padding: 0px 0px 0px 8px;
	/*border: #f0f solid 1px;*/
}

/******  MENU  *****/

.menu_droite{
	font-size: 14px;
	font-weight: bold;
	color: #989898;
	display: block;
	background: url(images/fond_menu_droite_off.gif) no-repeat top left;
	padding: 5px 0px 8px 28px;
}

.menu_droite:hover{
	background: url(images/fond_menu_droite_on.gif) no-repeat top left;
	color: #6c9d0f;
}


/******  MENU GAUCHE  *****/
.menu1{
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 13px 0px 0px 0px;
        /*border: #f0f solid 1px;*/
}

.menu1:hover{
	color: #91e7ff;
}
.menu1_actif{
	font-size: 18px;
	text-transform: uppercase;
	color: #91e7ff;
	display: block;
	background-repeat: no-repeat;
	padding: 13px 0px 0px 0px;
        /*border: #f0f solid 1px;*/
}

.menu1_actif:hover{
	color: #ffffff;
}

.menu2{
	font-size: 15px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 4px 0px 0px 15px;
}

.menu2:hover{
	color: #91e7ff;
}
.menu2_actif{
	font-size: 15px;
	color: #91e7ff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 4px 0px 0px 15px;
}

.menu2_actif:hover{
	color: #ffffff;
}
.menu3{
	font-size: 14px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 25px;
}

.menu3:hover{
	color: #91e7ff;
}
.menu3_actif{
	font-size: 14px;
	color: #91e7ff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 25px;
}

.menu3_actif:hover{
	color: #ffffff;
}
.menu4{
	font-size: 14px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 35px;
}

.menu4:hover{
	color: #91e7ff;
}
.menu4_actif{
	font-size: 14px;
	color: #91e7ff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 35px;
}

.menu4_actif:hover{
	color: #ffffff;
}


.menu5{
	font-size: 12px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 45px;
}

.menu5:hover{
	color: #91e7ff;
}
.menu5_actif{
	font-size: 12px;
	color: #91e7ff;
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 6px 7px;
	margin: 0px 0px 0px 45px;
}

.menu5_actif:hover{
	color: #ffffff;
}

/******  OUTILS  *****/

#bloc_outils{
	position: absolute;
        left:0px;
	top: 310px;
	width: 500px;
	padding: 0px 0px 0px 260px;
	/*border: #00f solid 1px;*/
	z-index: 2;
}

#bloc_outils a{
	/*display: block;*/
	font-size: 13px;
	color: #625540;
	width: 960px;
	margin: auto;
	text-align: right;
	padding: 0px 6px 0px 6px;
}

#bloc_outils a:hover{
	color: #c5a705;
}


/****** TITRE PAGE  *****/

#titre_page{
margin: 0px 0px 5px 0px;
/*border: #ff0 solid 1px;*/
}

.titre{
	color: #3FA916;
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 6px 0Px;
}
.sous_titre{
	color: #04a0cc;
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 6px 0Px;
}
.sous_titre_vert{
	color: #51D71C;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 6px 0Px;
}
.sous_titre_liste{
        background-color:#FCEC8F;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 6px 0Px;
        padding:3px;
}

.image_contenu{
	padding: 4px;
	background: #fff;
	margin: 0px 8px 8px 0px;
	border: #ada9a4 solid 1px;
}
.date_contenu {
        font-style:italic;
        font-weight:bold;
}
.telecharger {
        margin: 10px 0px 0px 20px;
        vertical-align:middle;
        font-style:italic;
}
.telecharger img{
        padding:3px;
        vertical-align:middle;
        font-style:italic;
}

/******  FOOTER  *****/

#bloc_footer{
	width: 100%;
	background: #028DB4;
	padding: 0px 0px 30px 0px;
}


#footer{
	width: 680px;
	height: 53px;
	margin: auto;
	padding: 8px 30px 0px 260px;
	/*border: #ff0 solid 1px;*/
}

#footer a{
	font-size: 14px;
        font-style:bold;
	color: #FFFFFF;
}



/******  ACCUEIL  *****/

#bloc_edito{
	width: 330px;
	float: left;
	padding: 0px 20px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

#bloc_edito h1{
	color: #04a0cc;
	font-size: 16px;
	font-weight: lighter;
	margin: 0px 0px 6px 0Px;
}

#colonne_droite_accueil{
	width: 290px;
	float: right;
	padding: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.bloc_actus{
	margin: 0px 0px 12px 0px;
}


.contenu_actus{
	background: #f2f7f9;
	padding: 5px;
}

.contenu_actus img{
	float: left;
	margin: 0px 7px 7px 0px;
}

.contenu_actus p{
	margin: 0px;
	padding: 0px;
}

.contenu_actus h2{
	/*color: #6aceea;*/
        /*color : #028CB3;*/
	font-weight: bold;
	margin: 0px 0px 4px 0px;
        font-size:20px;
}

.contenu_actus a{
	color: #028CB3;
	display: block;
	font-style: italic;
	text-align: right;
	margin: 0px 0px 4px 0px;
}
.contenu_actus a:hover{
}
