/* CSS Document */
#flash {
	position: absolute;
	top: 0;
	left: 0;
}
* {
	margin: 0;
	padding: 0;
}


/* BALISES HTML */
html, body {
	background-color: #EFEFEF;
	
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	

}
html {
	//overflow-x: hidden;
}
a img {
	border: none;
}
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	position: relative;
	width:1020px;
	text-align:right;
	font-size: 9px;
	z-index: 1;
	color:#EFEFEF;
	
	text-align: right;
	margin: 0 auto;
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #EFEFEF;
    margin: 0 0 0 7px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #000;
}




/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1020px;      /* ici la largeur fixe de l'element a centrer */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on r�tablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;
}
#conteneur {
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	
	width: 1020px;
	height: 570px;
	
	background-color: #fff;
	
	z-index: 1;
	
}

/* Bandeau haut */
#bandeau_haut {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 1020px;
	height: 200px;
	
	background-image: url(images/home_bandeau_haut.jpg);
	background-repeat: no-repeat;
	
	z-index: 2;
}

/* Bandeau bas */
#bandeau_bas {
	position: absolute;
	top: 71px;
	left: 637px;
	
	width: 303px;
	height: 114px;
	z-index: 2;
}

h1 {
	position: absolute;
	top: 64px;
	left: 90px;
	z-index: 10;

}

h1 img {
}

h2.access {  /* Balise H2 masquee */
	position: relative;
	color: #FFFFFF;
	z-index: 100;
	font-size: 100%;
	top:-1000px;
}

/* MENU ET RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#block_menu {
	position: absolute;
	width: 990px;
	height: 105px;
	background: url('images/vague_rouge.png') no-repeat top left;
	top: 71px;
	left: 0;
    width: 1020px;	
	list-style-type: none;
}
#block_menu > li > a > img {
	position: absolute;
	top:0;
}
#rub_26 {
	position: absolute;
	top: 57px;
	left: 257px;
}
#rub_27 {
	position: absolute;
	top: 43px;
	left: 333px;
}
#art_12 {
	position: absolute;
	top: 24px;
	left: 410px;
}
#art_11 {
	position: absolute;
	top: 10px;
	left: 505px;
}

/* MENU BAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	position: absolute;
	top: 230px;
	left: 0;
	
	width: 258px;
	height: 340px;
	
	background-image: url(images/home_bg_menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	z-index: 100;
	
	list-style-type: none;
}
ul#nav_principale li {
	display: inline;
}


/* Recherche */
#recherche {
	position: absolute;
	float:left;
	top: 165px;
	left: 312px;
	width: 250px;
	z-index: 100;
}

#recherche label { /* Label */
	display: none;
}
#recherche img, #recherche input, #recherche label { 
	vertical-align: middle;
}

#recherche p{
	position:relative;
	float:left;
	width:132px;
	background-image: url(images/home_bg_recherche.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 5px;
}
#rechercher {
	background: transparent;
	background-attachment: inherit;
	
	text-align:left;
	
	width: 120px;
	height: 17px;
	
	border: 0;
	color: #69B041;
	font-size: 1.3em;
	line-height: 17px;

}
#recherche input[type="image"]{
	width: 22px;
	height: 17px;
}
#recherche img{
margin-left: 11px;
}
/* ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#actus {
	position: absolute;
	top: 200px;
	left: 258px;
	
	width: 274px;
	height: 370px;
	
	background-image: url(images/fond_actu.png);
	background-repeat: repeat-y;
	background-position: left;
	
	z-index: 90;
}
#actus h2 {
	margin: -6px 0 0 80px;
}
#actus p img {
	border: 1px solid  #FFFFFF;
	margin: 2px 10px 5px 0;
	float: left;
	
}
#actus h3 {
	min-height: 25px;
	margin: 9px 20px 1px 15px;
	font-size: 1.3em;
    opacity: 0.9;
	filter: alpha(opacity = 90);	
}
#actus h3 span {
	color: #FFFFFF;
}
#actus h3 a{
	color: #FFFFFF ; /*#E74848;*/
	text-decoration: none;
}
#agenda h3 a:hover {
	text-decoration: none;
}
#actus h3 a:hover {
	text-decoration: underline;
}
#agenda p img {
	border: 1px solid  #1A7A1C;
	margin: 2px 4px 4px 10px;
	float: left;
	
}
#agenda h3 {
	top: 0;
	left: 0;

	margin: 9px 0 1px 15px;
	font-size: 1.3em;
	font-weight: bold;
}
#agenda h3 span {
	color: #64bb3b;
	text-decoration: none;	
}
#agenda h3 a {
	left: -15px;
	color: #006600 ; /*#E74848;*/
	text-decoration: underline;
}
#agenda p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
	text-decoration: none;
	font-size: 1.3em;
/*	font-weight: bold;*/
	color: #6c6c6c;		
}
#agenda p a {
	color: #6C6C6C;
	text-decoration: none;
}
#agenda p a:hover {
	text-decoration: underline;
}

#actus p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 30px 0 13px;
	font-size: 1.3em;
	text-align: justify;
	color: #FFFFFF;	
}
#actus p a {
	color: #6C6C6C;
	text-decoration: none;
}
#actus p a:hover {
	text-decoration: underline;
}

.clear_filet {
	clear: both;
	height: 1px; /* correction page a rallonge sous netscape*/
	font-size: 1px;

	margin: 0 0 0 5px;

	background-image: url(images/filet_actu.png);
	background-repeat: no-repeat;
	background-position: top left;

}
#leconteneurdroit{
	position: absolute;
	top: 200px;
	left: 532px;
	
	width: 488px;
	height: 370px;
	
	background-image: url(images/fond_agenda_carte.png);
	background-repeat: no-repeat;
	background-position: top left;	
}

/* AGENDA */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#agenda {
	position: relative;
	float:left;
	top: 0;
	left: 0;
	
	width: 255px;
}
#agenda h2 {
	position: relative;
	left: 28px;
	top: 4px;
	width: 106px;
	margin: -1px 0 11px 49px;
}
/* Colonne actu agenda */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_actu_agenda {
	float: left;
	margin: 21px 0 0 6px;
}

#colonne_actu_agenda h3{
	position: relative;
	float: left;
	background-image: url(images/puce_actu_agenda.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	margin: -1px 0 0 16px;
    text-indent: 16px;
    color: #64BB3B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    text-align: left;
    text-decoration: none;
    z-index: 250;
}
.puce_agenda  {
	position: relative;
	float: left;
	background-image: url(images/puce_agenda.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	margin: -1px 0 0 89px;
	padding: 0 0 0 6px;
    color: #313131;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
}
.puce_agenda a {
	color: #313131;
}
.puce_agenda a:link, a:visited {
	text-decoration: underline;
}
.puce_agenda a:hover{
	text-decoration: none;
}
/* Colonne droite */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite{
	position: relative;
	float:left;
	top: 0;
	left: 0;
	
	width: 215px;
	height: 232px;	
}
/* Newsletters */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#form_newsletter_css{
margin: 9px 0 0 34px;
}

#form_newsletter_css label{
	position:relative;
	float:left;
	color: #64BB3B;
    font-size: 1.4em;
    font-weight: bold;
    width: 149px;
	height: 19px;
}
#form_newsletter_css img, #form_newsletter_css input {
	position:relative;
	float:right;
	vertical-align: middle;
}

#form_newsletter_css p{
	position:relative;
	float:left;
	width: 149px;
	height: 19px;
	background-image: url(images/fond_newsletter.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 2px;
	margin-top: 2px;
}
#form_newsletter_css a{
	position:relative;
	float:left;
	margin: 2px 0 0 0; 
	width: 24px;
	height: 22px;
}
#form_newsletter_css input {
    left: -27px;
	
	background: transparent;
	background-attachment: inherit;
	
	text-align:left;
	
	width: 120px;
	height: 17px;
	
	border: 0;
	color: #5d5089;
	font-size: 1.6em;
	line-height: 17px;

}

#form_newsletter_css img{
margin: 0 0 0 0;
}
.contact2{
	width: 80px;	
}
.contact2 input{
	width: 80px;	
}
.message_newsletter{
	font-size: 1.4em;
	color: red;
	margin: 0px 0 0 50px;
}
h2.message_newsletter {
margin: 10px 0 0 50px;
}
/* MENU 2 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu2 {
	position:relative;
	float:left;
	left: 46px;
	top:17px;
	height:70px;
	width: 149px;
    z-index: 10;
}
#menu2 a {
	display: block;
	width: 149px;
	height: 19px;
	line-height: 17px;
	background-image: url(images/home_bg_menu_droit.png);
	background-repeat: no-repeat;
	margin-bottom: 7px;
	
	padding: 0px 0px 0px 9px;
	
	text-decoration: none;
	color: #006600;
	font-weight: bold;
    font-style: italic;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.27em;
	letter-spacing:-0.12em; 
}
#menu2 a:hover {
	background-image: url(images/home_bg_menu_droit-over.png);
	
}
#menu2 a:first-child {
	position: relative;
	top: 1px;
	display: block;
	width: 149px;
	height: 19px;
	line-height: 18px;
	background-image: url(images/home_bg_menu_droit.png);
	background-repeat: no-repeat;
	margin-bottom: 7px;
	
	padding: 0px 0px 0px 9px;
	
	text-decoration: none;
	color: #006600;
	font-weight: bold;
    font-style: italic;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.27em;
	letter-spacing:-0.12em; 
}
#menu2 a:hover:first-child {
	background-image: url(images/home_bg_menu_droit-over.png);
	
}
/* CARTE LOCALISATION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#carte {
	position:relative;
	float:left;
	top:27px;
	left:44px;
	width:149px;
}
img.localisation {
	margin: 15px 0px 0px 3px;
}



/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
    height: auto;
    left: 10px;
/*    min-height: 17px;*/
    position: relative;
    top: 506px;
    z-index: 150;
}

html>body #footer {
	height: auto;
	min-height: 17px;
}

#footer h2 { /* Balise H2 pied de page masquee */
	position:relative;
	color: #fff;
	z-index: 1;
	font-size: 100%;
	text-align: center;
	margin: 0px 0px 0px 200px;
}

#footer ul { /* Liste */
	list-style-type: none;
	color: #FFD60C;
	font-size: 10px;
}

html>body #footer ul {
	color: #115912;
	height: auto;
	min-height: 17px;
}

#footer ul li { /* Liste element */
	display: inline;
}

#footer a { /* Liste element lien */
	color: #115912;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
}

#footer a:hover { /* Liste element lien hover */
	text-decoration: underline;
}

#footer img { /* Liste element image */
	vertical-align: middle;
}

/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser � placer un   pour eviter le bug sous netscape (page � rallonge) */ 
.clear {
	clear: both;
	height: 0; /* correction page a rallonge sous netscape*/
	line-height: 0;
	font-size: 1px;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }