/*Info concernant les éléments de la bannière du haut*/

#banniere {
background-color:#FAFCD6;
height: 113px;
border:0px;
}

#ban_contact {
position: absolute;
z-index: 1;
top: 0px;
left: 845px;
}

#ban_planSite {
position: absolute;
z-index: 1;
top: 50px;
left: 847px;
}
/*FIN*/


/*Info concernant le menu déroulant horizontal en bleu*/
body {
margin: 0;
padding: 0;
background: #FFF;
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 75%;
}
#menuH dl, dt, dd, ul, li {
margin: 0px; /*espacement entre les cellules*/
padding: 0px; /*hauteur de chaque cellules*/
list-style-type: none;
}
#menuH {
	position: absolute;
	top: 119px;
	left: 200px;
	z-index: 102;
	width: 790px;
}
#menuH dl {
float: left; /*attribut correspondant à l'alignement des menus les uns après les autres*/
width: 160px; /*largeur de chaque cellule de la BDN Bleue*/
}
#menuH dt {
cursor: pointer;/*la souris se transforme en main quand elle passe sur les menus*/
text-align: center;
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1em;
font-weight: bold;
color: #FFF;
background-color: #649ED9;
border: 1px solid white;
}
#menuH dd {
display: none;
}
#menuH li {
text-align: center;
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1em;
}
#menuH li a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	background-color: #D5E4F4;
}
#menuH dt a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	background-color: #649ED9;
}
#menuH li a:hover {
background: #FFF;
}
#menuH dt a:hover {
background: #649ED9;
}
/*FIN*/

/*Info concernant le menu vertical à gauche*/
#fondmenuV {
position: absolute;
top: 121px;
left: 0px;
width: 160px;
height: 350px;
background-color:#DDF7C4;
z-index: 101;
}

#menuV {
	position: absolute;
	top: 153px;
	left: 5px;
	z-index: 102;
	width: 150px;
	height: 300px;
}

#menuV dl, dt {
margin: 0; /*espacement entre les cellules*/
padding: 0; /*hauteur de chaque cellules*/
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
line-height: 15pt;
list-style-type: none;
cursor: pointer;
text-align: center;
font-weight: bold;
}

#menuV dd {
	position: absolute;
	z-index: 102;
	left: 145px;
	margin-top: -1.4em;
	width: 15em;
	background: #A9BFCB;
	line-height:20px;
}
#menuV dl {
width: 150px; /*largeur de chaque cellule de la BDN verticale*/

}
#menuV dt {
cursor: auto;/*la souris reste une flèche quand elle passe sur les titres de menus*/
text-align: center;
font-size: 1em;
font-weight: bold;
color: #000;
background-color:#A2D667;
margin: 5px 0;
}
#menuV dd {
display:inherit;
}
#menuV li {
text-align: center;
font-size: 1em;
color: #000;
background-color: #EFE3DC;
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
}
#menuV li a {
font-size: 1em;
color: #000000;
text-decoration: none;
display:block;
height: 100%;
border: 0 none;
background-color:#D8F2B3;
}
#menuV dt a {
color: #000;
text-decoration: none;
display:block;
height: 100%;
border: 0 none;
background-color: #A2D667;
}
#menuV li a:hover {
background-color: #FFFFFF;
color: #000;
}
#menuV dt a:hover {
background-color: #A2D667;
}
/*info concernant la page d'accueil (rubrique "ça se passe à La Terrasse)*/

#accueil-aujourdhui {
z-index:100;
width: 490px;
left: 181px;
top: 275px;
background-color:#F5F5F5;
padding:10px;
visibility: visible;
position: absolute;
}
#accueil-aujourdhui h1 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1.3em;
text-align: left;
color:#555;
text-decoration:none;
}
#accueil-aujourdhui h2 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
text-align: left;
color:#000;
text-decoration:none;
}
#accueil-aujourdhui p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
text-decoration:none;
}
#accueil-aujourdhui a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#555;
text-decoration:underline;
}
#accueil-aujourdhui a:hover {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
font-weight : bold;
text-decoration:underline;
}
#accueil-agenda {
	z-index:100;
	width: 280px;
	left: 690px;
	top: 275px;
	background-color:#FBFFBA;
	padding:10px;
	visibility: visible;
	position: absolute;
}
#accueil-agenda h1 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1.3em;
text-align: center;
color:#DE5F32;
text-decoration:none;
}
#accueil-agenda p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
text-decoration:none;
}
#accueil-agenda a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
text-decoration:underline;
}
#accueil-agenda a:hover {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#DE5F32;
font-weight : bold;
text-decoration:underline;
}
#contenu-aujourdhui {
	z-index: 100;
	width: 770px;
	margin-left: 200px;
	visibility: visible;
	position: absolute;
	margin-top: 40px;
	top: 110px;
	padding:10px;
	background-color:#FDFFD4;
}
#contenu-aujourdhui h1 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1.5em;
text-align: center;
color:#CC3300;
text-decoration:none;
}
#contenu-aujourdhui h2 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1em;
text-align:left;
color: #DE5F32;
font-weight:bolder;
text-decoration: none;
}
#contenu-aujourdhui h3 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1.2em;
text-align:left;
color:#CC3300;
text-decoration: none;
}
#contenu-aujourdhui p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#333;
text-decoration:none;
}
#contenu-aujourdhui a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#DE5F32;
font-weight:bold;
text-decoration:none;
}
#contenu-aujourdhui a:hover {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#DE5F32;
font-weight:bold;
text-decoration:underline;
}
#contenu-agenda {
	z-index: 100;
	width: 770px;
	margin-left: 200px;
	visibility: visible;
	position: absolute;
	margin-top: 40px;
	top: 110px;
	background-color:#FFFFCC;
	left: 13px;
}
#contenu-agenda h1 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1.5em;
text-align:center;
color:#DE5F32;
text-decoration: none;
}
#contenu-agenda h2 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1em;
text-align:left;
color:#DE5F32;
font-weight:bolder;
text-decoration: none;
padding : 10px;
}
#contenu-agenda h3 {
font-family:"Comic Sans MS";
font-size: 1.2em;
text-align:left;
color:#DE5F32;
font-weight:bolder;
text-decoration: none;
}
#contenu-agenda p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
text-decoration:none;
padding : 10px;
}
#contenu-agenda a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#DE5F32;
font-weight:bold;
text-decoration:none;
}
#contenu-agenda a:hover {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#DE5F32;
font-weight:bold;
text-decoration:underline;
}
/*info de positionnement du bloc contenant les titres des pages*/

#contenu-titre {
	z-index: 100;
	width: 900px;
	visibility: visible;
	position: absolute;
	top: 160px;
	left: 200px;
}

#contenu-titre h1 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#3C8334;
	position:static;
	top: 0px;
	left: 0px;
	width:750px;
}
#contenu-titre h2 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	text-align: center;
	line-height: 20px;
	position: static;
}
#contenu-titre h2 a {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	line-height: 20px;
	text-align: center;
	position: static;
	text-decoration : none;
}
#contenu-titre h2 a:hover {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	text-align: center;
	line-height: 20px;
	position: static;
	text-decoration: underline;
}
#contenu-titre h3 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1.2em;
	color: #000;
	text-align: left;
	background-color:#DDF7C4;
	position: static;
	clear:both; /*On arrête le positionnement flottant après H3 pour ne pas avoir de surprises.*/
}
#contenu-titre p {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
	position: static;
}
#contenu-titre-bleu {
	z-index: 100;
	width: 900px;
	margin-left: 200px;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 160px;
}

#contenu-titre-bleu h1 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#245C95;
	position:static;
	top:0px;
	left: 0px;
	width: 750px;
}
#contenu-titre-bleu h2 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	text-align: center;
	line-height: 20px;
	position: static;
}
#contenu-titre-bleu h2 a {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	line-height: 20px;
	text-align: center;
	position: static;
	text-decoration : none;
}
#contenu-titre-bleu h2 a:hover {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #B0614D;
	text-align: center;
	line-height: 20px;
	position: static;
	text-decoration: underline;
}
#contenu-titre-bleu h3 {  
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;  
	font-size: 1.2em;  
	color: #000;  
	text-align: left;  
	background-color: #DAE9F9;  
	clear:both; /*On arrête le positionnement flottant après H3 pour ne pas avoir de surprises.*/
} 
#contenu-titre-bleu p {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size:1em;
	color: #000;
	text-align: left;
	position: static;
	clear:both; /*On arrête le positionnement flottant après H3 pour ne pas avoir de surprises.*/
}
#contenu-reglement {
	width: 98%;
	margin-left: 15px;
	visibility: visible;
	position: absolute;
	margin-top: 15px;
}
#contenu-reglement h1 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color:#3C8334;
	position: static;
	top: 15px;
}
#contenu-reglement h3 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1.2em;
	color: #000;
	text-align: left;
	background-color:#DDF7C4;
	position: static;
}
#contenu-reglement p {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size:1em;
	color: #000;
	text-align: left;
	position: static;
}
#contenu-zonage {
	width: 980px;
	margin-left: 15px;
	visibility: visible;
	position: absolute;
	margin-top: 15px;
	left: 0px;
	top: -18px;
}
#contenu-zonage h1 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #3C8334;
	background-color: #DDF7C4;
	position: static;
	top: 15px;
}
#actu-assoc {
	z-index: 100;
	width: 770px;
	margin-left: 200px;
	visibility: visible;
	position: absolute;
	margin-top: 40px;
	top: 110px;
	background-color:#E4EFFA;
}
#actu-assoc h1 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1.5em;
text-align:center;
color:#245C95;
text-decoration: none;
}
#actu-assoc h2 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1em;
text-align:center;
color:#245C95;
font-weight:bolder;
text-decoration: none;
}
#actu-assoc h3 {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 1.2em;
text-align:left;
color:#245C95;
font-weight:bolder;
text-decoration: none;
}
#actu-assoc p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
color:#000;
text-decoration:none;
padding : 10px;
}
#actu-assoc a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size:1em;
font-weight:bold;
color:#245C95;
text-decoration:underline;
}

.lien-texte-reglement-urba, a {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
text-decoration: underline;
color:#3C8334;
}
.lien-texte-reglement-urba, a:hover {
font-weight:bold;
}

.lien-texte-bleu, a {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	text-decoration: underline;
	color:#245C95;
}
h4 {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
	font-weight : bold;
	padding-top: 0px;
	position: static;
}
.liste-puce li {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 50px;
	position: inherit;
	font-size: 1em;
	color: #000;
	text-align: left;
}
.liste-menu-droite, .liste-menu-gauche {    
	margin:0;    
	padding:0; /*On vires toutes les marges internes et externes = plus de facilité*/
	width:300px;
}
.liste-menu-gauche {    
	float:left; /*Positionnement flottant à gauche*/
	margin-left:50px;
	margin-bottom:15px;
}
.liste-menu-droite {    
	float:left; /*Positionnement flottant à droite*/
}
.liste-menu-droite li a, .liste-menu-gauche li a {
	color:#000;
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;  
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
} 
.liste-menu-droite li a:hover, .liste-menu-gauche li a:hover {
	font-weight: bold;
	color:#000;
	text-decoration:underline;
}
.liste-entp-droite, .liste-entp-gauche {    
	margin:0;    
	padding:0; /*On vires toutes les marges internes et externes = plus de facilité*/
	width:300px;
}
.liste-entp-gauche {    
	float:left; /*Positionnement flottant à gauche*/
	margin-left:70px;
}
.liste-entp-droite {    
	float:left; /*Positionnement flottant à droite*/
}
.liste-entp-droite li, .liste-entp-gauche li {  
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;  
	margin-bottom: 15px;  
	font-size: 1em;  
	color:#000000;  
	display:block; 
	list-style:disc; 
	padding-left:15px;/*Pour afficher la puce, sous FF il faut incrementer le padding*/ 
	margin-left:15px; /*Sous IE il faut incrementer le margin*/ 
	padding-left:0; /*Donc sous IE on remet le padding à 0*/
}
.ban-bienvenue {
	left:180px;
	top:172px;
	position:absolute;
	width: 810px;
	height: 105;
	z-index: 101;
}
.logo-carte-cosi {
position:relative;
left:100px;
}
.logo-ram {
position:relative;
left:80px;
}
.image-float-left {
float:left;
margin:10px;
margin-top:0px;
border:0px;
}
.image-float-right {
float:right;
margin:10px;
margin-top:0px;
}
.logo-W3C {
position: absolute;
z-index: 1;
top: 50px;
left: 847px;
}
.italique {
font-style:italic;
}
.texte-orange {
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	color:#E87225;
}
.centre {
text-align: center;
}
.gras {
font-weight:bold;
}