@charset "utf-8";
body {background: url(../images/back_body.jpg) top left repeat-x #345d69 !important; margin: 0px; text-align:center;} 

/* Formulaires */
form { margin:0; padding:0; }
input[type="text"] { border:none; height:18px; padding:2px 5px;font-size:11px; color:#2C4D56; }
input[type="text"]:focus, select:focus { background:#F9E8D7; }
input[type="submit"],input[type="button"] { font-size:12px; height:25px; padding-bottom:5px; border:1px solid grey; }
#reseau input[type="text"] { width:190px; text-align:right; box-shadow:0 1px 0 rgba(255,255,255,.2), inset 0 2px 2px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);}
#reseau input[type="submit"] {width:30px; }
#form_reservation input[type="submit"] { width:130px; float:right; background:#BD3200; color:white; border:1px solid white;}
#form_reservation input[type="text"] { width:330px; text-align:left; box-shadow:0 1px 0 rgba(255,255,255,.2), inset 0 2px 2px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);}
#form_reservation P { margin:5px; }
label { cursor:pointer; font-weight:bold; margin:0 5px;  }
label.tab {  display:block; width:250px; float:left; }

#container { text-align:left; width:1076px; margin:auto; }

.bonhommes {background: url(../images/header_bonhommes.jpg) no-repeat; height: 184px; }


#header #lien { display:block; position:absolute; top:-280px; left:0px; width:680px; height:440px; z-index:999;}

#header {position:relative; width: 1076px; margin: auto;  height: 211px;}
	#header .bonhomme{background: url(../images/header_bonhomme2.jpg) no-repeat top left; position: absolute; z-index: 1; left: 0px; width: 58px; height: 211px;}
	#header .logo{width: 697px; height: 211px; background: url(../images/header_logo.png) no-repeat top left; position: absolute; z-index: 1; left: 58px;}
	#header .logo_clic{width: 540px; height: 140px;}
	#header .ombre_header{position: absolute; z-index: 1; left: 998px; background: url(../images/header_logo2.png) no-repeat left top; width: 90px; height: 211px;}

	#header .diaporama{width: 410px; height: 211px; background-color: #999; position: absolute; z-index: 0; left: 600px;}
	
	#barredenav {margin: 25px 0px 0px 30px;}
	#barredenav .bouton {width: 92px; height: 29px; display:block; float: left; background-repeat:no-repeat; }
	
	#barredenav .lipaix { background-image: url(../images/bouton_lipaix_off.png); }
	#barredenav .lipaix:hover { background-image: url(../images/bouton_lipaix_on.png); }
	
	#barredenav .impro { background-image: url(../images/bouton_impro_off.png);}
	#barredenav .impro:hover { background-image: url(../images/bouton_impro_on.png);}
	
	#barredenav .agenda { background-image: url(../images/bouton_agenda_off.png);}
	#barredenav .agenda:hover { background-image: url(../images/bouton_agenda_on.png);}
	
	#barredenav .joueurs { background-image: url(../images/bouton_joueurs_off.png);}
	#barredenav .joueurs:hover { background-image: url(../images/bouton_joueurs_on.png);}
	
	#barredenav .photos { background-image: url(../images/bouton_photos_off.png);}
	#barredenav .photos:hover { background-image: url(../images/bouton_photos_on.png);}
	
	#barredenav .videos { background-image: url(../images/bouton_videos_off.png);}
	#barredenav .videos:hover { background-image: url(../images/bouton_videos_on.png);}
	
	#barredenav .amis { background-image: url(../images/bouton_amis_off.png);}
	#barredenav .amis:hover { background-image: url(../images/bouton_amis_on.png);}

#contenu { padding:15px 0; margin:0 44px; background:url(../images/back_site.png) repeat-y top center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
	#contenu #souscat { margin-left:40px; padding-bottom:5px; border-bottom: 1px dotted #bd3200; font-size:11px; width:630px; }
	#contenu #message { text-align:right; width:255px; font:bold 11px Trebuchet MS; clear:both; float:right; margin-right:35px; padding-bottom:10px;}
	#reseau { text-align:right; float:right; margin:-15px 25px 10px 0px; width:246px; background: url(../images/bottom_facebook.gif) bottom left #CED8DB no-repeat; height: 64px; padding: 8px;}
	#contenu #reseau img{ margin: 7px 1px 0px 1px;}

	#contenu h1{ min-height: 28px; width: 630px; margin-bottom:15px; padding: 9px 0px 10px 45px; font: bold 22px Trebuchet MS; color: #fff; 
		border-radius:10px;	box-shadow:3px 3px 3px #505050;
	}
	#contenu h1 a, #contenu h2 a{ color: #fff; text-decoration: none; }
	#contenu h1 a:hover, #contenu h2 a:hover{ color: #000; }
	
	#contenu h2{ display:inline-block; margin:0 0 0 -32px; min-height: 20px; padding: 5px 12px 8px 30px; font: italic bold 18px "Times New Roman", Times, serif; color: #fff; 
	border-radius:0 10px 10px 0; box-shadow:2px 2px 5px #505050;
	
	/* Background */
	background:#2C4D56;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#48656D), to(#2C4D56)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #48656D, #2C4D56); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #48656D, #2C4D56); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #48656D, #2C4D56); /* IE10 */
	background-image:      -o-linear-gradient(top, #48656D, #2C4D56); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #48656D, #2C4D56);

	}
	
	#contenu .texte{ width:900px; padding: 0px 40px 0px 45px; font: 13px Trebuchet MS; color:#36606c; text-align:justify; line-height: 20px;  }
	#contenu .texte P IMG { margin:0 10px 10px 10px; border-radius:5px; }
	.texte .avatar_auteur { float:left; }
	#contenu A { color:#BD3200; text-decoration:none;}
	#contenu A:hover { color:#DC7612;}
	
	#contenu #catmenu { margin-left:44px; }
	.bulle, .minibulle { background:#CED8DB; border-radius: 10px; overflow:auto; }
	.bulle { width:680px; padding:15px; margin:15px auto; }
	.minibulle { padding:10px; margin:10px 0; }

#reservation { position:relative; padding: 40px 0 20px 0; margin-top:-10px; width:988px;}
	#reservation .auteur { border-top: 1px dotted #bd3200; font: 11px Arial; color: #bd3200; text-align:left; margin-left: 45px; padding-top: 5px; width: 930px;}
	#reservation .reservation_texte { position: absolute; top: 15px; right: 0; height: 28px; width: 200px; font: bold 17px Trebuchet MS; color: #fff; text-transform: uppercase; line-height: 18px; text-decoration:none;
	padding: 8px 10px 14px 16px; 
	border-radius:10px;
	box-shadow:3px 3px 3px #505050; }
	#reservation .reservation_texte a { color: #fff; text-decoration:none;}
	#reservation .reservation_texte a:hover { color: #000; }
	#reservation .auteur a { font-weight:bold;}
	#joueurs_avatars { width:900px; margin-top:40px; margin-left:-160px; text-align:center; margin-bottom:-40px; }
	#module_resa { width:870px; }

#navnews { overflow: auto; }
	#navnews a{ color:#36606c; text-decoration:none;}
	#navnews a:hover{ color:#bd3200; text-decoration:none;}
	#navnews .article{ background: url(../images/back_articleprecedent.jpg) no-repeat top left; width: 940px; margin: 0px 24px 20px 24px; overflow:auto; }
	#navnews .suivant{ float:left; margin: 40px 10px 0px 10px; font: bold 13px Trebuchet MS; color: #36606c; width: 140px; text-align:left;}
	#navnews .resume { float:left; width: 600px; font: 11px Arial; color:#36606c; text-align:justify; line-height: 20px; margin: 5px 0px 0px 10px;}
	#navnews .precedent { float:right; margin: 40px 10px 0px 10px; font: bold 13px Trebuchet MS; color: #36606c; width: 140px; text-align:right;}
	#navnews .titre_resume { font: bold 13px Trebuchet MS; color: #36606c; }
#chiffres { margin-right: 45px; font: 11px Arial; color: #36606c; padding-bottom: 10px; text-align:right;}

#footer { font: 11px Arial; color:#FFF; text-align:center; width:980px; margin: 10px auto 20px auto; padding-left: 10px; }
	#footer a { color: #FFF; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#footer .logo-fpb {
		background: url(/images/logo_fbp.png);
		width: 80px;
		height: 80px;
		float: right;
		margin: 0 13px 10px 10px;
	}

.spec_ensemble { margin-left:-15px; width:930px; overflow:auto; }
.spec { float:left; width:460px;  margin-right:0; margin-top:15px;}
.specvu { float:left; width:205px; height:90px;  margin-right:15px;  margin-top:10px;}
	.spec .spec_detail {float:left; font-size:15px; line-height:1.4em; width:290px; padding:0 10px; text-align:left; }
	.specvu .spec_detail {float:left; font-size:11px; line-height:1.2em; width:125px; margin-left:5px; text-align:left; }
	.spec_image {float:left; } .spec_image IMG { border-radius:10px; }

.joueurs_liste { width:110px; float:left; margin-top:10px; }
	.joueur { float:left; width:45px; margin-right:5px; text-align:center;}
		.joueur_nom {font-size:12px; margin-top:0; }
.joueur_fiche { width: 905px; position:relative; margin: auto; }
	.ombre_etagere { width: 100%; background: url('/images/joueurs/2012/ombre_sous_etagere.jpg') repeat-x left bottom;  }
	.joueur_sijetais { float: left; width : 320px; height: 70px; text-align:center; margin-top: 14px; }
	.joueur_nom { float: left; width :  585px; height: 70px; text-align:center; }
	.joueur_contenu { background:url('/images/joueurs/2012/backgnd_texte_fiche.jpg') repeat-x bottom left; width: 100%; height: 460px;  }
	.joueur_image { float: left; width : 320px; text-align:center; }
	.joueur_texte { float: left; width :  555px; text-align:left; font: 13px Trebuchet MS; color:#355f6b; line-height:22px;  }
	.joueur_texte P { padding:0; margin:5px; }
	.joueur_question { color: #dc7612; font-weight:bold; }
	.joueur_retour { width: 100%; height: 30px; background-color: #e5e5e5; text-align:right; }
	.joueur_retour P { height: 25px; line-height:25px; vertical-align:middle; margin:0; padding:0; }
	.joueur_retour A { color:#B62C00; font-weight:bold; font-size:16px; vertical-align:middle; }
	.joueur_retour A:hover { color:#FF6600; text-decoration:none; }

.joueurs_etagere { background: url('/images/joueurs/2012/etagere.jpg') no-repeat left bottom; height: 202px; width: 855px;  padding: 0px 24px 0px 25px; margin:auto;	}
.joueurs_bonhomme { width: 95px; height: 143px; float:left;	position:relative; }
.joueurs_infobulle { position:absolute; left:-5px; bottom:-45px; }


#videos_diaporama, #photos_diaporama { background:black; border-radius:10px; text-align:center; margin:20px 0; }
#photos_diaporama { width:900px; height:760px; }

.ami_image { float:left; text-align:center; width:160px; height:135px; }
.ami_image IMG { border-radius:5px; box-shadow: 3px 3px 3px #505050; }
.ami_descr { float:left; width:280px; height:135px; text-align:left; }

.relative { position:relative; }

#contenu .bouton_resa, #contenu .bouton_entree_libre { position:absolute; bottom:12px; right:10px; font: bold 13px Trebuchet MS; text-transform: uppercase; text-decoration:none; color:white;
	padding: 5px 10px 6px;  margin-top:8px;
	border-radius:5px;
	box-shadow:2px 2px 2px #505050; 
	 }

#resa_image { float:left; width:150px; }
#resa_detail { padding-left:10px; float:left; width:730px; text-align:left; font-size:15px; }

.round { border-radius:10px; }
.floatright { clear:both; float:right; margin:0 0 10px 10px; }
.floatleft {  clear:both; float:left; margin:0 10px 10px 0; }
.left { float:left; width:50%; }
.right { float:right; width:50%; }
.clear { clear:both; }
.space { height:10px; }

table.tablo { border-collapse:collapse; }
table.tablo,table.tablo th, table.tablo td { border: 1px solid #AAA; }

/* Background rouge dégradé */
#contenu H1, #reservation .reservation_texte, #contenu .bouton_resa {
	background:#BD3200;
	}

/* Background rouge dégradé */
#contenu .bouton_entree_libre {
	background: #00bf0f; 
}

/* PopUp JQuery ----------------------------------- */
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 5px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
}
img.btn_close {	float: right;	margin: -45px -45px 0 0; }
/*--Gérer la position fixed pour IE6--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
/* End PopUp JQuery ---------------------------------- */

#embed-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
#embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }