body {margin:0; padding:0; height:400px;}

body.index {background:#5f8377; margin:0; padding:0; height:400px;}

div#container {float:left;}

/* Textes cachés pour la page d'accueil */
h1.cache  {margin:0; margin-left: -5000px; padding:0; font-size: 0px; text-decoration: none;}
p.cache  {margin:0; margin-left: -5000px; padding:0; font-size: 0px; text-decoration: none;}
p.index {color: black; font-weight: normal; font-size: 18px; text-align:center; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px;}

/* Texte défilant de la page d'accueil */
div.defile {border-left : 2px solid #f8b60a; border-right: 2px solid #f8b60a; border-top:none; border-bottom :none; 
background:#5f8377; color:#000000; font-family:Verdana; text-align:center;}

/* Styles pour toutes les pages */
h1 { color: #000; font-weight:bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0px }

h2  { color: black; text-align:center; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
margin-top: 0px; margin-bottom: 0px }

h3  { color: black; font-weight:bold; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
margin-top: 0px; margin-bottom: 0px }

h4 { color: #808080; font-style: italic; font-weight: bold; font-size: 20px; font-family: "Times New Roman", Georgia, Times }

p  { color: black; font-weight: normal; font-size: 12px; text-align:justify; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0px; 
margin-bottom: 0px;}

a:link         { color: #000; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin: 0px;}

a:visited       { color: #006666; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-decoration: none; letter-spacing: 0px; margin: 0px; }

a:hover    { 
color: #ffb300; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin: 0px;}

a img {border: none;}

span.indication 
{ color: black; font-style: italic; font-size: 10px; text-align:justify; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0px; 
margin-bottom: 0px; }

a.elus:link        { color: #E96D00; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-decoration: none; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; }

a.elus:visited       { 
color: #A90000; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; }

a.elus:hover    { 
color: #A90000; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; }


img.vignettesport       
{ 
vertical-align:middle;}

a.newsletter:link        
{ 
color: #E96D00; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-decoration: none; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; float:right;}

a.newsletter:visited       
{ 
color: #A90000; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; float:right;}

a.newsletter:hover    { 
color: #A90000; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; float:right;}


a.fleche { margin-left:30px; }

a.fleche2 { margin-left:270px; }

a.mois  {text-align:center;}

/* icône W3C */
div.icone {float:left; border: 0px; height:31px; width:88px; display:inline; text-align:center; margin-left:85px;}

div.icone2 {float:left; border: 0px; height:31px; width:88px; display:inline; text-align:center;}

a.icone {margin-left:400px;}


/* Les liens d'évitement + lien vers la page d'accueil*/
#fastlink {position:absolute;}
#fastlink ul {margin: 0; padding: 0;position: absolute;	top: 0px; left:470px; text-align: left; width: 353px;}
#fastlink li {list-style-type: none; font-size: 0.8em; padding: 0; display: inline; color: white; line-height:1.5em;}
a.fastlink {color: white; font-size:0.8em; text-decoration:none;letter-spacing: 0px;}
a.fastlink:hover {color: #E96D00; font-size:0.8em; text-decoration:none;letter-spacing: 0px;}
a.fastlink2 {color: #E96D00; font-size:0.8em; text-decoration:none;letter-spacing: 0px;}
a#lien-accueil { position: absolute; right:-775px; top: 19px; width: 775px; height: 100px;}
a.cache {margin:0; margin-left: -5000px; padding:0; font-size: 0px; text-decoration: none;}


/* Les liens pour les mois actualités */
a.legend { color: #000; font-weight: normal; margin-left:20px; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
margin-top: 0px; margin-bottom: 0px; }
div.carre-jaune {position:relative; float:left; border: 2px solid #FFDD01; width:110px; }
div.carre-jaune:hover {border: 2px solid black;}
div.carre-blanc {position:relative; float:left; border: 2px solid white; width:110px; }
div.carre-blanc:hover {border: 2px solid black;}
div.carre-rouge {position:relative; float:left; border: 2px solid #940404; width:110px;}
div.carre-rouge:hover {border: 2px solid black;}
div.carre-vert {position:relative; float:left; border: 2px solid #006666; width:110px;}
div.carre-vert:hover {border: 2px solid black;}
div.carre-gris {position:relative; float:left; border: 2px solid #555; width:110px;}
div.carre-gris:hover {border: 2px solid black;}

div.carre-bleu {position:relative; float:left; border: 2px solid #2222FF; width:110px;}
div.carre-bleu:hover {border: 2px solid black;}
div.carre-violet {position:relative; float:left; border: 2px solid #FF00FF; width:110px;}
div.carre-violet:hover {border: 2px solid black;}
div.carre-orange {position:relative; float:left; border: 2px solid #FE9000; width:110px;}
div.carre-orange:hover {border: 2px solid black;}
div.carre-rose {position:relative; float:left; border: 2px solid #FE6D6D; width:110px;}
div.carre-rose:hover {border: 2px solid black;}


/* Les liens pour les mois agenda sport */
div.carre-blanc2 {position:relative; float:left; border: 2px solid white; width:55px; margin-right:10px;}
div.carre-blanc2:hover {border: 2px solid white;}
div.carre-rouge2{position:relative; float:left; border: 2px solid #940404; width:110px;margin-left:-10px;}
div.carre-rouge2:hover {border: 2px solid black;}
div.carre-vert2 {position:relative; float:left; border: 2px solid #006666; width:110px;}
div.carre-vert2:hover {border: 2px solid black;}
div.carre-orange2 {position:relative; float:left; border: 2px solid #FE9901; width:110px; margin-right:10px;}
div.carre-orange2:hover {border: 2px solid black;}
div.carre-gris2 {position:relative; float:left; border: 2px solid #555; width:110px;}
div.carre-gris2:hover {border: 2px solid black;}



/* Petit menu d'en haut */
a.manifestations {display:block; width:237px; height:31px; background:url(../base/fd_4c.jpg) no-repeat;}
a.manifestations:hover {background:url(../base/fd_4d.jpg) no-repeat;}
a.manifestations2 {display:block; width:237px; height:31px; background:url(../base/fd_4d.jpg) no-repeat;}
a.contact {display:block; width:73px; height:31px; background:url(../base/fd_7c.jpg) no-repeat;}
a.contact:hover {background:url(../base/fd_7d.jpg) no-repeat;}
a.contact2 {display:block; width:73px; height:31px; background:url(../base/fd_7d.jpg) no-repeat;}


/* Animation abbaye en location ou point info */



/* Pour la page "accessibilité"  */
kbd {font-size : 12px; padding: 2px 4px 2px 4px; border-top: 1px solid #E2F576; border-left: 1px solid #E2F576; border-right: 1px solid #9BB50C; 
border-bottom: 1px solid #9BB50C;	background: #FF9D11;}
ul.accessibilite {padding-left:25px;padding-right:55px;clear:both;}
li.accessibilite {margin-bottom:10px;clear:both;color: black; font-weight: normal; font-size: 12px; text-align:justify; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

/* Pour la page "historique"  */
hr {margin-left:0px;}
hr.large {margin-left:-200px;}

/* Pour la page "Travaux"  */
p.legend { color: #000; font-weight: normal; text-align:center; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; margin-top: 0px; margin-bottom: 0px }
div.carre-rouge3 {position:relative; float:left; border: 2px solid #940404; width:110px;}
div.carre-orange3 {position:relative; float:left; border: 2px solid #FE9901; width:110px; margin-right:10px;}
#map {position:relative;}

a.perrin-sand {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:375px; left:340px; border: 2px solid #940404;}
a.perrin-sand span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.perrin-sand {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.perrin-sand:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:150px;height:auto;overflow:visible; z-index:10;}   

a.abbaye {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:360px; left:80px; border: 2px solid #940404;}
a.abbaye span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.abbaye {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.abbaye:hover span, a.abbaye:focus span, a.abbaye:active span {top:35px;left:-2px;width:140px;height:auto;overflow:visible; z-index:10;}

a.entree-ouest {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:260px; left:160px; border: 2px solid #940404;}
a.entree-ouest span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.entree-ouest {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.entree-ouest:hover span, a.abbaye:focus span, a.abbaye:active span {top:35px;left:-2px;width:120px;height:auto;overflow:visible; z-index:10;}

a.gare {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:260px; left:100px; border: 2px solid #940404;}
a.gare span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.gare {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.gare:hover span, a.abbaye:focus span, a.abbaye:active span {top:35px;left:-2px;width:120px;height:auto;overflow:visible; z-index:10;}

a.auviot {color: #fff; position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:330px; left:440px; border: 2px solid #940404;}
a.auviot span {padding:3px; color: #fff; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.auviot {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.auviot:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:120px;height:auto;overflow:visible; z-index:10;}   

a.baron-seillere {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:310px; left:20px; border: 2px solid #940404; cursor:pointer;}
a.baron-seillere span {padding:3px; color: #fff; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.baron-seillere {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.baron-seillere:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:130px;height:auto;overflow:visible; z-index:10;}

a.aep {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:415px; left:50px; border: 2px solid #940404; cursor:crosshair;}
a.aep span {padding:3px; color: #fff; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.aep {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.aep:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:130px;height:auto;overflow:visible; z-index:1;}

a.etangs {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:630px; left:370px; border: 2px solid #940404;}
a.etangs span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.etangs {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.etangs:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:150px;height:auto;overflow:visible; z-index:10;}   

a.cimetiere {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:300px; left:300px; border: 2px solid #940404;}
a.cimetiere span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.cimetiere {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.cimetiere:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:130px;height:auto;overflow:visible; z-index:10;}   

a.fontaine {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:330px; left:230px; border: 2px solid #940404;}
a.fontaine span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.fontaine {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.fontaine:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:130px;height:auto;overflow:visible; z-index:10;}   

a.molette {position:absolute; margin:0; padding:0; float:left; width:50px; height:30px; top:390px; left:260px; border: 2px solid #940404;}
a.molette span {padding:3px; position:absolute;top:-2000em;left:-2000em;width:1px;height:1px;overflow:hidden;background:  #940404;   /* Définition du fond */}   
a.molette {color: #fff; /* Couleur de notre lien */ font-size:0.8em; /* Taille de la police */ text-decoration : none; /* Aucun soulignement du texte */
padding:2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */ background:transparent url('images/comment.gif') no-repeat right center;}  
a.molette:hover span, a.perrin-sand:focus span, a.perrin-sand:active span {top:35px;left:-2px;width:110px;height:auto;overflow:visible; z-index:10;}   

img.droite {float:right;} 

a.img-pdf {float:left;} 


/* Footer */
img.logo-bottom {margin-left:223px;}