/* Mairie de Crosses */

*{
	padding:0;
	margin:0;
}

.spacer{
	clear:both;
}

.hide{
	text-indent:-5000px;	
}

.retour-accueil{
	width: 344px;
	height: 48px;
	background-image: url("../images/texte_banniere.jpg");
	text-indent:-5000px;
	display: block;
}

.h2-actu{
	width: 662px;
	height: 23px;
	background-image: url("../images/titre_les_actualites.jpg");
	text-indent:-5000px;	
}

.h2-dernier-cr{
	width: 320px;
	height: 23px;
	background-image: url("../images/titre_comptes_rendus.jpg");
	text-indent:-5000px;	
}

.h2-contact{
	width: 320px;
	height: 23px;
	background-image: url("../images/titre_contactez-nous.jpg");
	text-indent:-5000px;	
}

.h2-prochain-conseil{
	width: 320px;
	height: 23px;
	background-image: url("../images/titre_prochain_conseil.jpg");
	text-indent:-5000px;	
}

body{
	text-align:center;
	background-color:#81aeff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.bulle{
	display:none;
	background-color:#ffffff;
	border:#000000 1px solid;
	position:absolute;
	color:#666666;
	font-size:13px;
	padding: 3px 3px 3px 3px;
	text-align: justify;
}

.font_weight_normal{
  font-weight: normal;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
  color: #333333;
  font-size:12px;
  text-decoration: underline;
}

.feed:hover{
  text-decoration: none;
} 

/* HAUT */

#body_haut{
	width:100%;
	height:211px;
	display:block;
	background:#81aeff;
}

#banniere{
	width:918px;
	height:211px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../images/banniere.jpg);
	background-repeat:no-repeat;
}



#contactez-nous{
  margin:10px 0 0 821px;
  position:absolute;
}

#contactez-nous a{
	color:#FFFFFF;
	font-size:11px;
}

.contactez{
	color:#FFFFFF;
	font-size:11px;
}

#contactez-nous a:hover{
	text-decoration:none;
}

#texte_banniere{
  float:right;
  margin:155px 0 0 557px;
  position:absolute;
}

#meteo{
	background-image:url(../images/fond_bloc_meteo.jpg);
  background-repeat:no-repeat;
  height:72px;
  margin:12px 0 0 12px;
  position:absolute;
  width:123px;
}

#meteo_vide{
	float:left;
	display:inline;
	display:block;
	height:72px;
  margin:12px 0 0 12px;
  position:absolute;
  width:123px;
}

#meteo div{
	margin:9px 0 0 11px;
	color:#FFFFFF;
	font-size:11px;
	line-height:13px;
}

#meteo span.ville{
	font-size:13px;
}

#meteo span.horaire{
	font-size:9px;
}

.logoRSS{
  height: 25px;
  background-image: url(../images/rss.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  position:absolute;
  margin:178px 0 0 14px;
  line-height:31px;
  padding-left:34px;
  color: #ffffff;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
}

.logotwitter{
  height: 30px;
  background-image: url(../images/twitter.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  position:absolute;
  margin:179px 0 0 90px;
  line-height:31px;
  padding-left:34px;
  color: #ffffff;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
}

.logoRSS:hover,.logotwitter:hover{
  text-decoration:underline;
}

/*LETTRE D INFO*/

.lettre{
	width: 177px;
	margin:103px 0 0 11px;
	position:absolute;
}

.haut_lettre{
	width: 100%;
	height: 10px;
	background-image: url("../images/haut-lettre.jpg");
	font-size: 0;	
}

.contenu_lettre{
	width: 100%;
	height: 35px;
	background-image: url("../images/contenu-lettre.jpg");
	font-size: 0;	
}

.bas_lettre{
	width: 100%;
	height: 7px;
	background-image: url("../images/bas-lettre.jpg");
	font-size: 0;	
}

.lettre .titre{
	font-size: 12px;
	color: #ffffff;
	height: 14px;
	text-align: center;
}

.lettre .form{
		
}

/*CONTENU*/

#fond_corps{
	width:100%;
	background-color:#FDFDFD;
}

#corps{
	width:918px;
	background-image:url(../images/fond_contenu.jpg);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#menu_gauche{
	float:left;
	display:inline;
	width:234px;
}

#menu_la_commune{
	float:left;
	display:inline;
	margin:10px 0 0 22px;
	width:199px;
	background-image:url(../images/la_commune.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:168px;
}

#menu_la_commune dl{
	width:165px;
	margin:0 0 0 34px;
	padding:0px;
}

#menu_la_commune dt{
	width:100%;
	height:30px;
	margin:0;
	padding:0px;
	background-image:url(../images/la_commune_filet.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#menu_la_commune dt a{
	font-size:14px;
	line-height:30px;
	display:block;
	height:100%;
	width:100%;
	color:#000000;
	text-decoration:none;
}

#menu_la_commune dt a:hover{
	color:#ffffff;
	background-color:#4487FF;
}

#menu_la_commune dt .actif{
	color:#ffffff;
	background-color:#4487FF;
}

#menu_la_commune dt.dernier{
	height:1px;
	background-image:url(../images/la_commune_filet.jpg);
}

#menu_vous{
	float:left;
	display:inline;
	margin:8px 0 0 22px;
	width:199px;
	background-image:url(../images/vous.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:168px;
}

#menu_vous dl{
	width:165px;
	margin:0 0 0 34px;
	padding:0px;
}

#menu_vous dt{
	width:100%;
	height:30px;
	margin:0;
	padding:0px;
	background-image:url(../images/vous_filet.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#menu_vous dt a{
	font-size:14px;
	line-height:30px;
	display:block;
	height:100%;
	width:100%;
	color:#000000;
	text-decoration:none;
}

#menu_vous dt a:hover{
	color:#ffffff;
	background-color:#436cb5;
}

#menu_vous dt a.actif{
	color:#ffffff;
	background-color:#436cb5;
}

#menu_galerie-photo{
	margin-left:34px;
	margin-top:8px;
}

#btn_contactez_mairie{
	display:block;
	height:44px;
	width:162px;
	background-image:url(../images/contactez-mairie.jpg);
	background-repeat:no-repeat;
	line-height:44px;
	text-align:center;
}

#btn_contactez_mairie a{
	text-decoration:underline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

#btn_contactez_mairie a:hover{
	text-decoration:none;
}

#menu_vous dt.dernier{
	height:1px;
	background-image:url(../images/vous_filet.jpg);
}

.coordonnee_mairie{
	font-size:13px;
	margin:0 0 0 34px;
}

.rss{
	font-size:13px;
	margin:0 0 0 0px;
}

#contenu{
	float:right;
	display:inline;
	width:662px;
	margin:20px 17px 0 0;
	color:#000000;	
	font-size:12px;
	text-align:justify;
}

#contenu h2{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#contenu .texte{
	float:left;
	width:375px;
	display:inline;
	margin:13px 0 0 0;
}

#contenu .plan_itineraire{
	float:right;
	width:329px;
	margin:0 0 0 0;
	display:inline;
	margin:15px 0 0 0;
	text-align:left;
}

#contenu .plan_crosses{
	float:left;
	width:329px;
	display:inline;
	margin:15px 0 0 0;
}

#contenu .images{
	float:right;
	width:280px;
	margin:0 0 0 0;
	display:inline;
	margin:15px 0 0 0;
	text-align:left;
}



#contenu ul{
	margin:5px 0 0 0;
	padding:0;
}

#contenu ul li{
	list-style-type:none;
	background-image:url(../images/liste.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding-left:17px;
	margin-top:3px;
}

img.droite{
	margin:5px 0 5px 5px;
}	

img.border_commune{
	border:1px solid #4487FF;
}

img.gauche{
	margin:5px 5px 5px 0;
}

img.border_vous{
	border:1px solid #436CB5;
}

.grand_bloc{
	width:100%;
}

.grand_bloc .haut{
	width:100%;
	height:23px;
	text-align:left;
}

.grand_bloc .contenu_bloc{
	padding-top:7px;
	text-align:left;
}

.grand_bloc .bas{
	height:1px;
	background-image:url(../images/filet_bas_bloc.jpg);
	margin:5px 0 0 0;
	font-size:0;
}

.petit_bloc{
	width:320px;
	margin:14px 0 0 0;
	float:left;
	display:inline;
}

.petit_bloc .haut{
	width:100%;
	height:23px;
	text-align:left;
}

.petit_bloc .contenu_bloc{
	padding-top:7px;
	text-align:left;
}

.petit_bloc .bas{
	height:1px;
	background-image:url(../images/filet_bas_bloc.jpg);
	margin:5px 0 0 0;
	font-size:0;
}

.petit_bloc .bas2{
	height:1px;
	background-image:url(../images/bas_bloc_fonce.jpg);
	margin:5px 0 0 0;
	font-size:0;
}

.bleu_clair14_grasText{
	font-size:14px;
	color:#4487ff;
	font-weight:bold;
	text-decoration:none;
}

.bleu_clair14_gras{
	font-size:14px;
	color:#4487ff;
	font-weight:bold;
	text-decoration:none;
}

.bleu_clair14_gras:hover{
	text-decoration:underline;	
}

.noir12{
	color:#000000;
	font-size:12px;
}

.noir15_gras{
	color:#000000;
	font-size:15px;
	font-weight:bold;
}

.noir12A{
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

.noir12A:hover{
	text-decoration:underline;
}

.noir12A-inverse{
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

.noir12A-inverse:hover{
	text-decoration:none;
}

.bleu_clair12_grasA{
	font-size:12px;
	color:#4487ff;
	font-weight:bold;
}

.bleu_clair12_A{
	font-size:12px;
	color:#4487ff;
}

.bleu_clair12_grasA:hover,.bleu_clair12_A:hover{
	text-decoration:none;
}

.bleu_clair12_gras{
	font-size:12px;
	color:#4487ff;
	font-weight:bold;
}

.bleu_clair15A{
	font-size:15px;
	color:#4487ff;
}

.bleu_clair15A:hover{
	text-decoration:none;
}

.bleu_noir15A{
	font-size:15px;
	color:#000000;
}

.bleu_noir15A:hover{
	text-decoration: none;
}

.bleu_clair15Bold{
	font-size:15px;
	color:#4487ff;
	font-weight:bold;
}



.bleu_fonce12_gras{
	font-size:12px;
	color:#436CB5;
	font-weight:bold;
}

.bleu_fonce12_grasA{
	font-size:12px;
	color:#436CB5;
	font-weight:bold;
}

.bleu_fonce12_grasA:hover{
	text-decoration:none;
}

.bleu_fonce15A{
	font-size:15px;
	color:#436CB5;
}

.bleu_fonce15A:hover{
	text-decoration:none;
}

.citation{
  font-size:11px;
  color:#333333;
}

#communeAriane{
	color:#4487FF;
	font-size:15px;
	height:30px;
	padding-bottom:5px;
	border-bottom: #4487FF 1px dashed;
	font-weight:bold;
}

#communeAriane H1{
	color:#4487FF;
	font-size:15px;
	height:30px;
	font-weight:bold;
	display:inline;
}

#communeAriane a{
	color:#4487FF;
	font-size:15px;
	text-decoration:none;
}

#communeAriane a:hover{
	text-decoration:underline;
}

#vousAriane{
	padding-bottom:5px;
	font-weight:bold;
	color:#436CB5;
	font-size:15px;
	height:30px;
	border-bottom: #436CB5 1px dashed;
}

#vousAriane H1{
	font-weight:bold;
	color:#436CB5;
	font-size:15px;
	height:30px;
	display:inline;
}

#vousAriane a{
	color:#436CB5;
	font-size:15px;
	text-decoration:none;
}

#vousAriane a:hover{
	text-decoration:underline;
}


#communeAriane a:hover{
	text-decoration:underline;
}

h1.commune{
	color:#4487FF;
	font-size:15px;
	height:30px;
	padding-bottom:5px;
	border-bottom: #4487FF 1px dashed;
	font-weight:bold;
}

h1.commune a{
	color:#4487FF;
	font-size:15px;
	text-decoration:none;
}

h1.commune a:hover{
	text-decoration:underline;
}

h1.vous{
	color:#436CB5;
	font-size:15px;
	height:30px;
	border-bottom: #436CB5 1px dashed;
}

h1.vous a{
	color:#436CB5;
	font-size:15px;
	text-decoration:none;
}

h1.vous a:hover{
	text-decoration:underline;
}


h2.commune{
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	width:100%;
	background-color:#4487FF;
}

h2.vous{
	color:#436CB5;
	font-size:14px;
	text-transform:uppercase;
}

h2.photos{
	color:#a6a6a6;
	font-size:15px;
	height:25px;
	border-bottom: #a6a6a6 1px dashed;
}

.lien_page_actu_commune{
	color:#4487FF;
}

.lien_page_actu_commune a{
	color:#4487FF;
}

.lien_page_actu_vous{
	color:#436CB5;
}

.lien_page_actu_vous a{
	color:#436CB5;
}

.actu_detail b,.actu_detail strong{
	color:#4487FF;
}

.actu_detail a{
	color:#4487FF;
	text-decoration:underline;
}

.actu_detail a:hover{
	text-decoration:none;
}

.titre_bloc_depliant_bleu_clair{
	width:100%;
	min-height:25px;
	line-height:25px;
	background-image:url(../images/fond_titre_depliant.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	background-color: #4587ff;
}

.titre_bloc_depliant_bleu_clair2{
	width:100%;
	min-height:26px;
	line-height:26px;
	background-color: #4587ff;
	margin:3px 0 0 0;
}

.titre_bloc_depliant_first{
	margin:0 0 0 0;
}

.titre_bloc_depliant_bleu_clair .title,.titre_bloc_depliant_bleu_clair2 .title{
	margin:0 0 0 4px;
	width:625px;
	float: left;
	display: inline;
}

.titre_bloc_depliant_bleu_clair .plus,.titre_bloc_depliant_bleu_clair2 .plus{
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align:center;
  float: right;
  display: inline;
  border: 2px #ffffff solid;
  margin:2px 2px 0 0;
}

.titre_bloc_depliant_bleu_clair .plus a,.titre_bloc_depliant_bleu_clair2 .plus a{
  color: #ffffff;
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  height: 18px;
  width: 18px;
  display: block;
}

.titre_bloc_depliant_bleu_clair a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

.titre_bloc_depliant_bleu_clair a:hover{
	text-decoration:underline;
}

.titre_bloc_depliant_bleu_clair2 a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

.titre_bloc_depliant_bleu_clair2 a:hover{
	text-decoration:underline;
}

.titre_bloc_depliant_bleu_fonce{
	width:100%;
	background-color: #436CB5;
	min-height:25px;
	line-height:25px;
	background-image:url(../images/fond_titre_depliant2.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}

.titre_bloc_depliant_bleu_fonce2{
	width:100%;
	min-height:26px;
	line-height:26px;
	background-color: #436CB5;
	margin:3px 0 0 0;
}

.titre_bloc_depliant_bleu_fonce .title,.titre_bloc_depliant_bleu_fonce2 .title{
	margin:0 0 0 4px;
	width:625px;
	float: left;
	display: inline;
}

.titre_bloc_depliant_bleu_fonce .plus,.titre_bloc_depliant_bleu_fonce2 .plus{
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align:center;
  float: right;
  display: inline;
  border: 2px #ffffff solid;
  margin:2px 2px 0 0;
}

.titre_bloc_depliant_bleu_fonce .plus a,.titre_bloc_depliant_bleu_fonce2 .plus a{
  color: #ffffff;
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  height: 18px;
  width: 18px;
  display: block;
}




.titre_bloc_depliant_bleu_fonce a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

.titre_bloc_depliant_bleu_fonce a:hover{
	text-decoration:underline;
}

.titre_bloc_depliant_bleu_fonce2 a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

.titre_bloc_depliant_bleu_fonce2 a:hover{
	text-decoration:underline;
}

.contenu_bloc_depliant{
	border:1px #4487ff solid;
	border-top:0;
	width:660px;
}

.contenu_bloc_depliant2{
	border:1px #436CB5 solid;
	border-top:0;
	width:660px;
}

.contenu_bloc_depliant2 a{
  color:#436CB5;
  font-size:12px;
  font-weight:bold;
}

.contenu_bloc_depliant2 a:hover{
  text-decoration: none;
}

.contenu_bloc_depliant div{
	margin:0 0 0 5px;
}

.contenu_bloc_depliant a{
  color:#4487FF;
  font-size:12px;
  font-weight:bold;
}

.contenu_bloc_depliant a:hover{
  text-decoration: none;
}

.contenu_bloc_depliant2 div{
	margin:0 0 0 5px;
}

/*BOUTONS*/

.agrandir_plan{
	display:block;
	height:23px;
	width:127px;
	background-image:url(../images/agrandir_plan.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

.agrandir_plan:hover{
	background-position:0 -23px;
}

.retour_page{
	display:block;
	height:23px;
	width:187px;
	background-image:url(../images/retour_page.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-5000px;
}

.retour_page:hover{
	background-position:0 -23px;
}

.retour_accueil{
	display:block;
	height:23px;
	width:127px;
	background-image:url(../images/accueil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

.retour_accueil:hover{
	background-position:0 -23px;
}

/*CONTACT*/

#table_contactez input.contact{
	border:1px solid #436CB5;
	height:17px;
	width:250px;
}

#table_contactez textarea{
	border:1px solid #436CB5;
	height:100px;
	width:250px;
}

.lien_noir{
	color:#000000;
	text-decoration:underline;
}

.lien_noir:hover{
	text-decoration:none;
}

/*PAGE 404*/

.lien_orange{
	color:#CC3300;
	text-decoration:underline;
}

.lien_orange:hover{
	text-decoration:none;
}

/*TABLEAU*/

.tableau_theme{
	width:100%;
}

.tableau_theme tr{
	height:25px;
}

.tableau_theme td{
	font-size:12px;
}

.tableau_theme span{
	margin:0 0 0 4px;
}

.tableau_theme td.titre{
	color:#FFFFFF;
	background-color:#436CB5;
	font-weight:bold;
}

.tableau_theme td.gauche{
	color:#000000;
	border-bottom:1px #436CB5 solid;
	border-left:1px #436CB5 solid;
}

.tableau_theme td.droite{
	color:#000000;
	border-bottom:1px #436CB5 solid;
	border-left:1px #436CB5 solid;
	border-right:1px #436CB5 solid;
	text-align:center;
}

.tableau_theme td a{
	color:#436CB5;
	text-decoration:underline;
}

.tableau_theme td a:hover{
	text-decoration:none;
}

.tableau_horaire td{
	border-bottom:#4487FF 1px solid;
	height:30px;
	vertical-align:middle;
}

.tableau_horaire td.first{
	border-bottom:#4487FF 1px solid;
	border-top:#4487FF 1px solid;
	height:30px;
	vertical-align:middle;
}

.tableau_horaire td.horaire{
	text-align:right;
}

.tableau_horaire2 td{
	border-bottom:#436CB5 1px solid;
	height:30px;
	vertical-align:middle;
}

.tableau_horaire2 td.first{
	border-bottom:#436CB5 1px solid;
	border-top:#436CB5 1px solid;
	height:30px;
	vertical-align:middle;
}

.tableau_horaire2 td.horaire{
	text-align:right;
}

.border_photos{
	border: #A6A6A6 1px solid;
}

.tableau_photos td{
	background-color:#A6A6A6;
	vertical-align:middle;
	text-align:center;
}

/*FOOTER*/

#footer{
	width:100%;
	height:67px;
	background-color:#81aeff;
}

#fond_footer{
	width:918px;
	height:22px;
	background-image:url(../images/fond_footer.jpg);
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:40px 0 0 0;
}

#fond_footer div{
	font-size:10px;
	color:#000000;
	text-align:center;
}

#fond_footer a{
	text-decoration:none;
	color:#000000;
}

#fond_footer a:hover{
	text-decoration:underline;
}

/*BACKOFFICE*/

#contenu_BO{
	float:left;
	display:inline;
	width:880px;
	margin:23px 0 0 20px;
	color:#000000;	
	font-size:12px;
	text-align:center;
}

#bloc_connexion{
	width:400px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px #4487FF solid;
}

#menu_BO{
	display:inline;
	margin:23px 0 0 5px;
	width:216px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:168px;
}

#menu_BO ul{
	width:100%;
	margin:0 0 0 10px;
	padding:0px;
}

#menu_BO li{
	width:216px;
	height:17px;
	margin:0;
	padding:0px;
	background-image:url(../images/backoffice_filet.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	list-style-type: none;
}

#menu_BO li a{
	font-size:13px;
	line-height:17px;
	display:block;
	height:100%;
	width:100%;
	color:#000000;
	text-decoration:none;
}

#menu_BO li a:hover{
	color:#4487FF;
}

#menu_BO li a.actif{
	color:#ffffff;
	background-color:#4487FF;
}

#menu_BO li.dernier{
	height:1px;
	background-image:url(../images/la_commune_filet.jpg);
}

#sommaire{
	color:#777777;
	font-size:11px;
	margin: 10px 0 0 0;
}

#sommaire a{
	text-decoration: underline;
	color:#777777;
}

#sommaire a:hover{
	text-decoration: none;
}

/*DOWNLOAD*/

.dl{
	height: 32px;
}

.dl .gauche{
	height: 100%;
	width: 46px;
	float: left;
	background-image: url(../images/dl-gauche.jpg);
	display: block;
}

.dl .milieu{
	height: 100%;
	float: left;
	background-image: url(../images/dl-milieu.jpg);
	background-repeat: repeat-x;
	line-height: 38px;
	font-weight: bold;
	display: block;
}

.dl .milieu a{
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-decoration: underline;	
	font-weight: bold;
}

.dl .milieu a:hover{
	text-decoration: none;	
}
	
.dl .droite{
	height: 100%;
	width: 13px;
	float: left;
	background-image: url(../images/dl-droite.jpg);
}