/*============================================*/
/*=========== STYLE DESKTOP >= 926px =========*/
/*============================================*/


@media only screen and (min-width: 926px){

	
	/* ------------------------------------------- 
	   ---------------- STRUCTURE ---------------- 
	   ------------------------------------------- */

	@font-face { 
		font-family: "AlternateGothicNo3"; 
		src: url('Fonts/AlternateGothicNo3.otf'); 
	}

	body, html{
		font-family:'AlternateGothicNo3';
		width:100%;
		height:100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
	}

	body{
	   	background-color:#000055;
	}
		
	a{
		text-decoration:none;
		color:#505050;
	}
		 
	a img{
		border:none;
	}

	ul, ol{
		list-style:none;
		padding:0;
	}

	.clear {
		clear: both;
	} 





	/* -------------------------------------------- 
	   ------ BARRE DE NAVIGATION FLOTTANTE ------- 
	   -------------------------------------------- */
		

	#menu_top{
		border-top:3px solid #143D8E;
		border-bottom:3px solid #B01017;
		width:100%;
		padding:0;
		margin:0;
		z-index:2;
		top:-61px;
		position:fixed;
	}

	.navbar_contenu{
		width:80%;
		margin:auto;
	}

	.navbar_menu ul{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.navbar_menu ul li{
		float: left;
	}

	.navbar_menu ul li a{
		color:#303030;
		font-size:20px;
		text-transform:uppercase;
		padding:18px 25px 19px 25px;
		float: left;
	}
	.navbar_menu ul li a:hover{
		background-color:#143D8E;    /*Bleu*/
		color:white;
	}
	#navbar_menu_select{
		background-color:#B01017;   /*Rouge*/
	}
	#navbar_menu_select a{
		color:white;
	}






	/* -------------------------------------------- 
	   -------------- ENTETE PAGE -----------------
	   -------------------------------------------- */
	 

	#logo img{
		width:70%;
		margin:20px 15% 0 15%;
	}






		 
	/* -------------------------------------------- 
   --------------------- MENU --------------------- 
   -------------------------------------------- */



	#menu_officiel{
		width:66%;
		margin:0 17%;
		padding:20px 0 25px 0;
	}

	#menu_officiel ul li{
		display:inline-block;
	}

	#menu_officiel ul li a{
		color:#D5D5D5;
		font-size:21px;
		text-transform:uppercase;
		padding:0 17px;
		text-decoration:none;
	}
	#menu_officiel ul li a:hover{
		color:white;
	}
	#menu_officiel .menu_select a{
		color:white;
	}



	.menu{
   		display:none;
    }



		 


	/* -------------------------------------------- 
	------------------ INDEX -------------------
	-------------------------------------------- */
		

	.carousel_home{
		width:84%;
		margin:0 8%;
	}

	.bxslider_home{
		margin:0;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev , .bx-wrapper .bx-controls-direction a.bx-next{
		z-index:1;
	}


	.bande{
		width:90%;
		margin:0 5%;
		padding:15px 0;
		border-bottom: 1px solid #C0C0C0;
	}

	.bande:hover{
		background-color:#F8F8F8;
		border-top: 1px solid #DD5555;
		border-bottom: 1px solid #DD5555;
		margin-top:-1px;
	}

	.bande .logo{
		width:15%;
		height:auto;
		margin-right:1%;
		float:left;
	}

	.bande .slide{
		width:22%;
		height:auto;
		margin-right:4%;
		margin-top:20px;
		float:left;
	}

	.bande h1{
		color:#1A3A6A;
		font-size:24px;
		font-weight:100;   /*non bold*/
		width:58%;
		padding:10px 0;
		margin:0;
		float:right;
		letter-spacing:1px;
	}


	.bande h2{
		color:#505050;
		font-size:17px;
		font-weight:100;   /*non bold*/
		text-align:justify;
		width:58%;
		margin:0;
		float:right;
		letter-spacing:0.5px;
	}


	.barre_navigation{
		font-family:'Raleway';
		background-color:#F8F8F8;
		text-align:center;
		padding:3%;
		font-size:20px;
	}

	.barre_navigation a{
		color:white;
		background-color:#CC0000;
		-moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    padding:1.5%;
	}

	.barre_navigation_bouton_page_active{
		color:#404040;
		border:1px solid #404040;
		-moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    padding:1.5%;
	}

	.barre_navigation_bouton_pages_limites a{
		color:white;
		background-color:#AA0000;
		-moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    padding:1.5%;
	}







    /* -------------------------------------------- 
	   ------------- CORPS DE PAGE ----------------
	   -------------------------------------------- */
	 
	.corps{
		background-color:white;
		width:90%;
		margin:0 5%;
	}


	.contenu{
		width:90%;
		margin:0 5%;
		padding-bottom:40px;
	}


	#entete{
		font-size:25px;
		font-weight:100;
	    text-align:center;
	    padding:40px;
	}

	#entete:first-letter{
		font-size:40px;
		color:maroon;
	}


	.titre_section{
		font-family:'Raleway';
	    font-size:30px;
		font-weight:100;
	    text-align:center;
	    color:#BA3E3E;
	    margin:10px 0 30px 0;
	}

	.sous_titre_section{
	    font-family:'Raleway';
	    font-size:20px;
	    font-weight:bold;
	    text-align:center;
	    color:#161616;
	    padding:10px 0 25px 0;
	}







	
	/* -------------------------------------------- 
	   ------------------ LIENS -------------------
	   -------------------------------------------- */
		  
	#actu_lien_suivant{
		font-family:'Raleway';
		font-size:17px;
		padding:18px;
		margin-top:80px;
		margin-left:3%;
		float:left;
		color:white;
		background-color:#B01017;   /*Rouge*/
		opacity:0.8;
	}
	#actu_lien_precedent{
		font-family:'Raleway';
		font-size:17px;
		padding:18px;
		margin-top:80px;
		margin-right:3%;
		float:right;
		color:white;
		background-color:#143D8E;   /*Bleu*/
		opacity:0.8;
	}

	.actu_titre{
		color:#BB1D1D;
	    font-size:30px;
	    font-weight:100;
	    text-align:center;
		margin:60px 3%;
	}	   
		  
	.actu_chapo{
		font-family:'Raleway';
		font-size:18px;
		font-weight:bold;
		text-align:justify;
	    margin:50px 3%;
	}

	.actu_video{
		width:90%;
		height:380px;
		margin:10px 5%;
		border:0;
	}

	.actu_texte{
		font-family:'Raleway';
	    font-size:16px;
	    font-weight:100;
	    text-align:justify;
		margin:60px 3%;
	}

	.actu_illustrations{
		width:44%;
		margin:0 3%;
	}

	.actu_date{
		color:#404040;
		font-size:18px;
		font-style:italic;
		margin:60px 3%;
	}

	.actu_source{
		color:#404040;
		font-size:18px;
		font-style:italic;
		margin:60px 3%;
	}












	/* -------------------------------------------- 
	   ---------------- EFFECTIF ------------------
	   -------------------------------------------- */

	.poste_joueur{
		font-size:35px;
		font-weight:100;   /*non bold*/
		text-align:center;
	}

	.cadre_joueur{
		width:19%;
		margin:0 2.9%;
		margin-bottom:30px;
		display:inline-block;
	}
	.photo_joueur{
		width:100%;
		float:left;
	}
	.cadre_bleu{
		font-size:20px;
		font-family:'Raleway';
		text-align:center;
		color:white;
		width:100%;
		display:inline-block;
		background-color:#000055;
	}
	.cadre_rouge{
		font-size:20px;
		font-family:'Raleway';
		text-align:center;
		color:white;
		width:100%;
		display:inline-block;
		background-color:#CC0000;
	}
	.cadre_gris{
		font-size:17px;
		font-family:'Raleway';
		text-align:center;
		color:white;
		width:100%;
		display:inline-block;
		background-color:#A0A0A0;
	}
	.joueur_prenom{
		margin:7px 0;
	}
	.joueur_nom{
		font-weight:bold;
		margin:8px 0;
	}









	/* -------------------------------------------- 
	   ----------------- SAISON -------------------
	   -------------------------------------------- */

	#illustrations_saison{
	    width:100%;
	}

	#rang_chapo{
		font-family:'Raleway';
		font-weight:bold;
		text-align:center;
	}
	#rang_joueurs{
		font-family:'Raleway';
		font-weight:100;   /*non bold*/
		font-size:14px;
		text-align:center;
	}


	.saison_widget{
		margin:0 18%;
		padding:5px 0;
	}
	.saison_widget table{
		border:none;
		border-collapse:collapse;
	}
	.saison_widget th{
		background-color:#000044;
	}
	.saison_widget tr{
		color:white;
		background-color:#000055; /* #143D8E blue */
		border:none;
    	border-bottom: 1px solid white;
	}
	.saison_widget tr:hover{
		background-color:#B01017;  /* red */
	}
	.saison_widget th{
		border:none;
		padding:8px 20px;
	}
	.saison_widget td{
		border:none;
		padding:5px 20px;
	}
	.saison_widget td a{
		color:white;
	}


	.saison_graph_evolution{
	    margin:0 10%;
	}

	







	/* -------------------------------------------- 
	   ---------------- ARCHIVES ------------------
	   -------------------------------------------- */

	.illustrations_archives{
	    width:90%;
		margin:20px 5%;
	}
			
	#liste_palmares{
		text-align:center;
		list-style-type:none;
	}

	#liste_palmares h2{
		font-size:22px;
		line-height:8px;
		font-weight:100;
	}
	 
	.liste_saisons{
		width:100%;
	    list-style-type:none;
	}
	.titre_date_saison{
	    color:#A00000;
		font-size:25px;
	    font-weight:100;
	    text-transform:uppercase;
	}
	.posters{
		width:30%;
		height:auto;
	    float:left;
	}

	.archives_resume{
		font-size:18px;
		font-family:'Raleway';
		font-weight:100;
		color:#707070;
		width:65%;
		margin-left:5%;
		display:inline-block;
	}
	.archives_coupes{
		width:40px;
		vertical-align:middle;
		margin-right:2%;
	}
	.archives_nom{
		display:inline;
	}








	/* -------------------------------------------- 
	   ---------------- HISTOIRE ------------------
	   -------------------------------------------- */

	.bande_photos img{
		width:24%;
		margin:3% 0;
	}


	.carousel_histoire{
		width:100%;
		margin:7% 0 10% 0;
	}

	.bxslider_histoire{
		margin:0;
	}	  
		  
	.texte_histoire{
		font-family:'Raleway';
		font-size:15px;
		text-align:justify;
	}	

	.illustration_gauche{
		width:30%;
		max-height:50%;
		float:left;
		position:relative;
		margin-right:1%;
	} 
		  
	.illustration_droite{
		width:30%;
		max-height:50%;
		float:right;
		position:relative;   
		margin-left:1%;
	}	 

	#joueurs_capes{
		width:90%;
		margin:0 5%;
	}

	.frises{
		width:100%;
	}








	/* ---------------------------------------------
	   ------------------ IDENTITE ----------------- 
	   --------------------------------------------- */

	.cadre_logos{
		width:19%;
		padding-bottom:10px; 
		margin:0 2.9%;
		margin-bottom:30px;
		display:inline-block;
	}
	.cadre_logos img{
		width:100%;
		height:auto;
	}

	.cadre_maillots{
		width:100%;
		text-align:center;
	}
	.cadre_maillots img{
		width:9.5%;
		height:auto;
	}








	/* ---------------------------------------------
	   ------------------- PLAYER ------------------ 
	   --------------------------------------------- */

	.bloc_video_gauche{
		width:46%;
		float:left;
		margin:2%;
	}

	.bloc_video_droite{
		width:46%;
		float:right;
		margin:2%;
	}

	.iframe{
		width:100%;
		height:280px;
		border:0;
	}

	.legende_video{
		font-family:'Raleway';
	    font-size:15px;
	    font-weight:100;
	    color:#101080;
		text-align:center;
	}









	/* ---------------------------------------------
	   ------------------ CONTACTS ----------------- 
	   --------------------------------------------- */

	.contact_form{
		width:50%;
		margin-left:7%;
		float: left;
	}

	#contact_form .error{
		border: 1px solid #BE1623;
	}


	#message_texte{
		display: none;
		color:#312682;
		width:87%;
		margin:0 5%;
		padding:15px;
		background-color:#ECECFF;
		border: 1px solid #312682;
		border-radius:10px;
	}

	.form_control{
		width:100%;
		height:30px;
		padding:5px;
		border:1px solid #444444;
		border-radius:8px;
	}

	.form_textarea{
		width:100%;
		height:100px;
		padding:5px;
		border:1px solid #444444;
		border-radius:8px;
	}

	.form_submit{
		width:150px;
		height:50px;
		margin-right:-12px;
		color:white;
		font-weight:bold;
		background-color:#444444;	
		border:none;
		float: right;
		cursor: pointer;
	}

	.coordonnees_img{
		width:30%;
		margin:7% 0 0 7%;
		float:left;
	}

	.coordonnees_p{
		color:#555555;
		font-size:14px;
		font-family:Verdana;
		text-align:center;
		width:30%;
		margin-top:30px;
		margin-left:7%;
		float:left;
	}

	.coordonnees_qrcode{
		width:20%;
		margin:2% 0 4% 42%;
		
	}





	/* ---------------------------------------------
	   ------------------- FOOTER ------------------ 
	   --------------------------------------------- */
		 	  
	#footer{
	    width:70%;
		margin:1% 15%;
		text-align:center;
	}

	.footer_lien{
		width:8%;
		margin:4% 5% 2% 5%;
	}

	.contact{
		font-family:'Raleway';
		color:white;
		font-size:16px;
		font-weight:bold;
		margin:3% 0 2% 0;
	}

	.facebook_likebox{
		text-align:center;
		margin-top:40px;
	}