@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Baumans);
@import url(http://fonts.googleapis.com/css?family=Fredoka+One);
@import url(http://fonts.googleapis.com/css?family=Chelsea+Market);


html {
font-family: 'Open Sans', sans-serif;
}
.shopCartBtn {
	float:right;
}
.shopSelect {
	font-size:1.5em;
	margin: 0.5em;
}
.shopHeader {
	height:60px;
	font-family: 'Chelsea Market', cursive;
}
.vignetteShop {
	width:206px;
	margin:5px;
	border-radius:5px;
	border:1px solid #888;
	background-color:#FFF;
	cursor:pointer;
	display:inline-block;
	transition-duration:0.2s;
	position:relative;
	font-family: 'Chelsea Market', cursive;
}
.vignetteShop:hover {
	transform:scale(1.05,1.05);
	transition-duration:0.2s;
}
.vignetteShopHeader {
	font-size:1.05em;
	text-align:center;
	padding:5px;
	font-family: 'Chelsea Market', cursive;
}
.prixShop {
	font-size:1.2em;
	text-align:center;
	padding:5px;

}

h1,h2,h3 {	
	letter-spacing:-1px;
	color:#000000;
	border-bottom:2px solid #cccccc;
	background-image: url("images/backgrounds/balle.png");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;

}
.discuter {
	color:blue;
	font-weight:bold;
}
.chatBox {
	margin : 2px;
	padding:2px;
	font-size:1.1em;
	font-weight:bold;
}
.notice {
	background-color: #EEE;
	padding: 3px;
	border: 1px solid #AAA;
	border-radius: 5px;	
	margin : 2px;
}
.important {
	background-color:#35471D;
	color:white;
	border-radius:3px;
}
.important:hover {
	background-color:#417800;
}

fieldset {
	border: 1px solid #CCC;
}
body {
	background-color:#DFF3D7;
	font-size:0.74em;
	color:#333333;
	line-height:20px;
	cursor:default;
	margin:0;
	background-position:49%;
	background-repeat:repeat-y;
}
.commande {
	width:250px;
	font-size:1.1em;
}
#container {
	box-shadow: 3px 3px 12px;
	width:898px;
	padding-top:10px;
	background-color:#FFFFFF;
	background-position:center;
	margin:0 auto 0 auto;
	padding: 10px;
	border-radius: 20px;
}
#tableAnnonces {
	border: 1px solid #CCC;
	border-spacing: 0px;
}
#tableAnnonces tr:nth-child(odd) {
	 background-color:#eee;
 }
#tableAnnonces tr:nth-child(even) {
	 background-color:#FFF;
 }
  #tableAnnonces tr:nth-child(odd):hover {
	 background-color:#ddd;
 }
#tableAnnonces tr:nth-child(even):hover {
	 background-color:#ccc;
 }
 
 #table_messagerie {
	border: 1px solid #CCC;
	border-spacing: 0px;
}
#table_messagerie tr:nth-child(odd) {
	 background-color:#eee;
 }
#table_messagerie tr:nth-child(even) {
	 background-color:#FFF;
 }
  #table_messagerie tr:nth-child(odd):hover {
	 background-color:#ddd;
 }
#table_messagerie tr:nth-child(even):hover {
	 background-color:#ccc;
 }
 

#header {
	width:898px;
	height:208px;
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
	border-radius: 20px 20px 0px 20px;
background: #538437; /* Old browsers */
background: -moz-linear-gradient(top,  #538437 1%, #313f1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#538437), color-stop(100%,#313f1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #538437 1%,#313f1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #538437 1%,#313f1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #538437 1%,#313f1a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #538437 1%,#313f1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#538437', endColorstr='#313f1a',GradientType=0 ); /* IE6-9 */
	
}
#header h1 {
	color:#FFFFFF;
	font-size:320%;
	font-weight:bold;
	padding:0;
	padding-top:25px;
	padding-left:340px;
	padding-bottom:25px;
	margin:0;
	border-bottom:2px solid #ffffff;
	background-image:none;
	text-shadow: 3px 3px 2px #000;
	font-family: 'Fredoka One', cursive;
}
#header h2 {
color:#FFFFFF;
font-size:120%;
padding-top:10px;
margin:0;
margin-left:340px;
margin-right:10px;
/*text-indent:5px;*/
text-align:justify;
line-height:30px;
/* Ajout de ces attributs pour prendre le pas sur h2 générique */
font-weight:bold;
border:none;
letter-spacing:normal;
background-image:none;
/* fin d'ajout */
}
#header .links .no_underline  a{
padding-top:0px;
}
#header .links .no_underline  a:hover{
border-bottom : none;
}
#header .links {
height:40px;
width:553px;
padding-right:10px;
color:#FFFFFF;
font-size:120%;
padding-top:10px;
margin:0;
margin-left:325px;
font-weight:bold;
/*border:1px solid black;*/
letter-spacing:normal;
background-image:none;
}
#header .links a {
color:#FFFFFF;
font-size:100%;
padding-top:10px;
margin:0;
font-weight:bold;
letter-spacing:normal;
}
#header .links a:hover {
	color:#dff3d7;
	border-bottom : 1px dotted #dff3d7;
}
#main_menu {

	padding-top:12px;
	padding-bottom:8px;
	background-color:#CCCCCC;
	text-align:left;
	letter-spacing:+1px;
	color:#FFFFFF;
	background-image: url("images/backgrounds/menubg.jpg");
	margin-bottom:10px;
}
#main_menu a {
	font-size: 130%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:13px;
	padding-right:13px;
	padding-top:8px !important;
	padding-top:8px;
	padding-bottom:8px;
	text-shadow:1px 1px 3px #333;
	font-family: 'Baumans', cursive;
	transition-duration:0.2s;
}
#main_menu a:hover {
	background-color:#969696;
	border:none;
	border-bottom:none;
	
}
#main_menu .aactive {
background-color:#3F4A3E;
background-image: url("images/backgrounds/link.jpg");
}
.top {
border-right:2px solid #ffffff;
float:left;
}
#sidebar {
	width:190px;
	border:1px solid #cccccc;
	padding:5px;
	
	background-position:bottom right;
	background-repeat:repeat-x;
}

#sidebar h3 {
font-size:32px;
font-weight:bold;
letter-spacing:-1px;
color:#000000;
border:none;
background-image:none;
margin:0px;
}
#sidebar img {
float:left;
padding-right:10px;
padding-left:10px;
}
#sidebar .menu_sidebar {
	padding-left:10px;
}
#sidebar .menu_sidebar:hover {
	background-color:#F4F4F4;
}

.inputLogin {
	margin-left:10px;
	width:160px;
	border-radius:10px;
	outline: none;
	border: 1px solid #CCC;
	padding:5px;
}
.connectBtn {
	width:150px;

}



#sidebar .lien_logo {
text-decoration:none;
border-bottom:0px;
}
.sidebar {
width:190px;
border:1px solid #cccccc;
padding:5px;
margin-top:10px;
text-align:center;
background-image: url("images/backgrounds/article.jpg");
background-position:bottom right;
background-repeat:repeat-x;
}
#sidebar_invit{
height:200px;
}
#sidebar_tshirt{
height:200px;
}
#sidebar_iphone{
height:250px;
}
#sidebar_pub{
	height:200px;
}
#conteneur_sidebar { /* conteneur Global de la side bar */
float:left;
width:190px;
height:1060px;
}
#conteneur_right { /* conteneur de la partie droite */
height: auto;
min-height: 1732px; /* Propriété utilisée si article unique et faible hauteur*/
_height: 1732px; /* Valeur uniquement comprise par IE pour éviter le soucis du min-height non compris par IE */
margin-left:210px;
margin-bottom:10px;
_width:684px; 
border:0;
padding:0;
}
.corps_inside {
padding:10px;
border: 1px solid #cccccc;
margin-bottom:10px;
}
.corps {
/*min-height: 370px;*/ /* Propriété utilisée si article unique et faible hauteur */
margin-left:210px;
/*width: 508px;*/
padding:10px;
border: 1px solid #cccccc;
/*background-image: url("images/backgrounds/articlenormal.jpg");*/
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
}
/* ZONE D'AFFICHAGE D'UN CLUB
*/
.corps_club {
	padding:10px;
	border: 1px solid #cccccc;
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	position:relative;
}
.corps_club:hover {
	background-color:#DDD;
	transition-duration:0.3s;
}
/* ZONE D'AFFICHAGE DE LA PHOTODUCLUB DASCORPS_CLUB
*/
.photo_club{
float: right;
margin-left: 10px;
/* border: 10px ridge #cccccc;	*/
border: 1px dashed gray;
}
/*
ZONE UTILISEE POUR AFFICHER LES NOUVEAUX MEMBRES
*/
.ligne_membre{
height:220px; 
width:100%;
text-align: center;
/*margin-left: 10px;*/
margin-top: 10px;
}
.zone0{
	height:220px; 
	width:150px;
	text-align: center;
	background-color:#dbf3d2;
	border:1px dashed gray;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	transition-duration:0.2s;
}
.zone1{
	height:220px; 
	width:150px;
	text-align: center;
	background-color:#f3f8f1;
	border:1px dashed gray;
	float: left;
	margin-left: 10px; 
	margin-top: 10px;  
	transition-duration:0.2s;
}
.zone2{
	height:220px; 
	width:150px;
	text-align: center;
	background-color:#eaf6e6;
	border:1px dashed gray;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	transition-duration:0.2s;	
}
.zone3{
	height:220px; 
	width:150px;
	text-align: center;
	background-color:#dff3d7;
	border:1px dashed gray;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	transition-duration:0.2s;	
}
.zone0:hover, .zone1:hover, .zone2:hover, .zone3:hover {
	transform:scale(1.1,1.1);
}

.photo_lien {
	border: none;	
	transition-duration:0.15s;
	max-width: 140px;
	max-height: 140px;	
}
.photo_lien:hover {
	border: none;	

}

a.lien:hover {
border:none;
border-bottom:none;
}
/*
FIN ZONESUTILISEES POUR AFFICHER LES NOUVEAUX MEMBRES
*/
.photo_annonce {
border: 1px solid black;	
}
a.annonce:hover {
border:none;
border-bottom:none;
border: 1px solid black;
}
.conteneur {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
height:180px; 
text-align: center;
border-bottom: 1px dashed gray;
}
.image_gauche {
float: left;
border:2px solid #9ACC53;
}
.image_droite {
float: right;
border:2px solid #9ACC53;
}
.zone_lien {
width: 100%;
font-weight:bold;
padding-top: 25px;
}
.zone_description_droite {
margin-top:15px; /* Hauteur sous le lien */
width:65%;
text-align: left;
padding-left : 15px;
float: left;
}
.zone_description_gauche{
margin-top:15px; /* Hauteur sous le lien */
width:65%;
text-align: right;
padding-right : 10px;
}
.corps_joueur {
/*margin-left:170px;*/
padding:10px;
border: 1px dashed gray;
/*background-image: url("images/backgrounds/articlenormal.jpg");*/
background-repeat:no-repeat;
background-position:'top right';
margin-bottom:10px;
}
.corps_album {
padding:10px;
border: 1px dashed gray;
background-repeat:no-repeat;
background-position:'top right';
margin-bottom:10px;
}
.corps_haut {
height: auto;
min-height: 1709px; /* Propriété utilisée si article unique et faible hauteur*/
_height: 1709px; /* Valeur uniquement comprise par IE pour éviter le soucis du min-height non compris par IE */
margin-left:210px;
padding:10px;
border: 1px solid #cccccc;
/*background-image: url("images/backgrounds/articlenormal.jpg");*/
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
/*position:relative;*/
}
.corps_info {
font-size:10px;
color:#666666;
letter-spacing:2px;
font-variant:small-caps;
text-transform:lowercase;
}
.corps_info_variante {
font-size:10px;
color:#000000;
letter-spacing:2px;
font-variant:small-caps;
text-transform:lowercase;
}
.corps p {
margin:10px;
}
.corps_haut p {
margin:10px;
}
.corps_joueur p {
margin:10px;
/*background-image: url("images/backgrounds/femme.png");*/
background-position:top right;
background-repeat:no-repeat;
}
/*.corps:hover {
background-image: url("images/backgrounds/article.jpg");
background-position:bottom right;
background-repeat:repeat-x;
margin-bottom:10px;
}*/
.corps_haut h2 {
font-weight:bold;
text-align:center;
letter-spacing:+1px;
color:#000000;
border:none;
background-image:none;
}
.corps_haut h2 a {
color:#000000;
border:none;
background-image:none;
}
.corps_haut h2 a:hover {
color:#9ACC53;
border:none;
border-bottom:1px dotted #000000;
}
.aactif {
	color:#FFFFFF;
	background-color:#3F4A3E;
	padding:5px;
	border:1px solid #000;
	border-radius:5px;
}
.corps_haut td a {
color:#000000;
border:none;
background-image:none;
}
.corps_haut td a:hover {
color:#9ACC53;
border:none;
border-bottom:1px dotted #000000;
}
.corps_haut td.annonce a:hover {
border:none;
border-bottom:none;
}
.corps_haut td.partie a {
color:#9ACC53;
text-decoration:none;
}
.corps_info a {
font-weight:bold;
text-decoration:none;
color:#000000;
}
h1.joueur  {	
letter-spacing:-1px;
color:#000000;
border-bottom:1px solid #cccccc;
background-image: url("images/backgrounds/raquette.jpg");
background-position:top right;
background-repeat:no-repeat;
padding-bottom:5px;
padding-top:5px;
}
h1.joueur_mini  {	
letter-spacing:-1px;
color:#000000;
border-bottom:1px solid #cccccc;
padding-bottom:5px;
padding-top:5px;
}
#comment {
text-align:center;
padding:10px;
border: 1px solid #cccccc;
background-image:url("images/backgrounds/article.jpg");
background-position:bottom right;
background-repeat:repeat-x;
margin-bottom:10px;
}
a {
color:#9ACC53;
text-decoration:none;
}
a:hover {
border-bottom:1px dotted #000000;
}
.agras { /* utiliser pour lien du style "Inscription Gratuite" */
color:#9ACC53;
font-weight:bold;
text-decoration:none;
}
.agras:hover { /* utiliser pour lien du style "Inscription Gratuite" */
font-weight:bold;
border-bottom:1px dotted #000000;
}
.alert {
color:#FF0000;
text-decoration:none;
padding-left:50px;
}
/* ASUPPRIMER !!!!!!!!!*/
.navigation { /* Lettre de navigation pour visu des Pages de joueurs */
color:#9ACC53;
font-size:15px;
font-weight: bold;
text-decoration:none;
}
.anavigation { /* utiliser pour lien de la navigation des pages de joueurs */
color:#9ACC53;
font-size:15px;
text-decoration:underline;
}
.navigation_page {
color:#9ACC53;
font-size:15px;
text-decoration:none;
}
.conteneur_navigation { /*  Centrage des fleches de navigation */
margin-left: auto;
margin-right: auto;
width: 250px;
height: 100px;
text-align: center;
background-color: #ffff00;
border: 1px solid #000000;
/*padding: 0.5em;*/
padding-top: 0px;
padding-left: 0px;
}
/* FIN DE ASUPPRIMER*/
/*  Gestion des fleches de navigation dans les enregistrements */
a.fleche {
text-decoration:none;
}
a.fleche:hover{
text-decoration:none;
border-bottom:none;
}
/*
CSS POUR LES FORMULAIRES
*/
.cssform p{
width: 450px;
line-height : 28px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-bottom: 1px dashed gray;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform fieldset {
color: #000000;
}
.cssform fieldset legend{
color: #000000;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-size:12px;
}
.cssform input[type="text"].maxi{ /*width of text boxes. IE6 does not understand this attribute*/
width: 380px;
font-size:12px;
}
.cssform input.maxi{ /*width of text boxes. IE6 does not understand this attribute*/
width: 380px;
font-size:12px;
}
.cssform textarea{
width: 290px;
height: 150px;
font-size:12px; 
resize:none;
}
.cssform textarea.mini{
width: 180px;
height: 50px;
font-size:12px; 
resize:none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
fieldset legend{
color: #000000;
}
/* Ajout pour centrage des champs d'un fieldset sans envoi de données */
.field p{
width: 300px;
line-height : 28px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-bottom: 1px dashed gray;
height: 1%;
}
.field span{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
/* centrage des liens retour haut de page et retour accueil sur page google maps */
.centrage_lien_carte {
margin-left: 210px;
text-align: center;	
}
/* centrage des liens retour sur l'ensemble des pages */
.centrage_lien_retour {
text-align: center;	
}
/* Etoile pour champ obigatoire dans formulaire */
.obligatoire {
font-weight: bold;
color: red;	
}
.obligatoire_simple {
color: red;	
}
/* popup quand survol des messages
*/
#popup 
{ 
position: absolute; 
display: none;
border: 1px solid #000000;
background-color: #7c9b42;
color: #000000;
width: 300px;
text-align:left;
padding: 5px 5px 5px 5px;
z-index: 100000;
}
/* Liste déroulante de la page CLUBS
*/
.combo_zone {
text-align: center;
}
.combo_zone option.titre {
font-weight: bold;
font-style: italic;
}
.combo_zone select{
background-color: #DFF3D7;
}
/* Positionnement texte
*/
.txt_centre {
text-align: center;
}
.txt_gauche {
text-align: left;
}
.txt_droit {
text-align: right;
}
/* Positionnement zone
*/
.centre {
align: center;
}
.gauche {
align: left;
}
.droit {
align: right;
}
#tablo_photo{
width:100%;
text-align: center;
margin-top: 10px;
}
#tablo_photo a{
border:none;
text-decoration:none;
}
#tablo_photo td a:hover{
border:none;
}
.case_photo{
height:190px; 
width:25%;
text-align: center;
vertical-align:top;
padding-top:10px;
border:1px dashed gray;
}
.case_photo_couv{
height:190px; 
width:25%;
text-align: center;
vertical-align:top;
padding-top:10px;
border:1px dashed gray;
background:#dff3d7;
}
.conteneur_album {
clear:right;
height:140px;
width:96%;
padding:10px;
border: 1px dashed gray;
margin-bottom:20px;
}
.image_album{
float:left;
width:140px;
height:140px;
}
.description_album{
float:left;
height:140px;
width:415px;
padding-left:10px;
}
.album_supp{
float: left;
width: 10%;
height:140px;
padding-left:10px;
text-align:right;
}
.color0{
background-color:#dbf3d2;
}
.color1{
background-color:#f3f8f1; 
}
.color2{
background-color:#eaf6e6;
}
.color3{
background-color:#dff3d7;
}
/* Commentaires
*/
ol.liste_com{
list-style:none;
}
ol.liste_com li{ 
display:none;
position:relative;
padding:.7em 0 .6em 0;
}
ol.liste_com li:first-child{}
#flash
{
margin-left:100px;
}	
.com_box{
min-height:105px;
_height:105px;
border-bottom:gray dashed 1px;
margin-bottom:20px;
margin-right:20px;
overflow:hidden;
}
.com_img
{
float: left; 
width: 70px; 
min-height:105px;
_height:105px;
margin-right: 20px;
}
.com_img img
{
width: 70px; 
}
.com_details
{
margin-left: 90px;
}
.com_name
{
font-size: 16px; 
color: rgb(102, 51, 153); 
font-weight: bold;
}
.com_date
{
display:block;
float:right;
font-size:0.9em;
}
#formulaire_com {
margin-left:40px;
margin-top:40px;
}
#formulaire_com textarea{
	color:#000000;
	font-size:1.2em;
	text-align:left;
	border:#666666 solid 1px;
	border-radius:2px;
	height:100px;
	margin-bottom:10px;
	width:94%;
	resize:none;
}
/* H2 Gestion du profil
*/
.corps_haut h2.profil {
font-size:18px;
}
/* Bouton plus d'info dans tableau des tournois
*/
.corps_haut td a.tournoi_view {
background:url('images/button_infos.png') no-repeat;
width: 61px;
height: 31px;
display:block;
}
.corps_haut td a.tournoi_view:hover {
background-position: bottom center;
}
.corps_haut h2.tournoi {
font-size:18px;
background-image : none;
text-align:left;
}
.corps_haut .tournoi_supp {
background:url('images/button_supp_inscription.png') no-repeat;
width: 201px;
height: 40px;
display:block;
border:none;
}
.corps_haut .tournoi_supp:hover {
background-position: bottom center;
cursor:pointer;
}
.corps_haut .tournoi_add {
background:url('images/button_add_inscription.png') no-repeat;
width: 201px;
height: 40px;
display:block;
border:none;
}
.corps_haut .tournoi_add:hover {
background-position: bottom center;
cursor:pointer;
}
.corps_haut .tournoi_mail {
float:left;
margin-left:90px;
background:url('images/bouton_mail_tournoi.png') no-repeat;
width: 201px;
height: 40px;
display:block;
border:none;
}
.corps_haut .tournoi_mail:hover {
background-position: bottom center;
cursor:pointer;
}
.corps_haut #ligne_boutons {
width:100%;
height:50px;
text-align:center;
}
.corps_haut #ligne_boutons form{
float:left;
margin-left:90px;
}
.corps_haut .double_colonne {
float:left;
width:46%;
height:20px;
}
.corps_haut .simple_colonne {
width:100%;
}
/* ALLOPASS HICONNECT page CLUBS.PHP - 29 sept 2011
*/
#telPDVleft {
background-color: #000000;
color: #FFFFFF;
float: left;
font-weight: bold;
height: 19px;
padding-top: 0px;
}
#bloc_tel .telPDVmid  {
background-image: url("images/allopass/tel-mid02.gif");
color: #3577BD;
float: left;
font-weight: bold;
height: 19px;
padding-top: 0px;
}
#bloc_tel .telPDVmid  a{
text-decoration : none;
color : #5AA1EB;
}
#bloc_tel .telPDVmid   a:hover{
text-decoration : none;
color : #1F5DA0;
}
.notaTel {
display:none;
color : #1F5DA0;
padding-left: 10px;
padding-top: 10px;
}
a.lien_club {
color:#000000;
border:none;
text-decoration:none;
}
a.lien_club:hover {
color:#9ACC53;
border:none;
text-decoration:none;
}
#menu_footer{
font-size:15px;
padding-bottom:10px;
}
a.footer {
font-size:15px;
font-weight:bold;
}
h1.club_premium {
background:none;
}
div.club_premium {
background-color:#DFF3D7;
}
img.banniere_premium {
position:absolute;
top:-11px;
right:-11px;
}
/* Ajout Bouton Facebook
*/
#facebook-login-button {
border:none;
width:94px;
height:22px;
background: url('../images/backgrounds/facebook_login.jpg') 0px 0px no-repeat;
}
#facebook-login-button:hover {
cursor:pointer;
}
#div_facebook_connexion {
margin-top:6px;
margin-bottom:12px;
}	
/* Ajout gestion du module membres en ligne
*/
.online_membres {
overflow-y : auto;
overflow-x : hidden;
text-align:left;
height:169px;
}
.online_line{
height:35px;
text-align:left;
}
.online_line img {
vertical-align:middle;
border:1px solid transparent;
margin-left:5px;
}
.online_line img:hover {
vertical-align:middle;
border:1px solid gray;
}
a.img_link {
width:35px;
text-decoration:none;
}
a.img_link:hover {
text-decoration:none;
border-bottom:none;
}
#online_membres_title{
background-color:#cccccc;
padding:5px;
text-align:center;
height:20px;
}
/* BAR DE NAVIGATION / PAGINATION
*/
#nav_bar_conteneur {
width:670px;
border-top:1px solid #AEAEAE;
margin:auto;
margin-top:35px;
}
#nav_bar{
height:25px;
margin-top:10px;
margin-bottom:15px;
text-align:center;
color:#333333;
font-size:14px;
margin:auto;
}
#nav_bar a{
font-size:14px;
font-weight:normal;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-left:3px;
margin-right:3px;
color:#363636;
text-decoration:none;
}
#nav_bar a.underline{
text-decoration:underline;
font-size:14px;
font-weight:normal;
}
#nav_bar a:hover {
background:#ccc;
text-decoration:underline;
font-size:14px;
font-weight:normal;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-left:3px;
margin-right:3px;
border-bottom:none;
}
#nav_bar span{
padding:2px;
padding-right:4px;
padding-left:4px;
background:#9ACC53;
margin-left:3px;
margin-right:3px;
}
#nav_bar .no_link {
color:#dddddd;
}
.arrondi3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cadre_rouge {
border:1px dashed red;
background-color:#f2c7c7;
}
.corps_haut td a.lien_img {
text-decoration:none;
border-bottom:0px;
}
.corps_haut td a.lien_img:hover {
text-decoration:none;
border-bottom:0px;
}
.photo_lien_1px {
	border: 1px solid transparent;	
}
.photo_lien_1px:hover {
	border: 1px solid #9ACC53;	
}
.bloc_photo_messagerie{
width:150px;float:right; margin-right:10px;margin-top:10px;margin-bottom:10px;text-align:center;
}
.bloc_photo_messagerie a:hover{
border-bottom:none;
}
.poker {
	text-align:center;
	font-size: 1.5em;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 20px;
	background-color: #EEE;
	border-radius: 5px;	
}







@media (max-width: 950px) {
    #container {
        width: 95%;
    }

    #header {
        width: 100%;
    }

    #header .links {
        width: auto;
    }

    #header h1 {
        line-height: 56px;
    }

    .corps_inside {
        height: auto !important;
        overflow: hidden;
    }

    #main_menu {
        background-color: #ccc;
        background-image: none;
    }

    #main_menu a {
        font-size: 100%;
        display: inline-block;
    }
    #header {
        height: auto;
    }
}

@media (max-width: 768px) {
    #header h2 {
    	margin-left: 20px;
    }

    #conteneur_sidebar {
        float: none;
        width: 100%;
        height: auto;
    }

    #sidebar {
        box-sizing: border-box;
        width: 100%;
    }

    #sidebar_pub {
        padding: 0px;
        width: 100%;
        height: initial;
    }

    .sidebar {
        width: 100% !important;
    }

    .top {
        display: none;
    }

    #header .links {
        margin-left: 0px;
    }
    
    #conteneur_right {
        margin-left: 0;
        width: 100%;
    }
    #header {
        height: auto;
    }

    #header h1 {
        box-sizing: border-box;
        padding-right: 25px;
        font-size: 230%;
        padding-left: 25px;
    }
    
    body {
        font-size: 16px;
        line-height: 26px;
    }

    #header h2 {
        font-size: 100%;
    }
}