/*******************
feuille de style
*******************/

/*******************
balises
*******************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 11px;
	background-color: #ccc;
}
table,tr,td,div,img,h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0;
}
dl,dt,dd,ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
tr,td{
	vertical-align: top;
}
table{
	border-spacing: 0;
	border-collapse: collapse;
}
a{
	text-decoration: none;
}
a img{
	border: none;
}

/*******************
mep generales
*******************/
#total {
	width: 980px;
	margin: auto;
	background-color: #fff;
	position: relative;
}
#conteneur{
	background-image: url('../images/col_gauche_bas_bleu.gif');
	background-repeat: repeat-y;
}
#footer{
	width: 980px;
	height: 18px;
	padding-top: 28px;
	text-align: center;
	background-image: url('../images/footer_bleu.jpg');
	background-repeat: no-repeat;
	clear: both;
}

/*******************
mep header
*******************/
#header{
	width: 780px;
	height: 104px;
	float: right;
	background-color: #789eff;
}
#header a{
	color: #000;
}
#logo {
	float:left;
}
#header_droite{
	width: 208px;
	height: 104px;
	float: right;
}
#acces_texte{
	width: 185px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	background-image: url('../images/acces_texte.gif');
	background-position: top left;
	background-repeat: no-repeat;
	text-transform: uppercase;
}
#recherche{
	margin-top: 5px;
	width: 185px;
	height: 73px;
	position: relative;
	background-image: url('../images/fond-recherche.gif');
	background-repeat: no-repeat;
}
#recherche p{
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
}
body {behavior: url(styles/csshover.htc);} 
/* -- liste communes */
#liste_communes{
	width: 149px;
	height: 11px;
	padding: 4px 5px 5px 30px;
}
#liste_communes ul a{
	width: 178px;
	padding: 4px; 
	color: black;
	display: block;
	background-image: url('../images/menu_liste_header.gif');
	background-position: top left;
	background-repeat: repeat-y;
}
#liste_communes ul a:hover{
	background-image: url('../images/menu_liste_header_hover.gif');
}
#liste_communes_fin{
	background-image: url('../images/bas_menu_liste_header.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
#liste_communes ul{
	position: absolute;
	top: 52px;
	left: 0px;
	display: none;
	z-index: 101;
}
ul li#liste_communes:hover ul.niveau2{
	display:block;
}
/* -- acces thematique */
#acces_thema{
	width: 149px;
	height: 15px;
	padding: 0 5px 0 30px;
}
#acces_thema ul a{
	width: 178px;
	padding: 4px; 
	color: black;
	display: block;
	background-image: url('../images/menu_liste_header2.gif');
	background-position: top left;
	background-repeat: repeat-y; 
}
#acces_thema ul a:hover{
	background-image: url('../images/menu_liste_header_hover2.gif');
}
#acces_thema_fin{
	background-image: url('../images/bas_menu_liste_header2.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
#acces_thema ul{
	position: absolute;
	top: 67px;
	left: 0px;
	display: none;
	z-index: 100;
}
ul li#acces_thema:hover ul.niveau2{
	display:block;
}
/* -- date et titre */
#date{
	width: 182px;
	margin-top: 30px;
	float: left;
	text-align: center;
	color: #789eff;
}
#title_header{
	margin: 0 0 10px 60px;
	float: left;
}

/*******************
mep menu
*******************/
#menu{
	width: 975px;
	padding-left: 5px;
	height: 57px;
	display: block;
	background-image: url('../images/fond-menu-bleu.gif');
	background-repeat: no-repeat;
	background-color: #fff;
	clear: both;
	z-index: 1;
}
#menu a{
	color: #fff;
}
#accueil,#portrait-ccve,#service-pratique,#tourisme,#economie{
	float: left; 
	margin-right: 1px;
	display: block;
	height: 23px;
	font-size: 13px;
	padding: 13px 0 0 40px;
	text-align: center;
	z-index: 1;
}
#accueil{
	width: 150px;
}
#portrait-ccve{
	width: 183px;
	margin-left: 0;
}
#service-pratique{
	width: 160px;
}
#tourisme{
	width: 136px;
}
#economie{
	width: 136px;
}
#menu ul ul{
	position: absolute;
	top: 210px;
	display: none;
}
*html #menu ul ul{
	top: 208px;
}
*+html #menu ul ul{
	top: 208px;
}
#menu #portrait-ccve ul{
	left: 238px;
}
#menu #service-pratique ul{
	left: 461px;
}
#menu #tourisme ul{
	left: 661px;
}
#menu #economie ul{
	left: 840px;
}
div#menu ul li.sousmenu:hover ul{
	display: block;
}
#menu #portrait-ccve .niveau2 li a{
	width: 179px; 
	background: #a5b03a; 
}
#menu #portrait-ccve .niveau2 li a:hover{
	background: #6b790d; 
}
#menu #service-pratique .niveau2 li a{
	width: 154px; 
	background: #f49f26; 
}
#menu #service-pratique .niveau2 li a:hover{
	background: #e96306; 
}
#menu #tourisme .niveau2 li a{
	width: 133px; 
	background: #91336f; 
}
#menu #tourisme .niveau2 li a:hover{
	background: #520a30; 
}
#menu #economie .niveau2 li a{
	width: 132px; 
	background: #b28a6c; 
}
#menu #economie .niveau2 li a:hover{
	background: #7c4b2e; 
}
#portrait-ccve .niveau2,#service-pratique .niveau2,#tourisme .niveau2,#economie .niveau2{
	padding-bottom: 26px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
#portrait-ccve ul li a,#service-pratique ul li a,#tourisme ul li a,#economie ul li a {
	color: #fff;
	display: block;
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid white;
}
#portrait-ccve .niveau2{
	background-image: url('../images/bas_onglet_portrait.gif');
}
#service-pratique .niveau2{
	background-image: url('../images/bas_onglet_serv.gif');
}
#tourisme .niveau2{
	background-image: url('../images/bas_onglet_decouv.gif');
}
#economie .niveau2{
	background-image: url('../images/bas_onglet_eco.gif');
}

/*******************
mep colonne gauche
*******************/
#col_gauche{
	width: 204px;
	padding-bottom: 150px;
	float: left;
}
#edito{
	min-height: 150px;
	padding: 0 5px 40px 5px;
	background: #6699ff url('../images/fond_gauche_bleu.jpg') bottom left no-repeat;
	text-align: left;
	color: white;
	display: block;
	font-size: 10px;
}
#edito_image{
	text-align: center;
}
#edito_titre{
	padding: 5px 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}
#contact{
	padding: 15px 0 40px 0;
	text-align: center;
	background-image: url('../images/bas_gauche_bleu.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #a1bbff;
}

/*******************
mep sous menu
*******************/
#bloc_sous_menu{
	min-height: 150px;
	padding-bottom: 40px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: bottom;
}
#rubrique_titre{
	height: 30px;
	padding: 5px 0 5px 15px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: bottom;
}
#sous_menu{
	padding: 0 15px;
}
#sous_menu li{
	border-bottom: 1px solid #fff;
	padding: 3px 0;
}
#sous_menu li a{
	display: block;
	color: #fff;
}
#sous_menu li.selected a{
	color: #000;
}
#sous_menu li ul li{
	border: 0;
	margin-left: 20px;
}
#sous_menu li.selected ul li a{
	color: #fff;
}
#sous_menu li.selected ul li.selected a{
	color: #000;
}

/*******************
mep contenu
*******************/
#contenu{
	width: 557px;
	min-height: 25px;
	float: left;
	background-image: url('../images/coin_page_bleu.jpg');
	background-repeat: no-repeat;
	padding: 15px;
}
#contenu a{
	color: #789eff;
}
#contenu a:hover{
	text-decoration: underline;
}
#contenu ul,#contenu li{
	margin-left: 20px;
}
#contenu li{
	padding-left: 15px;
	background-image: url('../images/puce-bleu.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#chemin{
	margin: 0 0 10px 0;
	padding: 2px;
	color: #789eff;
	font-size: 9px;
}
#imprimer{
	margin: 0 0 10px 5px;
	padding-left: 20px;
	float: right;
	font-size: 9px;
	height: 16px;
	line-height: 16px;
	background-image: url('../images/imprimer.jpg');
	background-repeat: no-repeat;
}
#contenu h1{
	padding: 2px;
	margin-bottom: 10px;
	color: white;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #789eff;
}
#contenu h1.h1_noborder{
	margin-bottom: 0;
}

/*******************
mep colonne droite
*******************/
#col_droite{
	width: 186px;
	float: left;
}
#espace_mairies,#espace_presse{
	margin-top: 5px;
	padding-left: 20px;
	font-size: 9px;
	text-transform: uppercase;
	display: block;
	background-repeat: no-repeat;
}
#espace_mairies a,#espace_presse a{
	color: #000;
}
#espace_mairies{
	height: 22px;
	line-height: 22px;
	background-image: url('../images/icon_mairies.jpg');
}
#espace_presse{
	height: 18px;
	line-height: 18px;
	background-image: url('../images/icon_presse.jpg');
}
/* -- bloc decouvrir */
#decouvrir_bloc{
	width: 186px;
	min-height: 105px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/bloc_rose.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: left;
}
#decouvrir_titre{
	width: 176px;
	height: 38px;
	padding: 8px 0 0 10px;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('../images/titre_bloc_rose.gif');
	background-repeat: no-repeat;
}
#decouvrir_bloc p{
	border-left: 1px solid #a45f8b;
	border-right: 1px solid #a45f8b;
}
#decouvrir_bloc p#decouvrir_titre{
	border: none;
}
/* -- bloc documentation */
#documentation_titre{
	width: 176px;
	height: 34px;
	margin-top: 10px;
	padding: 8px 0 0 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('../images/titre_bloc_orange.gif');
	background-repeat: no-repeat;
}
#documentation_bloc{
	padding-bottom: 15px;
	min-height: 85px;
	width: 186px;
	background-image: url('../images/bloc_orange.jpg');
	background-position: bottom left ;
	background-repeat: no-repeat;
}
#documentation_bloc a{
	color: #000;
	padding-left: 15px;
}
#documentation_bloc a.bloc_fleche{
	background-image: url('../images/fleche_orange.gif');
	background-repeat: no-repeat;
}
#documentation_bloc p{
	padding: 0 5px;
	border-left: 1px solid #f59f26;
	border-right: 1px solid #f59f26;
}
/* -- bloc a voir aussi */
#a_voir_aussi_titre{
	width: 176px;
	height: 36px;
	margin-top: 10px;
	padding: 8px 0 0 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('../images/titre_bloc_brun.gif');
	background-repeat: no-repeat;
}
#a_voir_aussi_bloc{
	padding-bottom: 15px;
	min-height: 85px;
	width: 186px;
	background-image: url('../images/bloc_brun.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#a_voir_aussi_bloc a{
	color: #000;
	padding-left: 15px;
}
#a_voir_aussi_bloc a.bloc_fleche{
	background-image: url('../images/fleche_brun.gif');
	background-repeat: no-repeat;
}
#a_voir_aussi_bloc p{
	padding: 0 5px;
	border-left: 1px solid #b2826c;
	border-right: 1px solid #b2826c;
}
/* -- bloc en pratique */
#en_pratique_titre{
	width: 176px;
	height: 34px;
	margin-top: 10px;
	padding: 8px 0 0 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('../images/titre_bloc_bleu.gif');
	background-repeat: no-repeat;
}
#en_pratique_bloc{
	width: 186px;
	min-height: 85px;
	padding-bottom: 15px;
	background-image: url('../images/bloc_bleu.jpg');
	background-position: bottom left ;
	background-repeat: no-repeat;
}
#en_pratique_bloc p{
	padding: 0 5px;
	border-left: 1px solid #bcceff; 
	border-right: 1px solid #bcceff; 
}
a.bloc_fleche{
	color: #000;
	padding-left: 15px;
	background-image: url('../images/fleche_bleu.gif');
	background-repeat: no-repeat;
}
.bloc_texte_gris,.bloc_texte_gris a{
	color: #808080;
	font-size: 9px; 
}
/* -- bloc en pratique */
#sondage_titre{
	width: 176px;
	height: 34px;
	margin-top: 10px;
	padding: 8px 0 0 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('../images/titre_bloc_bleu.gif');
	background-repeat: no-repeat;
}
#sondage_bloc{
	width: 186px;
	min-height: 90px;
	padding-bottom: 15px;
	background-image: url('../images/bloc_bleu_sondage.jpg');
	background-position: bottom left ;
	background-repeat: no-repeat;
}
#sondage_bloc input{
	vertical-align: middle;
	font-size: 9px; 
}
#sondage_bloc p{
	padding: 0 5px;
	border-left: 1px solid #bcceff; 
	border-right: 1px solid #bcceff; 
	color: #808080;
	font-size: 9px; 
}
#sondage_bloc p#sondage_question{
	color: #000;
	font-weight: bold;
}
#sondage_bloc p.submit{
	padding: 5px 0 0 60px;
}
.barre_resultat_sondage{
	width: 250px;
	background: #789EFF;
	color: #fff;
}

/*******************
mep footer
*******************/
#footer a, #footer p{
	padding-top: 28px;
	color: black;
}

/*******************
mep plan du site
*******************/

#sitemap .rubrique0 a,#sitemap .rubrique1 a,#sitemap .rubrique2 a,#sitemap .rubrique3 a,#sitemap .rubrique4 a,#sitemap .rubrique5 a{
	margin-top: 15px;
	padding: 2px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
#sitemap .rubrique0{
	background: #789eff;
}
#sitemap .rubrique1{
	background: #a5b03a;
}
#sitemap .rubrique2{
	background: #f49f26;
}
#sitemap .rubrique3{
	background: #91336f;
}
#sitemap .rubrique4{
	background: #b28a6c;
}
#sitemap .rubrique5{
	background: #789eff;
}
#sitemap p.page0,#sitemap p.page1,#sitemap p.page2,#sitemap p.page3,#sitemap p.page4,#sitemap p.page5{
	margin-top: 5px;
}
#sitemap p.page0 a,#sitemap p.page1 a,#sitemap p.page2 a,#sitemap p.page3 a,#sitemap p.page4 a,#sitemap p.page5 a{
	margin-left:20px; 
	text-transform: uppercase;
}
#sitemap p.page0 a{
	color: #789eff;
}
#sitemap p.page1 a{
	color: #a5b03a;
}
#sitemap p.page2 a{
	color: #f49f26;
}
#sitemap p.page3 a{
	color: #91336f;
}
#sitemap p.page4 a{
	color: #b28a6c;
}
#sitemap p.page5 a{
	color: #789eff;
}
#sitemap p.souspage{
	margin-left: 40px;
}

/*******************
mep accueil
*******************/
#contenu .tableau_accueil table td,#contenu td.bordure_contenu{
	padding: 5px;
}
.tableau_accueil{
	width: 550px;
}
table,.tableau_accueil table{
	width: 100%;
}
.tableau_accueil td.accueil_col_g{
	width: 275px;
}
.tableau_accueil td.accueil_colonne_separe{
	width: 10px;
}
table .bordure_contenu{
	margin: 100%;
}

/*******************
mep formulaire
*******************/
.formulaire_bloc{
	padding: 5px;
	color: #789EFF;
	border: 1px solid #789EFF;
}
.formulaire_bloc input,.formulaire_bloc textarea,.formulaire_bloc select{
	margin: 1px;
	font-size: 11px;
	border: 1px solid #789EFF;
}
.formulaire_message{
	margin-bottom: 10px;
	padding: 2px 10px;
	color: #f00;
	border: 1px solid #f00;
}
.formulaire_champ,.formulaire_champ_obligatoire{
	width: 130px;
}
.formulaire_champ_obligatoire{
	font-weight: bold;
}

/*******************
mep module
*******************/
#module_bloc{
	padding: 5px;
	border: 1px solid #789EFF;
}
.module_titre{
	padding-bottom: 5px;
	color: #789EFF;
	font-size: 14px;
	font-weight: bold;
}
.module_separe{
	margin-top: 14px;
	border-top: 1px solid #789EFF;
}
.sondage_choix{
	width: 100px;
}
.fleche_grise{
	padding-left: 12px;
	background-image: url('../images/fleche_gris.gif');
	background-repeat: no-repeat;
}

/*******************
classes
*******************/
.clear{
	clear: both;
}
.center{
	text-align: center;
}
.image_vertical_milieu{
	vertical-align: middle;
}
.texte_noir{
	color: #000;
}
.texte_gris{
	color: #666;
}