/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

/* BALISES HTML */
body {
	background-color: #fff;
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 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;
	width: 1003px;
	margin: 0 auto 3px auto;
	text-align:right;
	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 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	z-index: 1;
	background-color: #FFFFFF;
	text-align: left;
}


/* FLASH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#flash {
	background: url(images/int_bg_flash.jpg) no-repeat;
	min-height: 176px;
	height: 176px;
	text-align: left;
}
#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, ul#nav_principale li a.on {
	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;
}





/* SOUS MENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Niveau 1 */
#ssmenu {
	list-style-type: none;
}
#ssmenu li {
	display: inline;
}
#ssmenu li a {
	display: block;
}
#ssmenu li a.niveau1 {
	font-size: 0.8em;
	border-top: 1px solid #dfdfdf;
	color: #a1a1a1;
	padding: 3px 4px 3px 23px;
	text-decoration: none;
}
#ssmenu li a.niveau1:hover, #ssmenu li a.niveau1actif{
	font-size: 0.8em;
	text-decoration: underline;
	background: #d6f2f5;
	color: #6e6f6f;
	border-top: 1px solid #25b8ca;
	padding: 3px 4px 3px 23px;
}


/* Niveau 2 */
.ssmenu2 {
	list-style-type: none;
	/* margin: 0 0 13px 0; */
}
#ssmenu .ssmenu2 li a.niveau2 {
	font-size: 0.7em;
	color: #adadad;
	padding: 3px 4px 3px 54px;
	background: url(images/picto_niv2.gif) no-repeat 41px 0.6em;
}
#ssmenu .ssmenu2 li a.niveau2:hover, #ssmenu .ssmenu2 li a.niveau2actif {
	font-size: 0.7em;
	color: #6f6f6f;
	padding: 3px 4px 3px 54px;
	background: url(images/picto_niv2-over.gif) no-repeat 41px 0.6em #ececec;
}


/* Niveau 3 */
.ssmenu3 {
	list-style-type: none;
	/* margin: 0 0 13px 0; */
}
#ssmenu .ssmenu3 li a.niveau3 {
	font-size: 0.7em;
	color: #adadad;
	padding: 3px 4px 3px 63px;
	background: url(images/picto_niv3.gif) no-repeat 54px 0.7em;
}
#ssmenu .ssmenu3 li a.niveau3:hover, #ssmenu .ssmenu3 li a.niveau3actif {
	font-size: 0.7em;
	color: #6f6f6f;
	padding: 3px 4px 3px 63px;
	background: url(images/picto_niv3-over.gif) no-repeat 54px 0.7em;
}




/* 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: 583px;
	margin: 0 0 0 -6px;
	padding: 0;
	min-height: 1px;
}

#contenu {
	background: url(images/ombrage_contenu.png) repeat-y left;
	width: 583px;
}

#bas_contenu {
	width: 549px;
	padding: 0 13px 20px 21px;
	background: url(images/bas_contenu.gif) no-repeat bottom left;
}




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


/* 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;
	margin: 0 0 3px 0;
}


/* Menu 1 */
ul#menu1 {
	padding: 14px 0 0 0;
	margin: 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: 12px 0 0 0;
	padding: 28px 0 8px 2px;
	width: 165px;
	list-style: none;
	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_int.gif) no-repeat bottom center;
}
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;
}


/* Block 1 */
#block1 {
	display: block;
	width: 154px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_blocks.gif) no-repeat 0 0;
	margin: 9px 0 0 0;
	padding: 13px 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;
	margin: 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: 154px;
	border: 2px solid #a9a9a8;
	background: url(images/haut_bg_blocks.gif) no-repeat 0 0 #83b817;
	margin: 8px 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, #footer ul li a.on {
	text-decoration: underline;
}














.imprimer {
	float: right;
	margin:-54px 0 0;
}
.siimprimer {
	display: none;
}