/*  ----------------------------------------------------------- */
/*                            taille typo                       */
/*  ----------------------------------------------------------- */
/* 
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible
 * en texte le plus petit sur Internet Explorer
 */

/* CSS qui produit un design dit "fluid" le site occupe la totalité de l'écran */
html, body              {  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* bien regler la marge (bugs IE) */
body                   { color: #000; font-size: 0.85em; font-family: arial, helvetica, sans-serif; line-height: 13pt; background-color: #fff5d6; background-position: center; visibility: inherit }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Bloc principal de contenu */
#page              { margin-right: auto; margin-left: auto; padding: 0 }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* force le retour à la ligne, le plus souvent appliqué à <br> */
/* Utilisable sous la forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearright">&nbsp;</div> */
.clearright {
	clear: right;
}

/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearleft">&nbsp;</div> */
.clearleft {
	clear: left;
}
.spip_logos  { }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Aspect des liens */
a     { color: #da5c24; text-decoration: none }
a:visited       { color: #da5c24 }
a:hover     { color: #ff9745; text-decoration: underline }
a:active    { color: #da5c24; text-decoration: none }

a.Textocrerouge   { color: #da5c24; font-size: 0.98em; font-weight: 500 }
a.Textocrerouge:hover    { color: #f90; font-size: 0.98em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textocrerouge:active   { color: #da5c24; font-size: 0.98em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.Textprogress { color: #da5c24; text-decoration: underline }
a.Textprogress:hover { color: #f90; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textprogress:active { color: #da5c24; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.Textmail   { color: #00008d; font-size: 0.85em; text-decoration: underline }
a.Textmail:hover   { color: #00008d; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.Textmail:active { color: #00008d; text-decoration: underline }
a.Textpaille { color: #ffc }
a.Textpaille:hover { color: #dcdcdc }
a.Textpaille:visited { color: #ffc }
a.Texthautpage  { color: #da5c24; font-size: 0.75em }
a.Texthautpage:hover { color: #fe9900 }
a.Texthautpage:active { color: #da5c24 }
a.TextgrisM { color: #65797e }
a.TextgrisM:hover { color: #fe9900 }
a.TextbleuS   { color: #009; font-weight: bold; text-decoration: underline }
a.TextbleuS:hover { color: #df0c00; text-decoration: underline }
a.TextbleuS:active { color: #009; font-weight: bold; text-decoration: underline }
a.TextbleuF  { color: #3a5075; font-weight: bold }
a.TextbleuF:hover { color: #dcdcdc }
a.TextnoirS { color: #000 }
a.TextnoirS:hover { color: #000; text-decoration: underline }
a.Textblanc { color: #fff }
a.Textblanc:hover { color: #cacaca }
.Textocrerougemenu { color: #da5c24; font-size: 0.98em; font-weight: 600 }
.Textblanc { color: #fff; font-size: 0.98em; font-weight: 600 }
.Textgris { color: #dcdcdc }
/*~~~~~Gestion des images~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.feu    { background-image: url(../images/feu-1.jpg); background-repeat: no-repeat; background-position: center }
.acces { background-image: url(../images/acces.jpg); background-repeat: no-repeat }
.renovation { background-image: url(../images/renovation.jpg); background-repeat: no-repeat; background-position: left 0 }
.magasin { background-image: url(../images/magasin.jpg); background-repeat: no-repeat; background-position: left 0 }
.histoire { background-image: url(../images/histoire.jpg); background-repeat: no-repeat; background-position: left 0 }
.hotellerie1 { background-image: url(../images/hotellerie1.jpg); background-repeat: no-repeat }
.cloitreext { background-image: url(../images/cloitre_ext.jpg); background-repeat: no-repeat }
.bassmenu { background-image: url(../images/bas-smenu.gif); background-repeat: no-repeat; background-position: center bottom }
.rubriquesExt53 { background-image: url(../images/rubrique-ext-053.jpg); background-repeat: no-repeat; background-position: center }
.srmains { background-image: url(../images/sr-mains.jpg); background-repeat: no-repeat; background-position: center }
.cerisierfleurs { background-image: url(../images/cerisierFleurs.jpg); background-repeat: no-repeat; background-position: center }
.galerie1 { background-image: url(../images/galerie1.jpg); background-repeat: no-repeat; background-position: center }
.photosgalerie { background-image: url(../images/photos-galerie.jpg); background-repeat: no-repeat; background-position: center }
.Srscolaeglise { background-image: url(../images/Sr-scola-eglise.jpg); background-repeat: no-repeat; background-position: center }
.logopage { position: relative; top: 15px; left: 15px }
.plan { background-image: url(../images/plan.jpg); background-repeat: no-repeat; background-position: center }
.nosproduits { background-image: url(../images/nos-produits.jpg); background-repeat: no-repeat; background-position: center }
.imgaccueil2        { background-image: url(../images/page-accueil.jpg); background-repeat: no-repeat; background-position: center top    }
.vuext30  { background-image: url(../images/vue-ext-030.jpg); background-repeat: no-repeat; background-position: center top    }
.srcloitre { background-image: url(../images/Sr-cloitre.jpg); background-repeat: no-repeat; background-position: center top    }
.imgaccueil   { background-image: url(../images/Photo-Prisma-011.jpg); background-repeat: no-repeat; background-position: right top }
.arabesq_d { background-image: url(../images/arabesq.gif); background-repeat: no-repeat; background-position: right top; visibility: visible; position: relative; top: 0; right: 10px; float: inherit }
.arabesq_g { background-position: right top; visibility: visible; position: relative; top: 20px; left: 750px; width: 86px; height: auto; float: left }
.ombre_d         { background-image: url(../images/ombre_d.gif); background-repeat: repeat-y; background-position: left 0 }
.ombre_g { background-image: url(../images/ombre_g.gif); background-repeat: repeat-y; background-position: right 0 }
.ombres_g { background-image: url(../images/ombre-g.jpg); background-repeat: repeat-y; background-position: right 1em }
.ombres_d { background-image: url(../images/ombre-d.jpg); background-repeat: repeat-y; background-position: left 0 }
.coin_d  { background-image: url(../im/coin-d.gif); background-repeat: no-repeat; background-position: left 0 }
.coin_g  { background-image: url(../im/coin-g.gif); background-repeat: no-repeat; background-position: right 0 }
.ombre_bas       { background-image: url(../images/ombre_bas.gif); background-repeat: repeat-x; background-position: left top }
.ombres_bas { background-image: url(../images/ombre-bas.jpg); background-repeat: repeat-x; background-position: left top }
.barre_bas { background-image: url(../images/page-type_09.gif); background-repeat: no-repeat; background-position: left top }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête de la page d'accueil destinée à contenir la bannière principale les menus */
#entetebanniere    { background-image: none; background-position: right top; visibility: visible; position: relative; top: 0; right: 350px; float: right }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Recherche */
.recherche           { position: relative; top: 40px; right: 20px }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
fieldset   { width: auto; border: solid 1px #009 }
/*Adresse*/
.adresse     { color: #da5c24; font-size: 0.85em; padding: 0; position: relative; top: 25px; left: 0 }
#formnewsletter { padding: 0; position: relative; top: 40px; right: 5px; width: 261px; height: auto; float: right }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Les intitulés en haut sont présentés sous forme de liste */
#zonehaute       { color: #195486; font-weight: bold; background-color: #002888; text-align: right; margin: 0 0 0 20px; padding: 0 10px 0 0 }
.zonehaute {
	list-style-type: none;
	padding:0px;
	font-size: 1 em;
}
.zonehaute li {
	display: inline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone pour le chemin de progression */
#progression       { font-size: 0.8em; font-style: italic; text-align: left; text-indent: 10px; padding: 0; position: relative; left: 100px; height: 18px; vertical-align: middle }

/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.progression   { list-style-type: none; padding: 0 }
.progression li {
	display: inline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Conteneur centre et droit de la page */
#contenucentral                  { background-repeat: no-repeat; margin: 15px; padding: 0; zoom: 1.0                 }
#contenucentralplan { background-repeat: no-repeat; margin: 15px 15px 15px 55px; padding: 0; zoom: 1.0                }
#contenucentrallogin     { background-color: #ffffff; background-repeat: no-repeat; margin: 15px 155px 15px 95px; padding: 0; zoom: 1.0              }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Style pour le texte d'un article */
/* texte doit être une div pour utiliser le javascript de taille des caractères */
#texte       { overflow: hidden; zoom: 1.0      }
.texte              { font-size: 0.98em; text-align: justify; margin: 5px 15px 5px 5px; padding: 0 }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone à droite de l'écran */
#droite           { font-size: 0.9em; background-position: 0 0; text-align: left; padding: 0; position: relative; top: 50px; right: 5px; width: 260px; height: auto; float: right }

/* La partie droite est placée dans la zone droite*/
#partiedroite        { font-size: 0.9em; margin: 12px; padding: 0; float: left }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Pied de la page*/
#pieddepage           { background-position: center bottom; text-align: center; margin-right: 0; margin-left: auto; padding: 0 }

/* Les intitulés en pied de page sont présentés sous forme de liste */
.pieddepage       { list-style-type: none; padding: 0 }
.pieddepage li {
	display: inline;
}
#piedbanniere { background-image: none; background-position: right top }
.piedcopy  { color: #d3d3d3; font-size: 0.8em; padding: 0 }
/* Styles des paragraphes */
h1, h2, h3      { color: #da5c24; font-weight: bold; margin: 0 1em }
h1  { color: #da5c24; font-size: 1.4em }
h2   { color: #da5c24; font-size: 1.3em }
h3  { color: #da5c24; font-size: 1.2em }
h4    { color: #da5c24; font-size: 1em; margin-left: 1em }
/* ------------------------------------------------------------------  */
/* 	NAVIGATION et MENUS
 --------------------------------------------------------------------  */
/* COULEURS des menus */
/* separateur : meme couleur que fond de BODY */
.menu ul li   { background-image: url(../images/separateur.gif); background-repeat: no-repeat } /* separateur : meme couleur que fond de BODY */

.menu ul li a:hover  { text-decoration: none }

/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				 { }

.menu ul li li a, 
.menu ul li li a:visited 			  { color: #f90 }

.menu li span 				{ color: #444;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	   { color: #da5c24 }


/* background */
.menu ul li a,
.menu ul li b 				  { }


.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				  { }

.menu ul li a:hover,
.menu ul li li a:hover  { }
.menu ul li li a.lienon 	 { }


.menu ul li li a.article      { font-size: 0.8em; line-height: 8px; padding: 1px }
.menu ul li li a.article:hover      { font-size: 0.8em; line-height: 8px; background-image: url(../images/sous-menu.gif); background-repeat: repeat-y; padding: 1px }

/* TYPO et ESPACEMENT des menus */

.menu ul 
    { font-weight: normal; text-align: left; list-style-type: none; margin: 0; padding: 0 }

.menu ul ul   { margin: 0 }
.menu ul li  { margin: 0 }

.menu ul li a, .menu ul li b
     { text-decoration: none; text-align: left; display: block; width: 100%; height: 100% }

.menu ul li li a  { font-weight: normal; padding-left: 4px }
.menu ul li li li a { padding-left: 6px;}
.menu ul li li li li a { padding-left: 12px;}
.menu ul li li li li li a { padding-left: 18px;}
.menu ul li li li li li li a { padding-left: 24px;}

.menu li span
{
	display: block;	
	font-style: italic;
	font-size: 92%;	
}
.menu li li address a
{
	padding: 0px 0 4px 4px;
	font-style: italic;
	font-size: 92%;	
}

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #DDD;
	/* overflow: hidden; */
	text-align: center;
}
.menu li.annonce a { padding: 0; }
.menu li.annonce .spip_logos,
.menu li.annonce a img { margin: 0; }

#menu-principal {
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
}

#menu-principal li a
{
	padding: .2em 1em .2em 1em;
	margin: 0 1px 0 0;
} 

#menu-principal ul li 
{ float: left; }

/* #menu-recherche {  position: absolute; top: 185px; width: 148px;} */
#menu-recherche { width: 100px; }
#menu-recherche.menu ul li  { border-top: 0 none #e9e8ce; border-right: #e9e8ce; border-bottom: #e9e8ce; border-left: #e9e8ce }

#menu-rubriques    { }

.menu-item { font-size: 85%; }

.menu-item,
.menu-titre-special, 
.menu-titre { background-color: #86abce; }