/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
.largeurSite {width: 1180px;}
.hauteurSite {height: 700px;}
.largeurColonneMenuVertical {width: 130px;}
.largeurColonneContenu {width: 1050px;}
.largeurColonneContenu_G {width: 425px;}
.largeurColonneContenu_D {width: 625px;}
.transparencePNG {behavior: url(/squelettes/include/css/resources/iepngfix.htc);}

#MAIN {margin-left: auto; margin-right: auto; margin-top: 10px; border: none; height: auto;}

#ColonneMenuVertical {float: left; vertical-align: top; position: relative; top: 0; padding: 0; margin: 0; border: none; display:inline;}
#MenuVertical {padding: 180px 0 10px 0;}
#MenuOnglet { background-image:url(/squelettes/images/MenuOnglet_bkg.png); width: 100px; height:40px; text-align:left; padding: 10px 0 0 10px; float:right;}
#MenuOnglet:hover {width: 128px; float:right;}

#ColonneContenu {float: right; vertical-align: top; top: 0px; padding: 0; border: none; display:inline; position:relative; z-index:1;}
#Logo {position: absolute; z-index:10; left:20px; top:0px;}
#ColonneContenu table {background-image:url(/squelettes/images/TraitVertical_Blanc_bkg.gif); background-repeat:repeat-y;}

#Colonne_Gauche {background-image:url(/squelettes/images/TraitVertical_Blanc_bkg.gif); background-repeat:repeat-y;}
#ColonneContenu_G {overflow:auto; vertical-align: top; padding: 0; margin: 0; top:42px; height:700px; position: absolute;}
#ColonneContenu_G_haut {height:42px; top:0px; position: absolute; background-color:#cccc66;}
/* #ColonneContenu_G_haut {vertical-align: top; background-image:url(/squelettes/images/TraitVertical_Vert_bkg.gif); background-repeat:no-repeat;}*/
#ColonneContenu_G_bas {border-left: solid 4px white; border-bottom: solid 4px white; }
#ColonneContenu_G_carres_decoupes {height:198px; background-image:url(/squelettes/images/carres_decoupes.png); background-repeat:no-repeat; behavior:url(/squelettes/include/css/resources/iepngfix.htc);}
.ColonneContenu_G_texte {padding:50px 30px 10px 50px; font-size:120%; border-left:solid 4px white;}
.ColonneContenu_G_newsletter {padding:20px 30px 10px 50px; font-size:120%; border-left:solid 4px white; line-height:auto;}
.NewsLetter {color:#cc3366;}
.ColonneContenu_G_portfolio {padding:20px 10px 10px 10px; font-size:120%; border-left:solid 4px white; line-height:auto;}

#ColonneContenu_D {background-color:#FFFFFF; vertical-align:top; background-image:url(/squelettes/images/MainBasDroit_bkg.png); background-position: bottom right; background-repeat:no-repeat; min-height:600px !important; height:auto; }
#ColonneContenu_D_Header {height:95px; width:100%; background-image:url(/squelettes/images/ColonneDroite_bkg.png); border:none; behavior:url(/squelettes/include/css/resources/iepngfix.htc);}
#FocusOeuvre {padding:20px; font-size:120%;}
#OeuvreEncadre {margin-left: auto; margin-right: auto; width: 500px ; height:500px; border:solid 1px #cc3366; vertical-align: middle;}


#SommaireNews {padding:0 70px 20px 52px; font-size:110%;}

#FOOTER {padding: 2px 34px 2px; text-align: center; color: #000000; font-size: 90%}
#FOOTER a {color : inherit;}

#BIO_AUTEUR {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 400px;
	min-height:400px;
	height:auto;
	border:4px dashed #CC3366;
	padding: 50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	-moz-border-radius:50px;
	-khtml-border-radius:50px;
	-icab-border-radius:50px;
}





/* ------------------------------------------
/* TEXTE 
/* ------------------------------------------ */

.texte_oeuvre {font-size: 120%;}
.art_teteDeRubrique {padding: 20px}

.titre_rubrique {text-align: left; color : #cc3366; font-size: 140%; font-weight: bold; padding:0 0 20px 0}
.titre_rubrique2 {text-align: left; color : #cc3366; font-size: 120%; font-weight: bold; padding:10px 0 0 0}

.footer {text-align: right; color : #cc3366; font-size: 90%}
.MenuHorizontal {color:#cc3366; font-size: 100%; height:63px; padding:0 10px 0 0;}

.vignettes-actu {padding:0 5px 0 0;}


#EVENEMENTS {padding: 20px 0 20px 10px; margin-right:20px; border-bottom:solid 1px #cc9999}
#EVENEMENTS_PRECEDENTS {padding: 5px 0 5px 10px; margin-right:20px; border-bottom:solid 1px #cc9999}
#EVENEMENT {padding: 20px 10px 20px 10px;}
.evenements_date {font-size:90%; float:left; width:120px; padding:0 20px 20px 0}
.evenement_date {font-size:90%;}
.evenements_titre {float:left; width:400px;}
.evenements_date_precedent {font-size:90%; float:left; width:200px; padding:0 20px 5px 0}
.evenements_titre_precedent {float:left; width:300PX;}
.evenement_titre {padding:5px 0}
.evenements_descriptif {clear: both; padding:0 0 0 140px}
.evenement_descriptif {clear: both; padding:15px 0 0 25px}
.evenement_pagination {padding:4px 40px 40px 40px; text-align:right;}


/* ------------------------------------------
/* MINI AGENDA 
/* ------------------------------------------ */

#MINI_CALENDRIER {padding:25px}
#ColonneContenu table .minicalendrier {background-image:none; background-repeat:no-repeat;}
.minicalendrier td  {width:28px; height:28px; padding:2px; vertical-align:middle;}


	
#MINI_CALENDRIER table {border-collapse:no; background-color:#EEEEEE;
	border:solid 1px #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-variant:small-caps;
	line-height:90%;
	padding:2px;
	text-align:center;
	width:100%
}

#MINI_CALENDRIER caption {
	padding: 4px; 
	background-color: #999;
	width: 100%; 
	vertical-align: middle; 
	font-variant: small-caps;
	font-weight:bold;
	font-size: 12px;
}

#MINI_CALENDRIER th {border:1px solid #BEBEBE; padding:2px; vertical-align:middle;}

td.libre {color:#666666; }
td.libre.today {font-weight: bold; color: #FFF; background-color: #d14e4a;}
	
td.occupe.today {
	font-weight: bold;
	color: #FFF;
	background-color: #d14e4a;
}
	
td.occupe {
	color:#FFF;
	background-color: #a6a6a6;
	border:1px solid #666666;
}

td.occupe a {color:#FFFFFF; text-decoration:none;}
td.occupe a:hover {text-decoration: underline; }
td.horsperiode {
	color:#bbb;
	font-style:italic; font-size:.9em;
 }






/* ------------------------------------------
/* Surcharge spip_style.css */
/* ------------------------------------------ */
div.nettoyeur {clear: both; height: 0px; margin: 0; padding: 0; border: 0; line-height: 0px; font-size: 0px; }
.spip_doc_titre { margin-right: auto !important; margin-right: 1px; margin-left: auto !important; margin-left: 1px; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto !important; margin-right: 1px; margin-left: auto !important; margin-left: 1px; font-size: 0.90em; }

/* Logos, documents et images */
.spip_logos { margin-right: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal;}

/* ------------------------------------------
/* SURCHARGE habillage.css 
/* ------------------------------------------ */

/* Couleurs des liens
---------------------------------------------- */

a {color: inherit; text-decoration: none;}
a:link {color: inherit; text-decoration: none;}
a:visited {color: inherit; text-decoration: none;}
a:hover {color: inherit; text-decoration: underline;}
a:focus,a:active  {color: inherit; text-decoration: none;}

a.services {text-decoration: none; color: #cc3366; font-weight: normal;}
a:hover.services {text-decoration: underline; color: #029e94;}
a:focus.services, a:active.services  {text-decoration: none; color: #029e94;}

a.rubrique1 {text-decoration: none; color: #59494C; font-weight: normal;}
a:hover.rubrique1 {text-decoration: underline; color: #ED8000;}
a:focus.rubrique1, a:active.rubrique1  {text-decoration: none; color: #ED8000;}

a.rubrique5 {text-decoration: none; color: #59494C; font-weight: normal;}
a:hover.rubrique5 {text-decoration: underline; color: #BC7B2F;}
a:focus.rubrique5, a:active.rubrique5  {text-decoration: none; color: #BC7B2F;}

a.rubrique9 {text-decoration: none; color: #59494C; font-weight: normal;}
a:hover.rubrique9 {text-decoration: underline; color: #CF3E79;}
a:focus.rubrique9, a:active.rubrique9  {text-decoration: none; color: #CF3E79;}

a.rubrique13 {text-decoration: none; color: #59494C; font-weight: normal;}
a:hover.rubrique13 {text-decoration: underline; color: #8D4735;}
a:focus.rubrique13, a:active.rubrique13  {text-decoration: none; color: #8D4735;}

a.spip_mail { color: #00008b; }
a.spip_out { color: #009; } /* liens sortants */
a:hover.spip_out { color: inherit; text-decoration: underline; } /* liens sortants */
a.spip_in {color: inherit;} /* liens internes */
a:hover.spip_in {color: inherit; text-decoration: underline;} /* liens internes */
a.spip_note {color: inherit; vertical-align: top; font-size: 70%;} /* liens vers notes de bas de page */

/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #cccc66; margin: 0; padding: 0; text-align: left; font-size:0.65em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active {color: inherit;}

/* Typographie generale (style transversaux)
/* ------------------------------------------ */
h1 { font-size: 1.70em; color: #cc3366; }


/* Habillage des elements du contenu
/* ------------------------------------------ */
.surtitre { font-size:160%; color: #cc3366; text-transform: none; letter-spacing: normal; padding: 0 0 30px 0; }
.soustitre { font-size:120%; color: inherit; text-transform: none; letter-spacing: normal; padding: 0 0 20px 0; }
.chapo { margin-bottom: 15px; line-height: 1.40em; font-weight: bold; color: #cc3366; }
.texte { line-height: inherit ; }
.hyperlien { display: block; background: inherit; padding: 2px 5px 2px 5px; margin: 5px 0 5px 0; font-weight: normal;  color: #1D6973;}
.ps, .notes { margin-bottom: none; margin-top: 40px; line-height: 1.40em; 	border:4px dashed #cc3366;
	padding: 20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	-khtml-border-radius:20px;
	-icab-border-radius:20px;}
.notes { clear: both; font-size: 120%; }
#hierarchie {padding: 2px 2px 2px 44px; margin-bottom: 0; font-size: 100%;}
#hierarchie, #hierarchie a {color: #cc3366;}

/* Portfolio */
#documents_portfolio_rub {height:auto; margin-bottom: none; padding: 10px}
#documents_portfolio {height:225px;margin-bottom: 0.5em;}
#documents_portfolio .spip_logos, #documents_portfolio_rub .spip_logos { border: 1px solid #E7E4C9; }
#documents_portfolio a.on .spip_logos, #documents_portfolio_rub a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos {  }
#documents_portfolio a:hover .spip_logos, #documents_portfolio_rub a:hover .spip_logos { border-color: #8B6F92 }
#documents_portfolio a:active .spip_logos, #documents_portfolio_rub a:active .spip_logos { border-color: #8B6F92; }




/* ------------------------------------------
/* SURCHARGE spip_formulaires.css 
/* ------------------------------------------ */
input, select, textarea { color: #cc3366; }

/* Rajout pour le besoin du site, style non présent dans spip_formulaires.css   */
.formulaire_ecrire_auteur { width: 90%;} 
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip {font-size: 90%; }

/* Fieldset */
.formulaire_spip fieldset {background-color: transparent; border:1px solid #DFD4BF;}
.formulaire_spip fieldset legend {font-size: 90%; font-weight: inherit; background-color: transparent; color: #cc3366; border:1px solid #96bf0d; padding: 0 2px} 

/* Explications */

/* Lignes */

/* Labels */
.formulaire_spip label { color: #cc3366; font-weight: inherit;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

/* Champs de saisie */
.formulaire_spip input.text { width: 99%; background-color: #DFD4BF;}
.formulaire_spip textarea {background-color: #DFD4BF;}

/* Boutons */
.formulaire_spip .boutons input { float: right; }


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */

/* Previsualisation du message */

/* Reponse du formulaire */
.reponse_formulaire {font-size: inherit; }

/* * Erreurs */

/* * OK */


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */

/* Formulaire de forum */

/* Selection des langues */

/* Formulaires de recherche (site / petitions) */

/* Choix des mots-clefs */

/* Formulaire de login dans une page */


/* ------------------------------------------
/* TEXTE  (a laisser en bas pour etre chargé par dessus les styles précédents
/* ------------------------------------------ */
.texte_oeuvre {font-size: inherit;}
.borderRight {margin-right: 5px;}