/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #bac3d5;
	height: 100%;
	padding: 0px 0px 10px 0px;
	
	text-align: center;
	
	background-image: url(images/home_bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liensevitement { /* Block contenant les liens d'evitement */
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
		
	text-align: right;
	color: #ffffff;
	
	font-size: 0.6em;
}

#liensevitement a { /* Les liens d'evitement */
	color: #ffffff;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #7A8AAE;
}

/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENEUR */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conteneur { /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	z-index: 1;
	text-align: left;
	margin-top: 0px;
	background-image: url(images/int_bg_conteneur.jpg);
	background-repeat: repeat-y;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	list-style: none;
	position: relative;
	margin: 0px 0 0 25px;
	top: 41px;
	z-index: 99;
	width: 945px;
}

ul#nav_principale li {
	display: inline;
}

#bandeau {
	z-index: 1;
	width: 627px;
	height: 296px;
	position: relative;
	background-image:url(images/page_bandeau.jpg);
	background-repeat: no-repeat;
	background-position: 0px 24px;

}


.imprimer { /* paragraphe bouton Imprimer */
	text-align: right;
	margin: -25px 30px 0 0;
}
.imprimer img { /* paragraphe bouton Imprimer */
	vertical-align: middle;
}
.imprimer a { /* paragraphe bouton Imprimer */
	font-size: 0.9em;
	color: #80bb01;
	text-decoration: none;
}
.imprimer a:hover { /* paragraphe bouton Imprimer */
	color: #486a00;
	text-decoration: underline;
}


h2.access {  /* Balise H2 masquee */
	position: absolute;
	z-index: 100;
	top:-10000px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form#recherche {  /* Formulaire */
	height: 83px;
	margin: 8px 0 0 21px;
	width: auto;
}
html>body #recherche {  /* Formulaire */
	height: 83px;
}

#recherche p {
	width: auto;

}
#recherche label { /* Label */
	display: none;
}

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #ffffff;
	border: none;
	font-size: 0.7em;
	width: 112px;
	background-color: #7a8aae;
	padding: 0 2px 0 2px;
}
#recherche input.boutonok, input.boutonok  {
	width: 20px;

	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-color: transparent;
	
	color: #7a8aae;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

#recherche input.boutonok:hover, input.boutonok:hover {
	color: #54595C;
}

/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche { /* Colonne gauche */
	overflow-x: visible!important;
	overflow-x: hidden;
	
	float: left;
	width: 158px;
	height: 661px;
	
	margin: -41px 0 0 0;
	padding: 24px 0 0 0;
	
	background-image: url(images/int_bg_colgauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}
html>body #colonne_gauche { /* Colonne gauche */
	height: auto;
	min-height: 661px;

}

/* VERSION ANGLAISE	 */

#version_fr a {
	display: block;
	background-image: url(images/home_flag_en.jpg);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
	padding: 0 0 2px 25px;
	margin: 0 0 0 25px;
	font-size: 0.6em;
	color: #b5b5b5;
	width: 100px;
	

}
#version_fr a:hover {
	background-image: url(images/home_flag_en-over.jpg);
	color: #6b6b6b;
}


#version_en a {
	display: block;
	background-image: url(images/home_flag_fr.jpg);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
	padding: 0 0 2px 25px;
	margin: 0 0 0 25px;
	font-size: 0.6em;
	color: #b5b5b5;
	width: 100px;
	

}
#version_en a:hover {
	background-image: url(images/home_flag_fr-over.jpg);
	color: #6b6b6b;
}

#attente_version_fr {
	width: 1px;
	height: 17px;
}

/*  MENU VIE PRATIQUE */
#colonne_gauche h2.viepratique {
	margin: 27px 11px 6px 4px;
	padding: 1px 11px 1px 0;
	text-align: right;
	background-color: #cfe6f1;
	font-size: 0.7em;
	text-transform: uppercase;
	color: #444343;
	border: none;
}

ul#vie_pratique {
	margin: 0 11px 0 4px;
	text-align: right;
	font-size: 0.6em;
	font-weight: bold;
}
ul#vie_pratique li {
	display: inline;
}
ul#vie_pratique li a {
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 11px 2px 0;
	background-image: url(images/puce_viepratique.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #444343;
	text-decoration: none;
}
ul#vie_pratique li a:hover, ul#vie_pratique li a.on {
	background-color: #cfe6f1;
	text-decoration: underline;
}

/* RSS */
#rss {
	margin: 150px 0 0 14px;
}
#rss a {
	color: #ff9000;
	font-size: 0.7em;
}
#rss img {
	vertical-align: middle;
}
/* COLONNE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_contenu {	
	overflow-x: visible!important;
	overflow-x: hidden;
	float: left;
	width: 627px;

	margin: -41px 0 0 0;
	padding: 0 0 30px 0;
	background-image: url(images/int_bg_block_contenu.gif);
	background-repeat: no-repeat;
	background-position: 0px 296px;

}
#contenu {	
	padding: 0 34px 0 18px;
	font-family: Arial, Helvetica, sans-serif;
}

/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: right;
	width: 215px;
	/*height: 626px; */
	overflow-x: visible!important;
	overflow-x: hidden;
	position: relative;
	z-index: 3;

	margin: -41px 0 0 0;
	background-image: url(images/int_bg_coldroite.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
html>body #colonne_droite {
	/*height: auto;
	min-height: 626px;*/
}

#haut_coldroite {
	background-image: url(images/int_bg_hautcoldroite.jpg);
	background-repeat: no-repeat;
	background-position: top;
	//zoom: 1;

}
#bas_coldroite {
	height: 290px;
	//height: 340px;
	background-image: url(images/int_bg_bascoldroite.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 60px 0;

}
html>body #bas_coldroite {
	height: auto;
	min-height: 290px;
	//min-height: 340px;
}
#bg_coldroite {
	background-image: url(images/int_bg_bgcoldroite.gif);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* H1 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	margin: 0 0 0 16px;
	width: 169px;
}

/*  MENU VIE PRATIQUE */
h2.viequotidienne {
	margin: 33px 0 10px 14px;
	border-top: 5px solid #80bb01;
	color: #80bb01;
	text-transform: uppercase;
	width: 150px;
	text-align: right;
	padding: 3px 3px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}

ul#vie_quotidienne {
	margin: 0 30px 0 9px;
	font-size: 0.6em;
	font-weight: bold;
}
ul#vie_quotidienne li {
	display: inline;
}
ul#vie_quotidienne li a {
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 0 2px 11px;
	background-image: url(images/puce_viequotidienne.gif);
	background-repeat: no-repeat;
	background-position: 0% 52%;
	text-decoration: none;
	color: #70940c;
	//zoom: 1;
}
ul#vie_quotidienne li a:hover, ul#vie_quotidienne li a.on {
	color: #ffffff;
	text-decoration: underline;
	background-color: #80bb01;

}

/* ACTUALITES */
#block_actus {
	background-image: url(images/int_bg_titre_actus.gif);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	padding: 2px 30px 0 14px;
	font-size: 0.8em;
}
h2.actus {
	margin: 0 0 10px 0;
	border-top: 5px solid #ff9000;
	color: #ff9000;
	text-transform: uppercase;
	width: 106px;
	text-align: right;
	padding: 3px 3px 0 0;
	font-size: 1.6em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;

}
.last_evmnt, .last_actus {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background-image: url(images/int_filet_actus.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.texte_evmnt, .texte_actu {
	font-size: 0.9em;
}
.date_evmnt, .date_actu {
	font-size: 0.9em;
	color: #6d6d6d;
}
#block_actus h3 {
	font-size: 0.9em;
	margin: 0 0 5px 0;
}
#block_actus h3 a {
	color: #cb7300;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE SOMMAIRE_A_LA_UNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilisé par la page sommaire
*/

div.une {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background-image: url(images/int_filet_actus.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 0.8em;
}
.date_une { /* Date evenement */
	font-size: 0.9em;
	color: #6d6d6d;
}

.une h3 { /* Titre evenement lien */
	font-size: 0.9em;
	margin: 0 0 5px 0;
}
.une h3 a { /* Titre evenement lien */
	color: #cb7300;
}

div.zone_texte_une { /* Block de texte à coté de la photo. Pour eviter un retour sous la photo : fixer un width et passer en flottant left */
}
p.texte_une { /* Texte evenement */
	font-size: 0.9em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE SOMMAIRE_LAST_ACTU_EVMNT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilisé par la page sommaire
*/


div.last_actuevmnt { /* Block 1 evenement */
		margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background-image: url(images/int_filet_actus.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 0.8em;
}

.date_actuevmnt { /* Date evenement */
	font-size: 0.9em;
	color: #6d6d6d;
}

.last_actuevmnt h3 { /* Titre evenement lien */
	font-size: 0.9em;
	margin: 0 0 5px 0;
}
.last_actuevmnt h3 a { /* Titre evenement lien */
	color: #cb7300;
}

div.zone_texte_actuevmnt { /* Block de texte à coté de la photo. Pour eviter un retour sous la photo : fixer un width et passer en flottant left */
}
p.texte_actuevmnt { /* Texte evenement */
	font-size: 0.9em;
}






/* NEWSLETTER */
.formulaire_inscription {
	margin: 28px 0 0 14px;
}

.formulaire_inscription fieldset {
	border: none;
	background-color: transparent;
}
.formulaire_inscription legend, .formulaire_inscription h2 {
	border: none;
	color: #424241;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	background-color: transparent;
	margin: 0;
	padding: 0;
	

}
.formulaire_inscription legend {
	//margin: 0 0 0 -7px;
}

.formulaire_inscription #mail_inscription_ {
	border: none;
	font-size: 0.7em;
}
.formulaire_inscription label {
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
}
.formulaire_inscription input {
	vertical-align: middle;
	padding: 0 2px 0 2px;
}

.formulaire_inscription .float_left {
	float: left;
	width: auto;
	margin: 5px 5px 0 0;
}
.formulaire_inscription span {
	font-size: 0.7em;
	display: block;
}

.formulaire_inscription input.spip_boutoncss  {
	width: 20px;

	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-color: transparent;
	
	color: #646262;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

.formulaire_inscription input.spip_boutoncss:hover {
	color: #7A8AAE;
}




/* NEWSLETTER DANS LE CONTENU */
#contenu .formulaire_inscription {
	margin: 0;
}
#contenu .formulaire_inscription span {
	font-size: 0.85em;
}
#contenu .formulaire_inscription fieldset {
	background-color:#E0E6F2;
	border:medium none;
	margin-bottom:10px;
	margin-top:0;
	padding:5px;
	position:relative;
	z-index:90;
}
#contenu .formulaire_inscription legend, .formulaire_inscription h2 {
	background-color:#FFFFFF;
	border:1px solid #475D8F;
	color:#475D8F;
	margin:0 0 10px;
	padding:5px;
	position:relative;
	z-index:99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}
#contenu .formulaire_inscription legend {
}

#contenu .formulaire_inscription #mail_inscription_ {
	font-size: 0.85em;
	border:1px solid #475D8F;
}
#contenu .formulaire_inscription label {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
#contenu .formulaire_inscription input {
	border:1px solid #475D8F;
}

#contenu .formulaire_inscription .float_left {
	float: left;
	width: auto;
	margin: 5px 5px 0 0;
}
#contenu .formulaire_inscription input.spip_boutoncss  {
	width: 20px;

	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-color: transparent;
	
	color: #646262;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

#contenu .formulaire_inscription input.spip_boutoncss:hover {
	color: #7A8AAE;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */		
	clear: both;
	font-size: 0.6em;
	color: #565757;
	margin: 11px auto 0 auto;
	padding: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/home_bg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 945px;
}

#footer ul { /* Liste */
	list-style-type: none;

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

}

/* MENU DIVERS */
#menu_divers {
	width: auto;
	float: right;
}
#menu_divers li a {
	color: #565757;
}
#menu_divers li a:hover {
	color: #000001;
}

#menu_divers li a.artplan {
	background-image: url(images/puce_plan.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 2px 0 2px 15px;

}

#menu_divers li a.artaccess {
	background-image: url(images/puce_access.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 2px 19px 2px 0;
	text-transform: uppercase;

}
#menu_divers li a.artaccess:hover {
	background-image: url(images/puce_access-over.gif);

}

#adresse {
	padding: 0 0 2px 0;
}


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

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

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }
html[xmlns] .format_png { behavior/*\**/: url(); }

.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}