@import url(agenda.css);
@import url(arretes.css);
@import url(associations.css);
@import url(marches.css);
@import url(menu.css);
@import url(news.css);
@import url(offres_emploi.css);
@import url(pollen.css);
@import url(widgEditor.css);
@import url(inscription.css);
@import url(espace_membre.css);
@import url(risques.css);
@import url(contes.css);
@import url(lightview.css);
@import url(sondage.css);
@import url(rdv_associations.css);
@import url(magie.css);
/*@import url(forum.css);*/

/*
Bleu de base: #3B5DA4;
Rouge de base: #C43935;
Redéfinition des balises de base
*/
html, body
{
height: 100%;
width: 100%;
}
body
{
margin: 0px;
padding: 0px;
color: black;
background : #3B5DA4 url('../images/bg_bleu04.jpg') top left repeat;
background-attachment: fixed; /* Pour fixer l'arrière plan dégradé */
text-align: center;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 0.75em;
}

/*
Petit Fix pour IE et les acronymes
*/
acronym, abbr
{
border-bottom: 1px dotted black;
cursor: help;
}
h1, form
{
margin: 0px;
}
table
{
border: 0px;
}
h1
{
background-color: #3B5DA4;
font-weight: bold;
font-size: 1.1em;
color: white;
padding-left: 2px;
clear: both;
}
h2
{
background-color: #E6E9F0;
font-weight: bold;
font-size: 1em;
color: black;
padding-left: 5px;
width: 70%;
border-width: 1px 0px 1px 5px;
border-color: #3B5DA4;
border-style: solid;
}
h3
{
font-weight: bold;
font-size: 0.9em;
color: black;
padding-left: 3px;
width: 70%;
border-width: 0px 0px 1px 1px;
border-color: #3B5DA4;
border-style: solid; 
clear: both;
}
h4
{
font-weight: bold;
font-size: 0.9em;
color: black;
padding-left: 3px;
width: 60%;
border-width: 0px 0px 1px 1px;
border-color: #C43935;
border-style: solid; 
clear: both;
margin-left: 15px;
}
h5
{
font-weight: bold;
font-size: 0.9em;
color: black;
}
legend
{
font-weight: bold;
color: black;
}
#form_demande label, .neutre_legend, #form_mail label, #ajout_news label, #ajout_plante label, #appel_idees label
{
display: inline;
float: left;
width: 200px;
font-variant: normal;
font-weight: normal;
}
#ajout_news label, #modif_news label
{
display: inline;
float: left;
width: 150px;
font-variant: normal;
font-weight: normal;
}
fieldset
{
border: 1px solid black;
padding: 5px;
margin: 5px;
}
#form_demande textarea /* input, */
{
z-index: 3;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 0.9em;
border: 1px solid black;
background-color: white;
margin: 1px;
}
li
{
list-style-type: square;
}
ol li
{
list-style-type: decimal;
}
ul ul li
{
list-style-type: circle;
}
ul ul ul li
{
list-style-type: disc;
}
a
{
cursor: pointer;
color: blue;
text-decoration: underline;
}
#footer a
{
color: white;
font-weight: bold;
}
/*
Définition des conteneurs
*/
#container
{
position: relative;
width: 800px;
height: 100%;
margin: auto;
}
#header
{
height: 100px;
background-color: #7CA2C4;
background : url('../images/fond_logo.jpg') top left repeat-x;
/*background : url('../images/fond_logo.jpg') top left repeat-x;*/
border-bottom: 1px solid #EBD994;
overflow: hidden;
}
#header img
{
border:0px;
}
#drapeaux
{
float: right;
}
#centre
{
text-align: left;
text-align: justify;
background : url('../images/fond_centre_haut_1px.jpg') top left repeat-x;
background-color: #ffffff;
padding: 10px 5px 5px 5px;
}
.deco_news
{
position: relative;
left: -9px;
top: -2px;
}
#agenda_accueil
{
float: left;
width: 33%;
/*width: 49%;*/
}
#agenda_accueil img, #breves_accueil img, #espace_membre img, #ville_image img
{
float: left;
/* -2px au lieu de -10 à la base*/
margin: -2px 5px 5px -5px;
}
.img_acceuil_menu
{
float: left;
/* -2px au lieu de -10 à la base*/
margin: -2px 5px 5px -5px;
}

#breves_accueil
{
width: 33%;
/*width: 49%;*/
/*float: left;*/
margin-left: 4px;
float: right;
}
#ville_image
{
width: 33%;
float: right;
}
#espace_membre
{
width: 33%;
float: right;
}
#footer
{
/* Pour avoir un footer collé en bas
position: absolute;
margin-left: 0px
bottom: 0px;
*/
clear: both;
text-align: center;
background: url('../images/fond_footer_1px.jpg') bottom left repeat-x;
background-color: #3B5DA4;
color: #FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
font-size: 0.8em;
width: 800px;
} 

/*
Classes perso
*/
.tableau_secours
{
width: 100%;
}
.spacer
{
clear: both;
}
.flash
{
text-align: center;
color: white;
background: url('../images/haut_menu_1px.jpg') top left repeat-x;
background-color: #3B5DA4;
width: 40%;
}
.rouge_gras
{
font-weight: bold;
color: #FF0000;
}
.element_centre
{
display: block;
margin-left: auto;
margin-right: auto 
}
.p_centre
{
text-align: center;
}
.image_elu
{
float: left;
border: 1px solid #E6E9F0;
padding: 2px;
margin: 2px;
}
/*classe pour le lien vers le haut de la page, il suffit de mettre ca dans le code :  
    <div class="image_haut"><a href="#haut">
    <img src="images/icones/22x22/actions/haut.png" width="22" height="22" 
    alt="Haut de page" title="Haut de page" /></a></div>*/
.image_haut 
{
text-align: right;
}

.image_deco
{
float: right;
margin-left: 5px;
}
.explication
{
background-color: #E6E9F0;
padding: 5px;
clear: both;
}
.explication img
{
vertical-align: middle;
}
#archives_1_mois
{
float: right;
width: 180px;
background-color: #E6E9F0;
padding: 5px;
margin-left: 5px;
}
.titre_blanc
{
background-color: white;
margin: 0px;
text-align: center;
}
.pdf li ul li
{
list-style-type: circle;
}
.pdf
{
list-style-type: square;
}
.case_logos
{
text-align: center;
}
#flotte_droite
{
float: right;
width: 200px;
background-color: #E6E9F0;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
}
#flotte_droite h2
{
background-color: #E6E9F0;
font-variant: small-caps;
font-weight: bold;
font-size: 0.9em;
color: black;
padding-left: 5px;
width: 94%;
border-width: 1px 0px 1px 5px;
border-color: #3B5DA4;
border-style: solid; 
clear: inherit;
}
.barre_navigation
{
float: right;
clear: right;
font-size: 0.7em;
}
.barre_navigation img
{
border: 0px; 
margin: 2px;
}

#recherche
{
float:right;
padding-right:10px;
color: white;
}
#recherche input
{
font-size: 10px;
}

.fil_ariane
{
clear: left;
float: left;
font-size: 0.8em;
line-height: 20px;
vertical-align: middle;
}
.neutre
{
border: none;
background: none;
}
.neutre_fieldset
{
display: inline;
float: left;
border-width: 0px;
padding: 0px;
margin: 0px;
}
/*Pour le module état civil*/
.fieldset_ec
{
display: inline;
border-width: 0px;
padding: 0px;
margin: 0px;
clear: both;
}

.majuscules
{
text-transform: uppercase;
}
p.mairies
{
border-bottom: 1px dashed black;
margin-bottom: 5px;
padding-bottom: 5px;
padding-top: 2px;
background-color: #E6E9F0;
}
p.mairies img
{
margin-left: 2px;
}
.img_droite
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.img_gauche
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.centre_horizontal img
{
/* mettre un SPAN autour de l'image avec cette classe */
display: block;
margin: auto;
}
.h1_accueil
{
padding: 1px 1px 1px 5px;
color: black;
border-width: 0px 0px 1px 5px;
border-color: #C43935;
border-style: solid;
background-color: #E6E9F0;
margin-bottom: 10px;
}
.h1_actualites
{
width: auto;
height: 40px;
background-image: url('../images/h1_actualites.jpg');
}
.h1_rdv
{
width: auto;
height: 40px;
background-image: url('../images/h1_rdv.jpg');
}
.h1_bref
{
width: auto;
height: 40px;
background-image: url('../images/h1_bref.jpg');
}
.h1_election
{
width: auto;
height: 40px;
background-image: url('../images/h1_elections.jpg');
}
.h1_vie_pratique
{
width: auto;
height: 40px;
background-image: url('../images/h1_viepratique.jpg');
}
.h1_operations
{
width: auto;
height: 40px;
background-image: url('../images/h1_operations.jpg');
}
.h1_mairie
{
width: auto;
height: 40px;
background-image: url('../images/h1_mairie.jpg');
}
.h1_ville_image
{
width: auto;
height: 40px;
background-image: url('../images/h1_ville_image.jpg');
}
h1 span
{
display: none;
}

/* Calendrier des vacances scolaires
URL: ?page=education&rub=vacances
*/
.vacances
{
border: 1px solid #E6E9F0;
}
.vacances td
{
text-align: center;
border: 1px solid #E6E9F0;
padding: 5px;
}
#images_accueil_prix, #images_accueil_operations
{
text-align: center;
}

/* Pour aligner du texte et une image: mettre un <p class="img_milieu"><img ....><span>blablabla</span></p> */
p.img_milieu img, .img_milieu span
{ 
vertical-align: middle;
display: inline-block; 
}
a img
{
border: 0px;
}
span.cm_duree img, span.cm_real img, span.cm_ppt img
{
vertical-align: middle;
display: inline-block;
}
span.cm_duree
{
width: 100px;
display: block !important;
float: left !important;
}
span.cm_ppt
{
margin-left: 5px;
}

.cm_elus img
{
float: left;
clear: both;
border: 1px solid black;
padding: 2px;
margin: 1px;
}
p.cm_elus
{
vertical-align: middle;
clear: both;
margin: 2px;
padding-right: 5px;
}
/*
p.cm_elus img, .cm_elus span
{ 
vertical-align: middle;
display: inline-block; 
background-color: yellow;
}*/
#erreur
{
margin: auto;
width: 400px;
border: 1px solid #C43935;
padding: 10px;
background-color: #E6E9F0;
}
#erreur img
{
margin-right: 10px;
}
#tarifs_camping_base, #tarifs_camping_sup
{
width: 500px;
margin: auto;
text-align: center;
}
#tarifs_camping_base td, #tarifs_camping_sup td
{
border-right: 1px solid black;
background-color: #E6E9F0;
padding: 5px;
border-bottom: 1px solid white;
}
#tarifs_camping_base caption, #tarifs_camping_sup caption
{
margin: auto;
font-weight: bold;
padding: 5px;
}
#centres_loisirs th
{
text-align: center;
}
#centres_loisirs, #centres_loisirs th, #centres_loisirs td
{
border: 1px solid white;
padding: 2px;
}
#centres_loisirs
{
background-color:#E6E9F0;
text-align: left;
}
/*Test pour les photos des élus du CM*/
a.photo_cm:hover
{
background: none;
}
a.photo_cm span
{
display: none;
}
a.photo_cm:hover span
{
border: 1px solid black;
padding: 2px;
background-color: white;
position: absolute;
display: inline;
margin-top: -90px;
margin-left: -70px;
}

a.photo_cm08:hover
{
background: none;
}
a.photo_cm08 span
{
display: none;
}
a.photo_cm08:hover span
{
border: 1px solid black;
padding: 2px;
background-color: white;
position: absolute;
display: inline;
margin-top: -104px;
margin-left: -70px;
}
/* Style pour les crues */
#tab_noe
{
height: 290px;
width: 400px;
}
#tab_noe th
{
text-align: center;
}
#tab_noe td
{
border-bottom: 1px solid #C43935;
text-align: center;
height: 21px;
}
/* Styles pour les explications SSL */
#bg_aver_IE7
{
position: relative;
top: 305px;
left: 60px;
height: 35px;
background-color: green;
width: 380px;
filter:alpha(opacity=50);
-moz-opacity:0.5; 
opacity: 0.5; 
}
#aver_IE7
{
position: relative;
top: 268px;
left: 60px;
padding: 5px;
padding-top: 20px;
background-color: transparent;
width: 380px;
text-align: center;
}
#img_IE7
{
margin-top: -70px;
}
#bg_aver_IE6
{
position: relative;
top: 330px;
left: 35px;
height: 50px;
background-color: green;
width: 120px;
filter:alpha(opacity=50);
-moz-opacity:0.5; 
opacity: 0.5; 
}
#aver_IE6
{
position: relative;
top: 268px;
left: 30px;
padding: 5px;
padding-top: 20px;
background-color: transparent;
width: 120px;
text-align: center;
}
#img_IE6
{
margin-top: -90px;
}
/* Style pour le fond bleu sur les boutons de formulaire */
.BoutonCSS
{
padding: 2px;
color: #FFFFFF;
background: #3B5DA4 url('../images/haut_menu_1px.jpg') top left repeat-x;
border: 1px solid #FFFFFF;
}
.BtnRech
{
/* Icône pour les navigateurs supportant le PNG */
background: transparent url('../images/icones/22x22/actions/viewmag.png') top left no-repeat !important;
/* icône pour les navigateurs ne supportant pas le PNG */
background: transparent url('../images/icones/22x22/actions/viewmag.gif') top left no-repeat;
width: 22px;
height: 22px;
padding: 2px;
cursor: pointer;
border: none;
/* Hack pour FF et Safari: fait disparaître le texte */
text-indent : -9999px;
/* Hack pour IE 6 et 7: fait disparaître le texte */
color : expression(this.value = '');
}
.elections
{
border: 1px dashed #C43935;
}
.TabMed
{
width: 70%;
}
.TabMed td
{
border-bottom: 1px solid #C43935;
text-align: center;
padding: 2px;
}
.TabMed th
{
text-align: center;
}
.menuRS li
{
font-weight: bold;
}
.menuRS ul li
{
font-weight: normal;
}
#connexion_suivi label
{
display: inline-block;
float: left;
width: 120px;
}
.img_marbe
{
position: relative;
float: left;
top: 350px;
left: 52px;
width: 680px;
background-color: #3B5DA4;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
opacity: 0.5;
}
.txt_marbe
{
position: relative;
float: left;
top: 336px;
left: 52px;
width: 227px;
text-align: center;
border: 0;
color: white;
font-weight: bold;
}
.accueil_50_gauche
{
width: 49%;
float: left;
}
.accueil_50_droite
{
width: 49%;
float: right;
}