* {
	padding-bottom: 0px; 
	margin: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px
}

html {
	background: #7BD7F7;/* #0080A0;/*#f9e5c9;  RVB*/
	height: 100%; 
	font-size: 100%
}

img {
	border-bottom: medium none; 
	border-left: medium none; 
	vertical-align: middle; 
	border-top: medium none; 
	border-right: medium none
}

li {
	list-style-type: none
}

#home {
	text-align: center; 
	font-family: arial, verdana, sans-serif; 
	height: auto; 
	font-size: 0.8em
}

#page {
	position: relative; 
	text-align: left; 
	margin: 0px auto 20px; 
	width: 1000px; 
	background: #fff
}

#entete {
	background: url(images/fond/1000x90_horizon.png) no-repeat 0px 0px; 
	height: 100px
}
/* menus */

#menu {
	max-width:800px;
	position: absolute;
	z-index:500;
	top: 60px;
	height:20px;
	left: 120px;
	width:800px;
	margin: 0px;
	padding:0px;
	border-left: 3px solid #035E7B;
	border-right: 3px solid #035E7B;
	font-family: Arial, Verdana, "Times New Roman";
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none; 
}
#menu ul{
	/* list-style-type : square ;
	list-style-position : inside ; */
	display:block;
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  background-color: #7BD7F7;/*#a7c7d1; */
}

#menu li.option_menu, #menu li .option_menu ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #288BBE;/*couleur de fond du menu principal*/
  float: left;	
  height:20px;
  border-left: 1px solid #194B84;	
  border-right: 1px solid #194B84;	
  border-top: 1px solid #194B84;	
  border-bottom: 1px solid #194B84;	
}

.option_menu a:hover{ 
  text-decoration:underline; 
  background-color: #23233E;
}

#menu li.s_menu2 ul{
  width:124px;/*largeur des fonds colorés du menu*/
  border-left: 5px solid #23233E;
  position:absolute;
  left:256px; /* 2*128 */
  top:63px;
  margin:0px;
  padding:0px;
} 

#menu li.s_menu3 ul{
  width:124px;/*largeur des fonds colorés du menu*/
  border-left: 5px solid #23233E;
  position:absolute;
  left:390px; /* 3*128 +6*/
  top:40px;/* */
  margin:0px;
  padding:0px;
} 


#menu li.mairie, #menu li .mairie ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #23233E;/*couleur de fond du menu principal*/
  float: left;
  height:20px;
}

#menu li.ville, #menu li .ville ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #046284;/*couleur de fond du menu principal*/
  float: left;
  top:0px;
  left:127px;
  height:20px;
}

#menu li.services, #menu li .services ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #194B84;/*couleur de fond du menu principal*/
  float: left;
  height:20px;
}

#menu li.visite, #menu li .visite ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #80BE41;/*couleur de fond du menu principal*/
  float: left;
  height:20px;
}

#menu li.agenda, #menu li .agenda ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #6D2659;/*couleur de fond du menu principal*/
  float: left;
  height:20px;
}

#menu li.contact, #menu li .contact ul{
  width:128px;/*largeur des fonds colorés du menu*/
  background-color: #288BBE;/*couleur de fond du menu principal*/
  float: left;	
  height:20px;
}

#menu li.s_mairie ul{
  width:124px;/*largeur des fonds colorés du menu*/
  border-left: 5px solid #23233E;
  position:absolute;
  left:128px;
  top:63px;
  margin:0px;
  padding:0px;
} 

#menu li.s_ville ul{
  width:124px;/*largeur des fonds colorés du menu*/
  border-left: 5px solid #046284;
  position:absolute;
  left:254px;
  top:39px;
  margin:0px;
  padding:0px;
} 

#menu li.s_services_a ul{
  width:124px;/*largeur des fonds colorés du menu*/
  border-left: 5px solid #194B84;	
  position:absolute;
  left:381px;
  top:15px;
  margin:0px;
  padding:0px;
} 

#menu li.s_services_b ul{
  width:124px;/*largeur des fonds colorés du menu*/
  position:absolute;
  border-left: 5px solid #194B84;	
  left:381px;
  top:27px;
  margin:0px;
  padding:0px;
} 

#menu  a{ 
  padding:0px;
  margin:0px;
  text-decoration:none; 
  font-family: Arial, Verdana, "Times New Roman";
  font-weight: bold;
  color: #FFFFFF;
  display:block;
}

.centrer  {
  text-align:center;
  font-size:12px;
  font-weight:bold;
}

.mairie a:active{ 
  text-decoration:none; 
  background-color: #23233E;
}

.mairie a:hover{ 
  text-decoration:underline; 
  background-color: #23233E;
   font-weight: bold;
}

.ville a:hover{ 
  text-decoration:underline; 
  background-color: #046284;
}

.services a:hover{ 
  text-decoration:underline; 
  background-color: #194B84;
}

.visite a:hover{ 
  text-decoration:underline; 
  background-color: #80BE41;
}

/*
.agenda a:hover{ 
  text-decoration:underline; 
  background-color: #6D2659;
}
*/

.contact a:hover{ 
  text-decoration:none; 
  background-color: #288BBE;
}

#menu ul ul, #menu li:hover ul ul {	
  display:none;
}

#menu li:hover ul, #menu li:hover li:hover ul {	
  display:block;
  text-decoration:none;
}		


/* logo cehel */
#logo {
	position: absolute; 
	color: #fff; 
	top: 5px; 
	left: 20px
}

.logos 		{ margin: 10px auto; width: 100px}
.logos img	{ margin: 0px 0px 8px}
.drapeaux 	{ margin: 10px auto; width: 100px}
.drapeaux img { margin: 0px 0px 8px }


#conteneur {
	width: 990px; height: auto; overflow: auto
}

#menu_secondaire {
	z-index: 1000; position: relative; text-align: center; width: 131px; float: left
}
#contenu {
	margin: 0px 25px 0px 0px; width: 421px; display: inline; float: left
}
#contenu_secondaire {
	margin: 0px 35px 0px 0px; width: 378px; display: inline; float: right
}
.pusher {
	line-height: 1px; height: 1px; clear: both
}
#bas_page {
	height: 28px
}


#diaporama {
	z-index: 1; width: 421px; background: #fff; height: 319px; color: #fff
}


.chantier_formation { margin: 19px 0px 0px }
.chantier_formation .chantier_formation_top { background: url(images/fnd/h2_chantiers_formations.png) no-repeat 0px 0px; height: 28px }
.chantier_formation .chantier_formation_top h2 {
	line-height: 28px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: #fff
}
.chantier_formation .chantier_formation_middle {
	background: url(images/fnd/fnd_chantiers_formations_middle.png) repeat-y 0px 0px
}
.chantier_formation .chantier_formation_middle .overflow {
	min-height: 211px; zoom: 1; height: auto !important
}
.chantier_formation .chantier_formation_middle .overflow p {
	padding-bottom: 0px; line-height: normal; margin: 0px; padding-left: 25px; padding-right: 10px; height: 158px; overflow: auto; padding-top: 10px
}
.chantier_formation .chantier_formation_middle .overflow p strong {
	margin: 0px 0px 5px; display: block
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc {
	
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc p {
	height: auto
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc_gauche {
	border-bottom: #7a9424 1px solid; text-align: right; padding-bottom: 0px; margin: 10px 0px 0px 4px; padding-left: 0px; width: 120px; padding-right: 0px; float: left; padding-top: 0px
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc_gauche a {
	outline-style: none; outline-color: invert; outline-width: medium; color: #7a9424; font-weight: bold; text-decoration: none
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc_droit {
	border-bottom: #dd3c72 1px solid; text-align: left; padding-bottom: 0px; margin: 10px 4px 0px 0px; padding-left: 0px; width: 120px; padding-right: 0px; float: right; padding-top: 0px
}
.chantier_formation .chantier_formation_middle .overflow .lien_bloc_droit a {
	outline-style: none; outline-color: invert; outline-width: medium; color: #dd3c72; font-weight: bold; text-decoration: none
}
.chantier_formation .chantier_formation_bottom {
	background: url(images/fnd/fnd_chantiers_formations_bottom.png) no-repeat 0px 0px; height: 15px
}

.agenda {margin: 0px}
.agenda .agenda_haut {	background: url(images/fond/agenda/haut.png) no-repeat 0px 0px; height: 25px}
.agenda .agenda_haut h2 {	line-height: 25px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: #fff}
.agenda .agenda_milieu {	background: url(images/fond/agenda/milieu.png) repeat-y 0px 0px}
.agenda .agenda_milieu .overflow {	min-height: 180px; height: auto !important}
.agenda .agenda_milieu ul {	padding-bottom: 0px; margin: 0px 0px 20px; padding-left: 13px; padding-right: 13px; padding-top: 20px}
.agenda .agenda_milieu li {	margin: 0px 0px 10px; background: url(images/fnd/fnd_puce_actualites.png) no-repeat 0px 4px}
.agenda .agenda_milieu strong {	padding-bottom: 0px; padding-left: 15px; padding-right: 0px; display: block; color: #e69626; padding-top: 0px}
.agenda .agenda_milieu li span {	padding-bottom: 0px; padding-left: 25px; padding-right: 0px; padding-top: 0px}
.agenda .agenda_milieu li span a {	color: #000; text-decoration: none}
.agenda .agenda_milieu li span a:hover {	text-decoration: underline;}
.agenda .agenda_milieu .lien_bloc {	border-bottom: #e69626 1px solid; margin: 0px 0px 0px 25px; width: 347px}
.agenda .agenda_milieu .lien_bloc a {	outline-style: none; outline-color: invert; outline-width: medium; color: #e69626; font-weight: bold; text-decoration: none}
.agenda_bas {background: url(images/fond/agenda/bas.png) no-repeat 0px 0px; height: 15px}


.ferroviaire {	margin: 15px 0px 0px}
.ferroviaire_haut {	background: url(images/fond/ferroviaire/haut.png) no-repeat 0px 0px; height: 25px}
.ferroviaire_haut h2 {	line-height: 25px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: #fff}
.ferroviaire_milieu {	background: url(images/fond/ferroviaire/milieu.png) repeat-y 0px 0px}
.ferroviaire_milieu .overflow {	min-height: 95px; height: auto !important}
.ferroviaire_milieu .overflow p strong {	margin: 0px 0px 5px; display: block}
.ferroviaire_milieu .overflow p strong a {	color: #000; text-decoration: none}
.ferroviaire_milieu .overflow p strong a:hover {	text-decoration: underline}
.ferroviaire_milieu .overflow p {	padding-bottom: 0px; line-height: normal; margin: 0px; padding-left: 27px; padding-right: 10px; padding-top: 10px}
.ferroviaire_milieu .overflow .lien_bloc {	border-bottom: #5e4773 1px solid; padding-bottom: 0px; margin: 10px 4px 0px 27px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.ferroviaire_milieu .overflow .lien_bloc a {	outline-style: none; outline-color: invert; outline-width: medium; color: #5e4773; font-weight: bold; text-decoration: none}
.ferroviaire_bas {background: url(images/fond/ferroviaire/bas.png) no-repeat 0px 0px; height: 15px}

/* association */
.association { margin: 17px 0px 0px}
.association_haut {background: url(images/fond/association/haut.png) no-repeat 0px 0px; 	height: 24px}
.association_haut h2 {line-height: 24px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: #fff}
.association_centre { background: url(images/fond/association/centre.png) repeat-y 0px 0px}
.association_centre .overflow { 	min-height: 154px; 	height: auto !important}
.association_centre .overflow p strong { margin: 0px 0px 5px; display: block }
.association_centre .overflow { height: 95px; overflow: auto }
.association_centre .overflow .texte { width: auto;  	float: left; height: auto }
.association_centre .overflow .texte p { line-height: normal; margin: 10px 10px 0px 27px; width: 227px !important; display: inline; float: left}
.association_centre .overflow .texte img {	margin: 0px 4px 0px 0px; width: 90px; float: right}
.association_centre .overflow .lien_bloc {border-bottom: #8a6fd3 1px solid; padding-bottom: 0px; margin: 2px 4px 0px 27px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.association_centre .overflow .lien_bloc a {outline-style: none; outline-color: invert; outline-width: medium; color: #8a6fd3; font-weight: bold; text-decoration: none}
.association_bas {background: url(images/fond/association/bas.png) no-repeat 0px 0px; height: 15px}


ul#pied {
	line-height: 28px; margin: 0px 10px 10px 32px; width: 480px; zoom: 1; display: inline; float: left; height: 28px; overflow: auto
}
ul#pied li {
	width: auto; float: left; color: #990000; font-weight: bold
}
ul#pied li a {
	color: #990000; text-decoration: none
}
ul#pied li a:hover {
	text-decoration: underline
}
ul#boutons {
	margin: 0px 37px 0px 0px; width: 378px; zoom: 1; display: inline; float: right
}
ul#boutons li.intranet {
	text-align: center; padding-bottom: 0px; text-transform: uppercase; padding-left: 10px; width: auto; padding-right: 0px; display: inline; 
	background: url(images/fnd/fnd_bouton_gauche.png) no-repeat 0px 0px; float: left; color: #fff; font-weight: bold; padding-top: 0px
}
ul#boutons li.inform {
	text-align: center; padding-bottom: 0px; text-transform: uppercase; margin: 0px 0px 0px 80px; padding-left: 10px; width: auto; 
	padding-right: 0px; display: inline; 
	background: url(images/fnd/fnd_bouton_gauche.png) no-repeat 0px 0px; float: right; color: #fff; font-weight: bold; padding-top: 0px
}
ul#boutons li span {
	padding-bottom: 0px; line-height: 28px; text-transform: uppercase; padding-left: 15px; width: auto; padding-right: 10px; 
	background: url(images/fnd/fnd_bouton_droite.png) repeat-x 0px 0px; float: left; height: 28px; color: #fff; padding-top: 0px
}
ul#boutons li a {
	text-transform: uppercase; display: block; color: #fff; text-decoration: none
}