* {
    margin: 0;
    padding: 0;
}

html, body, img, p, div, span, form, h1, h2, h3, h4, table, tr, td {
    border: 0;
}

html {
    overflow-y: scroll;
}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #FFF;
    background-color: #180303;
    width: 100%;
    height: 100%;
}

a {
	color: #180303;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.center {
    text-align: center;
}

/****************************************************************************/
/***                                                                      ***/
/***  STRUCTURE                                                           ***/
/***                                                                      ***/
/****************************************************************************/

#blackout {
    position:absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 2500px;
    background-color: #000;
    z-order:1;
    -moz-opacity:0.7;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

#devant {
    position: absolute;
    display: none;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    z-order:2;
}

#dialog {
    text-align: center;
}

#page, #entete_conteneur, #pied_lien {
    position: relative;
    margin: 0 auto; 
    width: 900px;
}

#page_old {
    padding-top: 189px;
}

#entete_old {
    width: 100%;
    aposition: fixed;
    z-index: 100;
}

#drapeaux {
    text-align: center;
}

#bandeau {
    border-top: 10px solid #180303;
    display: block;
}

#bandeau_pub {
    position: absolute;
    top: 0px;
    width: 600px;
    height: 100px;
    margin-left: 300px;
    margin-top: 10px;
    text-align: center;
}

#menu_horizontal {
    background-color: #600;
    padding: 0px 0px;
}

#nav {
    width: 900px;
}

#nav td {
	border: 1px solid #FFFFFF;
    background: url(images/fond_menu_horizontal.gif) #9C773E;
    text-align: center;
}

#nav a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
	color: #600;
	text-align: center;
	line-height: 20px;
}

#connexion {
    text-align: center;
    height: 30px;
    background-color: #FFD99F;
	color: #000;
	padding-top: 7px;
}

#connexion .input {
    width: 100px;
}

#centre {
    width: 900px;
    background: #eee;
    padding: 0;
}

#bloc_menu_vertical {
    width: 240px;
    vertical-align: top;
    color: #000;
    text-align: justify;
}

#bloc_menu_vertical .menu_vertical {
    margin: 10px 5px;
}

#bloc_menu_vertical .menu_vertical .titre {
    background: url(images/fond_menu_vertical_titre.gif) #eee;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

#bloc_menu_vertical .menu_vertical .contenu {
    background-color: #F8E6C9;
    border-left: 1px solid #600;
    border-right: 1px solid #600;
    padding: 0 5px;
}

#bloc_menu_vertical .menu_vertical .pied {
    background: url(images/fond_menu_vertical_pied.gif) no-repeat;
    height: 6px;
}

#bloc_menu_vertical .nombre {
    color: #7AC415;
    font-weight: bold;
}

#contenu {
    background: #FFFFFF;
    margin-right: 10px;
    padding-left: 9px;
    padding-top: 10px;
    padding-right: 7px;
    vertical-align: top;
}

#pied {
    color: #fff;
    background-color: #600;
}

#pied a {
    color: %CONF_COULEUR_LIEN_PIED%;
}

#pied_lien {
    font-size: 10px;
    color: #fff;
    padding-top: 5px;
    text-align: center;
}

#pied_lien a {
    color: #fff;
}

#copyright {
    text-align: center;
    margin-left: 240px;
}

/****************************************************************************/
/***                                                                      ***/
/***  CONTENU                                                             ***/
/***                                                                      ***/
/****************************************************************************/

#contenu .center {
    text-align: center;
}

#contenu, #contenu texte, #contenu select {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

#contenu p {
    display: block;
    padding-bottom: 15px;
    text-align: justify;
}

#contenu .bloc {
    width: 640px;
    clear: both;
    padding-top: 5px;
}

#contenu .bloc .titre {
    background: url(images/fond_bloc_entete.gif) no-repeat;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

#contenu .bloc .contenu {
    background-color: #F8E6C9;
    border-left: 1px solid #660000;
    border-right: 1px solid #660000;
    padding: 0 5px;
}

#contenu .bloc .contenu a {
    text-decoration: underline;
}

#contenu .bloc .pied {
    background: url(images/fond_bloc_pied.gif) no-repeat;
    height: 6px;
}

#contenu .bloc .alerte {
    background-color: #600;
    color: #F8E6C9;
}

#contenu .profil_new {
    width: 209px;
}

#contenu .profil_new .photo {
    border: 1px solid #600;
}

#contenu .accueil_texte {
    clear: both;
    padding: 10px 0;
    text-align: justify;
}

#contenu .accueil_texte .left {
    float: left;
    padding-right: 5px;
}

#contenu .accueil_texte .right {
    float: right;
    padding-left: 5px;
}

#contenu h1 {
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    color: #600;
    padding: 5px;
    margin-bottom: 10px;
}

#contenu h2 {
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    color: #600;
    padding: 2px;
}

#contenu .formulaire th {
    font-weight: normal;
    text-align: right;
    width: 150px;
}

#contenu .libelle {
    clear: both;
    float: left;
    text-align: right;
    width: 150px;
    margin-bottom: 2px;
}

#contenu .valeur {
    float: left;
    width: 450px;
    margin-bottom: 2px;
    margin-left: 10px;
}

#contenu .full {
    width: 450px;
}

#contenu .formulaire #cu {
    width: 535px;
    height: 150px;
    border: 1px solid #7F9DB9;
    padding: 2px;
    overflow-y : auto; 
}

#contenu legend {
    color: #385768;
    font-weight: bold;
    border-color: red;
}

#contenu fieldset {
    margin-bottom: 5px;
    padding: 5px;
}


#contenu .separation {
    height: 1px;
    color: #698599;
}

#contenu .lancer_recherche {
    font-weight: bold;
}

#contenu .dont {
    text-align: right;
    font-weight: bold;
    margin-right: 5px;
}

.photo_centree {
    border: 1px solid #000;
}

.photo_container {
    border: 1px solid #000;
    padding: 10px;
    background-color: #FFF;
}

.small_button {
    font-size: 90%;
}

#conditions_utilisation {
    border: 1px solid red;
    padding: 5px;
    margin: 10px 0;
}

#contenu .ajouter_argumentaire {
    width: 100%;
    border: 1px solid #099;
}

#contenu .ajouter_argumentaire th {
    width: 50%;
    background-color: #099;
    padding: 3px;
}

#contenu .ajouter_argumentaire td {
    vertical-align: top;
    width: 50%;
    padding: 5px 10px;
    text-align: justify;
}

#slideshow {
    padding-top: 10px;
    text-align: left;
}

#slideshow_1, #slideshow_2 {
    width: 690px;
    text-align: center;
}

#contenu hr {
    height: 1px;
    color: #600;
}

#contenu .membre_ami {
    width: 158px;
    text-align: center;
    padding-top: 10px;
}

#contenu .membre_ami img {
    border: 3px solid #600;
}

#contenu .membre_ami .login {
    font-weight: bold;
    color: #600;
}

#photo_zoom {
    text-align: center;
    padding: 5px;
}

#photo_zoom img{
    border: 3px solid #600;
}

/****************************************************************************/
/***  RECHERCHE MEMBRE                                                    ***/
/****************************************************************************/

.recherche_membre {
    border: 1px solid #FF9D0A;
    background-color: #ffd99f;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

.bouton_profil {
    height: 15px;
    line-height: 13px;
    background-color: #FF9D0A;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bouton_profil a {
    color: #FFF;
}

.recherche_membre .login, #profil .login {
    font-weight: bold;
    color: #600;
}

#contenu .role, .recherche_membre .role, #profil .role {
    color: #ff9d0a;
}

.recherche_membre .lieu, #profil .lieu {
    color: #600;
}

.recherche_membre .annonce, #profil .annonce {
    margin-top: 10px;
    color: #000;
    text-align: justify;
    margin-right: 10px;
}

.recherche_membre .alerte {
    color: #F00;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.alerte {
    color: #F00;
}

.alerte_abonnement {
    background-color: #80FF80;
}

#contenu .photo_membre {
    vertical-align: bottom;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

#contenu .photo_membre img {
    border: 2px solid #600;
}


/****************************************************************************/
/***  CLUB                                                                ***/
/****************************************************************************/

#menu_club {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#menu_club td {
    width: 33%;
}

#new_chat th {
    text-align: right;
}

#new_chat input, #new_chat textarea {
    display: inline;
    font-family: Arial;
    font-size: 12px;
}
#new_chat .champ_large {
    width: 600px;
}

/****************************************************************************/
/***  FORMULAIRE D'INSCRIPTION                                            ***/
/****************************************************************************/

#inscription .champ_obligatoire {
    font-weight: bold;
    color: red;
}

#inscription .argumentaire_titre {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

#inscription .argumentaire {
    color: #295581;
    padding: 5px;
    background-color: #099;
    border: 1px solid #295581;
}

#inscription .argumentaire img {
    padding-right: 5px;
}

#inscription .mode_emploi {
    padding-top: 5px;
    padding-right: 5px;
}

#inscription .argumentaire_accroche_1 {
    color: #f00;
    font-weight: bold;
}

#inscription .argumentaire_accroche_2 {
    color: #00f;
    font-weight: bold;
}

#inscription h2 {
    padding: 0;
    margin-top: 10px;
    color: #fff;
    background-color: #600;
}

#inscription h3 {
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    padding: 2px;
    margin-top: 10px;
    color: #fff;
    background-color: #600;
}

#inscription p {
    text-align: justify;
}

#inscription .blabla {
    color: #099;
    font-weight: bold;
}

input[type=checkbox][disabled] {
  color: black;
}

#inscription .zone {
    background-color: #000;
    width: 640px;
}

#inscription .zone_th {
    background-color: #E6E6E6;
    color: #000;
    white-space: nowrap;
    padding: 5px;
}

#inscription .zone_tr {
    background-color: #FFF;
    color: #000;
}

#inscription .designation {
    padding: 5px;
}

#inscription .prix {
    text-align: center;
}

#inscription #les_cgv {
    border: 1px solid #000;
    padding: 5px;
    height: 150px;
    overflow: auto;
    font-size: 90%;
}

#calendrier {
    margin-left:10px;
    margin-right:10px;
    border: 1px solid #600;
}

#calendrier_entete {
    text-align:center;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	font-weight: bold;
}

table.calendrier {
	width: 100%;
	font-size: x-small;
	text-align: center;
}

table.calendrier th {
    color:#0D598B;
}

#calendrier_entete a {
    border: 0;
}

#formulaire th {
    text-align: right;
    font-weight: normal;
}

#formulaire td {
    text-align: left;
}

#liste_ville {
    position: absolute;
    display: none;
    width: 302px;
    height: 150px;
    border: 1px solid #7F9DB9;
    background-color: #FFF;
    overflow: auto;
}

#liste_ville_depart, #liste_ville_arrivee {
    position: absolute;
    display: none;
    width: 484px;
    height: 150px;
    border: 1px solid #7F9DB9;
    background-color: #FFF;
    overflow: auto;
}

/****************************************************************************/
/***  NAVIGATION CLUB                                                     ***/
/****************************************************************************/

#nav_club {
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
}

#nav_club ul {
	margin: 0;
	padding: 0;
}

#nav_club li {
	float: left;
	width: 228px;
	overflow: hidden;
	border: 1px solid #FFF;
	color: #fff;
    background-color: #600;
}

#nav_club li a {
	display: block;
	background: #600;
	color: #FFF;
	padding: 2px 0;
	text-align: center;
	border: 0;
}

#nav_club li a:hover, #nav_club li a:focus, #nav_club li a:active {
	background: #FFF;
	color: #600;
}



/****************************************************************************/
/***  FICHE MEMBRE                                                        ***/
/****************************************************************************/
.fiche_membre {
    vertical-align: top;
    width: 640px;
}

.fiche_membre th {
    color: #600;
    background: #F8E6C9;
    text-align: left;
    padding: 5px;
    width: 200px;
}

.fiche_membre td {
}

.champ_obligatoire {
    background-color: #fcc;
}

.fiche_membre textarea {
    width: 470px;
    height: 65px;
}


/****************************************************************************/
/***  PACKS                                                               ***/
/****************************************************************************/

#contenu .pack td {
    padding: 5px;
}

#contenu .pack .pair {
    background-color: #E5EDF2;
}
#contenu .pack .impair {
    background-color: #fff;
}

/****************************************************************************/
/***  FICHE MESSAGERIE                                                        ***/
/****************************************************************************/
#fiche_messagerie {
    vertical-align: top;
}

#fiche_messagerie th {
    color: #600;
    background: #F8E6C9;
    text-align: left;
    padding: 5px;
    width: 150px;
}

#fiche_messagerie td {
}

#fiche_messagerie textarea {
    width: 520px;
    height: 350px;
}


#contenu .liste_email {
    width: 100%;
    border: 1px solid #600;
}

#contenu .liste_email th {
    color: #FFF;
    background-color: #600;
}

#contenu .liste_email td {
    padding: 2px;
}

#contenu .liste_email .date {
    width: 130px;
    text-align: center;
}

#contenu .liste_email .action {
    width: 70px;
    text-align: center;
}

#contenu .liste_email .etat {
    width: 25px;
    text-align: center;
}

#contenu .liste_email .pair {
    background-color: #F8E6C9;
}

#contenu .liste_email .impair {
    background-color: #FFF;
}

/****************************************************************************/
/***  NAVIGATION FICHE CLUB                                               ***/
/****************************************************************************/

#nav_membre {
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
}

#nav_membre ul {
	margin: 0;
	padding: 0;
}

#nav_membre li {
	float: left;
	width: 158px;
	overflow: hidden;
	border: 1px solid #FFF;
}

#nav_membre li a {
	display: block;
    color: #fff;
	background: #600;
	padding: 2px 0;
	text-align: center;
	border: 0;
}

#nav_membre li a:hover, #nav_membre li a:focus, #nav_membre li a:active {
    color: #600;
	background: #FFF;
}


#contenu .onglet {
    color: #fff;
	background: #600;
    font-weight: normal;
}

#contenu .onglet_actif {
    color: #600;
	background: #fff;
    font-weight: bold;
}

#contenu .onglet_alerte, #contenu .onglet_actif_alerte {
    color: #FF4040;
	background: #fff;
    color: #FFF;
}

/****************************************************************************/
/***  LISTE RESULTAT MEMBRE                                               ***/
/****************************************************************************/
#membre_liste {
    width: 100%;
}

#membre_liste .photo {
    text-align: center;
    width: 50px;
    height: 50px;
}

#membre_liste .login {
    background-color : #099;
    color: #FFF;
    font-weight: bold;
    padding: 2px;
}

#membre_liste .en_ligne {
    text-align: center;
    width: 100px;
    vertical-align: top;
    padding: 2px;
}

#membre_liste .en_ligne .online {
    font-weight: bold;
    color: green;
}

#membre_liste .en_ligne .offline {
    color: red;
}

#membre_liste .enveloppe {
    padding: 2px;
}

/****************************************************************************/
/***  LISTE RESULTAT EVENEMENT                                            ***/
/****************************************************************************/
#contenu .jour_evenement {
    color: #FFF;
    background-color: #600;
    padding: 2px 0;
    font-weight: bold;
}

#contenu .tableau_evenement {
}

#contenu .tableau_evenement .impair{
    color: #000;
    background-color: #d1d1d1;
    padding: 5px;
}

#contenu .tableau_evenement .pair{
    color: #000;
    background-color: #e5e5e5;
    padding: 5px;
}

#contenu .tableau_evenement a {
    color: #295581;
}


#contenu .tableau_evenement .description{
    padding-left: 55px;
    font-style: italic;
    text-align: justify;
}

#contenu .tableau_resultat .marge_droite, #contenu .tableau_resultat_point_vue .marge_droite , #contenu .tableau_resultat_panorama .marge_droite {
    padding-right: 30px;
}


/****************************************************************************/
/***  LISTE RESULTAT STANDARD                                             ***/
/****************************************************************************/

#contenu .tableau_resultat {
    width: 100%;
    border: 1px solid #600;
}

#contenu .tableau_resultat th {
    color: #fff;
    background-color: #600;
}

#contenu .tableau_resultat td {
    padding: 2px;
}

#contenu .tableau_resultat .pair, #contenu .tableau_resultat .impair {
    height: 23px;
}

#contenu .tableau_resultat .pair {
    background-color: #F8E6C9;
}

#contenu .tableau_resultat .impair {
    background-color: #fff;
}



/****************************************************************************/
/***  LISTE RESULTAT POINT DE VUE                                         ***/
/****************************************************************************/

#contenu .tableau_resultat_point_vue {
    width: 100%;
    border: 1px solid #F93;
}

#contenu .tableau_resultat_point_vue th {
    color: #fff;
    background-color: #F93;
    font-size: 14px;
}

#contenu .tableau_resultat_point_vue td {
    padding: 2px;
}

#contenu .tableau_resultat_point_vue .pair, #contenu .tableau_resultat_point_vue .impair {
    height: 23px;
}

#contenu .tableau_resultat_point_vue .pair {
    background-color: #FDB;
}

#contenu .tableau_resultat_point_vue .impair {
    background-color: #FFF;
}



/****************************************************************************/
/***  LISTE RESULTAT PANORAMA                                             ***/
/****************************************************************************/

#contenu .tableau_resultat_panorama {
    width: 100%;
    border: 1px solid #C30;
}

#contenu .tableau_resultat_panorama th {
    color: #fff;
    background-color: #C30;
    font-size: 16px;
}

#contenu .tableau_resultat_panorama td {
    padding: 2px;
}

#contenu .tableau_resultat_panorama .pair {
    background-color: #FFF1EC;
}

#contenu .tableau_resultat_panorama .impair {
    background-color: #FFF;
}


/****************************************************************************/
/***  PHOTOS                                                              ***/
/****************************************************************************/

#liste_photo td {
    width: 130px;
    text-align: center;
}

#liste_photo mignonette {
    display: block;
    padding-bottom: 3px;
}

#liste_photo p {
    padding: 0;
    text-align: center;
}

#liste_photo .vue {
    color: #E3B320;
}

#liste_photo a {
    border: 0;
}

#photo {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#photo img {
    border: 1px solid #295581;
}

#photo_retour {
    text-align: center;
}

#contenu .photo_libre {
    color: green;
    font-weight: bold;
    text-align: center;
}

#contenu .photo_pas_libre {
    color: red;
    font-weight: bold;
    text-align: center;
}

#edition_papier {
    margin-top: 10px;
}

#edition_papier td, #edition_papier th {
    background-color: #FFF;
    padding: 1px;
}

#edition_papier td {
    text-align: left;
}

#edition_papier button {
    width: 80px;
    height: 30px;
}


/****************************************************************************/
/***  PUBLICITE                                                           ***/
/****************************************************************************/

#contenu .publicite {
    text-align: center;
    padding: 5px 0px 10px 0px;
}

#contenu .publicite a {
    border: 0;
}

.affichez_vous {
    border-bottom: 1px dotted #000080;
}

#contenu .pub_privee, #contenu .pub_privee a {
    border: 0;
}


/****************************************************************************/
/***  RECHERCHE IDEALE                                                    ***/
/****************************************************************************/

#recherche_ideale {
    background-color: #295581;
    margin-bottom: 10px;
}

#recherche_ideale th {
    width: 345px;
    height: 25px;
    background-color: #099;
    font-size: 13px;
}

#recherche_ideale td {
    background-color: #fff;
    padding: 10px;
}

#recherche_ideale p {
    padding-bottom: 10px;
}
    
#recherche_ideale li {
    list-style-type: none;
    background: url(images/puce_standard.jpg) 10px 4px no-repeat;
    padding-left: 7px;
}




#contenu #backlink {
    width: 100%;
    border-collapse: collapse;
}

#contenu #backlink tr {
    vertical-align: top;
}

#contenu #backlink td, #contenu #backlink th {
    padding: 5px;
    border: 1px solid #000;
}

#contenu #backlink .code {
    color: #000;
}

