@font-face {
font-family: 'Century Gothic';
src: url('Polices/Century_Gothic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Century Gothic';
src: url('Polices/Century_Gothic_Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Century Gothic';
src: url('Polices/Century_Gothic_Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Coolvetica';
src: url('Polices/Coolvetica.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

*
{
margin: 0px;
padding: 0px;
}
*::-moz-selection
{
background: rgb(0,255,0);
color: black;
}
body
{
font-family: Verdana, Sans-Serif;
background: url(Fond.jpg) repeat-y center;
font-size: 13px;
color: black;
text-align: justify;
}
a
{
text-decoration: none;
font-weight: bold;
color: rgb(0,155,0);
}
a:hover, a:focus
{
color: black;
border-bottom: 2px solid rgb(0,200,0);
cursor: pointer;
}
a:focus, a:active
{
outline: none;
}
a img
{
border: none;
}
a.wikipedia
{
color: rgb(0,200,255);
}
a.wikipedia img
{
margin-left: 4px;
margin-bottom: -3px;
}
a.wikipedia:hover
{
color: rgb(0,255,255);
border-bottom-color: rgb(0,200,255) !important;
}
img.smiley, img.icone
{
position: relative;
margin-bottom: -3px;
}
h1, h2, h3
{
margin: 8px auto 8px auto;
padding: 0px 4px 8px 4px;
color: rgb(0,150,0);
font-family: Coolvetica;
font-size: 19px;
font-weight: normal;
text-align: center;
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
letter-spacing: 1px;
}
h1 a, h2 a, h3 a
{
border: none !important;
font-weight: normal;
}
h1 a:hover, h2 a:hover, h3 a:hover
{
color: rgba(100,200,0,1);
}
h1
{
background: url(Titre.png) repeat-x;
}
h1 span
{
background: url(Milieu.png);
padding: 1px 8px 8px 8px;
}
h2
{
}
h3
{
text-align: left;
}
hr
{
background: url(Titre.png) repeat-x;
border: none;
height: 20px;
margin-top: 22px;
margin-bottom: 24px;
}
ul
{
margin-left: 16px;
margin-right: 16px;
list-style: url(Puce.png);
}
#site
{
background: rgb(0,125,200) url(Flash.jpg) repeat-y center;
}
#haut
{
background: url(Haut.png) repeat-x center;
height: 22px;
}
#flash
{
width: 960px;
height: 224px;
margin: auto;
margin-bottom: -16px;
}
#flash object
{
position: absolute;
z-index: 0;
}
#milieu
{
background: url(Milieu.png) repeat top;
}
#page
{
padding-top: 12px;
padding-bottom: 12px;
}
.page
{
width: 928px;
margin: auto;
}
#bas
{
background: url(Bas.jpg) no-repeat center;
height: 192px;
}
#bas .contenu
{
width: 1000px;
margin: auto;
}
#bas #groupes
{
position: relative;
width: 350px;
padding-left: 37px;
}
#bas #groupes a
{
display: inline-block;
box-shadow: 0px 0px 7px black;
width: 158px;
height: 137px;
margin-top: 39px;
margin-right: 14px;
}
#bas #groupes a#sunrise
{
background: url(Albums.png) no-repeat left top;
}
#bas #groupes a#l2r
{
background: url(Albums.png) no-repeat right top;
}
#bas #groupes a#sunrise:hover
{
background-position: left bottom;
border: none;
}
#bas #groupes a#l2r:hover
{
background-position: right bottom;
border: none;
}
#bas #groupes a#sunrise:focus, #bas #groupes a#l2r:focus
{
border: none;
}
#bas p
{
position: relative;
background: url(Bas_contenu.png);
border: 4px solid rgba(0,0,0,0.5);
border-radius: 8px;
box-shadow: 0px 0px 7px black;
width: 568px;
margin-top: -128px;
margin-left: 400px;
padding-top: 28px;
padding-bottom: 28px;
color: white;
font-family: "Lucida Sans Unicode";
font-size: 12px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
line-height: 30px;
}
#bas p a
{
font-weight: normal;
}
#bas p a:hover, #bas p a:focus
{
color: white;
}

/* MENU */

#menu
{
background: url(Menu.jpg) no-repeat bottom;
width: 100%;
height: 40px;
}
#menu_contenu
{
width: 944px;
margin: auto;
padding: 0px 8px 0px 8px;
}
#menu_contenu .menu_element
{
display: inline-block;
position: relative;
height: 32px;
vertical-align: top;
}
#menu_contenu .menu_element:hover
{
background: url(Menu_on.png) center repeat-x;
}
#menu_contenu .menu_element > a
{
display: block;
border: none;
padding: 10px 8px 8px 8px;
color: white;
font-family: 'Century Gothic';
font-size: 15px;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 0px 3px black;
}
#menu #menu_droite
{
display: inline-block;
vertical-align: top;
float: right;
}

/* Accueil */
#menu #menu_accueil a
{
background: url(Accueil.png) no-repeat center;
width: 24px;
height: 24px;
padding: 8px 8px 0px 8px;
}

/* Compte */
#menu_compte
{
}
#menu_compte a
{
}
#menu_compte #menu_compte_img
{
display: inline-block;
position: relative;
background: url(Compte_fleche.png) no-repeat top;
width: 24px;
height: 24px;
margin-top: -6px;
margin-bottom: -6px;
margin-right: -6px;
}
#menu_compte.on
{
background: url(Menu_on.png) center repeat-x;
}
#menu_compte.on #menu_compte_img
{
background-position: bottom;
}

/* Recherche */
#menu_recherche.menu_element
{
background: url(Recherche_fond.png) repeat-x;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
box-shadow: 0px 0px 3px black;
height: 22px;
margin-top: 4px;
}
#menu_recherche.menu_element:hover
{
background: white;
}
#menu_recherche.menu_element input
{
vertical-align: top;
background: none;
border: none;
width: 100px;
height: 22px;
padding: 0px 2px 0px 2px;
color: black;
text-shadow: 0px 0px 3px black;
}
#menu_recherche a
{
display: inline-block;
position: relative;
background: url(Recherche_loupe.png) no-repeat;
border: none;
width: 22px;
height: 22px;
margin-left: -4px;
}

/* Menu langue */
#menu #menu_langue
{
background: url(Langue_fond.png);
z-index: 10;
overflow: hidden;
}
#menu #menu_langue:hover
{
height: auto;
}
#menu #menu_langue a
{
display: block;
padding: 4px 8px 4px 8px;
margin: 0px;
}
#menu #menu_langue a:hover
{
background: url(Menu_on.png) center repeat-x;
}
#menu #menu_langue a span
{
display: block;
width: 24px;
height: 24px;
}
#menu #menu_langue a.langue_fr span {background: url(Langue_fr.png) center no-repeat;}
#menu #menu_langue a.langue_en span {background: url(Langue_en.png) center no-repeat;}
#menu #menu_langue a.langue_it span {background: url(Langue_it.png) center no-repeat;}

/* CLIQUEZ ICI */

#ici
{
width: 942px;
margin: auto;
}
#ici > div
{
position: absolute;
background: url(Ici.png) no-repeat;
width: 176px;
height: 41px;
top: 28px;
padding-top: 19px;
text-align: center;
}

/* PANNEAU */

#panneau
{
display: none;
position: absolute;
z-index: 10;
background: white;
border-top: 6px solid rgb(50,175,0);
border-radius: 0px 0px 8px 8px;
box-shadow: 0px 9px 7px rgba(0,0,0,0.5);
width: 232px;
margin-top: 32px;
}
#panneau fieldset
{
border: 2px solid rgb(50,175,0);
border-radius: 4px;
margin: 4px 8px 4px 8px;
}
#panneau fieldset legend
{
margin-left: 16px;
padding-left: 4px;
padding-right: 4px;
color: rgb(50,175,0);
font-family: "Lucida Sans Unicode";
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#panneau input[type=text], #panneau input[type=password]
{
background: url(Recherche_fond.png) repeat-x;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
height: 22px;
width: 88%;
margin: 4px 8px 4px 8px;
padding: 2px 4px 2px 4px;
color: black;
text-shadow: 0px 0px 3px black;
}
#panneau input[type=text]:hover, #panneau input[type=password]:hover, #panneau input[type=text]:focus, #panneau input[type=password]:focus
{
background: white;
}
#panneau input[type=button], #panneau input[type=submit]
{
display: block;
background: rgb(50,175,0);
border: none;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
color: white;
font-family: "Lucida Sans Unicode";
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#panneau input[type=button]:hover, #panneau input[type=submit]:hover
{
background: rgb(100,225,0);
cursor: pointer;
}
#panneau #panneau_oubli_pass
{
float: right;
border: none;
margin-right: 8px;
margin-bottom: 4px;
color: rgb(150,150,150);
font-family: "Lucida Sans Unicode";
font-size: 9px;
font-weight: normal;
text-align: right;
}
#panneau #panneau_oubli_pass:hover
{
color: rgb(200,200,200);
}
#panneau #panneau_inscription, #panneau #panneau_profil, #panneau #panneau_deconnexion
{
display: block;
border: none;
border-radius: 4px;
margin: 8px;
padding-top: 8px;
padding-bottom: 8px;
color: white;
font-family: "Lucida Sans Unicode";
font-size: 13px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#panneau #panneau_inscription {background: rgb(175,50,0);}
#panneau #panneau_inscription:hover {background: rgb(225,100,0);}
#panneau #panneau_profil {background: rgb(0,50,175);}
#panneau #panneau_profil:hover {background: rgb(0,100,220);}
#panneau #panneau_deconnexion {background: rgb(50,175,0); width: 93%;}
#panneau #panneau_deconnexion:hover {background: rgb(100,225,0);}

/* Panneau page*/
#panneau.panneau_page
{
position: static;
display: block;
background: none;
border: none;
box-shadow: none;
margin: auto;
}

/* NOTES */

#notes
{
background: url(Notes.png) no-repeat;
width: 96px;
height: 96px;
position: fixed;
bottom: 0px;
right: 0px;
}
#notes a
{
display: block;
width: 100%;
height: 100%;
border: none;
}

/* MESSAGE */

#message
{
background: url(Fond_message.jpg) no-repeat top;
width: 100%;
height: 704px;
}
#message #contenu
{
width: 608px;
height: 384px;
margin: auto;
margin-top: 200px;
text-align: center;
color: black;
}
#message #contenu a:hover
{
color: rgb(255,0,0);
}
#message .continuer
{
background: url(Continuer_off.png) no-repeat;
display: block;
width: 136px;
height: 32px;
margin-top: 24px;
}
#message .continuer:hover
{
background-image: url(Continuer_on.png);
border: none;
}

/* AVERTISSEMENT */

.avertissement
{
background: url(Avertissement_fond.png);
border: 2px solid red;
border-radius: 8px;
width: 512px;
margin: auto;
padding: 4px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
margin-bottom: 24px;
}
.avertissement p
{
background: url(Avertissement.png) no-repeat left;
min-height: 64px;
padding-left: 68px;
padding-right: 4px;
}
.avertissement a
{
color: red;
border-bottom: none !important;
}
.avertissement a#avertissement_retour
{
display: block;
background: red;
border-radius: 4px;
width: 64px;
margin: 24px 0px 0px auto;
padding: 2px 2px 4px 2px;
color: white;
text-align: center;
}
.avertissement a#avertissement_retour:hover
{
background: black;
color: red;
}

/* MENU ADMIN */

#menu_admin
{
position: relative;
background: rgba(0,0,0,0.75);
text-align: center;
margin: -12px auto 16px auto;
padding: 6px 0px 8px 0px;
color: white;
}
#menu_admin a
{
border: none;
padding: 8px 12px 8px 12px;
color: white;
}
#menu_admin a:hover, #menu_admin a:focus
{
background: black;
color: rgb(255,255,0);
}

/* IMAGE */

.image
{
background: rgb(245,245,245);
color: black;
font-size: 10px;
font-weight: bold;
text-align: left;
border: 4px solid rgb(230,230,230);
padding: 6px;
margin: 8px;
margin-bottom: 0px;
text-align: center;
}
.image a:hover
{
border-bottom: none !important;
}
.image .texte
{
margin-top: 4px;
/*margin-right: 30px;*/
/*min-height: 24px;*/
}
.image .enregistrer
{
float: right;
margin-top: 4px;
}
.image .enregistrer a
{
background: url(Image_enregistrer_off.png) no-repeat;
display: block;
width: 24px;
height: 24px;
}
.image .enregistrer a:hover
{
background: url(Image_enregistrer_on.png) no-repeat;
}

/* LIGHTBOX */

#jquery-overlay
{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox
{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a, #jquery-lightbox a img
{
border: none;
}
#lightbox-container-image-box
{
position: relative;
background-color: white;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image
{
padding: 10px;
}
#lightbox-loading
{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
left: 0;
}
#lightbox-nav a
{
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev
{
background: url(Lightbox_precedent_off.png) left 15% no-repeat !important;
left: 0;
float: left;
}
#lightbox-nav-btnNext
{
background: url(Lightbox_suivant_off.png) right 15% no-repeat !important;
right: 0;
float: right;
}
#lightbox-nav-btnPrev:hover
{
background: url(Lightbox_precedent_on.png) left 15% no-repeat !important;
}
#lightbox-nav-btnNext:hover
{
background: url(Lightbox_suivant_on.png) right 15% no-repeat !important;
}
#lightbox-container-image-data-box
{
font: 10px Verdana;
background-color: white;
margin: 0 auto;
line-height: 1.4em;
overflow: hidden;
width: 100%;
padding: 0 10px 0;
padding-bottom: 10px;
}
#lightbox-container-image-data
{
padding: 0 10px;
color: black;
}
#lightbox-container-image-data #lightbox-image-details
{
position: relative;
margin-top: -4px;
margin-left: -10px;
width: 70%;
float: left;
text-align: left;
padding-bottom: 0px;
}
#lightbox-image-details-caption
{
font-weight: bold;
}
#lightbox-image-details-currentNumber
{
display: block;
clear: left;
}
#lightbox-secNav-btnClose
{
position: relative;
margin-right: -10px;
width: 66px;
height: 22px;
float: right;
}

/* MASQUE */

#masque
{
display: none;
position: fixed;
background: rgba(0,0,0,0.75);
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
z-index: 20;
}

/* INFOBULLE */

#infobulle
{
position: absolute;
margin: 8px;
z-index: 50;
display: none;
top: 0px;
left: 0px;
max-width: 384px;
}
#infobulle .contenu
{
display: table-cell;
background: rgba(0,0,0,0.85);
border: 2px solid rgb(100,100,100);
padding: 4px;
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
color: white;
text-align: left;
}
#infobulle #fleche_haut, #infobulle #fleche_droite, #infobulle #fleche_bas, #infobulle #fleche_gauche
{
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 51;
}
#infobulle #fleche_haut, #infobulle #fleche_bas
{
width: 16px;
height: 8px;
margin: auto;
}
#infobulle #fleche_gauche, #infobulle #fleche_droite
{
display: table-cell;
width: 8px;
height: 16px;
}
#infobulle #fleche_haut
{
background-image: url(Infobulle_fleche_haut.png);
}
#infobulle #fleche_droite
{
background-image: url(Infobulle_fleche_droite.png);
}
#infobulle #fleche_bas
{
background-image: url(Infobulle_fleche_bas.png);
}
#infobulle #fleche_gauche
{
background-image: url(Infobulle_fleche_gauche.png);
}
#infobulle.haut #fleche_droite, #infobulle.haut #fleche_bas, #infobulle.haut #fleche_gauche
{
display: none;
}
#infobulle.droite #fleche_haut, #infobulle.droite #fleche_bas, #infobulle.droite #fleche_gauche
{
display: none;
}
#infobulle.bas #fleche_haut, #infobulle.bas #fleche_droite, #infobulle.bas #fleche_gauche
{
display: none;
}
#infobulle.gauche #fleche_haut, #infobulle.gauche #fleche_droite, #infobulle.gauche #fleche_bas
{
display: none;
}

/* FORMULAIRES */

#formulaire
{
width: 720px;
margin: auto;
text-align: left;
}
#formulaire .gauche
{
width: 100%;
background: url(Fond_vert_degrade.png) repeat-x rgb(75,175,0);
border: 1px solid rgb(75,225,0);
padding: 4px;
font-weight: bold;
}
#formulaire .gauche img
{
margin-bottom: -3px;
}
#formulaire .droite
{
width: 100%;
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
padding: 4px;
}
#formulaire.formulaire_img .droite img
{
background: rgb(75,225,0);
position: absolute;
padding: 4px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: -4px;
margin-left: -4px;
}
#formulaire img[alt="X"], #formulaire img[alt="V"]
{
position: absolute;
margin-left: -16px;
cursor: pointer;
}
#formulaire img[alt="X"]:hover, #formulaire img[alt="V"]:hover
{
cursor: pointer;
}
#formulaire input, #formulaire select, #formulaire textarea
{
background: none;
border: none;
color: black;
width: 512px;
font-family: Verdana, Sans-Serif;
font-size: 13px;
}
#formulaire.formulaire_img input
{
margin-left: 24px;
}
#formulaire textarea
{
text-align: justify;
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
padding: 4px;
width: 702px;
margin-left: 4px;
margin-bottom: 4px;
}
#formulaire input:hover, #formulaire textarea:hover, #formulaire input:focus, #formulaire textarea:focus, #formulaire .droite:hover
{
border-color: black;
}
#formulaire.formulaire_img .droite:hover img
{
background: black;
}
#formulaire input[type="submit"], #formulaire input[type="button"]
{
padding: 4px;
width: 354px;
margin-left: 4px;
background: url(Fond_vert_degrade.png) repeat-x rgb(75,175,0);
font-weight: bold;
}
#formulaire input[type="submit"]:hover, #formulaire input[type="button"]:hover
{
background: black;
color: white;
cursor: pointer;
}
#formulaire .ligne
{
width: 97.5%;
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
padding: 4px;
margin-left: 4px;
}
#formulaire .ligne:hover
{
border-color: black;
}
#formulaire .ligne img
{
background: rgb(75,225,0);
position: absolute;
padding: 4px;
padding-right: 5px;
margin-top: -4px;
margin-left: -4px;
}
#formulaire .ligne:hover img
{
background: black;
}
#formulaire .ligne p
{
margin-left: 24px;
}
#formulaire .ligne input[type=checkbox]
{
float: right;
width: 16px;
height: 16px;
}
#formulaire .ligne#captcha p
{
margin-left: 264px;
}
#formulaire .ligne#captcha input
{
background: yellow;
color: red;
width: 100%;
margin-left: 0px;
font-weight: bold;
}
#formulaire #submit_large
{
width: 98.9%;
}
#formulaire tr.erreur .gauche
{
background: red;
border-color: red;
}
#formulaire tr.erreur .gauche img
{
position: absolute;
margin-left: -24px;
}
#formulaire tr.erreur .droite
{
background: rgba(255,0,0,0.25);
border-color: red;
}
#formulaire tr.erreur .droite:hover
{
border-color: black;
}
#formulaire tr.erreur .droite img
{
background: red;
}
#formulaire tr.erreur .droite:hover img
{
background: black;
}
#formulaire div.erreur .ligne
{
background: rgba(255,0,0,0.25);
border-color: red;
}
#formulaire div.erreur > img
{
position: absolute;
margin-top: 21px;
margin-left: -15px;
}
#formulaire div.erreur .ligne:hover
{
border-color: black;
}
#formulaire div.erreur .ligne img
{
background: red;
}
#formulaire div.erreur .ligne:hover img
{
background: black;
}
#formulaire.formulaire_diaporama
{
width: 95%;
}
#formulaire.formulaire_diaporama td
{
padding-right: 24px;
}
#formulaire.formulaire_diaporama input[type=text], #formulaire.formulaire_diaporama input[type=password]
{
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
padding: 4px;
margin-left: 4px;
margin-bottom: 4px;
}
#formulaire.formulaire_diaporama input[type=text]:hover, #formulaire.formulaire_diaporama input[type=password]:hover,
#formulaire.formulaire_diaporama input[type=text]:focus, #formulaire.formulaire_diaporama input[type=password]:focus
{
border-color: black;
}
#formulaire.formulaire_diaporama input, #formulaire.formulaire_diaporama textarea
{
width: 100%;
}
#formulaire.formulaire_diaporama textarea
{
height: 52px;
font-size: 11px;
overflow: hidden;
}
#formulaire.formulaire_diaporama input[type=submit]
{
margin-left: 8px;
width: 97.5%;
}

/* RESULTAT RECHERCHE */

#resultat
{
text-align: center;
}
.resultat
{
text-align: center;
}
.resultat > a
{
background: rgba(0,0,0,0.75);
border: none;
border-radius: 4px;
padding: 8px;
color: white;
}
.resultat > a:hover
{
text-decoration: underline;
}

/* MEMBRE / PROFIL */

#membre
{
padding-left: 8px;
padding-right: 12px;
font-size: 11px;
font-weight: bold;
}
#membre input[type=text], #membre input[type=password]
{
background: rgb(200,220,255);
border: none;
width: 100%;
margin-top: 2px;
padding: 2px;
color: rgb(0,0,100);
font-family: Verdana, Sans-Serif;
}
#membre input[type=text]:hover, #membre input[type=text]:focus,
#membre input[type=password]:hover, #membre input[type=password]:focus
{
background: rgb(210,230,255);
}
#membre input.connexion, #membre input.inscription, #membre input.profil, #membre input.deconnexion
{
width: 98px;
height: 28px;
border: none;
margin-top: 12px;
margin-bottom: -8px;
padding-bottom: 4px;
color: white;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Sans-Serif;
}
#membre input.connexion:hover, #membre input.inscription:hover, #membre input.profil:hover, #membre input.deconnexion:hover
{
cursor: pointer;
}
#membre input.connexion, #membre input.profil
{
background: url(Membre_connexion_off.png) no-repeat;
margin-left: -4px;
padding-right: 1px;
text-align: right;
}
#membre input.inscription, #membre input.deconnexion
{
background: url(Membre_inscription_off.png) no-repeat;
margin-right: -4px;
padding-left: 1px;
text-align: left;
}
#membre input.deconnexion
{
background-image: url(Membre_deconnexion_off.png);
}
#membre input.connexion:hover, #membre input.connexion:focus, #membre input.profil:hover, #membre input.profil:focus
{
background-image: url(Membre_connexion_on.png);
}
#membre input.inscription:hover, #membre input.inscription:focus
{
background-image: url(Membre_inscription_on.png);
}
#membre input.deconnexion:hover, #membre input.deconnexion:focus
{
background-image: url(Membre_deconnexion_on.png);
}
#membre_ok li
{
background: rgb(200,220,255);
margin-top: 4px;
padding-bottom: 4px;
}
#membre_ok li.double_ligne
{
margin-top: -2px;
margin-left: 24px;
padding: 4px;
}
#membre_ok li img
{
background: rgb(0,100,255);
padding: 4px;
margin-left: 0px;
margin-bottom: -7px;
}
#recup_pass div
{
background: rgb(200,255,0);
border: 4px solid rgb(0,200,0);
width: 35%;
margin: auto;
padding: 8px;
text-align: center;
}
#recup_pass img
{
position: relative;
border: 4px solid rgb(0,200,0);
margin-top: -12px;
}
#recup_pass div#captcha input[type=text]
{
width: 52px;
margin: 8px;
}
#recup_pass input[type=text]
{
background: rgb(235,255,200);
border: none;
padding: 4px;
padding-bottom: 3px;
width: 256px;
text-align: center;
font-style: italic;
font-size: 11px;
color: rgb(100,100,100);
}
#recup_pass input[type=text]:hover, #recup_pass input[type=text]:focus
{
background: rgb(255,255,255);
font-style: normal;
color: black;
}
#recup_pass input[type=submit]
{
background: rgb(0,200,0);
border: none;
padding: 1px;
font-weight: bold;
}
#recup_pass input[type=submit]:hover, #recup_pass input[type=submit]:focus
{
cursor: pointer;
background: rgb(100,235,0);
}

/* MODIFIER INFOS DU SITE */

#modifier_infos
{
}
#modifier_infos tr
{
vertical-align: top;
}
#modifier_infos textarea
{
background: none;
border: none;
margin: 0px;
padding: 0px;
width: 512px;
}
#modifier_infos input[type=submit]
{
width: 712px;
}
#modifier_mur
{
}
#modifier_mur textarea
{
width: 30%;
}
#modifier_mur input[type=submit]
{
width: 95.3%;
}

/* ACCUEIL */

#accueil
{
}
#accueil #mur
{
text-align: center;
}
#accueil #mur .mur_image
{
display: inline-block;
background-repeat: no-repeat;
background-position: center;
width: 296px;
height: 176px;
margin: 0px 4px 8px 4px;
}
#accueil #mur .mur_image img
{
vertical-align: middle;
}
#accueil #mur .mur_image p
{
display: none;
position: absolute;
background: url(Mur_p.png) no-repeat center;
width: 264px;
height: 144px;
padding: 16px;
color: rgba(255,255,255,0.75);
text-align: justify;
font-family: 'Century Gothic';
font-style: italic;
text-shadow: 0px 0px 2px black;
}
#accueil #mur .mur_image:hover p
{
display: block;
}
#accueil #mur #mur_image_1 {background-image: url(../Images/Mur/1.jpg);}
#accueil #mur #mur_image_2 {background-image: url(../Images/Mur/2.jpg);}
#accueil #mur #mur_image_3 {background-image: url(../Images/Mur/3.jpg);}
#accueil #mur #mur_image_4 {background-image: url(../Images/Mur/4.jpg);}
#accueil #mur #mur_image_5 {background-image: url(../Images/Mur/5.jpg);}
#accueil #mur #mur_image_6 {background-image: url(../Images/Mur/6.jpg);}
#accueil #mur #mur_image_1:hover {background-image: url(../Images/Mur/1_on.jpg);}
#accueil #mur #mur_image_2:hover {background-image: url(../Images/Mur/2_on.jpg);}
#accueil #mur #mur_image_3:hover {background-image: url(../Images/Mur/3_on.jpg);}
#accueil #mur #mur_image_4:hover {background-image: url(../Images/Mur/4_on.jpg);}
#accueil #mur #mur_image_5:hover {background-image: url(../Images/Mur/5_on.jpg);}
#accueil #mur #mur_image_6:hover {background-image: url(../Images/Mur/6_on.jpg);}

/* Editorial */

#accueil #editorial
{
display: none;
overflow: hidden;
}
#accueil #editorial_plus
{
display: block;
background: rgb(0,150,0);
border: none;
width: 36px;
margin-top: 12px;
margin-left: auto;
padding: 2px;
color: white;
font-size: 11px;
text-align: center;
}
#accueil #editorial_plus:hover
{
background: black;
}#accueil #editorial_plus
{
display: block;
background: rgb(0,150,0);
border: none;
width: 36px;
margin-top: 12px;
margin-left: auto;
padding: 2px;
color: white;
font-size: 11px;
text-align: center;
}
#accueil #editorial_plus:hover
{
background: black;
}#accueil #editorial_plus
{
display: block;
background: rgb(0,150,0);
border: none;
width: 36px;
margin-top: 12px;
margin-left: auto;
padding: 2px;
color: white;
font-size: 11px;
text-align: center;
}
#accueil #editorial_plus:hover
{
background: black;
}#accueil #editorial_plus
{
display: block;
background: rgb(0,150,0);
border: none;
width: 36px;
margin-top: 12px;
margin-left: auto;
padding: 2px;
color: white;
font-size: 11px;
text-align: center;
}
#accueil #editorial_plus:hover
{
background: black;
}

/* Suivi de chantier */

#suivi_liste
{
text-align: top;
}
#suivi_liste .billet
{
display: inline-block;
position: relative;
vertical-align: top;
background: url(Accueil_suivi.png) no-repeat top;
width: 160px;
height: 240px;
padding: 12px;
text-align: center;
}
#suivi_liste .billet:hover
{
background-position: bottom;
cursor: pointer;
top: -8px;
}
#suivi_liste .billet span
{
display: block;
overflow: hidden;
}
#suivi_liste .billet .titre
{
background: rgba(0,100,0,0.5);
border-radius: 4px;
height: 34px;
padding: 2px;
color: black;
font-family: 'Century Gothic';
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#suivi_liste .billet:hover .titre
{
background: rgba(0,200,0,0.5);
}
#suivi_liste .billet .chapeau
{
height: 156px;
margin-top: 12px;
color: rgba(0,0,0,0.6);
font-size: 11px;
font-weight: normal;
}
#suivi_liste .billet .date
{
margin-top: 12px;
color: black;
font-weight: normal;
font-style: italic;
}

/* SUIVI DE CHANTIER (page) */

.suivi_chantier
{
position: relative;
width: 720px;
margin: -0px auto -16px auto;
padding: 8px;
padding-top: 0px;
top: -8px;
}
.suivi_chantier .date
{
position: absolute;
background: rgb(0,150,0);
margin-top: -28px;
padding: 2px 4px 2px 4px;
color: white;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.suivi_chantier .chapeau
{
font-weight: bold;
}
.suivi_chantier .plus
{
text-align: right;
}
.suivi_chantier .plus a
{
display: inline-block;
background: rgb(0,150,0);
border: none;
width: 36px;
margin-top: 8px;
margin-left: auto;
padding: 2px;
color: white;
font-size: 11px;
text-align: center;
}
.suivi_chantier .plus a:hover
{
background: black;
}
#chantier_suivant, #chantier_precedent
{
position: fixed;
width: 64px;
height: 64px;
margin-top: 96px;
}
#chantier_suivant
{
background: url(Chantier_precedent.png) no-repeat top;
margin-left: 16px;
}
#chantier_suivant:hover
{
background-position: bottom;
}
#chantier_precedent
{
background: url(Chantier_suivant.png) no-repeat top;
margin-left: 848px;
}
#chantier_precedent:hover
{
background-position: bottom;
}
#chantier_suivant a, #chantier_precedent a
{
display: block;
border: none;
width: 100%;
height: 100%;
}
#chantier_retour, #chantier_haut, #chantier_suivant .date, #chantier_precedent .date
{
width: 64px;
margin-top: 2px;
color: white;
font-size: 11px;
font-weight: bold;
text-align: center;
}
#chantier_retour, #chantier_haut
{
background: url(Chantier_texte.png) no-repeat top;
margin-left: 16px;
}
#chantier_retour:hover, #chantier_haut:hover
{
background-position: bottom;
}
#chantier_retour
{
position: absolute;
margin-top: 28px;
}
#chantier_retour a, #chantier_haut a, #chantier_suivant .date, #chantier_precedent .date
{
display: block;
padding-top: 2px;
color: white;
border: none;
text-shadow: 0px 0px 3px black;
}
#chantier_retour a, #chantier_haut a
{
padding-bottom: 2px;
}
#chantier_suivant .date, #chantier_precedent .date
{
background: url(Chantier_date.png) no-repeat;
padding-bottom: 2px;
}

/* REALISEZ VOS PLANS */

#plan
{
}
#plan #script_position
{
display: none;
}
#plan #aide
{
background: rgb(255,240,150);
margin-bottom: 12px;
padding: 4px;
}
#plan #infos > div, #plan #feuille
{
background: white;
border: 2px dashed rgb(200,200,200);
}
#plan #infos_modif
{
width: 45%;
margin-bottom: 0px; /* !!! */
}
#plan #infos_modif #formulaire
{
position: relative;
margin-left: -4px;
}
#plan #infos_modif #formulaire input
{
width: 300px;
}
#plan #infos
{
float: right;
width: 45%;
margin-left: 8px;
padding-top: 4px;
}
#plan #infos > div
{
padding: 8px;
}
#plan #rosace 
{
}
#plan #rosace :hover
{
cursor: pointer;
}
#plan #feuille
{
height: 96px;
padding: 4px;
text-align: center;
}
#plan .module, #plan .nouveau_module
{
display: inline-block;
width: 96px;
height: 96px;
overflow: hidden;
}
#plan .nouveau_module:hover
{
cursor: pointer;
}
#plan .nouveau_module
{
background: url(../Images/Plan/Nouveau.png);
}
#plan .modules_outils
{
display: none;
position: relative;
background: rgba(0,0,0,0.75);
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,1);
width: 80%;
top: -76px;
margin: auto;
padding: 4px;
color: white;
font-size: 11px;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 2px black;
line-height: 15px;
}
#plan .module:hover .modules_outils
{
display: block;
}
#plan .modules_outils a
{
display: inline-block;
color: white;
text-shadow: 0px 0px 2px black;
}
#plan .modules_outils a:hover
{
border: 0px;
color: rgb(155,255,0);
}
#plan #outils
{
display: none;
position: relative;
width: 640px;
height: 1px;
margin: auto;
}
#plan #outils #retour
{
display: block;
position: absolute;
background: white;
border: none;
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,1);
margin-top: -36px;
margin-left: -4px;
padding: 4px 8px 4px 8px;
color: black;
}
#plan #outils #retour:hover, #plan #outils #retour:focus
{
background: rgb(155,255,0);
}
#plan #outils > div
{
position: absolute;
background: white;
border-radius: 8px;
width: 640px;
padding: 4px;
top: -96px;
box-shadow: 0px 0px 7px rgba(0,0,0,1);
z-index: 20;
}
#plan #outils .module
{
margin: 4px;
}
#plan #outils .module:hover
{
cursor: pointer;
}

/* Plan prêt à l'impression */
#plan_image
{
background: white;
width: 14043px;
height: 9933px;
overflow: hidden;
}
#plan_image #cartouche
{
position: absolute;
background: rgb(155,0,0);
width: 2483px;
height: 3311px;
top: 6622px;
left: 11560px;
}

/* STATISTIQUES */

.statistiques
{
margin-left: 24px;
margin-right: 24px;
width: 360px;
}
.statistiques table
{
width: 100%;
margin: auto;
}
.statistiques a
{
display: block;
color: black;
padding: 4px;
border-bottom: none !important;
}
.statistiques img
{
margin-bottom: -2px;
margin-left: 5px;
}
.statistiques .gauche
{
width: 80%;
background: url(Fond_vert_degrade.png) repeat-x rgb(75,175,0);
border: 1px solid rgb(75,225,0);
/*padding: 4px; VF les liens (a)*/
font-weight: bold;
text-align: right;
}
.statistiques .droite
{
width: 20%;
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
padding: 4px;
text-align: left;
}
.statistiques tr:hover .gauche
{
background: black;
border: 1px solid black;
color: white;
}
.statistiques tr:hover .droite
{
border: 1px solid black;
}
.statistiques tr:hover a
{
color: white;
}
.statistiques .calendrier
{
background: rgba(0,255,0,0.25);
border: 1px solid rgb(75,225,0);
width: 354px;
margin-left: 2px;
padding-top: 9px;
padding-bottom: 8px;
text-align: center;
}
.statistiques .calendrier .jours
{
width: 336px;
margin: auto;
}
.statistiques .calendrier .barre_jour
{
float: left;
width: 24px;
height: 148px;
}
.statistiques .calendrier .barre_jour .couleur
{
width: 100%;
background: black;
overflow: hidden;
}
.statistiques .calendrier .barre_jour .barre_nombre
{
color: white;
font-size: 9px;
}
.statistiques .calendrier .barre_jour .jour
{
margin-top: 4px;
font-size: 9px;
}
.statistiques .calendrier .mois
{
margin-top: 6px;
font-weight: bold;
}

/* FORMATAGE DE CONTENU */

/* Lettrine */
.l:first-letter, #edito .edito:first-letter, .news .contenu:first-letter, .suivi_chantier .chapeau:first-letter
{
float: left;
position: relative;
font-family: 'Lucida Console', Monospace;
font-size: 3.2em;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
margin-top: 4px;
padding-right: 4px;
}

.b, .bold, .g, .gras {font-weight: bold;}
.i, .italic, .italique {font-style: italic;}
.u, .underline, .s, .souligne {text-decoration: underline;}
.s, .barre, .k {text-decoration: line-through;}
.super, .exposant {vertical-align: super;}
.sub, .indice {vertical-align: sub;}
.left, .gauche, .center, .centre, .right, .droite, .justify, .justifie {margin: 0px;} /*A REGLER POUR EVITER DECALAGE AVEC RESTE DU TEXTE (DESSUS & DESSOUS)*/
.left, .gauche {text-align: left;}
.center, .centre {text-align: center;}
.center div, .centre div {margin-left: auto; margin-right: auto;}
.right, .droite {text-align: right;}
.justify, .justifie {text-align: justify;}
.float_gauche, .float_left {float: left;}
.float_droite, .float_right {float: right;}
.float_clear {clear: both;}

.galerie
{
text-align: center;
margin: auto;
margin-bottom: -8px;
}
.galerie td
{
vertical-align: top;
}

.quote_auteur, .quote, .code_haut, .code
{
display: block;
width: 90%;
margin: auto;
}
.quote_auteur, .code_haut
{
background: rgb(100,100,100);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 2px;
font-weight: bold;
margin-top: 16px;
}
.quote, .code
{
background: rgba(0,0,0,0.25);
border: 1px solid rgb(100,100,100);
padding: 4px;
margin-bottom: 16px;
}
.code
{
font-family: 'Lucida Console', Monospace;
}
.bloc
{
display: inline-block;
vertical-align: top;
}