/*
Gargouille Product.
Design #GD-0301
*/

body {background:#15191C; margin-top:0; font-family: verdana; }
#content {width: 900px; }

/* --- Mise en forme index ---*/
.index {background:url('images/fond1.jpg') repeat-x; margin-top:0; font-family: Verdana; font-size: 12px; color: #fff; }
.index a {text-decoration: none; color: #fff; }
.index a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

.bouton-index {font-family: Verdana; font-weight: bold; color: #000; }
.bouton-index a {text-decoration: none; font-size: 20px; color: #000; }
.bouton-index a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

/* --- Mise en forme Header ---*/
.header {background:#15191C url('images/fond2.jpg') repeat-x; }
.mheader {font-family: Verdana; font-weight: bold; font-size: 12px; color: #fff; }
.mheader a {text-decoration: none; font-family: Verdana; color: #fff; }
.mheader a:hover {color: #000; border-bottom: 1px dotted #000; }

/* --- Mise en page colonnes --*/
#colgauche {background:url('images/template_15.jpg') repeat-y; width: 190px; margin-top:0; font-family: Verdana; font-size: 12px; color: #fff; }
#colcentre {background: #666666; width: 580px; margin-top:0; font-family: Verdana; font-size: 12px; color: #fff; }
#coldroite {background:url('images/template_17.jpg') repeat-y; width: 190px; margin-top:0; font-family: Verdana; font-size: 12px; color: #fff; }

.titre_menu_gauche {width: 180px; line-height: 31px; border-style: solid ; border-color: #fff; border-width: 1px; background:url('images/tmenu.jpg') repeat-x; font-family: Verdana; font-size: 12px; font-weight: bold; color: #000; }
.menu_gauche {width: 174px; width: _180px; background: #15191c; border-style: solid ; border-color: #fff; border-width: 0 1px 1px 1px; font-family: Verdana; font-size: 12px; color: #fff; padding: 3px 3px 3px 3px; }
.menu_gauche a {text-decoration: none; color: #fff; }
.menu_gauche a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

.titre_cadre {width: 570px; line-height: 31px; border-style: solid ; border-color: #fff; border-width: 1px; background:url('images/tmenu.jpg') repeat-x; font-family: Verdana; font-size: 12px; font-weight: bold; color: #000; }
.cadre {width: 564px; width:_570px; background: #15191c; border-style: solid; border-color: #fff; border-width: 0 1px 1px 1px; font-family: Verdana; font-size: 12px; color: #fff; padding: 3px 3px 3px 3px; }
.cadre a {text-decoration: none; color: #fff; }
.cadre a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

.titre_menu_droite {width: 180px; line-height: 31px; border-style: solid ; border-color: #fff; border-width: 1px; background:url('images/tmenu.jpg') repeat-x; font-family: Verdana; font-size: 12px; font-weight: bold; color: #000; }
.menu_droite {width: 174px; width: _180px; background: #15191c; border-style: solid ; border-color: #fff; border-width: 0 1px 1px 1px; font-family: Verdana; font-size: 12px; color: #fff; padding: 3px 3px 3px 3px; }
.menu_droite a {text-decoration: none; color: #fff; }
.menu_droite a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

/* --- Mise en forme Footer --- */
.mfooter {font-family: Verdana; font-size: 11px; color: #000; }
.mfooter a {text-decoration: none; color: #000; }
.mfooter a:hover {color: #FFF; border-bottom: 1px dotted #FFF; }

.footer {background:url('images/template_22.jpg') no-repeat; }
.footer a {text-decoration: none; color: #4C0041; }
.footer a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }

.texte {font-family: Verdana; font-size: 12px; color: #fff; }
.texte a {text-decoration: none; color: #fff; }
.texte a:hover {color: #FF00CB; border-bottom: 1px dotted #FF00CB; }