/* MISE EN PAGE 1280PX */	  
@media screen and (min-width:1200px) {
    body {
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #090707;
	background-image: url(images/fond.jpg) , url(images/carbone.jpg);
  	background-position: center top , center top;	
	background-repeat: no-repeat , no-repeat;  
	margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1280px;	
    }
	.topmenu {
    margin-top: 130px ;
	margin-left: 277px;	
    }
    .cadre_centre {
    width: 1030px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
    }	
}
/* MISE EN PAGE 1920PX */
@media screen and (min-width:17000px) {
    body { 
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #090707;
	background-image: url(images/fond1.jpg) , url(images/carbone1.jpg);
  	background-position: center top , center top;	
	background-repeat: no-repeat , no-repeat;   
    margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1920px;	
    }
	.topmenu {
    margin-top: 230px ;
	margin-left: 116px;	
    }
    .cadre_centre {
    width: 1670px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
    }	
}  
/* MISE EN PAGE TELEPHONE */
@media screen and (max-device-width:1199px) {
    body {
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #090707;
	background-image: url(images/fond.jpg) , url(images/carbone.jpg);	
	background-repeat: no-repeat , no-repeat; 
	margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1280px;	
    }
	.topmenu {
    margin-top: 130px ;
	margin-left: 278px;	
    }
    .cadre_centre {
    width: 1030px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
    }	
}
/* MISE EN PAGE */
section { border: 0px solid black; }
.lientexte { 
    text-decoration:none;
}

.cadre_gauche {
    width: 205px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 5px 30px 5px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
}

.cadre_bas {
    width: 1280px; /* largeur */
	margin-left: 0px;	
	margin-bottom: 0px;	
}

/*----------------MENU-----------------*/
/* le menu de la page */ 
div#test1 { position: relative; z-index: 4;}
div#test2 { position: relative; z-index: 2;}
#menu a {   
    display:block;   
    text-decoration:none;	
}  
#menu > li,  
    #menu > li li {  
    position: relative; 
    display:inline-block;  
    width: 140px; 
    height: 34px;	
    line-height : 34px;	 /* centrage du texte en heuteur */ 
    font-size: 14px;
    font-weight: bold;	 
    text-decoration:none;
    text-align:center;
}
/* contour du sous menu */
#menu > li li {  
    width: 140px;  
    border: 3px solid #303AE9; 	
} 
#menu > li li + li {  
    border-left: 3px solid #303AE9;  
    border-right: 3px solid #303AE9;  
    border-top: 0px solid #303AE9;  
    border-bottom: 3px solid #303AE9; 
} 
/* contour du menu de base */
#menu > li:first-child {  
    border: 3px solid #303AE9;
	border-right: 0px solid #303AE9;   
}  
#menu > li + li {  
    border-left: 3px solid #303AE9;  
    border-right: 0px solid #303AE9;  
    border-top: 3px solid #303AE9;  
    border-bottom: 3px solid #303AE9; 	
}  
#menu > li:last-child {
    border: 3px solid #303AE9;   
}  
#menu ul {  /* sous menu */  
    position: absolute;  
    top: 2,8em;
	left:-3px;   
    max-height:0em;   
	margin:0;		
    padding:0;	
    background: #DFF2FF;	
    overflow:hidden;  
    transition: 1s max-height 0.4s;  
    border-radius: 0 0 10px 10px;  
}  
/* ici on change la valeur de max-height au :hover */  
#menu > li:hover ul {  
    /* need an adaptation, lower is better, but see it large    */  
    max-height:20em;  	 
}  
.bouton_select { /* style du bouton de la page */
	background-color:#303AE9;
    color: #DFF2FF;	
}
.bouton_select:hover { /* style du bouton de la page au survol  */
	background-color:#303AE9;
    color: #DFF2FF;	
}
.bouton_autres { /* style du bouton de la page */
    background: #DFF2FF; /* couleur de fond RGB + transparence */ 
    color: #303AE9;	
}
.bouton_autres:hover { /* style du bouton de la page au survol */
	background-color:#303AE9;
    color: #DFF2FF;	 	
}
#menu > li:hover {/*  menu */   
	background: rgba(0, 0, 0, 0.0); /* couleur de fond RGB + transparence */ 
}
#menu > li li:hover {/* sous menu */
	background: #000; 	
}
.fbimg {
vertical-align:middle ;
}
.bouton_facebook { /* style du bouton de la page */
	background-color:#0101a5;
    color: #fff;	
}
.bouton_facebook:hover { /* style du bouton de la page au survol */
	background-color:#0303c8;
    color: #fff;	
}
/* Fin menu de la page */





.meteo {
    width: 205px; /* largeur */
	background-color:rgba(48, 58, 233, 0.3);
    border:3px solid #303AE9;
 					
}
.table-crono{ 
    border:2px solid #303AE9; 
	text-align:center;
	border-spacing:0px;
}
.crono {
	width:50px;
	height:50px; 
	font-size: 30px;
	margin:5px;
	text-align:center;
	background-color:rgba(48, 58, 233, 0.3);	
    border:1px solid #303AE9;	
}
.texte-intitule { 
    max-width:200px; 
	height:20px;
	text-align:center;
	color:#303AE9;
	background-color:#DFF2FF;			
    border:1px solid #303AE9;	
}
.texte-haut { 
    max-width:200px; 
	height:80px;
	text-align:center;
	background-color:rgba(48, 58, 233, 0.3);			
    border:1px solid #303AE9;	
}
.texte-bas {
	height:15px; 
	font-size: 10px;
	text-align:center;
	background-color:rgba(48, 58, 233, 0.3);		
    border:1px solid #303AE9;	
}

.table1 {
  border: 3px solid #303AE9;
  border-collapse: collapse
 }
.table1 td {
border: 3px solid #303AE9;
padding: 4px;
text-align: center;
background-color:rgba(48, 58, 233, 0.3);	
}
.table1 th {
border: 3px solid #303AE9;
padding: 4px;
text-align: center;
color:#303AE9;
background-color: #DFF2FF;
}

.tableformulaire {
	background-color:rgba(48, 58, 233, 0.3);			
    border:2px solid #303AE9;	 
}

.cadre-slideg { 

    border:3px solid #303AE9;
    width:205px; 	 	
    max-width:205px; 
	height:115px;
    background-color:rgba(48, 58, 233, 0.3);	
}
.cadre-slideg th {
border-bottom: 3px solid #303AE9;
padding: 4px;
text-align: center; 
color:#303AE9;
background-color: #DFF2FF;
}
.slidemini {
   width: 200px;
   height: 115px;
   overflow: hidden;
}
.slidemini ul {
    /* 4 images donc 4 x 100% */
   width: 400%;
   height: 115px;
   padding:0; margin:0;
   list-style: none;
}
.slidemini li {
   float: left;
}

.slidepartenaires {
   width: 400px;
   height: 156px;
   overflow: hidden;
}
.slidepartenaires ul {
    /* 4 images donc 4 x 100% */
   width: 200%;
   height: 156px;
   padding:0; margin:0;
   list-style: none;
}
.slidepartenaires li {
   float: left;
}







/* Evite le cadre autour des liens images */
.lienimg /* Liens par défaut (non survolés) */
{
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:hover /* Apparence au survol des liens */
{
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:active /* Liens par défaut (non survolés) */
{
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:focus /* Apparence au survol des liens */
{
   color: rgba(0, 0, 0, 0.0);
}
/* evite les couleurs des liens */
.lientxt /* Liens par défaut (non survolés) */
{
   text-decoration:none; 
   color: #FFFFFF;
}
.lientxt:hover /* Apparence au survol des liens */
{
   text-decoration:none; 
   color: #FFFFFF;
}
.lientxt:active /* Liens par défaut (non survolés) */
{
   text-decoration:none; 	
   color: #FFFFFF;
}
.lientxt:focus /* Apparence au survol des liens */
{
   text-decoration:none; 
   color: #FFFFFF;
}

.cadre_img
 {
    border: 3px solid #303AE9;
}


/* Gestion photos Team */
.photos-clubs {
    position: relative; 
    display:inline-block;  
    line-height :200px;	
	max-width:300px;	
	width:300px;
	height:200px;	
    background-color:rgba(48, 58, 233, 0.3);
    text-align:center;		
}
.noms-photos-clubs {
	max-width:300px;
	width:300px;
	height:30px;		
    color:#303AE9;
    background-color: #DFF2FF;
    border:3px solid #303AE9;
    text-align:center;
}
.photos-clubs-img {
	width:300px;
	max-width:270px;
	max-height:180px;
    text-align:center;  
    vertical-align: middle;	
}
.tablel7 {
  border: 3px solid #303AE9;	
  border-collapse: collapse;
}


.popup-zoom_img {
	background-color: transparent;
	display: block;
	position:absolute;
	top: 0%;
	left: 50%; 
	margin-top: 10px;
	margin-left: -450px;
    z-index: 3;
}
.popup-zoom_img_desc {	
	background-color: #000;
	display: block;
	position:absolute;
	top: 0%;
	left: 50%; 
	margin-top: 10px;
	margin-left: -450px;
    z-index: 3;
    overflow: auto;
    max-height:720px;	 
   
}
/*-----------FORMAT CALENDRIER------------*/
/* Calendrier */
.cal-mois {
	width:150px;
	height:30px;	
	background-color:rgba(120, 120, 120, 0.8);		
    border:1px solid rgba(48, 58, 233, 0.3);	
    text-align:center;
	
}
.cal-sem {
	width:10px;
	height:15px; 
	font-size: 10px;
	background-color:rgba(100, 100, 255, 1);		
    border:1px solid rgba(48, 58, 233, 0.3);	
}
.cal-week {
	width:10px;
	height:15px; 
	font-size: 10px;
	background-color:rgba(255, 0, 0, 1);	
    border:1px solid rgba(48, 58, 233, 0.3);		
}
.cal-vierge {
	height:15px; 
	background-color: transparent;	
    border:1px solid transparent;	
}
.cal-jour {
	width:10px;
	height:15px; 
	font-size: 10px;
	background-color:rgba(120, 120, 120, 0.8);	
    border:1px solid rgba(48, 58, 233, 0.3);	
}
.cal-texte {
	height:15px; 
	font-size: 10px;
	background-color:rgba(223, 222, 245, 0.8);		
    border:1px solid rgba(48, 58, 233, 0.3);
    text-align:center;		
}
.cal-texte-cdf {
	height:15px; 
	font-size: 10px;
	background-color: rgba(48, 58, 233, 0.7);		
    border:0px solid rgba(61, 175, 45, 0.5);
	border-right:1px solid rgba(48, 58, 233, 0.3);	
    text-align:center;		
}
.cal-texte-ligue {
	height:15px; 
	font-size: 10px;
	background-color: rgba(9, 237, 27, 0.7);		
    border:0px solid rgba(61, 175, 45, 0.5);
	border-right:1px solid rgba(48, 58, 233, 0.3);	
    text-align:center;		
}
.cal-texte-ligue8 {
	height:15px; 
	font-size: 10px;
	background-color: rgba(255, 0, 0, 0.7);		
    border:0px solid rgba(61, 175, 45, 0.5);
	border-right:1px solid rgba(48, 58, 233, 0.3);	
    text-align:center;		
}