/* Verdana bien pour les grands textes, arial cool aussi pour les petits */

*
{
margin: 0px;
padding: 0px;
}
*::-moz-selection
{
background: rgb(55,100,0);
color: rgb(155,255,0);
}
body
{
font-family: Verdana, Sans-Serif;
background-color: rgb(75,155,0);
background-image: url(Fond.jpg), url(Fond-low.jpg);
background-repeat: no-repeat;
background-position: top;
font-size: 13px;
color: black;
text-align: justify;
}
a
{
text-decoration: none;
font-weight: bold;
color: rgb(200,100,0);
}
a:hover, a:focus
{
color: rgb(255,155,0);
border-bottom: 1px solid rgb(0,0,0);
cursor: pointer;
}
a:focus, a:active
{
outline: none;
}
a img
{
border: none;
}
img.smiley, img.icone
{
position: relative;
margin-bottom: -3px;
}
h1, h2, .titre, #titre
{
display: block;
color: black;
font-size: 17px;
font-weight: normal;
margin: 8px;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}
hr
{
border: none;
border-top: 1px solid black;
margin-top: 24px;
margin-bottom: 24px;
}
ul
{
margin-left: 16px;
margin-right: 16px;
list-style: url(Puce.png);
}

/* SITE */

#site
{
width: 1200px;
margin: auto;
}
#tete
{
width: 100%;
height: 152px;
}
#page
{
position: relative;
background: white;
width: 1184px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
}

/* TOURNER */

#tourner
{
background: url(Tourner.png) no-repeat;
width: 128px;
height: 128px;
position: fixed;
top: 0px;
right: 0px;
z-index: 15;
}
#tourner a
{
display: block;
border: none;
width: 100%;
height: 100%;
}

/* LOGO */

#tete #logo
{
background: url(Logo.png) no-repeat top;
position: absolute;
width: 256px;
height: 152px;
}
#tete #logo a
{
display: block;
width: 100%;
height: 100%;
border: none;
}
#tete #logo:hover
{
background-position: bottom;
}

/* MENU */

#menu
{
position: absolute;
background: rgba(255,255,255,0.5) url(Fond_traits.png);
border: 4px solid white;
width: 504px;
height: 88px;
margin-top: 16px;
margin-left: 256px;
text-align: center;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
z-index: 30;
}
#menu #menu_rubriques
{
padding: 5px;
}
#menu #menu_rubriques a
{
display: inline-block;
background: url(Menu_lien.png) repeat-x top;
border: none;
height: 18px;
margin: 3px;
padding: 2px 4px 0px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.75), 0px 0px 5px rgb(255,255,255) inset;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75), 0px 0px 5px rgb(255,255,255) inset;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.75), 0px 0px 5px rgb(255,255,255) inset;
color: black;
font-size: 13px;
font-weight: bold;
font-family: Tahoma;
text-align: center;
text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
#menu #menu_rubriques a:hover, #menu #menu_rubriques a:focus
{
position: relative;
background-position: bottom;
box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
color: white;
}
#menu #menu_autres a
{
display: none;
}
#menu #menu_bas
{
position: absolute;
margin-top: 92px;
}
#menu #menu_bas div
{
display: inline-block;
}
#menu #menu_bas #menu_titre
{
background: url(Menu_titre.png) no-repeat;
width: 136px;
height: 32px;
}
#menu #menu_bas #menu_plus
{
background: url(Menu_plus.png) no-repeat top;
width: 42px;
height: 32px;
margin-left: -13px;
}
#menu #menu_bas #menu_plus:hover
{
background-position: bottom;
}
#menu #menu_bas a
{
display: block;
border: none;
width: 100%;
height: 100%;
}
#menu #menu_fermeture
{
display: block;
position: absolute;
opacity: 0;
background: white;
border: none;
width: 100%;
height: 22px;
left: -2048px;
padding-top: 2px;
top: 490px;
color: black;
}

/* PARTAGE (Facebook & Twitter) */

#partage
{
position: absolute;
height: 64px;
width: 72px;
margin-top: 120px;
margin-left: 432px;
}
#partage a
{
display: block;
position: absolute;
width: 32px;
height: 32px;
border: none;
border-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
}
#partage #facebook
{
background: rgb(60,90,150) url(Facebook.png) no-repeat center;
}
#partage #twitter
{
background: rgb(170,230,240) url(Twitter.png) no-repeat center;
left: 40px;
}
#partage #facebook:hover, #partage #facebook:focus
{
background-color: rgb(80,110,170);
}
#partage #twitter:hover, #partage #twitter:focus
{
background-color: rgb(200,255,255);
}

/* RECHERCHE */

/* Champ */
#recherche_champ
{
position: absolute;
background: rgb(125,0,50);
width: 256px;
height: 32px;
margin-top: 120px;
margin-left: 512px;
border-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
}
#recherche_champ form
{
}
#recherche_champ input
{
position: relative;
background: rgba(0,0,0,0.75);
border: none;
width: 216px;
height: 20px;
margin-top: 4px;
margin-left: 4px;
padding: 2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
color: white;
}
#recherche_champ input:hover, #recherche_champ input:focus
{
background: rgba(0,0,0,0.6);
}
#recherche_champ .submit
{
display: block;
position: relative;
float: right;
background: url(Recherche_loupe.png) no-repeat top;
border: none;
width: 32px;
height: 32px;
}
#recherche_champ .submit:hover, #recherche_champ .submit:focus
{
background-position: bottom;
}

/* Page */
#recherche > div > h1
{
background: rgb(255,100,0);
padding: 4px 6px 4px 6px;
color: white;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#recherche ul
{
margin: 0px;
padding: 0px;
}
#recherche #recherche_espace
{
padding: 16px;
}
#recherche #recherche_espace .recherche_espace, #membres .membres_membre
{
display: inline-block;
background: rgb(255,100,0) url(Fond_traits.png);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-align: center;
box-shadow: 0px 0px 20px white inset, 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px white inset, 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 20px white inset, 0px 0px 5px rgba(0,0,0,0.5);
}
#recherche #recherche_espace .recherche_espace > div, #membres .membres_membre > div
{
padding: 8px;
}
#recherche #recherche_espace .recherche_espace:hover, #membres .membres_membre:hover
{
background-color: rgb(255,155,0);
cursor: pointer;
}
#recherche #recherche_espace .recherche_espace .avatar, #membres .membres_membre .avatar
{
margin-bottom: 4px;
}
#recherche #recherche_espace .recherche_espace a, #membres .membres_membre a
{
border: none;
color: black;
font-size: 18px;
font-weight: bold;
font-family: Tahoma;
text-align: center;
text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
white-space: nowrap;
overflow: hidden;
}

/* PANNEAU */

#panneau
{
position: absolute;
width: 384px;
height: 120px;
margin-top: 16px;
margin-left: 776px;
}
#panneau.deconnecte
{
background: url(Panneau_fond_bleu.png) no-repeat;
padding: 8px;
border-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
}
#panneau div
{
display: table-cell;
vertical-align: top;
}
#panneau label
{
padding-left: 8px;
color: white;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0px 0px 2px black;
}
#panneau input
{
background: rgba(0,0,0,0.75);
border: none;
width: 180px;
height: 18px;
margin-bottom: 4px;
padding: 2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
color: white;
}
#panneau input:hover, #panneau input:focus
{
background: rgba(0,0,0,0.6);
}
#panneau .bouton
{
background: rgba(255,255,255,0.25) no-repeat;
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 30px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 30px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 30px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
}
#panneau .bouton:hover, #panneau .bouton:focus
{
background-color: rgba(255,255,255,0.5);
}
#panneau.deconnecte .bouton
{
box-shadow: 0px 0px 50px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 50px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,0.75) inset, 0px 0px 5px rgba(0,0,0,0.5);
}
#panneau #connexion
{
display: block;
background-image: url(Panneau_connexion.png);
width: 184px;
height: 32px;
margin-right: 8px;
}
#panneau #inscription
{
display: block;
background-image: url(Panneau_inscription.png);
width: 192px;
height: 120px;
}
#panneau.connecte
{
width: 408px;
margin-top: 16px;
}
#panneau.connecte form > div
{
display: table-cell;
vertical-align: top;
width: 88px;
height: 80px;
}
#panneau.connecte form > div > div
{
position: absolute;
background: url(Panneau_fond_orange.png) no-repeat;
width: 80px;
height: 80px;
margin-top: 56px;
border-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
}
#panneau.connecte #panneau_avatar
{
width: 144px;
height: 120px;
}
#panneau.connecte #panneau_avatar > div
{
width: 136px;
height: 136px;
margin-top: 0px;
}
#panneau.connecte #panneau_profil > div
{
background-position: -144px -56px;
}
#panneau.connecte #panneau_message > div
{
background-position: -232px -56px;
}
#panneau.connecte #panneau_deconnexion > div
{
background-position: -320px -56px;
}
#panneau.connecte .bouton
{
display: block;
width: 64px;
height: 64px;
margin-top: 8px;
margin-left: 8px;
}
#panneau.connecte #panneau_avatar .bouton
{
background-image: url(Panneau_pseudo.png);
background-repeat: no-repeat;
display: block;
width: 120px;
height: 24px;
margin-top: 0px;
color: black;
font-size: 18px;
font-weight: bold;
font-family: Tahoma;
text-align: center;
text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
white-space: nowrap;
overflow: hidden;
}
#panneau.connecte #panneau_avatar .bouton:hover, #panneau.connecte #panneau_avatar .bouton:focus
{
background-color: rgba(255,255,255,0.25);
}
#panneau.connecte #panneau_profil .bouton
{
background-image: url(Panneau_profil.png);
}
#panneau.connecte #panneau_message .bouton
{
background-image: url(Panneau_message.png);
}
#panneau.connecte #panneau_deconnexion .bouton
{
background-image: url(Panneau_deconnexion.png);
}
#panneau.connecte #panneau_avatar .avatar
{
width: 136px !important;
text-align: center;
}
#panneau.connecte #panneau_avatar .avatar img
{
margin-top: 8px !important;
margin-bottom: 5px !important;
}
#panneau #panneau_nouveau_msg
{
background: rgba(0,0,0,0.75);
display: block;
position: absolute;
width: 24px;
height: 21px;
margin-top: 36px;
margin-left: 36px;
padding-top: 3px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
color: white;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-weight: bold;
text-align: center;
}

/* PIED */

#pied
{
background: rgb(25,55,0) url(Pied_fond.png) repeat-x;
width: 920px;
margin-top: 16px;
padding-top: 4px;
padding-bottom: 20px;
padding-left: 128px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
}
#pied .liste
{
display: table-cell;
color: rgba(0,0,0,0.5);
}
#pied h1
{
width: 176px;
margin-bottom: 4px;
color: white;
text-shadow: 0px 0px 3px black;
}
#pied ul
{
list-style: none;
margin-left: 6px;
}
#pied li a
{
color: black;
text-shadow: 0px 0px 5px rgba(200,255,0,0.25);
border: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding-left: 2px;
padding-right: 2px;
}
#pied li a:hover, #pied li a:focus
{
background: rgba(255,255,255,0.25);
}

/* CODE QR */
#code_qr
{
background: url(Code_QR.png) no-repeat;
position: relative;
width: 136px;
height: 136px;
top: 16px;
float: right;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
}
#code_qr a
{
display: block;
width: 100%;
height: 100%;
border: none;
}

/* MENU ADMIN */

#menu_admin
{
background: rgb(255,155,0);
border: 2px solid rgb(255,200,0);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 7px rgb(255,55,0);
-moz-box-shadow: 0px 0px 7px rgb(255,55,0);
-webkit-box-shadow: 0px 0px 7px rgb(255,55,0);
padding: 4px;
width: 75%;
margin: auto;
margin-bottom: 16px;
text-align: center;
}
#menu_admin, #menu_admin a
{
color: white;
text-shadow: 0px 0px 3px black;
}
#menu_admin a:hover, #menu_admin a:focus
{
color: black;
border: none;
}

/* MESSAGE */

#message
{
position: absolute;
background: url(Fond_message.png) no-repeat top;
width: 100%;
height: 704px;
}
#message #contenu
{
width: 608px;
height: 384px;
margin: auto;
margin-top: 160px;
text-align: center;
color: black;
}
#message #contenu a:hover
{
border: none;
color: rgb(255,0,0);
}
#message #contenu a img
{
display: block;
position: relative;
margin: 0;
margin-right: 28px;
}
/*#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;
}*/
#message a#maintenance
{
background: url(Fond_degrade_gris_clair.png);
display: block;
position: absolute;
top: 8px;
left: 8px;
border: none;
padding: 4px;
width: 128px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.75);
color: black;
text-align: center;
}
#message a#maintenance:hover, #message a#maintenance:focus
{
background: url(Fond_degrade_gris_fonce.png);
color: white;
}

/* AVERTISSEMENT */

.avertissement
{
background: rgb(100,100,100) url(Fond_avertissement.png);
border: 4px solid rgb(65,65,65);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 7px black;
-moz-box-shadow: 0px 0px 7px black;
-webkit-box-shadow: 0px 0px 7px black;
width: 60%;
margin: auto;
padding: 4px;
margin-bottom: 24px;
color: white;
text-shadow: 1px 1px 1px black;
}
.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:hover, .avertissement a:focus
{
text-shadow: 0px 0px 3px white;
}

/* AVATAR */

.avatar
{
overflow: hidden;
}
.avatar a
{
display: block;
border: none;
}
.avatar img
{
margin: auto;
}

/* IMAGE */

.image
{
background: rgba(0,0,0,0.75);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 3px black;
-moz-box-shadow: 0px 0px 3px black;
-webkit-box-shadow: 0px 0px 3px black;
margin-top: 8px;
margin-bottom: 8px;
padding: 8px;
color: white;
font-size: 10px;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 2px black;
}
.image a
{
display: block;
}
.image a:hover, .image a:focus
{
border-bottom: none !important;
}
.image .texte
{
margin-top: 4px;
}
#chapeau .image, .chapeau .image
{
margin: 0px;
padding: 4px;
}

/* LIGHTBOX */

#jquery-overlay
{
position: absolute;
top: 0;
left: 0;
z-index: 41;
width: 100%;
height: 500px;
}
#jquery-lightbox
{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 42;
text-align: center;
line-height: 0;
}
#jquery-lightbox a, #jquery-lightbox a img
{
border: none;
}
#lightbox-container-image-box, #lightbox-container-image-data-box
{
background: rgba(0,0,0,0.75);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 13px black;
-moz-box-shadow: 0px 0px 13px black;
-webkit-box-shadow: 0px 0px 13px black;
}
#lightbox-container-image-box
{
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image
{
padding: 10px;
}
#lightbox-loading
{
position: absolute;
top: 45%;
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: 40;
}
#lightbox-container-image-box > #lightbox-nav
{
left: 0;
}
#lightbox-nav a
{
outline: none;
}
#lightbox-container-image-data-box
{
font: 10px Verdana;
margin: 12px auto;
line-height: 1.4em;
overflow: hidden;
width: 100%;
padding: 10px;
}
#lightbox-container-image-data
{
padding: 0 10px;
color: white;
text-shadow: 0px 0px 2px 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
{
position: relative;
margin-top: 2px;
margin-right: -10px;
float: right;
}
#lightbox-secNav a
{
display: block;
width: 24px;
height: 24px;
margin-left: 4px;
float: left;
}
#lightbox-nav-btnPrev
{
background: url(Lightbox_precedent.png) no-repeat;
}
#lightbox-nav-btnNext
{
background: url(Lightbox_suivant.png) no-repeat;
}
#lightbox-secNav-btnClose
{
background: url(Lightbox_fermer.png) no-repeat;
}

/* 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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-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;
}


/* 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;
}

/* POPIN */

#popin
{
background: white;
width: 512px;
margin: auto;
margin-top: 192px;
padding: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;

bottom: 10px;
}

/* FORMULAIRES */

#formulaire
{
width: 720px;
text-align: left;
}
#formulaire .gauche
{
width: 100%;
background: black;
padding: 4px;
font-weight: bold;
color: white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#formulaire .gauche img
{
margin-bottom: -3px;
}
#formulaire .droite
{
width: 100%;
background: rgb(225,225,225);
border: 2px solid black;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 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 textarea
{
text-align: justify;
background: rgb(225,225,225);
border: 2px solid black;
padding: 4px;
width: 702px;
margin-left: 4px;
margin-bottom: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#formulaire input:hover, #formulaire textarea:hover, #formulaire input:focus, #formulaire textarea:focus, #formulaire .droite:hover
{
border-color: black;
}
#formulaire input[type="submit"], #formulaire input[type="button"]
{
padding: 4px;
width: 714px;
margin-left: 4px;
font-weight: bold;
border: 2px solid black;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#formulaire input[type="submit"]:hover, #formulaire input[type="button"]:hover
{
background: black;
color: white;
cursor: pointer;
}

/* STATISTIQUES */

.statistiques
{
margin-left: 24px;
margin-right: 24px;
width: 360px;
}
.statistiques h1
{
text-align: center;
}
.statistiques table
{
width: 100%;
margin: auto;
}
.statistiques td
{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.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: black;
border: 2px solid black;
/*padding: 4px; VF les liens (a)*/
font-weight: bold;
text-align: right;
}
.statistiques .gauche a
{
color: white;
}
.statistiques .droite
{
width: 20%;
background: white;
border: 2px solid black;
padding: 4px;
text-align: left;
}
.statistiques tr:hover .gauche
{
background: black;
border: 2px solid rgb(255,155,0);
color: white;
}
.statistiques tr:hover .droite
{
border: 2px solid rgb(255,155,0);
}
.statistiques tr:hover a
{
color: white;
}
.statistiques .calendrier
{
background: black;
border: 2px solid black;
width: 354px;
margin-left: 2px;
padding-top: 9px;
padding-bottom: 8px;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
}
.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: white;
overflow: hidden;
}
.statistiques .calendrier .barre_jour .barre_nombre
{
color: black;
font-size: 9px;
}
.statistiques .calendrier .barre_jour .jour
{
margin-top: 4px;
font-size: 9px;
}
.statistiques .calendrier .mois
{
margin-top: 6px;
font-weight: bold;
}

/* MEMBRES */
/* Voir #recherche */

#membres
{
}
#membres .membres_membre
{
margin: 10px;
}

/* INFOS */

#modifier_infos
{
}
#modifier_infos form
{
margin: auto;
}
#modifier_infos table
{

}
#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: 512px;
}

/* PROFIL */

#profil
{
text-align: center;
}
#profil .bloc, #profil .modif
{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
margin-bottom: 8px;
padding: 0px;
text-align: left;
}
#profil .bloc h1, #profil .modif h1
{
position: relative;
background: rgba(255,255,255,0.5);
margin: 0px 4px 8px 4px;
padding: 4px;
padding-left: 8px;
top: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#profil .bloc h1 a
{
font-weight: normal;
}
#profil .bloc h1 img, #profil .modif h1 img
{
margin-right: 6px;
}
#profil .bloc a, #profil .modif a
{
border: none;
}
#profil .bloc .bloc_avertissement
{
padding: 4px;
padding-top: 0px;
padding-bottom: 2px;
}
#profil .bloc .bloc_avertissement p
{
background: rgba(255,255,255,0.5);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px;
font-size: 11px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.25);
}
#profil table
{
width: 100%;
border-spacing: 4px;
}

/* Voir */
#profil .bloc
{
width: 30%;
margin-left: 2px;
margin-right: 2px;
}
#profil .avatar
{
display: table-cell;
padding: 8px;
}
#profil .infos
{
display: table-cell;
vertical-align: middle;
padding-top: 16px;
}
#profil .pseudo
{
font-size: 19px;
font-weight: bold;
}

/* Menu */
#profil #menu_profil
{
padding-top: 8px;
padding-bottom: 8px;
}
#profil #menu_profil ul
{
width: 90%;
margin: auto;
list-style: none;
}
#profil #menu_profil li
{
}
#profil #menu_profil img
{
margin-right: 4px;
}
#profil #menu_profil a
{
display: block;
width: 97.5%;
height: 100%;
padding: 4px;
}
#profil #menu_profil a:hover, #profil #menu_profil a:focus
{
background: rgba(255,255,255,0.5);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* Formulaire (inscription/modification) */
#profil .modif
{
width: 50%;
margin-left: auto;
margin-right: auto;
}
#profil .legende
{
width: 35%;
padding: 2px;
font-weight: bold;
text-align: left;
}
#profil .legende img
{
position: relative;
margin-bottom: -3px;
margin-right: 4px;
}
#profil .champ, #profil .champ_vide
{
padding: 2px;
}
#profil .champ
{
background: white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: black;
text-align: left;
text-shadow: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75) inset;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75) inset;
}
#profil .champ a, #profil .champ a:hover, #profil .champ a:focus
{
background: transparent;
border: none;
color: black !important;
text-shadow: none !important;
font-weight: normal;
}
#profil .modif input
{
width: 100%;
border: none;
text-align: left;
}
#profil input
{
background: transparent;
}
#profil select
{
border: none;
margin-right: 16px;
color: black;
text-align: right;
}
#profil option
{
padding-left: 2px;
padding-right: 2px;
}
#profil input[type="submit"]
{
border: none;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
color: white;
font-weight: bold;
font-size: 19px;
padding: 6px;
width: 256px;
}
#profil input[type="submit"]:hover, #profil input[type="submit"]:focus
{
cursor: pointer;
color: black;
text-shadow: 0px 0px 7px white;
}
#profil .rouge td.champ, #profil .rouge td.champ input
{
background: rgb(255,100,100);
}
#profil #captcha img
{
float: left;
margin: 4px;
}
#profil #captcha p
{
margin-bottom: -8px;
padding-top: 8px;
text-align: center;
}
#profil #captcha input
{
background: white;
width: 64px;
margin-top: 4px;
}

/* Colonne de droite */
#profil #profil_droite
{
float: right;
width: 821px;
text-align: justify;
}
#profil #messages, #profil #evenements
{
display: table-cell;
width: 404px;
}

/* Messages privés */
#profil #messages
{
}
#profil #messages .bloc
{
width: 100%;
max-height: 335px;
padding-bottom: 2px;
}
#profil #messages .message
{
background: rgba(255,255,255,0.25);
width: 388px;
height: 24px;
margin: auto;
margin-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
white-space: nowrap;
}
#profil #messages .message:hover, #profil #messages .message:focus
{
background: rgba(255,255,255,0.5);
cursor: pointer;
}
#profil #messages .message a
{
font-weight: normal;
}
#profil #messages .message img.icone
{
margin-right: 2px;
}
#profil #messages .message > div
{
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
#profil #messages .message .auteur
{
}
#profil #messages .message .sujet
{
width: 100%;
max-width: 200px;
text-align: left;
padding-left: 8px;
}
#profil #messages .message .date
{
width: 32px;
padding-left: 0px;
font-size: 9px;
}
#profil #messages .message .date > div
{
width: 32px;
}

#messages
{
}
#messages #messages_menu.bloc
{
width: 404px;
max-height: none;
padding-top: 8px;
float: left;
}
#messages #messages_menu #messages_nouveau, #messages #messages_menu #messages_nouveau_focus
{
display: block;
margin-left: 4px;
margin-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
text-transform: uppercase;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#messages #messages_menu #messages_nouveau:hover
{
background: rgba(255,255,255,0.5);
}
#messages #messages_menu hr
{
margin-top: 8px;
margin-bottom: 4px;
border-width: 4px;
}
#messages #messages_menu .message
{
display: block;
text-align: center;
}
#messages #messages_menu .message:hover, #messages #messages_menu .message[style=""]:hover
{
background: rgba(255,255,255,0.5);
}
#messages #messages_menu .message[style=""]
{
background: rgba(255,255,255,0.4);
font-weight: bold;
}
#messages #messages_menu .message[style=""] span, #messages #messages_menu .message[style=""] a
{
font-weight: bold;
}
#messages #messages_menu #messages_nouveau_focus, #messages #messages_menu .message#message_focus
{
background: rgba(0,0,0,0.5);
margin-right: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-right-radius: 0px;
-webkit--top-right-radius: 0px;
}
#messages #messages_menu #messages_nouveau_focus
{
padding-right: 4px;
}
#messages #messages_menu .message#message_focus
{
padding-right: 8px;
}
#messages #messages_contenu
{
position: relative;
margin-left: 404px;
}
#messages #messages_contenu #messages_bout, #messages #messages_contenu #messages_page
{
background: rgba(0,0,0,0.75);
}
#messages #messages_contenu #messages_bout
{
display: none;
position: absolute;
width: 12px;
height: 24px;
margin-left: 2px;
}
#messages #messages_contenu #messages_page
{
width: 748px;
min-height: 384px;
margin-left: 14px;
padding: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: white;
text-align: left;
}
#messages > .avertissement
{
width: 384px;
margin-left: 384px;
text-align: left;
}
#messages #messages_contenu .avertissement
{
width: 384px;
margin-left: 192px;
text-align: left;
}
#messages #messages_contenu #message_commandes
{
background: rgb(175,175,175) url(Message_commandes.png) repeat-x;
width: 100%;
height: 24px;
margin-bottom: 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-size: 13px;
text-transform: uppercase;
}
#messages #messages_contenu #message_commandes a
{
display: block;
float: left;
height: 21px;
margin-left: 4px;
margin-right: 4px;
padding-top: 3px;
padding-left: 4px;
padding-right: 4px;
color: black;
}
#messages #messages_contenu #message_commandes a:hover, #messages #messages_contenu #message_commandes a:focus
{
background: rgba(0,0,0,0.5);
color: white;
border: none;
}
#messages #messages_contenu #message_commandes img
{
margin-right: 4px;
}
#messages #messages_contenu form
{
width: 100%;
}
#messages #messages_contenu textarea
{
width: 97.3%;
}
#messages #messages_contenu input[type=button]
{
background: rgb(175,175,175) url(Message_commandes.png) repeat-x;
width: 98.9%;
text-shadow: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
color: black;
font-weight: normal;
text-transform: uppercase;
}
#messages #messages_contenu input[type=button]:hover, #messages #messages_contenu input[type=button]:focus
{
background: white;
}

/* Evènements */
#profil #evenements
{
padding-left: 8px;
}
#profil #evenements .bloc
{
width: 100%;
padding-bottom: 2px;
}
#profil #evenements .contenu
{
max-height: 260px;
overflow: hidden;
}
#profil #evenements .defileur
{
position: relative;
top: 0px;
}
#profil #evenements .evenement, #profil #evenements .page_prec, #profil #evenements .page_suiv
{
background: rgba(255,255,255,0.25);
width: 396px;
height: 24px;
margin: auto;
margin-bottom: 2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
}
#profil #evenements .evenement:hover
{
background: rgba(255,255,255,0.5);
}
#profil #evenements .evenement > div
{
display: table-cell;
height: 100%;
vertical-align: middle;
}
#profil #evenements .evenement .tbl_icone
{
width: 16px;
padding-left: 4px;
}
#profil #evenements .evenement .tbl_date
{
width: 32px;
padding-left: 4px;
padding-right: 4px;
font-size: 9px;
}
#profil #evenements .evenement .tbl_evenement
{
font-size: 11px;
padding-right: 4px;
}
#profil #evenements .page_prec, #profil #evenements .page_suiv
{
background: rgba(0,0,0,0.5) no-repeat center;
display: block;
height: 16px;
}
#profil #evenements .page_prec:hover, #profil #evenements .page_prec:focus, #profil #evenements .page_suiv:hover, #profil #evenements .page_suiv:focus
{
background-color: rgba(0,0,0,1);
}
#profil #evenements .page_prec
{
background-image: url(Evenement_prec.png);
opacity: 0.25;
}
#profil #evenements .page_suiv
{
background-image: url(Evenement_suiv.png);
}

/* Abonnement */

#abonnement
{
}
#abonnement .cellule
{
display: table-cell;
width: 385px; /*287px pour 4 colonnes*/
padding-top: 8px;
padding-left: 4px;
padding-right: 4px;
vertical-align: top;
}
#abonnement .cellule .bloc
{
width: 100%;
padding-bottom: 2px;
}
#abonnement ul
{
margin: 0px 8px 0px 4px;
padding-bottom: 2px;
list-style: none;
}
#abonnement li
{
display: block;
width: 100%;
height: 100%;
padding: 2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#abonnement li:hover
{
background: rgba(255,255,255,0.5);
}
#abonnement li > a
{
display: block;
max-width: 360px;
white-space: nowrap;
overflow: hidden;
}
#abonnement li a[rel="0"]
{
opacity: 0.25;
}
#abonnement li .detail
{
float: right;
display: none;
}
#abonnement li:hover .detail
{
display: inline;
}
#abonnement li .detail a
{
margin-left: 4px;
}

/* Espace personnel */
#profil #espace
{
text-align: justify;
margin: 12px;
}
#profil #espace #vide
{
background: rgb(255,225,200);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 13px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.25);
width: 60%;
margin: auto;
padding: 8px;
font-size: 11px;
}

/* Thème */
#theme
{
text-align: center;
}
#theme .theme
{
display: inline-block;
padding: 8px;
}
#theme .theme a
{
display: table-cell;
border: 2px solid transparent;
height: 48px;
padding-left: 24px;
padding-right: 24px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
text-align: center;
vertical-align: middle;
}
#theme .theme a:hover, #theme .theme a:focus
{
border-color: rgba(0,0,0,0.5);
}

/* Récupération */
#recup_pass div
{
background: rgb(220,220,220);
border: 4px solid rgb(200,200,200);
width: 35%;
margin: auto;
padding: 8px;
text-align: center;
}
#recup_pass img
{
position: relative;
border: 4px solid rgb(200,200,200);
margin-top: -12px;
}
#recup_pass div#captcha input[type=text]
{
width: 52px;
margin: 8px;
}
#recup_pass input[type=text]
{
background: rgb(235,235,235);
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(245,245,245);
font-style: normal;
color: black;
}
#recup_pass input[type=submit]
{
background: black;
color: white;
border: none;
padding: 1px;
font-weight: bold;
}
#recup_pass input[type=submit]:hover, #recup_pass input[type=submit]:focus
{
cursor: pointer;
background: white;
color: black;
}

/* PROPOSITION */

/* Lien accueil */
#accueil_proposition_div
{
background: url(Accueil_proposition.png) no-repeat top;
width: 280px;
height: 56px;
}
#accueil_proposition_a
{
display: block;
background: url(Accueil_proposition.png) no-repeat 0px -56px;
border: none;
width: 280px;
height: 112px;
}
#accueil_proposition_a:hover, #accueil_proposition_a:focus
{
background-position: bottom;
}

/* Popin */
#popin_inscription
{
z-index: 35;
position: absolute;
background: url(Popin_inscription.png) no-repeat;
width: 976px;
height: 160px;
margin-top: 4px;
margin-left: 188px;
}
#popin_inscription .contenu
{
margin: 16px;
margin-right: 136px;
font-family: 'Segoe UI', Verdana;
font-size: 15px;
}
#popin_inscription .inscription_oui, #popin_inscription .inscription_non
{
display: inline-block;
background: url(Popin_inscription_boutons.png);
width: 428px;
height: 36px;
margin-top: -8px;
padding-top: 12px;
color: white;
font-family: 'Segoe UI', Verdana;
font-size: 15px;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 3px rgba(0,0,0,0.75);
}
#popin_inscription .inscription_oui
{
background-position: top left;
}
#popin_inscription .inscription_non
{
background-position: top right;
}
#popin_inscription .inscription_oui:hover
{
cursor: pointer;
background-position: bottom left;
}
#popin_inscription .inscription_non:hover
{
cursor: pointer;
background-position: bottom right;
}

/* Page */
#proposition
{
}
#proposition .type
{
background: rgb(255,200,175);
width: 384px;
float: left;
margin-top: 12px;
margin-left: 5px;
margin-right: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#proposition .type:hover
{
background: rgb(255,225,200);
}
#proposition .type a
{
display: block;
width: 368px;
height: 100%;
margin: 0px;
padding: 8px;
color: rgb(155,100,0);
border: none;
}
#proposition .type .titre
{
margin: 0px;
margin-bottom: 4px;
}
#proposition_admin
{
width: 512px;
margin: auto;
}
#proposition_admin tr
{
background: rgb(255,200,175);
}
#proposition_admin tr:hover
{
background: rgb(255,225,200);
}
#proposition_admin td
{
padding: 2px;
border-bottom: 4px solid white;
}
#proposition_admin #legende
{
background: transparent;
font-weight: bold;
}
#proposition_admin a
{
border: none;
color: black;
font-weight: normal;
}
#proposition_voir div
{
width: 45%;
float: left;
margin-left: 32px;
}

/* 3CODE */

/* Lien accueil */
#accueil_3Code
{
display: block;
background: url(Accueil_3Code.png) no-repeat top;
border: none;
width: 280px;
height: 120px;
}
#accueil_3Code:hover, #accueil_3Code:focus
{
background-position: bottom;
}

/* Page */
#3Code
{

}

/* MUR D'AFFICHES */

#accueil #mur_affiches
{
background: rgb(0,200,0) url(Mur_fond.jpg);
border-color: rgb(200,150,125);
}
#accueil #mur_affiches .affiche
{
display: inline-block;
margin: 9px;
}
#accueil #mur_affiches .affiche .image
{
background: transparent;
border: none;
padding: 0px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-shadow: 5px 5px 1px rgba(0,0,0,0.50);
-moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.50);
-webkit-box-shadow: 5px 5px 1px rgba(0,0,0,0.50);
}
#accueil #mur_affiches .affiche .image img
{
width: 120px;
margin-bottom: -2px;
}

#admin_affiches input
{
width: 256px;
}

/* COLONNES */

.colonne
{
float: left;
width: 280px;
margin: 8px;
}
.colonne_double
{
float: left;
width: 576px;
margin: 8px;
}
.colonne_tierce
{
float: left;
width: 592px;
}

/* ARTICLES MINI */

.article_mini
{
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
}
.article_mini:hover
{
background: rgb(255,225,200) url(Fond_traits.png);
cursor: pointer;
}
.article_mini h1
{
margin: 0px;
margin-bottom: 4px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
}
.article_mini h1 a
{
border: none;
color: rgb(255,100,0);
}
.article_mini:hover .chapeau img, .article_mini:hover .chapeau img
{
opacity: 0.5;
}
.article_mini .infos
{
margin-top: 4px;
text-align: right;
color: rgb(155,155,155);
}
.article_mini .infos a
{
border-color: rgb(155,155,155);
color: rgb(155,155,155);
font-weight: normal;
}
.article_mini .infos img
{
position: relative;
margin-bottom: -3px;
}
hr.hr_article_mini
{
margin: 0px;
border: 1px solid rgb(200,200,200);
}

/* ACCUEIL */

#accueil
{
}

/* Mini rubriques */
#accueil .rubrique
{
border: 1px solid black;
border-top-width: 48px;
border-bottom-width: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 16px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75);
}
#accueil .rubrique h1
{
position: relative;
margin-top: -50px;
margin-bottom: 12px;
margin-left: 0px;
}
#accueil .rubrique h1 a
{
background: none !important;
border: none !important;
color: white !important;
font-size: 19px;
font-weight: bold;
text-align: left;
text-shadow: 0px 0px 3px black;
margin-bottom: -4px;
}
#accueil .rubrique h1 img
{
position: relative;
margin-bottom:  -16px;
}

/* MINI RUBRIQUES */

/* Gardes médecin */
#accueil #gardes_medecin
{
background: rgb(255,215,235) url(Gardes_fond.jpg) center;
border-color: rgb(255,125,190);
border-bottom-width: 6px;
}
#accueil #gardes_medecin > div
{
padding-top: 5px;
}
#accueil #gardes_medecin a
{
display: block;
width: 100%;
border: none;
color: black;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#accueil #gardes_medecin a:hover, #accueil #gardes_medecin a:focus
{
background: rgba(255,125,190,0.5);
color: white;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#accueil #gardes_medecin a > span
{
display: block;
padding: 4px;
}
#accueil #gardes_medecin .date
{
width: 50%;
text-align: left;
font-weight: normal;
font-style: italic;
}
#accueil #gardes_medecin .medecin
{
width: 50%;
text-align: right;
font-weight: bold;
float: right;
}

/* Cinéma */
#accueil #cinema
{
background: url(Cinema_fond.jpg) center repeat-y;
border-color: rgb(255,200,0);
border-bottom-width: 6px;
}
#accueil #cinema table
{
width: 100%;
padding: 4px;
padding-top: 0px;
}
#accueil #cinema td
{
width: 50%;
text-align: center;
vertical-align: top;
padding-top: 8px;
}
#accueil #cinema td a
{
display: block;
width: 120px;
background: black;
color: white;
border: none;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 13px;
box-shadow: 0px 0px 4px black;
-moz-box-shadow: 0px 0px 4px black;
-webkit-box-shadow: 0px 0px 4px black;
margin: auto;
padding: 2px;
}
#accueil #cinema td a:hover, #accueil #cinema td a:focus
{
background: white;
color: black;
}
#accueil #cinema td a .date
{
color: rgb(128,128,128);
font-size: 11px;
font-weight: normal;
}

/* Horaires d'ouverture (accueil) */
#accueil #horaires
{
background: rgb(175,200,225) url(Horaires_fond.jpg) center;
border-color: rgb(0,75,100);
}
#accueil #horaires p span.horaires_avertissement
{
display: block;
position: relative;
background: rgba(0,0,0,0.5) url(../Images/Icones/Avertissement.png) no-repeat 2px center;
border: 1px solid rgba(0,0,0,0.75);
top: 4px;
margin: 4px;
margin-bottom: 8px;
padding: 4px;
padding-left: 24px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: rgb(170,200,230);
font-size: 9px;
}
#accueil #horaires p a
{
display: block;
border: none;
padding: 4px;
color: black;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#accueil #horaires p a:hover, #accueil #horaires p a:focus
{
background: rgba(0,0,255,0.20);
}
#accueil #horaires p a img
{
width: 16px;
height: 16px;
margin-right: 4px;
}
#accueil #horaires p a span
{
float: right;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-size: 11px;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.25);
}
#accueil #horaires p a span img
{
margin-bottom: -4px;
}

/* Bientôt vos pubs ici */
#accueil_pub
{
background: url(Accueil_pub.png) no-repeat;
width: 280px;
height: 280px;
}

/* HORAIRES D'OUVERTURE (page) */

#horaires
{
}

/* Menu */
#horaires #horaires_menu
{
background: rgba(0,0,0,0.75);
float: left;
width: 202px;
margin-right: 8px;
padding: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 7px black;
-moz-box-shadow: 0px 0px 7px black;
-webkit-box-shadow: 0px 0px 7px black;
}
#horaires #horaires_menu a
{
display: block;
margin: 4px;
padding: 4px;
border: 2px solid transparent;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
text-align: center;
text-shadow: 0px 0px 2px black;
}
#horaires #horaires_menu a img
{
width: 24px;
}
#horaires #horaires_menu a:hover, #horaires #horaires_menu a:focus
{
background: rgba(255,255,255,0.25);
border-color: rgba(255,255,255,0.5);
}
#horaires #horaires_menu a[rel=focus]
{
background: rgba(255,255,255,0.5);
box-shadow: 0px 0px 7px black;
-moz-box-shadow: 0px 0px 7px black;
-webkit-box-shadow: 0px 0px 7px black;
}
#horaires .avertissement
{
width: 640px;
margin-left: 320px;
}

/* Horaires */
#horaires #notes
{
background: rgb(225,200,255);
border: 4px solid rgb(100,55,155);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 7px black;
-moz-box-shadow: 0px 0px 7px black;
-webkit-box-shadow: 0px 0px 7px black;
position: relative;
margin-left: 256px;
margin-right: 36px;
margin-bottom: 8px;
padding: 4px;
color: rgb(100,55,155);
font-weight: bold;
}
#horaires table td
{
vertical-align: top;
}
#horaires .jours
{
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
#horaires .jour
{
width: 128px;
}
#horaires .heures div
{
position: relative;
width: 64px;
height: 40px;
margin-left: auto;
margin-right: 4px;
border-top: 1px solid rgba(0,0,0,0.5);
color: rgba(0,0,0,0.5);
text-align: left;
}
#horaires .horaire
{
background: url(Horaire_jour.png);
padding-top: 4px;
}
#horaires .horaire .ouvert
{
background: rgba(0,0,0,0.5) url(Fond_traits.png);
width: 100%;
box-shadow: 0px 0px 15px white inset;
-moz-box-shadow: 0px 0px 15px white inset;
-webkit-box-shadow: 0px 0px 15px white inset;
}
#horaires .horaire .ouvert:hover
{
background-image: none;
}
#horaires .horaire .ouvert .contenu
{
position: relative;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}

/* Couleurs colonnes */
#horaires #lundi {text-shadow: 0px 0px 5px rgba(255,200,0,1);}
#horaires #mardi {text-shadow: 0px 0px 5px rgba(100,255,0,1);}
#horaires #mercredi {text-shadow: 0px 0px 5px rgba(255,0,0,0.6);}
#horaires #jeudi {text-shadow: 0px 0px 5px rgba(0,200,255,0.8);}
#horaires #vendredi {text-shadow: 0px 0px 5px rgba(255,0,200,0.6);}
#horaires #samedi {text-shadow: 0px 0px 5px rgba(0,255,100,0.8);}
#horaires #dimanche {text-shadow: 0px 0px 5px rgba(100,100,100,0.8);}

#horaires #lundi-matin .ouvert, #horaires #lundi-aprem .ouvert {background-color: rgba(255,200,0,0.5);}
#horaires #mardi-matin .ouvert, #horaires #mardi-aprem .ouvert {background-color: rgba(100,255,0,0.5);}
#horaires #mercredi-matin .ouvert, #horaires #mercredi-aprem .ouvert {background-color: rgba(255,0,0,0.3);}
#horaires #jeudi-matin .ouvert, #horaires #jeudi-aprem .ouvert {background-color: rgba(0,200,255,0.4);}
#horaires #vendredi-matin .ouvert, #horaires #vendredi-aprem .ouvert {background-color: rgba(255,0,200,0.3);}
#horaires #samedi-matin .ouvert, #horaires #samedi-aprem .ouvert {background-color: rgba(0,255,100,0.4);}
#horaires #dimanche-matin .ouvert, #horaires #dimanche-aprem .ouvert {background-color: rgba(100,100,100,0.4);}

/* Formulaire */
#horaires form
{
float: left;
}
#horaires input[type=text]
{
width: 100%;
}
#horaires textarea
{
width: 621px;
margin: 0px;
border: none;
}
#horaires form td.gauche
{
min-width: 128px;
}
#horaires form td.gauche img
{
position: relative;
margin-bottom: -3px;
}
#horaires #tbl_horaires
{
position: relative;
margin-left: 4px;
border-collapse: collapse;
text-align: center;
}
#horaires #tbl_horaires td
{
padding: 4px;
border: 2px solid black;
vertical-align: middle;
}
#horaires #tbl_horaires .haut td, #horaires #tbl_horaires .gauche
{
background: black;
color: white;
font-weight: bold;
}
#horaires #tbl_horaires .gauche
{
min-width: 0px;
padding-right: 8px;
padding-left: 48px;
text-align: right;
}
#horaires #tbl_horaires .ouverture-fermeture
{
color: rgba(0,0,0,0.5);
font-size: 11px;
line-height: 24px;
}
#horaires #tbl_horaires input
{
background: rgba(0,0,0,0.15) url(Fond_traits.png);
border: 2px solid rgb(200,200,200);
width: 64px;
margin: 2px;
text-align: center;
}
#horaires #tbl_horaires input:hover, #horaires #tbl_horaires input:focus
{
border-color: black;
}
#horaires .submit
{
width: 781px;
margin-top: 4px;
}
#horaires .submit input
{
width: 100%;
}

/* RUBRIQUE & ARTICLE (voir) */

/* Suivi de rubrique et d'article */
#suivi_rubrique, #suivi_article
{
display: block;
border: none;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
padding: 4px;
margin-bottom: 24px;
text-align: center;
}
#suivi_rubrique > span, #suivi_article > span
{
display: block;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#suivi_rubrique:hover > span, #suivi_rubrique:focus > span, #suivi_article:hover > span, #suivi_article:focus > span
{
background-color: rgba(255,255,255,0.5);
}
#suivi_rubrique img, #suivi_article img
{
margin-right: 4px;
}
#suivi_rubrique
{
}
#suivi_article
{
}

/* Rubrique (voir) */
#rubrique
{
}
#rubrique #suivi_article
{
position: absolute;
right: 24px;
}
#rubrique > h1
{
background: rgb(255,100,0);
padding: 4px 6px 4px 6px;
color: white;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#rubrique .article_mini
{
display: inline-block;
width: 280px;
margin-left: 8px;
margin-right: 8px;
vertical-align: top;
}

/* Auteur */
#auteur
{
}

/* Voir aussi (article)*/
#voir_aussi
{
}

/* Article (voir) */
#article
{
}
#article #titre
{
margin: 0px;
border-bottom: 4px solid rgb(175,225,0);
}
#article #rubriques
{
width: 320px;
margin-top: 2px;
margin-bottom: 4px;
margin-left: 4px;
text-align: left;
}
#article #rubriques a
{
background: url(../Images/Icones/Tag.png) no-repeat left center;
padding: 0px 2px 0px 18px;
color: rgb(150,125,215);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#article #rubriques a:hover, #article #rubriques a:focus
{
background-color: rgb(150,125,215);
border: none;
color: white;
}
#article #infos
{
float: right;
text-align: right;
}
#article #infos span
{
background: rgb(175,225,0);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px;
}
#article #infos a
{
color: black;
font-weight: normal;
}
#article #chapeau
{
font-weight: bold;
margin-bottom: 4px;
}
#article #contenu
{
/*overflow: hidden;*/
padding-bottom: 8px;
}

/* Commentaires */
#commentaires
{
}
#commentaires .commentaire, #commentaires .commentaire_admin
{
width: 100%;
margin: auto;
margin-bottom: 8px;
}
#commentaires .commentaire .commentaire_supprimer, #commentaires .commentaire_admin .commentaire_supprimer
{
position: absolute;
float: right;
border: none;
margin-left: -16px;
}
#commentaires .commentaire .profil, #commentaires .commentaire .message, #commentaires .commentaire_admin .profil, #commentaires .commentaire_admin .message, #commentaires_profil .commentaire .message
{
background: rgb(200,200,200) url(Commentaire_fond.png) top repeat-x;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,255,0.5) inset;
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,255,0.5) inset;
overflow: hidden;
}
#commentaires .commentaire .profil, #commentaires .commentaire_admin .profil
{
width: 88px;
padding: 4px;
text-align: center;
}
#commentaires .commentaire .message, #commentaires .commentaire_admin .message
{
width: 152px;
float: right;
padding: 8px;
min-height: 40px;
}
#commentaires .commentaire .fleche, #commentaires .commentaire_admin .fleche
{
position: absolute;
background: url(Commentaire_fleche.png) no-repeat;
width: 16px;
height: 48px;
margin-top: 12px;
margin-left: 96px;
}
#commentaires .commentaire .avatar, #commentaires .commentaire_admin .avatar
{
text-align: left;
}
#commentaires .commentaire .pseudo, #commentaires .commentaire_admin .pseudo
{
color: black;
font-weight: bold;
}
#commentaires .commentaire .date, #commentaires .commentaire_admin .date
{
font-style: italic;
font-size: 11px;
}

/* Commentaires administrateurs */
#commentaires .commentaire_admin .profil, #commentaires .commentaire_admin .message
{
background: rgb(255,175,0) url(Commentaire_admin_fond.png) top repeat-x;
box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,0,1) inset;
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,0,1) inset;
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5), 0px 0px 15px rgba(255,255,0,1) inset;
}
#commentaires .commentaire_admin .fleche
{
background-image: url(Commentaire_admin_fleche.png);
}

/* Commentaires profil */
#commentaires_profil .commentaire
{
margin: 8px;
}
#commentaires_profil .commentaire .message
{
padding: 8px;
}
#commentaires_profil .commentaire .message .infos
{
background: rgba(0,0,0,0.75);
margin-bottom: 4px;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
}
#commentaires_profil .commentaire .message .infos a
{
border-color: white;
color: white;
}

/* Nouveau commentaire */
#commentaires form
{
background: rgba(0,50,0,0.55);
border: 4px solid rgb(0,50,0);
padding: 8px;
width: 256px;
margin: auto;
margin-top: 32px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
text-align: center;
}
#commentaires form h1
{
position: absolute;
margin-top: -32px;
background: rgb(0,50,0);
padding: 4px;
padding-top: 0px;
padding-bottom: 0px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
font-size: 17px;
font-family: 'Arial Black', Sans-Serif;
text-transform: uppercase;
white-space: nowrap;
}
#commentaires form > p
{
color: white;
font-weight: bold;
}
#commentaires form > div
{
display: none;
}
#commentaires form input, #commentaires form textarea
{
font-family: 'Verdana', Sans-Serif;
font-size: 13px;
color: black;
padding: 3px;
background: white;
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#commentaires form .message
{
width: 97.5%;
}
#commentaires form .envoi
{
float: left;
font-weight: bold;
padding: 2px;
margin-top: 4px;
}
#commentaires form .envoi:hover, #commentaires form .envoi:focus
{
cursor: pointer;
background: black;
color: white;
}
#commentaires form .caracteres_restants
{
margin-top: 4px;
margin-bottom: 2px;
color: white;
font-weight: bold;
text-align: right;
}
#commentaires form .caracteres_restants span
{
background: rgb(0,50,0);
padding-left: 2px;
padding-right: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

/* Nouvel article */
#rubriques_liste
{
position: absolute;
display: none;
background: black;
padding: 8px;
width: 256px;
margin-top: 4px;
margin-left: 246px;
max-height: 512px;
overflow: auto;
}
#rubriques_liste a
{
color: white;
font-weight: normal;
}
#rubriques_liste a:hover
{
text-decoration: underline;
border-bottom: none !important;
}
#preview
{
float: right;
width: 452px;
height: 520px;
padding-right: 4px;
overflow: auto;
}
#preview .chapeau
{
font-weight: bold;
margin-bottom: 4px;
}
#preview .flash, #preview .image_preview
{
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-top: 8px;
margin-bottom: 8px;
padding: 2px;
font-weight: bold;
}
#preview .flash img.icone, #preview .image_preview img.icone
{
margin-right: 4px;
}
#preview .flash
{
background: rgb(255,200,175);
color: rgb(200,0,0);
width: 156px;
}
#preview .image_preview
{
background: rgb(200,225,255);
color: rgb(0,0,200);
width: 96px;
}

/* CINEMA */

.colonne_double#cinema
{
}
.colonne_double#cinema a
{
border: none;
}
.colonne_double#cinema .film
{
background: rgb(255,200,0);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 4px;
padding: 8px;
}
.colonne_double#cinema .film:hover
{
background: rgb(255,230,135);
cursor: pointer;
}
.colonne_double#cinema .film .affiche
{
float: left;
width: 60px;
height: 80px;
margin-right: 8px;
}
.colonne_double#cinema .film .nom
{
color: white;
font-size: 17px;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
text-shadow: 0px 0px 3px black;
}
.colonne_double#cinema .film .date
{
color: rgb(100,0,0);
font-weight: bold;
}

/* GARDES MEDECIN */

#formulaire_gardes
{
}
#formulaire_gardes a
{
border: none;
}

/* FORMATAGE DE CONTENU */

/* Lettrine */
.l:first-letter, #article .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; margin-right: 8px;}
.float_droite, .float_right {float: right; margin-left: 8px;}
.float_clear {clear: both;}

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

.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;
}
.flash
{
margin: auto;
}