/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


/* BALISES HTML */
html, body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #AD6674;
	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 */
h2.access { 
	position: absolute;
	color: #FFFFFF;
	z-index: 1;
	top:-1000px;
}
/* Lien évitement */
#liensevitement {
	position: relative;
	margin: 0 auto 1px auto;
	font-size: 0.6em;
	z-index: 1;
	color:#fff;
	text-align: right;
}

#liensevitement a {
	text-decoration: none;
	color:#fff;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {
	text-decoration: underline;
	color: #4C8397;
}

/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1003px;      /* ici la largeur fixe de l'element a center */
	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: 1003px;
	z-index: 1;
}


/* FLASH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#flash {
	background: url(images/home_bg_flash.jpg) no-repeat;
	min-height: 176px;
	height: 176px;
}
#slideshow {
	height: 176px;
}
#carte {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.6em;
	list-style: none;
}
#carte a {
	color: #fff;
}
#carte a:hover {
	text-decoration: none;
}
#carte.noscript {
	padding: 50px 0 0 0;
	margin: 0 ;
	background: #AF0527;
	height: 176px;
	width: 200px;
}
/* NAVIGATION PRINCIPALE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav_principale {
	font: Arial, Helvetica, sans-serif;
	background: #af0527;
	padding: 23px 0 29px 218px;
	border-bottom: 1px solid #cf697d;
	clear:both;
}

ul#nav_principale li {
	display: inline;
}
ul#nav_principale li a {
	font-size: 0.7em;
	color: #fff;
	text-decoration: none;
	background: url(images/picto_menu_principal.gif) no-repeat 0 50%;
	padding: 0 7px 0 14px;
}
ul#nav_principale li a:hover {
	color: #ffe500;
	text-decoration: underline;
}


/* 3 COLONNES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_gauche {
	float: left;
	display: inline;
	width: 192px;
	padding: 0 0 0 20px
}

h1 {
	margin: -117px 0 0 0;
	position: relative;
	z-index: 99;
}

/* Menu 1 */
ul#menu1 {
	padding: 32px 0 0 0;
	margin: 0 21px 0 0;
	list-style: none;
	width: 171px;
}
ul#menu1 li {
	padding: 0 0 3px 0;
	border-bottom: 1px solid #b6e7ed;
}
ul#menu1 li a {
	color: #25b8ca;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.05em;
}
ul#menu1 li img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}
ul#menu1 li a:hover {
	color: #979797;
	text-decoration: underline;
}
/* Menu 2 */
ul#menu2 {
	margin: 28px 21px 0 0;
	padding: 28px 9px 8px 2px;
	list-style: none;
	width: 159px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_menu2.gif) no-repeat 0 0;
}
ul#menu2 li {
	padding: 0 0 3px 0;
	margin: 0 0 2px 0;
	background: url(images/filet_menu2.gif) no-repeat bottom right;
}
ul#menu2 li a {
	color: #979797;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.1em;
}
ul#menu2 li img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}
ul#menu2 li a:hover {
	color: #25b8ca;
	text-decoration: underline;
}


/* Newsletter */
#newsletter {
	width: 158px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_menu2.gif) no-repeat 0 0 #af0527;
	margin: 49px 0 0 0;
	padding: 5px 8px 6px 5px; /*5px 11px 6px 8px;*/
}
#newsletter ul {
	margin: 0 0 4px 0;
}

#newsletter ul li {
	display: inline;
	font-size: 0.55em;
	color: #fff;
	letter-spacing: -0.07em;
	margin-left:2px;
}
#newsletter h2 {
	font-weight: bold;
	color: #ffe50c;
	font-size: 0.8em;
	letter-spacing: -0.05em;
	margin: 0 0 9px 17px;
}

#newsletter label.masque {
	display: none;
}

#newsletter input.texte_news {
	font-size: 60%;
	border: 1px solid #8ea3b8;
	color: #7c7b7c;
	width: 126px;
}

.newslettermsg { /* Message de retour du formulaire d'abonnement */
	color:#FF0000;
	font-size: 0.6em;
	background: #fff;
	padding: 2px;
}

#newsletter img.bouton_oknews, #newsletter input {
	vertical-align: middle;
}



/* COLONNE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_contenu {
	float: left;
	display: inline;
	width: 570px;
	margin: 0 0 0 -6px;
	padding: 0 0 0 13px;
	min-height: 1px;
}

.accroche {
	margin: 12px 0 31px 0;
	color: #af0527;
	font-size: 0.6em;
	font-weight: bold;
	letter-spacing:0.09em;
}

/* Présentation des actus */
.block_actus {
	background-color: #e9e7e7;
	min-height: 127px;
	margin: 0 0 23px 0;
}

.photo {
	float: left;
	display: inline;
	width: 241px;
	margin: -10px 0 0 0;
}
.photo .date_actu {
	background: #25b8ca;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px 0 2px 13px;
}

.infos {
	float: left;
	display: inline;
	width: 300px;
	padding: 5px 9px 0 20px;
}
.infos .entete {
	font-size: 0.7em;
	color: #1d909e;
	font-weight: bold;
}
.infos h3 {
	color: #787878;
	font-size: 0.7em;
	border-top: 1px solid #acacac;
	margin: 4px 0 4px 0;
	padding: 3px 0 0 0;
}
.infos .texte_actu {
	color: #5f5f5f;
	font-size: 0.6em;
}
.infos .suite a {
	color: #000000;
	font-size: 0.6em;
	background: url(images/picto_suite.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
	text-align: right;
	font-size: 0.6em;
	font-weight: bold;
	text-decoration: none;
}
.infos .suite a:hover {
	text-decoration: underline;
}
.infos .suite {
	text-align: right;
	margin: 9px 0 2px 0;
}


.toutesactus {
	background-color: #e9e7e7;
	text-align: right;
	padding: 5px 15px 5px 0;
	margin: -10px 0 0 0;
}
.toutesactus a {
	color: #000000;
	font-size: 0.6em;
	background: url(images/picto_suite.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
	text-align: right;
	font-size: 0.6em;
	font-weight: bold;
	text-decoration: none;
}
.photo.right, .infos.right {
	float: right;
}


/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: left;
	display: inline;
	width: 186px;
	_width: 182px;
	margin: 38px 0 0 28px;
}

/* Recherche */
#recherche img, #recherche input {
	vertical-align: middle;
}
#recherche input#Rechercher {
	color: #7c7b7c;
	border: 1px solid #a9a9a8;
	font-size: 0.6em;
	text-align: center;
	width: 145px;
}

#recherche label {
	color: #888885;
	font-size: 0.7em;
	display: block;
}


/* Block 1 */
#block1 {
	display: block;
	width: 150px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_blocks.gif) no-repeat 0 0;
	margin: 28px 0 0 0;
	padding: 16px 7px 6px 6px;
	text-align: center;
	font-size: 0.6em;
	color: #5f5f5f;
}
a#block1 {
	text-decoration: none;
}
a#block1:hover {
	text-decoration: underline;
}

#block1 span {	
	display: block;
	text-align: left;
}

#block1 span.titre {	
	color: #83b817;
	font-size: 2.2em;
	padding: 0 0 0 34px;
}
#block1 span.chapo {	
	color: #25b8ca;
	padding: 3px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: -0.02em;
}
#block1 span.texte {	
	color: #5f5f5f;
	padding: 4px 0 7px 3px;
	line-height: 1.1em;
}

/* Block 2 */
#block2 {
	width: 150px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_blocks.gif) no-repeat 0 0 #83b817;
	margin: 28px 0 0 0;
	padding: 10px 7px 4px 6px;
	text-align: center;
	display: block;
	font-size: 0.7em;
	color: #fff;
}
a#block2 {
	text-decoration: none;
}
a#block2:hover {
	text-decoration: underline;
}

#block2 span {	
	display: block;
	text-align: left;
}

#block2 span.titre {	
	color: #fff;
	font-size: 1.8em;
	padding: 0 0 5px 31px;
}
#block2 span.texte {	
	color: #fff;
	padding: 2px 0 0px 0;
}




/* Pied de page */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	text-align: center;
	margin: 5px 0 5px 0;
	font-size: 0.6em;
	color: #969696;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	color: #969696;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
	clear: both;
	height: 0px; 
	line-height: 0px;
	font-size: 1px;
}

.format_png { behavior: url(win_png.htc); }