body

{

	behavior: url('/css/csshover.htc');

	background-color: #000000;

	color: #cccccc;

	margin: auto;

	font-family: Tahoma,verdana,Helvetica,sans-serif;

	font-size: 10px;

	text-decoration: none;

	background-image: url("../images/fond_site.png");

	background-repeat: no-repeat;

	background-position: top center;

}



a

{

	text-decoration: none;

	color: #ffffff;

}



a:hover

{

	color: #E72A90;

}



a img

{

	border: 0;

}





#global

{

	margin: auto;

	width: 960px;

}



#header

{

	margin: 0px;

	width: 959px;

	height: 117px;

}



#banniere_haut

{

	padding-left: 229px;

	padding-top: 20px;

	width: 518px;

	height: 65px;

}



#banniere_haut_blog

{

	padding-left: 229px;

	padding-top: 20px;

	width: 518px;

	height: 65px;

}



#banniere_droite_verticale

{

	float: left;

	width: 120px;

	height: 600px;

	margin-left: 10px;

	margin-top: 5px;

	

}



#media_droite

{

	text-align: center;

	height: 261px;

}



#partenaire

{

	width: 165px;

	border-style: solid;

	border-width: 1px;

	border-color: white;

	margin-bottom: 2px;

	margin-top: 2px;

	height: 165px;

	

}







#menu1

{

	width: 959px;

	height: 26px;

	background-image: url("../images/fond_menu_1.png");

	background-repeat: no-repeat;

	font-size: 16px;

	font-weight: bold;

	padding-top: 2px;

}



#menu1 ul

{

	padding : 0; /* pas de marge intérieure */

    margin : 0; /* ni extérieure */

    list-style : none;

}





#menu1 a /* Contenu des listes */

{

    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */

    padding : 0; /* aucune marge intérieure */        

    color : #cccccc; /* couleur du texte */

    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}



#menu1 a:HOVER

{

	color:#E72A90;

}



#menu1 li /* Éléments des listes */      

{ 

        float : left;

        padding-right: 10px;

        padding-left: 10px;

        border-right : 1px solid #cccccc; /* on met une bordure blanche à droite de chaque élément */

}









#menu2

{

	width: 959px;

	height: 26px;

	background-color: #29231D;

	padding-top: 4px;

	font-size: 17px;

	font-weight: bold;

}



#menu2 ul

{

	padding : 0; /* pas de marge intérieure */

    margin : 0; /* ni extérieure */

    list-style : none;

}





#menu2 a /* Contenu des listes */

{

    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */

    padding : 0; /* aucune marge intérieure */        

    color : #cccccc; /* couleur du texte */

    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}



#menu2 a:HOVER

{

	color:#E72A90;

}



#menu2 li /* Éléments des listes */      

{ 

        float : left;

        padding-right: 15px;

        padding-left: 15px;

        border-right : 1px solid #cccccc; /* on met une bordure blanche à droite de chaque élément */

}







#menu2 li ul /* Sous-listes */

{ 

        position: absolute; /* Position absolue */

        width: 130px; /* Largeur des sous-listes */ 

        left: -999em; /* Hop, on envoie loin du champ de vision */

        padding: 0px;

        margin: 0px;

        z-index: 20;

}



#menu2 li ul li /* Eléments de sous-listes */

{

        border-bottom : 1px solid #cccccc; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */

        border-right: none;

       	font-size: 14px;

        padding-top: 6px;

        height: 20px;

		background-color: #29231D;

        width: 118px;

        padding-left: 2px;

        margin: 0px;

}



#menu2 li ul ul 

{

        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      

}



#menu2 li:hover ul ul, #menu2 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

        left: auto; /* Repositionnement normal */

        min-height: 0; /* Corrige un bug sous IE */

}









#conteneur

{

	padding: 0;

	margin: 0px;

	background-image: url("../images/fond.gif");

	background-repeat: repeat-y;

	background-color: #000000;

}



#main

{

	float: left;

	display: inline;

	width: 635px;

	padding: 5px;

}



#menu_right

{

	float: left;

	display: inline;

	width: 314px;



}



#footer

{

	background-color: #333333;

	width: 100%;

	text-align: left;

}



#footer .colonne

{

	float: left;

	display: inline;

	width: 125px;

	padding-left: 10px;

	font-weight: bold;

	font-size: 13px;

	color: white;

}











.hr

{

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

	clear: both;

	margin-top: 5px;

	margin-left: 5px;

}



.fields

{

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

	background-color: #ffffff;

	border-top-width: 1px;

	border-right-width-value: 1px;

	border-right-width-ltr-source: physical;

	border-right-width-rtl-source: physical;

	border-bottom-width: 1px;

	border-left-width-value: 1px;

	border-left-width-ltr-source: physical;

	border-left-width-rtl-source: physical;

	border-top-style: solid;

	border-right-style-value: solid;

	border-right-style-ltr-source: physical;

	border-right-style-rtl-source: physical;

	border-bottom-style: solid;

	border-left-style-value: solid;

	border-left-style-ltr-source: physical;

	border-left-style-rtl-source: physical;

	border-top-color: #666666;

	border-right-color-value: #666666;

	border-right-color-ltr-source: physical;

	border-right-color-rtl-source: physical;

	border-bottom-color: #666666;

	border-left-color-value: #666666;

	border-left-color-ltr-source: physical;

	border-left-color-rtl-source: physical;

	font-weight: bold;



}



.form_error

{

	

}



.form_error_message

{

	color: red;

	font-weight: bold;

}



.titre_moyen

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 13px;

	color: #ffffff;

	font-weight: bold;

	background-image: url("../images/bg_titre_300px_sombre.jpg"); 

	background-repeat: repeat-y

}



.titre_gros

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 25px;

	color: #ffffff;

	font-weight: bold;

	margin-top: 5px;

	padding-top: 0px;

	line-height: 27px;

	background-image: url("../images/bg_titre_500px_sombre.jpg");

	width: 400px;

	margin-bottom: 5px;

	height: 30px;

	background-repeat: repeat-y;

	display: block;

}



.titre_moyen_violet

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 15px;

	color: #fd04cb;

	font-weight: bold;

	margin-top: 0px;

	padding-top: 0px;

}



.titre_rubrique

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 15px;

	color: #fd04cb;

	font-weight: bold;

	padding-bottom: 2px;

	border-bottom-style: solid;

	border-bottom-width: 2px;

	border-bottom-color: #fd04cb;

}



.titre_rubrique span

{

	font-size: 11px;

	color: white;

	font-weight: normal; 

}



.texte_gras

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 11px;

	color: #ffffff;

	font-weight: bold;

}



.texte_rose

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	color: #FD04CB;

}



.texte_orange

{

	font-family: Arial,Helvetica,sans-serif;

	color: #ff9900;

	font-weight: normal;

}



.texte_vert

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	color: #00ff00;

}



.texte_gras_rose

{

	font-family: Geneva,Arial,Helvetica,sans-serif;

	font-size: 11px;

	color: #FD04CB;

	font-weight: bold;

}



.texte_normal

{

	font-size: 10px;

}



.texte_normal_plus

{

	font-size: 11px;

}





.texte_moyen

{

	font-size: 12px;

}



.texte_moyen_plus

{

	font-size: 13px;

}



.texte_grand

{

	font-size: 16px;

}







/* Images doubles */

.fade {

  position: relative;



}



.fade div {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}











/* Elements pages INDEX */



.colonne_index_login

{

	float: left;

	display: inline;

	width: 26%;

	margin: 0px;

	padding: 0px;	

}



.colonne_index_lieux

{

	float: left;

	display: inline;

	width: 74%;

	margin: 0px;

	padding: 0px;	

}



.colonne_index_agenda

{

	float: left;

	display: inline;

	width: 38%;

	margin: 0px;

}



.colonne_index_reportages

{

	float: left;

	display: inline;

	width: 62%;

	margin: 0px;

}



.colonne_demie

{

	width: 302px;

	padding-right: 10px;

	border: 0;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}



/* Colonnes à 5 */

.colonne_cinq

{

	width: 119px;

	border: 0;

	vertical-align: bottom;

	text-align: center;

}







/* Colonne album */

.colonne_album

{

	width: 150px;

	text-align: center;

	padding-bottom: 5px;

	border: 0px;

}





/* Pagination */

.pagination_actual

{

	color: #00ff00;

	font-weight: bold;

	font-size: 12px;

}



.pagination_no_actual

{

	font-weight: bold;

	font-size: 12px;

}





/* Coueleurs des profils */

.couleur_homme

{

	color: #00FFFF;

}



.couleur_femme

{

	color: #FD04CB;

}





/* Messages d infos */

.message_infos_ok

{

	color: green;

	font-weight: bold;

}

.message_infos_error

{

	color: red;

	font-weight: bold;

}







.cadre_membres_online

{

	border-width: 1px;

	border-style: dotted;

	border-color: #333333;

	width: 160px;

	height: 200px;

	overflow-x: auto;

	overflow-y: auto;

}



.cadre

{

	border-width: 1px;

	border-style: dotted;

	border-color: #666666;

}





.cadre_noir

{

	background-color: #2F3131; 

	border-style: solid; 

	border-color: #443B40; 

	border-width: 1px;

}



.cadre_news

{

	width: 633px; 

	font-size: 18px; 

	height: 24px; 

	border-style: solid; 

	border-width: 1px; 

	border-color: #443B40;

	color: #00ff00;

}





.tableau_noir_cadre

{

	background-color: #2F3131;

	border-color: black;

	border-style: solid;

	border-width: 1px;

	border-spacing: 0;

	border-collapse: collapse;

}



.tableau_noir_cadre tr td

{

	background-color: #2F3131;

	padding: 2px;

	border-color: black;

	border-style: solid;

	border-width: 1px;

}





span.info-bulle-contenu

{

	display: none;

	position: absolute;

	background: black;

	padding: 6px;

	padding-right: 12px;

	color: white;

	border-width: 1px;

	border-style: solid;

	border-color: white;

	z-index: 10;

}