/* BASE */
body {
    color               : #000000;
    text-decoration     : none;
    font-size           : 11px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    background          : #FFFFFF url(images/v2/gabarit/fond_body.jpg) top left  repeat-x;
}

a {
  /*color               : #F47200;*/
  color               : #71960E;
  text-decoration     : none;
}

a:hover {
  text-decoration     : underline;
}

p {
  font-size           : 11px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  color               : #000000;
  text-decoration     : none;
  margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
  font-weight         : bold;
  font-size           : 16px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  color               : #5C8500;
  text-decoration     : none;
  margin-top          : 0px;
    margin-bottom       : 1px;
}

h2 {
  font-weight         : bold;
    font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  color               : #71960E;
  text-decoration     : none;
  margin-top          : 0px;
    margin-bottom       : 1px;
    padding             : 0px 0px 0px 25px;
    background          : transparent url(images/v2/gabarit/h2.gif) left 5px no-repeat;
    /*border-bottom       :1px solid #000000;*/
}

h3 {
  font-weight         : bold;
    font-size           : 12px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  color               : #000000;
  text-decoration     : none;
  margin-top          : 0px;
    margin-bottom       : 1px;
}

td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    color               : #000000;
}

ul {
  padding             : 2px 0px;
  margin                : 0px 0px 0px 0px;
  color               : #000000;
  font-family         : Verdana, Arial, Helvetica, sans-serif;
}
ol {
  margin                : 0px 0px 0px 7px;
  padding               : 0px;
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
}

li {
  padding             : 2px 0px;
  margin                : 0px 0px 0px 16px;
  color               : #000000;
  font-family         : Verdana, Arial, Helvetica, sans-serif;
}

/*  Nouveau styles  */
html, body {
    width               : 100%;
    height              : 100%;
}

div#conteneur {
    width               : 100%;
    height              : 100%;
    text-align          : center;
    background          : transparent url(images/v2/gabarit/fond_conteneur.jpg) center top no-repeat;
}
div#bloc_contenu {
    width               : 990px;
    margin-left         : auto;
    margin-right        : auto;
}

div#outils_haut {
    clear               : both;
    width               : 990px;
    height              : 55px;
}

div#authentification {
    float               : right;
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 13px 0px 0px 0px;
}

div#authentification input {
    border              : 1px solid #646464;
    color               : #646464;
    background          : #FFFFFF;
    font-size           : 10px;
}
div#authentification input.submit {
    background          : transparent;
    border              : 0px;
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : bold;
    cursor              : pointer;
}

div#forget_mdp {
    clear               : both;
    text-align          : right;
    padding             : 5px 35px 0px 0px;
}
div#forget_mdp a {
    color               : #FFFFFF;
    font-size           : 10px;
    font-weight         : normal;

}

div#header {
    clear               : both;
    width               : 990px;
    height              : 128px;
    padding             : 1px 0px 0px 0px;
    text-align          : left;
    background          : transparent url(images/v2/gabarit/fond_header.jpg) center 1px no-repeat;
}

div#header a {
    width               : 440px;
    display : block;
}


div#bloc_colonnes {
    clear               : both;
    width               : 990px;
    padding             : 0px 1px 0px 1px;
    text-align          : left;
}

div#colonne_left {
    clear               : both;
    float               : left;
    width               : 216px;
    background          : transparent url(images/v2/gabarit/fond_colonne_left_haut.jpg) right top repeat-x;
}

div#menu_left {
    width               : 216px;
    background          : transparent url(images/v2/gabarit/fond_colonne_left_haut_menu.jpg) left top no-repeat;
}

div#colonne_right {
    float               : left;
    width               : 772px;
}

div#colonne_right_haut {
    clear               : both;
    width               : 772px;
    height              : 157px;
    background          : transparent url(images/v2/gabarit/fond_colonne_right_haut.jpg) left top no-repeat;
}

div#contenu {
    clear               : both;
    width               : 752px;
    padding             : 10px;
}

div#contenu_left {
    float               : left;
    width               : 422px;
    padding             : 0px 10px 0px 0px;
}

div#contenu_right {
    float               : left;
    width               : 310px;
    height              : 150px;
    padding             : 0px 0px 0px 10px;
    background          : transparent url(images/v2/gabarit/separateur_contenu.gif) top left no-repeat;
}

div#form_inscription_accueil {
    clear               : both;
    background          : #F5F5F5 url(images/v2/gabarit/fond_bloc_gauche.gif) left top repeat-x;
    width               : 216px;
    padding             : 10px 0px;
    margin              : 30px 0px 0px 0px;
}

div#form_inscription_accueil input {
    border              : 1px solid #626262;
    color               : #636363;
    width               : 100px;
    font-size           : 10px;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
}

div#liste_partenaires {
    clear               : both;
    background          : #F5F5F5 url(images/v2/gabarit/fond_bloc_gauche.gif) left top repeat-x;
    width               : 216px;
    padding             : 10px 0px;
    margin              : 30px 0px 0px 0px;
    text-align          : center;
}

div#liste_partenaires img {
    margin              : 5px 0px;
}

div.separateur_actu {
    clear               : both;
    border-bottom       : 2px solid #D4D4D3;
    margin              : 10px 0px;
}

a.lien_actu {
    color               : #000000;
}

/*  Parcours    */
div.parcours_liste {
    z-index             : 5;
    float               : left;
    margin              : 0px 5px 0px 0px;
    position            : relative;
    width               : 206px;
    height              : 228px;
    overflow            : hidden;
    background          : transparent url(images/v2/parcours/fond_vignette.gif) top left no-repeat;
}

div.parcours_liste_img {
    z-index             : 4;
    position            : absolute;
    width               : 191px;
    height              : 134px;
    top                 : 8px;
    left                : 8px;
}

div.parcours_liste_titre {
    z-index             : 6;
    position            : absolute;
    background          : #6E882A;
    width               : 196px;
    height              : 23px;
    top                 : 121px;
    left                : 5px;
    color               : #FFFFFF;
    font-weight         : bold;
    font-style          : italic;
    font-size           : 18px;
    text-align          : center;
    text-transform      : uppercase;
    filter              : alpha(opacity=80);
    -moz-opacity        : 0.8;
    opacity             : 0.8;
}

div.parcours_liste_description {
    z-index             : 7;
    top                 : 144px;
    left                : 8px;
    position            : absolute;
    background          : transparent;
    width               : 191px;
    height              : 64px;
    color               : #000000;
    text-align          : center;
    padding             : 10px 0px 0px 0px;
}

/*  Accordion   */
ul#menu_gauche li {
    list-style-type     : none;
}

ul.ss_menu_gauche li {
    padding             : 2px 5px 2px 10px;
    width               : 130px;
    border-bottom       : 1px solid #54574F;
}

ul#menu_gauche a.head, ul#menu_gauche a.headless {
    display             : block;
    color               : #000000;
    text-decoration     : none;
    font-size           : 11px;
    font-weight         : bold;
    height              : 22px;
    background          : transparent url(images/v2/gabarit/menu_fond.gif) left top no-repeat;
    padding             : 4px 0px 0px 25px;
    text-transform      : uppercase;
}


ul.ss_menu_gauche li a, ul.ss_menu_gauche li a:link, ul.ss_menu_gauche li a:visited {
    color               : #000000;
    font-weight         : normal;
    text-decoration     : none;
    font-size           : 12px;
}

ul.ss_menu_gauche li a:active, ul.ss_menu_gauche li a:hover,
ul.ss_menu_gauche li a.current, ul.ss_menu_gauche li a.current:link, ul.ss_menu_gauche li a.current:visited, ul.ss_menu_gauche li a.current:active, ul.ss_menu_gauche li a.current:hover {
    color               : #5B7013;
    text-decoration     : none;
}

/*  Parcours    */

a.parcours_lien, a.parcours_lien:link, a.parcours_lien:visited, a.parcours_lien:hover, a.parcours_lien:active {
    text-decoration     : none;
}

a.parcours_lien div {
    cursor              : pointer;
}

div#ajax_parcours {
    width               : 850px;
}

div#img_trou {
    float               : left;
    width               : 350px;
}

div#ajax_parcours_infos {
    float               : right;
    width               : 500px;
}

div#titre_parcours {
    width               : 100%;
    color               : #9F7E09;
    font-size           : 28px;
    text-align          : center;
    padding-bottom      : 5px;
    text-transform      : uppercase;
}
span.text_m {
    text-transform      : lowercase;
}

div#conteneur_liens_trou {
    text-align          : center;
}

table#liens_trou {
    color               : #9F7E09;
    border              : 1px solid #9F7E09;
}

table#liens_trou td {
    border              : 1px solid #9F7E09;
    color               : #9F7E09;
    font-size           : 19px;
    padding             : 0px 3px;
}

table#liens_trou td a, table#liens_trou td a:link, table#liens_trou td a:visited, table#liens_trou td a:hover, table#liens_trou td a:active {
    color               : #9F7E09;
}

div#bloc_infos_trou {
    width               : 100%;
    clear               : both;
    padding             : 15px 5px 5px 5px;
}

div#titre_desc_trou {
    width               : 300px;
    float               : left;
}

div#titre_trou {
    font-size           : 30px;
    color               : #9BC037;
    text-decoration     : none;
    margin              : 0px;
    padding             : 0px 0px 0px 25px;
    background          : transparent url(images/v2/parcours/titre_trou.gif) left 15px no-repeat;
}

div#desc_trou {
    clear               : both;
    width               : 100%;
    padding             : 15px 0px 0px 0px;
}

div#details_trou {
    float               : right;
    width               : 190px;
    color               : #9F7E09;
    font-size           : 20px;
    padding-left        : 10px;
}

div#infos_parc {
    float               : left;
    padding-left        : 10px;
}

div#trou_parc {
    float               : left;
    width               : 64px;
    height              : 78px;
    background          : transparent url(images/v2/parcours/fond_trou_parc.gif) left top no-repeat;
}

div#trou_parc_titre {
    clear               : both;
    font-size           : 10px;
    color               : #9F7E09;
    height              : 31px;
    width               : 100%;
    text-align          : center;
    text-transform      : uppercase;
    padding-top         : 3px;
}

div#trou_parc_num {
    clear               : both;
    font-size           : 35px;
    color               : #9F7E09;
    width               : 100%;
    text-align          : center;
}

div#details_trou table {
    clear               : both;
    margin-top          : 25px;
    margin-left         : 6px;
}

div#details_trou table td {
    padding             : 3px;
    font-weight         : bold;
    font-size           : 12px;
}

div#cp1, div#cp2 {
    clear               : both;
    width               : 100%;
    padding             : 15px 0px 0px 0px;
}

div#cp1 table , div#cp2 table {
    width               : 480px;
}

div#cp1 table td.img, div#cp2 table td.img {
    padding-left         : 15px;
    padding-top          : 20px;
}

/*  Fin Nouveau styles  */

cite {
  font: 10px Verdana;
  color: #FFFFFF;
  text-decoration: none;
}
.TxtRouge {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #FF0000;
  text-decoration: none;
}
td.TxtDate {
  font: bold 8px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}
td.TxtDate a {
  font: bold 8px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}
td.TxtDate a:hover {
  font: bold 8px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}
.TxtSousPhoto {
  font: 10px Verdana;
  color: #A00000;
  text-decoration: none;
}
.TxtIntro {
  font: bold 11px Verdana;
  color: #696969;
  text-decoration: none;
}
.Date {
  font: bolder 12px Verdana;
  color: #92100B;
  text-decoration: none;
}

td.menu
a {
  color: #FFFFFF;
  text-decoration: none;
; font-size: 11px
}

td.menu
a:hover {
  text-decoration: underline;
}

td.menu
span {
  font-face: Verdana;
  color: #FFFFFF;
; font-size: 11px
}


.TxtTitreMenu {
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;

}
div.sous_menu a {
  color: #F47200;
  text-decoration: none;
}
div.sous_menu a.sousmenu_sel {
  color: #000000;
  background-color: #DFDFDF;
  text-decoration: none;
}

/* Menu */
div.menu a {
    display             : block;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : normal;
  padding             : 3px 5px 5px 3px;
  color               : #FFF !important;
  background-color    : inherit;
  text-decoration     : none !important;
  margin              : 5px 2px 2px 2px;
}
/*div.menu a:hover,
div.menu a.on, div.menu a.on:hover {
    display             : block;
    color               : #FFF;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 11px;
  padding             : 6px 5px 5px 6px;
  text-decoration     : none;
  border              : 1px solid transparent;

  background-image    : url(static/images/membres/clear.gif);
  background-repeat   : repeat-x;
}*/

div.menu a.on, div.menu a.on:hover {
  border              : 1px solid #ccc;
  background-image    : url(images/membres/clear.gif);
  background-repeat   : repeat-x;
  margin              : 4px 1px 1px 1px;
  padding             : 3px 5px 5px 3px;
  text-decoration     : none !important;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 15px;
    width               : 151px;
    background-color    : #000;
    color               : inherit;
    /*text-align          : center;*/
    border              : 1px solid #ccc;
}
div.ssmenu a {
    display             : block;
  font-family         : Arial, verdana, Helvetica, sans-serif;
  font-size           : 10px;
  font-weight         : bold;
  padding             : 3px 2px;
  color               : #fff !important;
  background-color    : inherit;
  text-decoration     : none !important;
  margin              : 2px;
}
div.ssmenu a:hover {
  background-color    : #626262;
  text-decoration     : none !important;
  border              : 1px solid #ccc;
  margin              : 1px;
  background-image    : url(images/membres/clear.gif);
  background-repeat   : repeat-x;
}

/***************************************************************/
form.formulaire_realisations {
    font-size           : 11px;
    font-family         : arial, verdana, helv;
    width               : 22em;
    padding             : 0;
    margin              : 0;
}

form.formulaire_realisations label {
    width               : 6em;
    float               : left;
    text-align          : right;
    margin-right        : 0.5em;
    display             : block;
}

form.formulaire_realisations div.piedform {
    text-align          : right;
    margin-right        : 0.5em;
    margin-bottom       : 0.1em;
}
/***************************************************************/

h3.titre_actu {
    color               : #CC3300;
}


#membres div.titre_page {
    color               : #4E8D01;
    font-size           : 18px;
    font-weight         : bold;
    margin-top          : 10px;
}

#membres a {
  color            : #4E8D01;
  text-decoration  : none;
  font-weight      : normal;
  text-decoration  : underline;
}

#membres ul.laune {
    margin           : 10px 0;
}

#membres ul.laune li {
    list-style-type  : disc;
    padding          : 3px 0;
}

#membres ul.laune li span.date {
    font-weight      : normal;
    color            : #999999;
    font-size        : 10px;
}

#membres div.unalbum {
    margin          : 10px 0;
}

#membres div.titre_actu {
    color           : #CC3300;
    font-size       : 11px;
    font-weight     : bold;
}

#membres div.trois_forum {
    margin          : 10px;
}

#membres div.trois_forum div.intro {
    border-bottom   : 1px solid #000;
}

#membres div.trois_forum div.date {
    color           : #CC0000;
    font-size       : 10px;
    font-weight     : bold;
    margin-top      : 8px;
}

#membres div.message_envoye {
    text-align      : center;
    color           : #CC3300;
    font-size       : 12px;
    font-weight     : bold;
    margin-top      : 10px;
}

#membres div.heure_depart {
    color                   : #CC3300;
    font-size               : 12px;
    font-weight             : bold;
    background-image        : url(images/membres/browndegrade.gif);
    background-repeat       : repeat-x;
    padding                 : 4px;
}

#membres div.participant {
    margin-left     : 30px;
    padding         : 3px;
}

#membres div.recherche_membre form input.texte {
    padding-left        : 15px;
    background-image    : url(images/membres/search.gif);
    background-repeat   : no-repeat;
    background-position : 3px center;
    background-color    : #ECE8DE;
    font-size           : 10px;
    border              : 1px solid #9F998C;
    width               : 200px;
    height              : 18px;
}

#membres div.recherche_membre div.avec_email {
    background-color    : #ECE8DE;
    font-size           : 10px;
    border              : 1px solid #9F998C;
    width               : 340px;
    margin-top          : 5px;
    /*height              : 18px;*/
}

#membres div.recherche_membre form input.submit {
    background-color    : #9F998C;
    font-size           : 10px;
    border              : 1px solid #9F998C;
}

#membres div.pas_resultat {
    color               : #CC3300;
    font-size           : 12px;
    text-align          : center;
    font-weight         : bold;
    margin              : 100px 0;
}

#membres div#lien_recherche {
    padding             : 5px 5px 5px 15px;
    cursor              : pointer;
}

#membres div.on {
    background-image    : url(images/membres/puce-horizon.gif);
    background-repeat   : no-repeat;
    background-position : left center;
}

#membres div.off {
    background-image    : url(images/membres/puce-vertic.gif);
    background-repeat   : no-repeat;
    background-position : left center;
}

#membres td.rouge_clair {
    font-weight         : bold;
    color               : #CC3333;
    text-align          : right;
}

#membres td.rouge_fonce {
    font-weight         : bold;
    color               : #993333;
    text-align          : right;
}

#membres div.message {
    font-size           : 12px;
    font-weight         : bold;
    color               : #CC3333;
    text-align          : center;
    border              : 1px double #CC3333;
    margin              : 10px 10px 10px 0;
    padding             : 3px;
}

/* ================== Calendrier/agenda ================== */
table.calendrier_entete, table.calendrier {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFCF00;
    text-decoration: none;
    background-color    : #FFFFFF;
}
table.calendrier {
  border-top: 0px solid #FFFFFF;
  border-right: 0px none #000000;
  border-bottom: 0px solid #FFFFFF;
  border-left: 0px none #000000;
  border-collapse: collapse;
}

td.calendrier_entete_g {
    width               : 35px;
    background          : transparent url(images/v2/membres/reddegrade_l.gif) left top no-repeat !important;
}

td.calendrier_entete_c {
    width               : 180px;
}

td.calendrier_entete_r {
    width               : 35px;
    background          : transparent url(images/v2/membres/reddegrade_r.gif) right top no-repeat !important;
}

td.colonne_verte_g {
    width               : 9px;
    border-top          : 1px solid #3E0C08;
    background          : transparent url(images/v2/membres/colonne_verte_g.gif) left top repeat-y;
}

td.colonne_verte_d {
    width               : 9px;
    border-top          : 1px solid #3E0C08;
    background          : transparent url(images/v2/membres/colonne_verte_d.gif) left top repeat-y;
}

td.colonne_verte_bg {
    width               : 9px;
    background          : transparent url(images/v2/membres/colonne_verte_bg.gif) left top repeat-y;
}

td.colonne_verte_bc {
    background          : #075122;
}

td.colonne_verte_bd {
    width               : 9px;
    background          : transparent url(images/v2/membres/colonne_verte_bd.gif) left top repeat-y;
}

td.calendrier_entete {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    background-image: url(images/v2/membres/reddegrade.gif);
    background-repeat: repeat-x;
}
td.calendrier_entete a, td.calendrier_entete a:link, td.calendrier_entete a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    text-decoration: none !important;
}
td.calendrier_entete a:hover, td.calendrier_entete a:active {
  color: #FFFFFF;
    text-decoration: none !important;
}
th.calendrier, th.calendrier_gauche, th.calendrier_droite {
  border-top: 1px solid #3E0C08;
  border-bottom: 1px solid #3E0C08;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    text-decoration: none !important;
    text-align: center;
    vertical-align: middle;
    background          : #D7D7D7;
    width               : 32px;
}
td.calendrier, td.calendrier_gauche, td.calendrier_droite {
  border-top: 1px solid #3E0C08;
  border-bottom: 1px solid #3E0C08;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none !important;
    text-align: center;
    vertical-align: middle;
}
td.calendrier, th.calendrier {
  border-right: 1px solid #3E0C08;
  border-left: 1px solid #3E0C08;
}
td.calendrier_gauche, th.calendrier_gauche {
  border-right: 1px solid #3E0C08;
  border-left: 0px none;
}
td.calendrier_droite, th.calendrier_droite {
  border-right: 0px none;
  border-left: 1px solid #3E0C08;
}
td.calendrier a, td.calendrier a:link, td.calendrier a:visited,
td.calendrier_gauche a, td.calendrier_gauche a:link, td.calendrier_gauche a:visited,
td.calendrier_droite a, td.calendrier_droite a:link, td.calendrier_droite a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    width: 100%;
    color: #000 !important;
    text-decoration: none !important;
  background-color: transparent;
    text-align: center;
    vertical-align: middle;
    padding         : 1px;
}

td.calendrier a:hover, td.calendrier a:active,
td.calendrier_gauche a:hover, td.calendrier_gauche a:active,
td.calendrier_droite a:hover, td.calendrier_droite a:active {
    color: #FFFFFF;
    text-decoration: none !important;
  background-color: #FFCF00;
}

/*=========== Competitions ==========*/
table.competitions {
    border                  : 1px solid #000;
    background-color        : #F9F7EC;
}

table.competitions th {
    font-size               : 11px;
    background-image        : url(images/membres/browndegrade.gif);
    background-repeat       : repeat-x;
}

/*=========== Membres équipe ==========*/
div.liste_membres_equipe {
    margin                  : 10px;
}

div.liste_membres_equipe div.un_membre {
    margin-bottom            : 5px;
}