/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   Auteur : IAD Territoire Digital

-------------------------------------------------------------- */


/************************************************* MISE EN PAGE GLOBALE ****************************************/
canvas
{
	max-height : 200px;
	width : auto !important;
}

.bloc-widget canvas {
	/* width: inherit !important; */
}


html, body {
padding : 0;
margin : 0;
/*height : 100%;*/
}
/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video { max-width: 100% !important }

    /* conserver le ratio des images,necessaire car attribut height existant */
    img { height: auto }

    /* gestion des mots longs */
    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        word-wrap: break-word;
        /* cesure forcee */ }

    code,
    pre,
    samp {
        white-space: pre-line;
        /* passage a la ligne specifique pour les elements a chasse fixe */ }

.autobr {display: none;}
		
.content
{
        clear: both;
        float: none !important;
        width: auto !important; 
}
.img { height: auto;
	  width : auto;
	  margin : auto;
	  max-width: 100%;
}

.widget-aside {
	border: 1px solid #E6E6E6;
	display: inline-block;
	margin-bottom: 0.5em;
	width: 99.5%;
}

.twitter {

}

.twitter-timeline {height: 250px; }
	
.newsletter  {
	background-color :#023D7D;
	color: white;
	margin: 0;
	margin-bottom: 1em;
	padding: 0.5em;
	position: relative;
	z-index: 998;
}

.titre_signin {
	font-size: 1.3em;
	margin: 0;
}

.texte_newsletter {
	/* display: inline; */
	display: none;
	visibility: hidden;
}

.newsletter .ariaformprop {
	display: inline;
}

hr {
	background-color: #C5C7CA;
	clear: both;
	color : #C5C7CA;
	margin-bottom: 1em;
}

.newsletter hr {
	background-color: #008000;
	color: #008000;
	margin: 0.5em 0;
}

.newsletter input[type="checkbox"] {
	display: inline;
}

/* Styliser les checkbox de la newsletter : Cachons la case à cocher */
.newsletter input[type="checkbox"]:not(:checked),
.newsletter input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
.newsletter input[type="checkbox"]:not(:checked) + label,
.newsletter input[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.newsletter input[type="checkbox"]:not(:checked) + label:before,
.newsletter input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 15px; height: 15px; /* dim. de la case */
  border: 2px solid #008000;
  background: #fff;
}
 
/* Aspect général de la coche */
.newsletter input[type="checkbox"]:not(:checked) + label:after,
.newsletter input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #008000;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.newsletter input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.newsletter input[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

/* aspect désactivée */
.newsletter input[type="checkbox"]:disabled:not(:checked) + label:before,
.newsletter input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
.newsletter input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
.newsletter input[type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
.newsletter input[type="checkbox"]:checked:focus + label:before,
.newsletter input[type="checkbox"]:not(:checked):focus + label:before {

}

.newsletter label {
	/* display: inline; */
	display: none;
	visibility: hidden;
}

.newsletter li.weekly-post {
	margin-bottom: 0;
	display: none;
	visibility: hidden;
}

.newsletter li.monthly-post {
	margin-bottom: 0.5em;
	display: none;
	visibility: hidden;
}

.newsletter .editer_session_email {
	margin-bottom: 1.5em; 
}

.newsletter input[type="email"], .newsletter input[type="text"], .content .newsletter input[type="email"].text  {
	border: 2px solid #008000;
	width: 98.5%;/*72%;*/
}

.newsletter input[type="text"].captcha_user {
	width: 20%;
}

.reponse_inscription {
    text-align: justify;
    hyphens: auto;
}

.img-captcha {
	vertical-align: top;
	height: 28px;
}

.captcha {
	margin-top: -1.5em;
}

.bt_abonner {
	float: right;
	margin-top: -1.5em;
	width: auto;
}

.captcha.open + .bt_abonner {
	margin-top: -1.8em;
}

.bt_abonner input {
	cursor: pointer;
	margin: 0;
	padding: 0 0.3em;
	width: 100%;
}

.entete_bleu {
    background: #023D7D;
    width: 100%;
    overflow: hidden;
}

.entete_widget{
    background: #FFF;
    width: 100%;
    overflow: hidden;
    max-height: 32px;
}
	.widget-inline {
		width: 100%;
	}
	
	.bloc-widget canvas {
		max-height: inherit
	}

.link-newsletter::before {
	content: "\2709"; /*glyphicon-envelope*/
	font-family: 'glyphicons';
	vertical-align: bottom;
}

.link-newsletter {
	float: right;
	background-color: #FE1D25;
	color: #FFF;
	font-size: 1.2em;
	margin: 0.5em 0;
	padding: 0 0.2em;
}

.link-newsletter:hover, .link-newsletter:focus {color: #023d7d; text-decoration: none; background: #FFF;}

.wrapperPost {
    clear: both;
    /*float: right;*/
    width: 100%;
    overflow: hidden; }


div#entete {height: 100px;margin: 0 auto;padding: 0;position: relative;width:982px;}

div#logo {float: left;height: 71px;margin: 10px 0 0;padding: 0;width: 202px;}
a#logo_fr, a#logo_en 
{
	display:block;
	height: 60px;
	width:202px;
	background: url("img/logo_football_observatory.png") no-repeat left top transparent;
}

.langues {color: #FFF; float: right; font-size: 0.9em; line-height: 1.5em; margin-top: -3.5em}

.languesMobiles {color: #FFF; float: right; font-size: 1.2em; line-height: 1.4em; margin : 15px 0 25px 0;}
.languesMobiles a, .langues span {border: 1px solid #FFF; display: inline-block; height: 15px;margin: 0 10px 0 0;text-decoration: none; vertical-align: bottom; width: 23px;}
.languesMobiles a.mobile {float:right; margin-right: 25px; padding : 0 0 0 0; height : 25px; width : 37px; }
#frMobile
{
	background:url("../img/flag_big.png") no-repeat left top transparent;
}
#enMobile
{
	background:url("../img/flag_big.png") no-repeat left bottom transparent;
}
span.nomLangue{margin-right : 10px;}


.langues a, .langues span {border: 1px solid #FFF; display: inline-block; height: 15px;margin: 0 0.5em 0 0;text-decoration: none; vertical-align: top; width: 23px;}
.langues a.mobile {float:none; margin-right: 25px; padding : 0 0 0 0; height : 24px; width : 37px; }
a[hreflang]:after {
    content: "";
}
#fr 
{
	background:url("../img/flag.png") no-repeat left top transparent;
}
#en 
{
	background:url("../img/flag.png") no-repeat left bottom transparent;
}
.unArticle li 
{
	height : 50px;
}

.adapt-img.spip_logos
{
	margin: 0;
}
#infosArticle
{
	float : right;
	width : 20%;
	height : auto !important
}
.article
{
    min-height : auto;
}

.groupe-social-img {
	display: table;
	float: left;
}

.article-img  {
	float:left;
	margin-right: 1.5em;
	margin-bottom: 0.2em;	
}

/*Lorsqu'il n'y a pas de lien sur les images*/
.article-img.no-link  {
	width: 360px;
	padding: 5px;	
}

.link-logo {
	border: 5px solid #FFF;
	display: block; 
	height: 240px;
	width: 360px;
}

.article-img .content-widget #iad-tools > div {
	border: 5px solid #FFF;
	display: block; 
	height: 250px;
	width: 370px;
}		
	
.link-highlight.desktop {
	display: block;}	
	
.article-img a:hover, .article-img a.focus,
.article-img .content-widget #iad-tools > div:hover {
	border: 5px solid #008000;
	cursor: pointer;
	opacity: 0.7;
}

.article-img img {
	margin: 0;
	float: none;
}

.article-texte {
	display: table;
	height: 280px; /*hauteur défini pour éviter les superpositions sur Lettres et Rapports*/
}

.article-title h2 {
	font-size: 1.3em;
    line-height: 1.2em;
}

.article-title h3 {
	font-size: 1em;
	margin-bottom: 0.2em;	
}

.article-texte .link {
	color: #023D7D;
	display: inline-block;
	font-size: 1em;
	text-align: right;
	text-decoration: underline;
	width: 100%;
}

.article-texte .link:hover, .article-texte .link:focus {
	color: #008000;
}
	
/*#nav a:visited 
{
       background-color: #008000;
}*/
.cboxPhoto
{
}

.cboxWrapper {
		width : 1000px;
		height : auto;	
}
a /*Permet d'enlever le cadre dégueulasse après avoir cliqué sur un lien */ 
{
outline:none;
}

/*Button Twitter et Facebook*/
/* .article-social {float: left; clear: both;} */
.article-social {display: table-footer-group; margin-bottom: 2em;}

a.share-button {display: inline-block; font-size: 1.8em; border: 0; line-height: 0.8em; padding: 0 0 0 5px;}

a.share-button:hover {border: 0;}
/*a.share-button.twitter {background: #1b95e0; border: 1px solid #1b95e0;}
a.share-button.facebook {background: #4267b2; border: 1px solid #4267b2;}
a.share-button.twitter:hover {border: 1px solid #1b95e0;}
a.share-button.facebook:hover {border: 1px solid #4267b2;}*/
a.share-button.twitter i {color: #1b95e0; display: inline-block; font-family: 'social-icons'; font-style: normal;}
a.share-button.facebook i {color: #4267b2; display: inline-block; font-family: 'social-icons'; font-style: normal;}
a.share-button span {color: #FFF; font-size: 0.8em; line-height: 23px; margin-left: 3px;}

/************************************************* FORMULAIRE ****************************************/
.formulaire_spip fieldset {
  float:left;
  overflow : auto;
  align-items:center;
}
.spip_bouton { text-align: right; }
input { 
  border: 2px solid #008000;
  background: #fff;
  color:black;
}
.help {
    font-size: 11px;
    font-style: italic;
	position : absolute;
}
.table1
{
    /*border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	display:table;
	margin:auto;
	width: 98%;
	border: 2px solid #008000;
	margin-bottom: 8px;
}

.table1.no-bmargin, .envoi-mail .table1.no-bmargin {
	border-bottom: 0;
}

/*Calculateur > Boite envoi mail*/
	fieldset.envoi-mail {margin: 0 0 0 0.3em; width: 50%}
	.envoi-mail .table1 {border: 2px solid #D50303;}
	.envoi-mail .table1 .TitreFormulaire {background: #D50303;}
	.envoi-mail .table1 .case1 {border: 0;}
	.envoi-mail .table1 .case1 input.text {border: 2px solid #D50303; float: none; margin: auto; width: 96%;}
	.envoi-mail .table1 .case1 input.submit {background: #D50303; border-radius: 0.5em; border: 2px solid #DF4242; float: right; margin: 0.5em 0.3em 0 0; padding: 0.2em 1em;}

	.bt_retour_estimation, .bt_retour_estimation:hover {font-size: 1em; text-decoration: underline;}
	
.ligne1
{
	display : table-row;
	min-height : 80px;
}
fieldset
{
	overflow : hidden;
}
fieldset div label 
{
	margin-left : 3%;
}
.case1 select .country
{
	width : 200px;
}	

fieldset div select,
fieldset div input 
{
	margin-left : 3%;
}

.case1
{
	/*Desktop*/
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #008000;
	width: 50%;
}
.case1 hr {
	background: #e6e6e6;
	height: 5px;
	margin-bottom : 0.3em;
	margin-top: 0.3em;
}
.case1 label {
	float: left;
}

.case1 .element1 {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.case1 .element1.date {
	color: #008000;
	font-weight: bold;
}

/**
 * <BLOCK_SP>
 * Style alignement SP DISPLAY FLEX A GARDER OU NON

.article-title{ 
    float: right;
    width: 50%;
}

.groupe-social-img {
    display: flex;
    float: left;
    width: 50%;
    flex-direction: column;
}

.article-texte {
    display: inherit;
}

.article-img{
    order: -1;
}

 * </BLOCK_SP>
 */

.label-container {
	display: table-cell;
	vertical-align: middle;
	width: 35%;
}

.element1 .label-container  label {
	margin-left: 0;
}

.case1 input,
.case1 select {
	float: right;
	margin-bottom : 0.5em;
}

.case1 input {
	padding-right: 0.2em;
	text-align: right;
}

.value-container {
	display: table-cell;
	margin-right: 2%;
	width: 60%;
}

/*Calculateur > Gestion des erreurs*/
	.value-container .erreur_message {
		float: right;
		clear: both;
	}

.envoie_mail
{
	width : 50%;
}
.case1.age, .case1.match1 {
	border: none ; 
	border-bottom: 1px solid #80C080; /*Vert clair*/
	border-right: 1px solid #80C080;
}
.case1.mois_contrat, .case1.match2 {
	border: none ; 
	border-bottom: 1px solid #80C080;
}
.case1.position, .case1.match3, .case1.equipe {
	border: none ;
	border-right: 1px solid #80C080;
}
.case1.match4, .case1.match-inter {
	border: none ;
}

.desktop.infobulle {
	float: left;
}

img.tooltip {
	height: 20px;
	margin-right: 0.5em;
	width: 20px;
}

img.m-tooltip {
	height: 15px;
	margin-left: 0.5em;
	vertical-align: middle;
	width: 15px;
}


#formulaire .formulaire_spip fieldset.performance li
{
	padding:6px;
	height: auto;
	vertical-align:top;
	margin-right:3%;
	width:70%;
}
#formulaire .formulaire_spip fieldset.performance ul.orange li
{
	height:90%;
}
#formulaire fieldset
{
	border: 1px solid #0e5480;
	margin-bottom:2%;
	width:50%;
}
.decalage
{
	padding-left : 30%;
}
.colleAGauche
{
	float : left;
	width : 25%;
	justify-content: space-between;  
}
.TxtNational
{
	float : left;
	width : 25%;
}
#formulaire .formulaire_spip fieldset.national ul li.inter_match  label
{
	margin-right:22px;
}
#formulaire .formulaire_spip fieldset.national ul li.inter label{
	margin-right:150px;
}
input.text, textarea 
{
	width: 15%;
	margin-bottom : 4px;
}
fieldset.performance
{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
}
/************************************************* FRAMES ****************************************/
#cboxTitle {text-indent: -9999em;}

.bloc_valeurtransfert
{
    padding: 0.5%;
    background: #FFF;
    overflow: hidden;
    border: solid 1px #FFF;
}

.nav-collapse.mobile li {display: none; }

/************************************************* INFOBULLE ****************************************/
.mobile 
{
	display: none;
	/*left: -999999em;
	position: absolute !important;*/
}

.tablette,
h3 a.tablette
{
	display: none;
}

.desktop
{
	display: inline-block ;
}

h3 a.desktop
{
	display: block ;
}

.texte_infomobile
{
	display:none;
	border: 3px solid #819EBE;
	background: #E6ECF2;
	color: #19212C;
	font-size: 0.9em;
	padding : 0.5em;
	z-index :  999;
	position : absolute;
}
.texte_ligne_expl
{
	border: 3px solid #819EBE;
	background: #E6ECF2;
	color: #19212C;
	height : 100%;
	width : 100%;
	padding : 0;
	margin : 0;
}

.pagination {width: 100%;}

.diagramme
{
	max-height : 500px;
}
/************************************************* INFOBULLE ****************************************/
hr.hrmobile{
	height : 1px;
	background : #008000;
	margin : 2px 15px 2px 15px;
	
}

/*Menu mobile*/
.dl-menuwrapper .dl-menu.dl-menuopen li {border-bottom: 1px solid #008000; /*margin: 0 1em;*/}
.dl-menuwrapper .dl-menu.dl-menuopen li:last-child {border-bottom: 0;}


/*Page Gérer mon abonnement*/ 
.abonnement_newsletter {padding: 1em 1.5em;}
.abonnement_newsletter p {margin:10px 0 0 0}
.abonnement_newsletter sup {color:#FF0000; font-size:1.1em; font-weight: bold;}
.abonnement_newsletter .formulaire_spip ul {margin:0 0 0 30px}
.abonnement_newsletter label {display: inline-block;}
.abonnement_newsletter .choix {line-height:1.8em}
.abonnement_newsletter .formulaire_spip .choix label {font-weight: bold;}
.abonnement_newsletter .formulaire_spip .boutons {text-align: left}
.abonnement_newsletter input.submit {cursor: pointer;}
.abonnement_newsletter .formulaire_spip p {margin: 20px;font-size: 1.1em;}
.abonnement_newsletter .formulaire_spip p a {font-size: 1.1em;}


/*Surcharge Widgets 2, 3 hompage*/

.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
	max-width: 375px;
}

.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_player .p-name,
.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_player .p-last-name {
	display: block;
	overflow: hidden;
}

















/************************************************* RATING ****************************************/
.rating .desktop
{
	
}
.TitreFormulaire
{
	background: #8A9095;
	color:#FFF;
	display: table-header-group;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 10px 0 10px 10px;
	text-indent: 0.5em;
	width: 100%;
}
.element_recherche
{
	width : 100%;
}
.rating .label-container 
{
    display: table-cell;
    vertical-align: middle;
    width: auto;
}
#langue_recherche
{
	display : none;
}
#label_club,
#label_position
{
    width: 20%;
}
.ariaformprop div
{
	opacity
}

.rating .stats_prix
{
	
}

.rating .table1
{
    display: table;
    margin: 0;
    width: 100%;
    border: none;
    margin-bottom: 8px;

	border-spacing: 5px;
}
.rating .case1 .element1 {
    display: table;
    table-layout: fixed; 
	/*table-layout: auto;*/
    width: 98%;
}
.rating .ligne1 {
    display: table-row;
}

.rating .case1 {
	border: 1px solid #D0D3D5;
	padding: 2%;
    vertical-align : top;
}
.rating .element1:first-child,
.rating .case1:first-child .element1:nth-child(2)
{ 
    /*background-color: yellow;*/
	margin-top : 0.5em;
}
/*.rating .case1 .element1:last-child,*/
/*.rating .case1:nth-child(6) .element1:last-child
{
	background : pink;
}*/
.experience_car
{
	border-bottom : 5px solid #e6e6e6;
	padding-bottom : 0.5em;
}
#formulaire_vote_valide
{
	display : none;
	font-size : 0.8em;
	color : #023D7D; /*bleu foncé*/
	text-align : center;
	position: relative;
    top: 20px;
    left: 00px;
}
.dernierElement {
	margin-bottom : 0.5em;
}
.legend_pos {
	display : none;
}
#myChart {
	background-image:url(/squelettes/img/fond_radar_fr.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100%; /*98%*/
	/* max-height: 230px; */
	/* padding: 5px; */
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, .7);
  color: white;
  border-radius: 5px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  pointer-events: none;
  font-size : 0.7em; 
  font-family : Arial;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index : 99;
}
.chartjs-tooltip-key 
{
  display: inline-block;
  width: 10px;
  height: 10px;
}

.rating .TitreFormulaire
{
	padding: 0;
	width: 100%;
    display: table;
    table-layout: fixed;
}

.rating .resultat .TitreFormulaire {
	background: #FFF;
	color: #d30301;
	border-top: 8px solid #8A9095;
	border-bottom: 8px solid #8A9095;
	font-weight: bold;
	line-height: 1.5em;
}

.rating_logo
{
	background-image:url(/squelettes/img/logo_rating.png) ;
	background-repeat:no-repeat;
	background-position: 2em center;
	padding-bottom : 0;
	border : 6px solid #E6ECF2;
	
}
.rating .recherche
{
	display : table;
	border-spacing: 5px 0;
}

.suffisant {
  color: #00ff00;
}

.insuffisant {
  color: #ff0000;
}
#progressbar
{
	background : white;
	border : 4px solid #008000;
	border-radius : 0;
	height : 30px;
}
#chartdiv {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}
.deux_graphiques
{
	display:table-row;
	vertical-align: top;
}	

.graphe-indicePerformance.radar {
	border: 0;
}

.container-radar {
	display: inline-block;
	/*position: relative;*/ /* Désactiver pour ne pas bloquer le tooltip du radar*/
	/* width: calc(70% + 25px); */
}
	
.radar {
	border-right: 5px solid #e6e6e6;
	border-bottom: 5px solid #e6e6e6;
	text-align: center;
}

.index-cies {
	color: #023D7D; /*bleu foncé*/
	margin-top: 0.5em;
	padding-top: 0.5em;
	line-height: 1em;
	font-weight: bold;
}

.chrono {
	border-bottom: 5px solid #e6e6e6;
	display: inline-block;
	padding-bottom: 2em;
	vertical-align: top;
	max-width: 137px;
}

.chrono-index-cies {
	
}

.ligne1.barre-index-cies {
	display: inline;
}

.minutes {
	width: 100%;
	color: #023D7D; /*bleu foncé*/
	margin-bottom: 1em;
}

.intervalle {
	font-size: 0.8em;
}

.minutes, .intervalle, .index-cies {
	display: inline-block;
	padding-left: 0.5em;
}

#image_chrono {
	background-image: url(/squelettes/img/chrono.png) ;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 19px;
}

.ligne_match {
	font-size: 0.8em;
	color: #000;
}

.ligne_cover {
	font-size: 0.8em;
}

#ligne_intervalle {
	color: #023D7D; /*bleu foncé*/
}

.chart-legend li span {
    display: none;
}

.res_droite_barre {
	color: #d30301; /*rouge*/
	font-size: 1.5em;
	float: right;
}

.res_droite_barre .mutant {
	font-weight: bold;
	font-size: 1.2em;
}

.res_droite_barre .invariant {
	font-size: 0.8em;
}

#sample_goal2 {
	float : left;
	width : 100%;
}

#sample_goal3 {
    float: left;
    width: 100%;
}

#sample_goal1 {
	float : left;
	width : 100%;
	/* background : url(/squelettes/img/px_16212c.png) transparent repeat-y center top; */
}

.label-container_resultats .goalProgress {
	background: #000;
    border: 4px solid #008000;
    margin-bottom: 5px;
}

.value-container-rating {
	display: table-cell;
	margin-right: 2%;
	width: 40%;
	text-align : right;
	color : #023D7D;
	font-weight: bold;
}

.value-container-rating .invariant.pourcent {
	color: #16212C;
	font-size:	0.9em;
	font-weight: normal;
}

#bloc_prix_cies {
	float : right;
	width : 30%;
	color : #d30301; /*rouge*/
	text-align: center;
	background: repeat-x bottom left #FFF;
}

#but_c_m {
	width : 30%;
}
#moyenne_gardien {
	display: none;
    top: 42%;
    right: 35%;
    position: absolute;
	font-size : 1.2em;
	color : #023D7D; /*bleu foncé*/
}

.ligne_intervalle {

}

#rond {
	border : 3px solid  #d30301; /*rouge*/
	border-radius : 50%;
	width : 90px;
	margin : auto;
	margin-bottom: 0.5em;
	height : 80px;
	font-size : 0.9em;
	padding-top : 8px;
}
.chiffre_cies {
	margin-top : 7px;
	font-size : 1.5em;
}

#label_prix_cies {
	color: #023D7D; /*bleu foncé*/
	float : left;
	font-weight: bold;
	width : 100%;
	min-height: 100%;
	margin-top: 10px;
}

#case_prix_cies {
	float : left;
	width : 70%;
	display: table-cell; /* comportement visuel de cellule */
	vertical-align: middle;
}

.precision_label {
	color: #16212C;
	float : left;
	font-size : 0.8em;
	margin-top : 5px;
	font-weight: normal;
}

#rating_tr {
	display : table-row;
	height : 100%;
}

.label-container_evaluation, .label-container_resultats {
	color: #023D7D;
	float : left;
	width : 60%;
}
#precision_label_evaluation {
	margin-bottom : 8px;
	width : 100%;
}
#partie_barre1 {
	float : left;
	width : 100%;
}
#label_barre1 {
	display : flex;
	justify-content: space-between;
	font-size: 1.5em;
	line-height: 0.7em;
	color: #023D7D; /*bleu foncé*/
}
#sample_goal1 .goalProgress {
	border : 2px solid #023c7c;
    margin-top: 2px;
    margin-bottom: 2px;
	height: 15px;
}
#sample_goal1 .goalProgress .progressBar {
	background: #c1cede;
    border-right: none;
	height : 15px;
}
.avis_utilisateur {
	float : right;
	width : 40%;
	display: flex;
	justify-content: space-around;
	text-align : center;
}
.case1 .bouton_ratings {
	-webkit-appearance: none;
	border : 1px solid #6d747a;
	border-radius : 40px;
	background : #8b9096;
	color : white;
	font-size: 1.4em;
	padding: 0;
	height: 30px;
	width : 30px;
	text-align : center;
}
.case1 .bouton_ratings:hover {
	color : #FFF;
	background : #023D7D;
}
.case1 .bouton_ratings:active {
	color : #FFF;
	background : #023D7D;
}
#bt_rating_info,
#bt_rating_submit,
#bt_rating_id,
#txt_rating_choix
{
	display : none;
}


.champs_recherche
{
	width:90%;
	float : right;
}
.bt_recherche
{
	background: #8b9096;
	width : 10%;
	text-align: center;
	padding-top : 5px
}
.bt_recherche img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.champs_recherche_joueur
{
	color: #023D7D;
	padding-right: 0;
	width : 100%;	
	margin-bottom: 0;
	float : left;
	flex : 10;
	line-height: 1.8em;
	text-indent: 0.7em;
}

/*Liste à complétion : rechercher un joueur*/
.ui-autocomplete.ui-widget-content {
	font: 1em/1.5em work_sansregular,Arial,Verdana,sans-serif;
	background: #ebebeb;
	border: 1px solid #ebebeb;
	color: #023D7D;
}

	.ui-widget-content .ui-menu-item:hover {
		background: #fff;
		color: #023D7D;
	}
	
	.ui-widget-content .ui-state-focus:hover {
		border: 1px solid #fff;
	}
	
	.ui-widget-content.P1 .ui-state-focus:hover,
	.ui-widget-content.P2 .ui-state-focus:hover	{
		border: 0;
	}

.zone_recherche
{
	height : auto;
	display: flex;
	justify-content: space-between;
	margin-top: 0.6em;
}
.zone_recherche input
{
	border : 1px solid #8b9096;
	-webkit-appearance: none;
}
.zone_recherche input[type="submit"],
input.submit
{
	border : 1px solid #8b9096;
}

.ligne_recherche
{
	width : 100%;
	margin-bottom : 5px;

}
.element_recherche
{

}
.case_recherche
{
	border: 1px solid #D0D3D5;
	padding: 2%;
	display : table-cell;
	width : 50%;
}
#legend {
	display : none;
	font-size : 0.7em;
	position : absolute;
	top : 3%;
	left : 13%;
	text-align : left;
}
#bloc_experience {
	position : relative;
	text-align : center;
	margin-top : 10px;
}
.avis_utilisateur {
	margin-top : 10px;
}

.ligne_radar {
	display : flex;
}

#chart3 {
	max-height : 250px;
	margin : 0 auto;
	text-align : center;
}


#radar_gardien {
	position : relative;
	padding : 5px;
}
























/************************************************* BASE JAPIBAS ****************************************/
body 
{
    /*text-align: center;*/
	z-index : -1;
	/*position : absolute;*/
}

.page 
{
/*    position: relative;*/
    margin: 0 auto;
    padding: 0;
    text-align: left;	
}

.header { }

.main {
	padding: 0;
}

.footer {font-size: 0.9em; }

.wrapper_sommaire {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

.content_sommaire { min-height: 350px }

.wrapper {
    clear: both;
    float: left;
    width: 68%;
    overflow: hidden; }

.content { /*min-height: 350px*/ }

.aside {
	max-height : 690px; /* height 700px before*/
    width: 30%;
    overflow: hidden;
    background: #FFF;
	float: right;
    
}
/* Entete et barre de navigation
------------------------------------------ */

.header { padding-top: 1.5em }

.header #logo {
    display: block;
    margin: 0;
    line-height: 1;
    font-weight: bold; }

.header #logo,
.header #logo a,
.header #logo a:hover {
    background: transparent;
    text-decoration: none;
    color: #FFF; }

.header #slogan { margin: 0 }

.formulaire_menu_lang {
    position: absolute;
    right: 0;
    top: .9em;
    display: block;
    width: 30%; }

.nav {
    border: solid #222;
    border-width: 1px 0; }

.nav ul { }

.nav ul li { }

.nav ul li a {
    float: left;
    display: block;
    padding: .5em 1em;
    border-right: 1px solid #222;
    text-decoration: none; }

.nav ul li.on2 a {
    background: #EED;
    color: #222;
    font-weight: normal; }

.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active {
    background: #222;
    color: #FFF; }

.footer .colophon {
    float: left;
    height: 40px;
    width: 70%;
    margin: 0; }

.footer .generator { float: right }

.footer .generator a {
    padding: 0;
    background: none; }

.entete_noire1 {
    background: #16212C;
    width: 100%;
    padding: 1.25em 0 10px;
    margin-bottom: 0;
    /*overflow: hidden;*/
}

.entete_tools1 {
	background: #FFF;
	padding-top: 0;
}

.entete_noire2, .nav-container {
    min-width: 20px;
    max-width: 1260px;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 0; }
	
.widget-container {
    min-width: 20px;
    max-width: 1260px;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 0;
}

.entete_tools2 {
	background: #008000;
	border: 1px solid #008000;
	min-height: 50px;
	max-width: inherit;
}
	
.part_menu 
{
	
}
.corps1 {
    /*background: url(img/back_bleu.png) repeat-x;*/
    width: 100%;
    overflow: hidden; }

.corps2 
{
    min-width: 20px;
    max-width: 1260px;
    width: 98%;
    margin: 0 auto; 
	line-height: 1.4;
}

.pied {
	background: #16212C;
    clear: both;
    overflow: hidden;
    width: 100%;	
}

.pied2 {	
	color : white;
    margin: 0 auto;	
	padding: 1% 0;	
	max-width: 1260px;
    width: 98%;
}

#asidexpl {
	display: table-cell;
	vertical-align: top;
	width: 35%;
}

#asidexpl .cartouche {
	
}

#asidexpl h1 {
 color: #8A9095;
 font-family: work_sanssemibold,Verdana,Arial,sans-serif;
 font-size: 3.5em;
 padding: 0.5em;
}

.page_inscription_newsletter #asidexpl {display: inline;}

.page_inscription_newsletter #asidexpl h1 {padding-bottom: 0}

.page_inscription_newsletter p {text-align: justify;}

#asidexpl .texte {
	/* border-top: 1px solid #D0D3D5; */
	margin-right: 0.5em;
	padding: 2em;
	height: 100%;
}

.bloc_contenu {
	/* border-left: 1px solid #D0D3D5; */
	display: table-cell;
    width: 65% }

.page_inscription_newsletter .bloc_contenu,
.page_article_iframe .bloc_contenu {display: flex; justify-content: center; margin-bottom: 3em; width: auto;}

.page_inscription_newsletter .bloc_contenu .newsletter {max-width: 400px}
	
.container-article {
	padding-left: 0.5em;
}

.container-article .article {
	border-bottom: 1px solid #D0D3D5;
	padding: 1em 1.5em;
}

.container-article .article:last-child {
	border: 0px;
}

.bloc_contenu2 {
    padding: 2% 2% 0 2%;
    margin-bottom: 3%;
    background: #FFF;
    overflow: hidden;
    -moz-box-shadow: inset 0 0 14px 14px #EFEFEF;
    -webkit-box-shadow: inset 0 0 14px 14px#EFEFEF;
    box-shadow: inset 0 0 14px 14px #EFEFEF;
    border: solid 1px #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
	
.articles_recents {
	float: left;
    margin-bottom: 1em;
	margin-top: 0.5em;
	position: relative;
	width: 100%;
	z-index: 888;
}	
	
.highlight {
	color: white;
	height : auto !important;
	text-align: left; 
}

.header-highlight {
	background-color: #0071bc;
	padding: 0.5em 0.5em 0.2em;
}

/*04/05/2023 SG : retirer la superposition header image principale*/
/*.highlight .header-highlight {*/
/*	background-color: #008000e6; !*avec opacité*!*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	max-width: calc(1260px - 1em);*/
/*	z-index: 99;*/
/*}*/

#conteneur {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
	flex-direction : row;
}

.highlight-min  {
	flex: 1;
	height: auto;
	/* margin: auto;  Magique ! */  
	border-right: 1px solid #c5c7ca;
	width: 33%;
}	
.highlight-min:first-child  {
	padding-right: 0.9em;
	margin-bottom : 20px;
}

.highlight-min:last-child  {
	border-right: 0;
	padding-left: 0.9em;
	margin-bottom : 20px;
}

.item_menu {
    padding: 10px 10px 20px 10px;
    border-radius: 5px 5px 0 0;
    background: #333;
    color: #FFF;
    border: solid 1px #444; }

.item_menu_accueil {
    padding: 10px 10px 20px 10px;
    border-radius: 5px 5px 0 0;
    background: #002C46;
    color: #FFF;
    border: solid 1px #002C46; }

.slogan_site {
    color: #ECECEC;
    display: inline;
    font-style: italic; }

.footer .pied_gauche {
	line-height: 1.3;
	display: inline-block;
	width: 50%;
}

	.footer .pied_gauche a,
	.footer .pied_droit a {
		color: #FFF; font-size: 1em; text-decoration: underline;
	}
	
	.footer .pied_gauche a:hover,
	.footer .pied_droit a:hover	{
		color: #008000;
	}
	
.footer .pied_centre {
    width: 31.35%;
    float: left;
    margin-left: 3%; }

.footer .pied_droit {
    width: 49%;
	display: inline-block;
	vertical-align: bottom;
	text-align: right;
}

.classement {
    list-style-type: decimal;
    margin-left: 1.7em;
    line-height: 1.25em; }

.sans_serif_moyen { font-family: Arial }

.la_suite {
    margin: 0 0 5% 0;
    padding: 1.4%;
    border: solid 1px #677821;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #8CA429;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1); }

.la_suite:hover {
    margin: 0 0 5% 0;
    padding: 1.4%;
    border: solid 1px #769548;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ABC837;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1); }

.introduction {
    margin-bottom: 5%;
    line-height: 1.6; }

.introduction2 {
    margin-bottom: 3%;
    line-height: 1.6; }

.bloc_logo_article {
    position: relative;
    float: right;
    margin: 0 0 2% 3%;
    padding: 0;
    width: 35%;
    height: auto;
    border: solid 4px #FFF;
    -moz-box-shadow: 0px 0px 5px 1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 5px 1px #cfcfcf;
    box-shadow: 0px 0px 5px 1px #cfcfcf;
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5); */}

.bloc_agrandir {
    position: absolute;
    left: 40%;
    top: 43%;
    margin: 0 auto; }

.icone_agrandir {
    width: 84%;
    height: auto;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50); }

.icone_agrandir:hover {
    width: 84%;
    height: auto;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    filter: alpha(opacity=80); }
	
.num_com { 
    float: right;
	font-size: 1.6em !important;
	color: #DCDCDC; 
	font-family: Georgia !important;
	font-style: italic !important;
	}
	
.nbre_coms {
    color: #FFF;
    padding: 0.2em 0.4em;
    background: #002C46;
    border-radius: 4px; }

.bloc_portfolio {
    display: block;
    background: #EFEFEF;
    padding: 2% 0% 2% 2%; }

.bloc_portfolio:hover {
    display: block;
    background: url(img/back_docs.png);
    padding: 2% 0% 2% 2%; }

.bloc_logo_site {display: block; /*margin-bottom: 1em;*/ }

.logo_site {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle; }

.logo_site_tools {
    float: right;
	margin-right: 1em;
	margin-top: 0.2em;
}	
	
.menu_select {
    display: none;
    padding: 1% 1% 0 1%;
    background: #002C46;
    color: #FFF;
    border: 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
    font-size: 1.4em;
    text-transform: uppercase; }

.select_rub {
    text-align: left !important;
    font-size: 0.8em !important;
    text-transform: none !important; }

.spip-icons {
    font-family: 'spip-icons' !important;
    font-size: 1.2em;
    color: #808080;
    vertical-align: middle; }

.spip-icons:hover { color: #CCC }

#remonter {
    position: fixed;
    bottom: 5%;
    right: 3%;
    cursor: pointer;
    display: none;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    filter: alpha(opacity=30); }

#remonter:hover {
    position: fixed;
    bottom: 5%;
    right: 3%;
    cursor: pointer;
    display: none;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70); }

.image_opacity {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70); }

.image_opacity:hover {
    opacity: 1;
    -moz-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }

	
	
	

/************************************************* RESPONSIVE SELON L'ECRAN ****************************************/

/* Gabarit d'impression
------------------------------------------ */

@media print { 
    .page,
    .wrapper,
    .content { width: auto }
    .nav,
    .arbo,
    .aside,
    .footer { display: none }
}

@media (max-width: 3000px) { 
    .ajustable {
        width: 500px !important;
        height: auto;
        border: 0; }
}

@media (min-width: 960px) and (max-width: 1300px) {
	.wrapper {
		width: 60%;
	}
	.aside {
		width: 38%;
	}
	/*04/05/2023 SG : retirer la superposition header image principale*/
	/*.highlight .header-highlight {*/
	/*	width: 100%;*/
	/*	max-width: calc(100% - 3.5%);*/
	/*}*/
}

@media (min-width: 1200px) and (max-width: 1300px){
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 3.5em;
	}
}

@media (min-width: 1100px) and (max-width: 1200px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 2.5em;
	}
}

@media (min-width: 1000px) and (max-width: 1100px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 1em;
	}
}

@media (min-width: 960px) and (max-width: 1000px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 0;
	}
}

@media (min-width: 850px) and (max-width: 960px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 3.5em;
	}
}

@media (min-width: 750px) and (max-width: 850px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 0.5em;
	}
}

@media (min-width: 640px) and (max-width: 750px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		max-width: 320px;
	}
}

@media (min-width: 450px) and (max-width: 640px) {
	.widget-aside #iad-cies-widget .diaporama-widget.indicePerformance .content_once {
		margin-left: 5em;
	}
}

@media (max-width: 992px) {
    .bloc-header {
        /* min-height: inherit !important; */
    }
    
    .bloc-alignement {
        margin-bottom: inherit !important;
    }
}

@media (min-width: 960px) { 
	a.share-button.facebook {
		padding-left: 0;
	}
}

@media (max-width: 960px) { 
    .ajustable {
        width: 86% !important;
        height: auto;
        border: 0; 
	}
		
	#asidexpl {
		display: block;
		width: 100%;
	}
	
	#asidexpl h1 {
		padding: 0.2em;
	}
	
	#asidexpl .texte {
		margin: 0;
		padding: 1em 0.7em;
	}
	/*04/05/2023 SG : retirer la superposition header image principale*/
	/*.highlight .header-highlight {*/
	/*	width: 100vw;*/
	/*	max-width: calc(100vw - 1em);*/
	/*}*/
	
	.bloc_contenu
	{
		border: 0;
		/* border-top: 1px solid #D0D3D5; */
		display: block;
		width: auto;
	}
	
	/*.desktop,*/
	.desktop,
	h3 a.desktop,
	.link-highlight.desktop
	{
		display :none;
	}
	
	h3 a.tablette {
		display: block;
	}
	
	.tablette 
	{
		display: inline-block;
	}
	#conteneur 
	{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		flex-direction: row;
	}
	
	.aside {
		position: initial;
		top: 0;
		width: 100%;
	}
	
	.aside .twitter,
	.aside .newsletter
	{
		display : none;
		visibility: hidden;
	}
	
	.widget-aside {
		width: 49.5%;
	}
	
	.wrapper
	{
		width : 100%;
	}
	.corps2
	{
		margin : 0;
		width : 100%;
	}
	.highlight-min 
	{
		flex: auto;
		height: auto;
		border: none;
		/*width: 33%;*/
	}

	.twitter
	{

	}
	.articles_recents 
	{
		border-top: none;
	}

	.h1_tools {
		font-size: 1.4em;
		line-height: 2.5em;
	}
    
    .w-matchs {
        width: 233px !important;
    }

}
@media (max-device-width: 960px) {
	.cboxIframe div.newsletter {display: block;}
	
	.diaporama-widget {
		width: 100% !important;
	}
	
	.title-widget {
		min-width: 150px;
	}
	
	.fr.title-widget {
		min-width: 170px;
	}

	
	.menuder a {padding: 0 0.3em;}
	
	.unArticle li 
	{
		height : auto !important;
	}
	
	.container-article {
		padding: 0;
	}
	
	/*.desktop,*/
	/* .desktop, */
	/* h3 a.desktop, */
	/* .link-highlight.desktop */
	/* { */
		/* display :none; */
	/* } */
	
	/* h3 a.tablette { */
		/* display: block; */
	/* } */
	
	/* .tablette  */
	/* { */
		/* display: inline-block; */
	/* } */
	.container-article .article 
	{
		border-bottom: 1px solid #D0D3D5;
		padding: 1em 0.7em;
	}
	
	
}
@media (max-device-width: 800px) { 
    .classement {
        list-style-type: decimal;
        margin-left: 0.4em;
        padding-left: 0;
        line-height: 1.25em; }

    .logo_site {
        margin: 0;
        float: left;
        width: 160px;
        height: auto; }

    .bloc_logo_site {
	margin-bottom: 2.5em;}
	
	
	.entete_tools2 .bloc_logo_site {
	margin: 0;}

    .ajustable {
        width: 86% !important;
        height: auto;
        border: 0; }
	
}

/*Media queries utilisé pour les widgets en version mobile et tablette*/

@media (max-width: 680px)
{
    .content.widget-1 .cartouche,
    .content.widget-2 .cartouche,
    .content.widget-3 .cartouche {
        display: none;
        visibility: hidden;
    }
    
    .widget-1 .body-widget,
    .widget-2 .body-widget,
    .widget-3 .body-widget {
        margin: 15px 0 30px 0;
    }
}

@media (max-width: 640px) {
	body,
    .page,
    .header,
    .main,
    .footer,
    .wrapper,
    .content,
    .aside {
        width: auto !important;
        margin: auto !important;}

    .page 
	{
        margin: 0;
        padding: 0;
	}

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */

    .content,
    .aside {
        clear: both;
        float: none !important;
        width: auto !important; }

    .nav ul li a {
        float: none;
        border: 0; }

    #formulaire_recherche {
        display: none;
        position: static;
        text-align: center; }

    .arbo { display: none }

    .footer .colophon {
        width: auto;
        float: none; }

    .footer .generator { display: none }

    /* header du calendrier full-calendar */

    table.fc-header td {
        display: block;
        text-align: left; }
	
	
	#iad-cies-widget .diaporama-widget {
		vertical-align: bottom;
	}
	
	.h1_tools {
		display: block;
		font-size: 1.3em;
		line-height: 1.3em;
		margin-left: 0.3em;
	}

	.TitreFormulaire {
		font-size: 1.1em;
	}
	
	.logo_site_tools {
		float: none;
		margin-left: 1em;
		margin-right: 0;
	}
	
	.aside .twitter,
	.aside .newsletter
	{
		display : none;
		visibility: hidden;
	}
	
	.widget-aside {
		width: 99.5%;
	}
    
    .entete_widget{
        max-height: 27px;
    }
	
	/*Affichage de l'inscription Newsletter dans la boxIframe*/
	.cboxIframe {background: #023D7D;}
	.cboxIframe div.newsletter {display: block; margin: 0;}
	.link-newsletter {display: block; float: none; padding-left: 0.9em;}

	.nav-collapse.mobile li {
		display: block;}
		
	#conteneur
	{
		flex-direction: column;
		justify-content: space-around;
	}
	.wrapper 
	{
		width: 100%;
	}
	.desktop,
	h3 a.desktop,
	.tablette,
	.link-highlight.desktop
	{
		display: none;
		/*left: -999999em;
		position: absolute !important;*/
	}
	.mobile 
	{
		display: inline;
	}
	.hrmobile 
	{
		display: block;
	}
/*	input.text, textarea 
	{
		width: 40px;
	}
*/	
	.case1 {
		display: table;
		min-height : 20px;
		padding: 5px 0;
		vertical-align: middle;
		width: auto;
	}
	
	.case1.age, .case1.match1, .case1.position, .case1.match3, .case1.equipe {
		border-right: 0;
	}
	
	.case1.match3 {
		border-bottom: 1px solid #80C080;
	}
	
	.case1 .element1 {
		padding: 0.5% 1%;
		width: 98%;
	}
	
	.bloc_valeurtransfert .formulaire_spip fieldset {
		font-size: 0.9em;
	}
	
	.envoie_mail
	{
		width : 100%;
	}
	
	input.text, textarea 
	{
		width: 20%;
	}
	fieldset div label 
	{
		margin-left : 3%;
	}
	fieldset .case1 input,
	fieldset .case1 select 
	{
		margin-right: 0;
		margin-bottom: 0;
	}
	
	fieldset.envoi-mail {margin: 0; width: 100%}
	
	.position
	{
		border-right : 1px solid green;
	}
	.mois_contrat
	{
		border-right : 1px solid green;
	}

	div.accordeon_ouverture
	{ 
	  background: blue;
		width: 700px;
	}
	 
	div.accordeon_title
	{
		height: 30px;
		cursor: pointer;
		width: 700px;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: middle;
	}
	 
	div.accordeon_content
	{
		height: 0px;
		display: block;
		overflow: hidden;
		font-size: 0.9em;
		font-weight: normal;
		width: 96%;
		background: #E6ECF2;
		color: #16212C;
		padding: 0 2%;
		line-height: 1.2em;
	}
	.highlight-min 
	{
		width : 100%;
		border-right : none;
	}
	.highlight-min:last-child
	{
		padding-left : 0;
	}

	.container-article .article
	{
		padding : 0;
		padding-bottom : 15px;
	}
	.container-article 
	{
		padding-left: 0;
		margin-bottom: 10px;
	}
	.main 
	{
		padding: 0;
	}
	.bloc_contenu 
	{
		border-left: none;
	}
	
	.groupe-social-img {
		float: none;
		display: inherit;
	}

	.article-social {
		float: left;
		padding-left: 0.7em;
		margin: 0;
	}
	
	.article-title
	{
		padding: 1em 0 0 1em;
		min-height: 0;
		width: 95%;
	}
	
	.article-title h2 {
		font-size: 1.2em
	}
	
	.article-title h3 {
		font-size: 0.9em;
	}
	
	.name-highlight {
		font-size: 0.9em;
	}
	
	.header-highlight h1.une {
		font-size: 1.2em;
		line-height: 1.1em;
	}
	
	.highlight-min h2,
	.articles_recents .highlight-min h2
	{
		font-size: 1.2em;
		line-height: 1.1em;
		min-height: 1em;
		padding: 0 0.4em;
	}
	
	.highlight-min .img
	{
		text-align: center;
	}
	
	.article-img,
	.article-img.no-link {
		float: none;
		margin-bottom: 10px;
		/*padding: 0 0.7em;*/
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.article-img a:hover, .article-img a.focus,
	.article-img .content-widget #iad-tools > div:hover	{
		border: 0;
		opacity: 1;
	}
	
	.article-img .content-widget #iad-tools > div {
		border: 0;
		display: inline-block;
		width: auto;
		height: auto;
	}
	
	.article-texte {
		height: auto;
	}
	
	.bloc_contenu 
	{
		width: 100%;
	}

	.article p 
	{
		padding : 0 1em 0 1em;
	}
	#asidexpl .texte 
	{
		padding: 1em;
	}
	.dl-menuwrapper button.dl-active:after 
	{
		background: url("../img/mobile_close.png") no-repeat left top #023D7D;
		box-shadow: none;
		height: 31px;
		left: 0.6em;
		width: 31px;
	}
	.dl-menuwrapper li.dl-back a:before
	{
		content: '';
		/*display: inline-block;*/
		font-family: 'glyphicons';
		font-size: 1.2em;
		vertical-align: middle;
		margin: 0.5em;
		color: rgba(255,255,255,1);
	}
	
	/* Pagination */
	.pagination {margin-top: 1em;}
	.pagination a,
	.pagination .on  {color: #fff; font-size: 1.5em; padding: 0.3em 0.3em; margin: 0 0.15em; border: solid 1px #FFF; }
	.pagination a {background: #023d7d; text-decoration: none; }
	.pagination .on {background: #008000;  }
	.pagination .sep { display: none; }
	.pagination a:hover {background: #FFF; color: #023d7d; border: solid 1px #d0d3d5; }

	.boutonPlus {
		background: #023D7D;
		padding: 0.5em;
		display: block;
		text-align: center;
		color: white;
		text-decoration: none;
	}
	.boutonPlus:before {
		content: '';
		display: inline-block;
		font-family: 'glyphicons';
		font-size: 2em;
		vertical-align: middle;
	}
	.boutonPlus:hover, .boutonPlus:focus {
		background: #008000;
		color: #FFF;
		text-decoration: none;
	}
	
	.corps2 
	{
		width: auto;
		margin-top : 0.2em;
	}
	.highlight-min:first-child  
	{
		padding-right: 0.9em;
		margin-bottom : 15px;
	}
	
	.name-highlight 
	{
		padding: 1.5em 0.6em 0.2em;
	}
	.header-highlight .name-highlight 
	{
		padding: 1.5em 0 0.2em;
	}
	#asidexpl h1 
	{
		font-size: 2.7em;
		padding: 0.3em;
	}
	p
	{
		line-height: 120%;
	}
	#frame_inscription
	{
		height : 400px;
	}
	.grandi
	{
		height : 500px;
	}
	.li_newsletter
	{
		background : #023D7D;
	}
	.iframetrack
	{
		height: 350px;
	}
	
	.iframetrack iframe {
		border: 0;
		height: 100%;
		overflow: hidden;
		width: 100%;
	}
	
	.footer .pied_gauche,
	.footer .pied_droit	{
		font-size: 0.8em;
		line-height: 1.2;
		margin : 1em 0 1em 0;
	}
	
	.footer .pied_droit	{
		width: 48%;
	}
	
	.highlight-min:first-child 
	{
		padding-left: 0;
	}
	
	.rating .recherche 
	{
		display: table;
		margin: auto;
		width: 98%;
		border: none;
		border-spacing: 5px;
		float : none;
	}	
	.rating .resultat 
	{
		display: table;
		margin: auto;
		width: 100%;
		border: none;
		margin-bottom: 8px;
		border-spacing: 5px;
		float : none;
	}
	.rating .ligne1  
	{
		width : 100%;
	}
	.rating .case1 
	{
		display: table;
		min-height: 20px;
		padding: 0;
		vertical-align: middle;
		width: 100%;
		margin-bottom : 1em;
	}
	.rating .table1
	{
		width : 100%;
	}
	.case_recherche 
	{
		display: block;
		width: 96%;
	}
	
	.rating_logo {
		display: none; /*Disparait sur la page Rating*/
		min-height: 65px;
	}
	
	.case1 .bouton_ratings 
	{
		width: auto;
		padding : 0 8px 0 8px;
	}
	
	#moyenne_gardien {
		right: 38%;
	}
}
@media (max-device-width: 640px) { 

    .menu_select {
        display: inline;
        float: right;
        width: 36%; }

	
    #nav-container { display: none }
	
	.widget-container {
		width: 100%;
	}

    #remonter,
    #remonter:hover { display: none }

    .ajustable {
        width: 86% !important;
        height: auto;
        border: 0; }

    .footer .generator { float: right }
	
	.aside .twitter,
	.aside .newsletter
	{
		display : none;
		visibility: hidden;
	}
	#conteneur
	{
		justify-content: space-around;
	}
	
	.link-logo 
	{
		border: 0;
		display: inline-block;
		width: auto;
	}
	
	/* .mobile  */
	/* { */
		/* display: inline; */
	/* } */
	/* .desktop, */
	/* h3 a.desktop, */
	/* .link-highlight.desktop */
	/* { */
		/* display :none; */
	/* } */
	/* .wrapper  */
	/* { */
		/* width: 100%; */
	/* } */
	/* .tablette	 */
	/* { */
		/* display : none; */
	/* } */

}

@media (max-device-width: 480px) { 

    .footer .pied_centre {
        width: 100%;
        float: none;
        margin-left: 0; }

    .footer .pied_droite {
        width: 100%;
        float: none; }

    .slogan_site { display: none }

    .logo_site {
        margin: -40px auto;
        display: block;
        text-align: center !important;
        float: left;
		width : 120px;
		height : auto;
	}

    .bloc_contenu2 { padding: 3.4% 3.4% 0 3.4% }

    .ajustable {
        width: 98% !important;
        height: auto;
        border: 0; }

    .menu_select {
        display: block;
        width: 46%;
        margin: 1em auto 0 auto;
        float: none; }
	

	.aside .twitter,
	.aside .newsletter
	{
		display : none;
		visibility: hidden;
	}
	#conteneur
	{
		flex-direction: column;
		justify-content: space-around;
	}

	.desktop,
	h3 a.desktop,
	.tablette,
	.link-highlight.desktop
	{
		display :none;
	}
	
	.captcha.open + .bt_abonner {float: none; margin-top: 0.5em;	width: auto;}
	
	.mobile 
	{
		display: inline;
	}
	
	#moyenne_gardien {
		right: 35%;
	}
    
    .w-contrat {
        width: 100% !important;
    }
	
	.footer .pied_droit	{
		text-align: center;
		width: 100%;
	}
	
}


@media (max-device-width: 320px) { 

    .icone_agrandir { display: none }

    .spip_logos_right {
        float: right;
        margin: 0 0px 10px 24px;
        padding: 0;
        border: 0;
        width: 24%;
        height: auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none; }

    .ajustable {
        width: 98% !important;
        height: auto;
        border: 0; }
		

	.aside .twitter,
	.aside .newsletter
	{
		display : none;
		visibility: hidden;
	}
	#conteneur
	{
		flex-direction: column;
		justify-content: space-around;
	}
	
	.desktop,
	h3 a.desktop,
	.tablette,
	.link-highlight.desktop
	{
		display :none;
	}
    
    .tools-tempo .desktop{
        display: block;
    }
	
	.link-logo 
	{
		height: auto;
	}
	
	.mobile 	{
		display: inline;
	}
	#case_prix_cies 
	{
		width: 65%;
	}
	#bloc_prix_cies 
	{
		width: 35%;
	}

	#sample_goal2 
	{
		width: 70%;
	}
	.class_du_au
	{
		font-size : 0.7em
	}
	#indemnites_transfert
	{
		width : 40%;
	}

	#bloc_experience
	{
		margin-left : -15px;
		margin-bottom : -15px;
	}
	#mise_en_danger
	{
		width : 100%;
	}
    
    .w-national {
        width: 100% !important;
    }
    
    .w-matchs {
        width: 100% !important;
    }
    
/* Pas utilisé sur les nouveaux widget 2018
    label {
        width: 85% !important;
    }*/
}

@media (min-width: 961px) and (max-width: 1210px), (min-width: 641px) and (max-width: 765px), (max-width: 370px) {

	.container-radar{
		border-bottom: 5px solid #e6e6e6;
		width: 100%;
	}
	
	.radar	{
		border: 0;
		margin: auto;
		width: 200px;
	}
	
	.chrono	{
		padding-bottom: 1em;
		max-width: 100%;
		width: 100%;
	}
	
	.minutes,
	.intervalle {
		margin: 0;
		width: 45%;
	}
	
}

/************************************************* FIN ****************************************/