/* ************************************************ */
/*                                                  */
/*         Site académique de Mathématiques         */
/*        Personnalistaion de la mise en page		*/
/*                                                  */
/* Couleurs de référence :							*/
/*		Bleu : 0f4393								*/
/*		Orange : de5b02								*/
/*		Gris : 5f5f5f 								*/
/*                                                  */
/*                                                  */
/*                                                  */
/* ************************************************ */

body {
	min-width: 620px;
	}


@media screen and (max-width: 800px) {
    html {
        font-size: 70%;
    }
}	
	
@media screen and (max-width: 800px) {
	.js #menu {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
	}
}
	


/* ************************************************ */
/*                                                  */
/*             Page d'accueil - En-tête             */
/*                                                  */
/* ************************************************ */

#espace{
	background-color: #5F5F5F;
	min-height: 20px;
	margin-bottom: 2px;
	}

.identification-lignt,
.identification-lignt p {
	background-color: #5F5F5F !important;
    border: solid 2px #5F5F5F !important;
    color: #ffffff !important;
	}
	


/* ************************************************ */
/*                                                  */
/*              Page d'accueil - Menu               */
/*                                                  */
/* ************************************************ */

ul#menu {
	padding-top: 4px;
	font-weight: bold;
	}

ul#menu>li.on>a {
	background-color: #5f5f5f !important;
	}

ul#menu>li.on:hover>a {
	background-color: #de5b02 !important;
	}

img.menufleche {
	display: none;
	}

ul#menu ul {
	left: 1px;
	border-color: #0f4393 !important;
	}

ul#menu ul ul {
	top: 0px;
	left: 150px;
	}

ul#menu ul li {
	background-color: #ffffff !important;
	padding: 0px;
	}

ul#menu ul li a {
	padding: 8px 5px;
	color: #0f4393 !important;
	font-weight: bold;
	font-size: 1.2rem;
	}

ul#menu ul li,
ul#menu ul li a {
	background-color: #ffffff !important;
	}

ul#menu ul li:hover,
ul#menu ul li:hover>a {
	background-color: #0f4393 !important;
	color: #ffffff !important;
	}


/* ************************************************ */
/*                                                  */
/*        Page d'accueil - Article d'annonce        */
/*                                                  */
/* ************************************************ */
.annonce {
	margin-left: 10px !important;
	background-color: #ffffff;
	}

.annonce .annonce-titre {
	margin-left: 10px;
	color:  #0f4393;
	font-weight: bold;
	font-size: 2rem !important;
	}

.annonce p {
	margin-right: 15px;
	margin-left: -10px;
	padding: 10px;
	color:  #000000;
	background-color: #ecebeb;
	}



/* ************************************************ */
/*                                                  */
/*         Page d'accueil - Partie Centrale         */
/*                                                  */
/* ************************************************ */

/* Ligne de Séparation des articles */
.laune {
    padding-top: 0;
	}


/* Ne pas afficher le titre des onglets */
.cadre-une .onglets {
	display: none;
	}

.laune ul.anchors li {
	margin-bottom: 50px;
	}

.laune ul.anchors li:first-of-type {
	margin-top: 0;
	}

/* Fond de l'article */
.laune ul.anchors li a {
	display: block;
	padding: 0;
	}

/* Partie rédactionnelle des articles en page d'accueil */
.laune ul.anchors li a .bloc_texte_une_maths {
	box-sizing: border-box;
	margin-top: -2px;
	min-height: 250px;
	padding-top: 30px;
	background-color: #ecebeb;
	border-left: 2px solid #ecebeb;
	border-right: 2px solid #ecebeb;
	border-bottom: 2px solid #ecebeb;
	}

/* Sur-titre contenu dans les derniers articles bis affichés en page d'accueil */
a .titre,
.titre-autres{
	margin-left: 0;
	margin-bottom: 0 !important;
	padding: 15px 10px;
	min-height: 27px;
}

/* Sur-titre contenu dans les articles avec mot clé affichés en page d'accueil */
.titre-autres {
	color:  #0f4393;
	font-weight: bold;
	font-size: 2rem !important;
	}


/* Texte contenu dans les derniers articles bis affichés en page d'accueil */
.texte,
.texte-autres {
	color: #000000;
	font-size: 1.4rem !important;
	font-style: normal !important;
	}

.laune ul.anchors li a .bloc_texte_une_maths .texte-autres {
	padding-left: 10px;
	}

/* Suite de chaque article */
.laune ul.anchors li a .bloc_texte_une_maths .suite {
	text-align: left;
	margin-top: 40px;
	margin-left: 30px;
	}
	
.laune ul.anchors li a .bloc_texte_une_maths .suite strong {
	color:  #de5b02 !important;
	} 

.laune ul.anchors li a:hover .bloc_texte_une_maths .suite strong{
	color:  #5f5f5f !important;
	}


	
/* Image de chaque article */
.laune ul.anchors li a .bloc_texte_une_maths img {
	padding-bottom: -2px !important;
	border: 2px solid #ffffff;
	} 

/* Fond de l'article au survol de la souris */
.laune ul.anchors li:hover,
.laune ul.anchors li:hover a,
.laune ul.anchors li a:hover{
	background-color: #ffffff !important;
	}

.derniers-art-ter a:hover .article_une_maths {
	background-color:  #5f5f5f;
}

.derniers-art-ter a:hover .titre-autres {
	color:  #ffffff !important;
}

/* Ligne de Séparation des articles */
.laune hr{
    display: none;
}


/* Images des articles de une */
.laune .image-une {
    margin-top: -20px;
    margin-right: 10px;
}



/* ************************************************ */
/*                                                  */
/*         Page d'accueil - Partie de Droite        */
/*                                                  */
/* ************************************************ */


/* Ils descendent tous */
#extra {
	margin-top: 4em;
	padding: 10px 0;
	}

/* Formulaire de recherche*/
#formulaire_recherche{
	float: none;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: -1em;
	}

#formulaire_recherche input{
	box-sizing: border-box;
	width: 100%;
	padding: 2px;
	font-size: 1.5rem;
	}

#formulaire_recherche input.text {
	background: none;
	border: 2px solid #5f5f5f;
	box-shadow: none;
	}

#formulaire_recherche input.text:hover {
	color: #5f5f5f;
	}

.submit,
#formulaire_recherche input.submit{
	cursor: pointer;
	margin: 1rem 0;
	font-weight: bold;
	color: white;
	background-color: #de5b02;
	border: none;
	}

.submit:hover,
#formulaire_recherche input.submit:hover{
	background-color: #5f5f5f !important;
	}

.cadre-couleur {
	padding-left:10px;
	padding-right: 10px;
	}

/* Titre des noisettes */
#extra h1 {
	font-size: 1.3rem !important;
	}

/* Contenu des noisettes */
#extra .texte {
	padding-left: 5px;
	background-color: #ecebeb;
	border: none;
	}

/* Actus-defilantes */
#actus-defilantes {
    height: 200px;
	}

#actus-defilantes .une-actu-defilante>a{
    font-size: 1.5rem !important;
	}

#actus-defilantes .une-actu-defilante>.intro{
    font-size: 1.3rem !important;
	}

#actus-defilantes .image-extra{
    margin-top: 5px;
	}

#actus-defilantes .image-extra img{
	display: block;
	margin-left: auto;
    margin-right: auto;
	border: 1px solid #ffffff;
	}

/* Syndication eduscol */
.sites>.titre-site {
    display: none;
	}

.sites>.descriptif-site {
    display: none;
	}

div.texte.sites ul{
	margin-top: -10px;;
	}

div.texte.sites li{
	margin: 5px 0 5px 10px;
    list-style: none;
	font-size: 1.2rem;
	font-weight: bold;
	}

div.texte.sites li a:before {
    content: "➯"; /* Insert content that looks like bullets */
	font-size: 1.6rem;
    padding-right: 5px;
	color: #5f5f5f;
	}



/* ************************************************ */
/*                                                  */
/*                   Pied de Page                   */
/*                                                  */
/* ************************************************ */

#pied #pied-gauche {
	display: none;
	}

#pied #liens {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
    }

#pied #liens img {
	display: none;
	}

#pied #liens a {
	flex: 1 0 auto;
	padding: 5px 10px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #de5b02;
	border: 2px solid #ffffff;
	}

#pied #liens a:hover {
	background-color: #5f5f5f;
	}

#pied #credits {
	float: none;
	margin-top: 10px;
	}

#pied #credits br{
	display: none;
	}





/* ************************************************ */
/*                                                  */
/*                     Tableaux                     */
/*                                                  */
/* ************************************************ */

table.spip td{
	color: black;
    }

table.spip tr.row_first th{
    text-align: center;
	color: white;
    }

table.spip tr.row_odd.odd{
    background-color: #bebdbd;
    }


/* Tableaux spécifiques */
.article529 th:first-child {
	width: 8%;
	}

.article529 th:first-child  td{
	text-align: center;
	}



/* ************************************************ */
/*                                                  */
/*                  Liens rapides                   */
/*                                                  */
/* ************************************************ */

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

#acces_rapide a{	
	margin: 0 auto;
	color: black;
	}

#acces_rapide a:hover{	
	color: #5f5f5f;
	}

.groupe_acces_rapide {
	margin: 4px;
	width: 100px;
	text-align: center;
	}

.groupe_acces_rapide p{
	margin: 0;
	margin-bottom: 10px;
	}

.groupe_acces_rapide img{
	background-color: #ffffff;
	border: 4px solid #de5b02;
    border-radius: 8px;
	}

#acces_rapide a:hover img{
	border-color: #5f5f5f;
	}



/* ************************************************ */
/*                                                  */
/*             Partenaires académiques              */
/*                                                  */
/* ************************************************ */

#partenaires_acad {
	width: 140%;
	/*border: 2px solid black;*/
	}


#partenaires_acad a{
	text-decoration: none;
	}

#partenaires_acad #layer1{
    transform : translate(-180px,-200px);
	}

/* Site Académique */
#partenaires_acad #Site_Acad:hover {
	transform: scale(1.1,1.1) translate(-47px,-50px);
	}
	
/* IREM */
#partenaires_acad #IREM:hover {
	transform: scale(1.1,1.1) translate(-63px,-60px);
	}
			
/* APMEP */
#partenaires_acad #APMEP:hover {
	transform: scale(1.12,1.12) translate(-55px,-38px);
	}
			
/* IFÉ */
#partenaires_acad #IFE:hover {
	transform: scale(1.1,1.1) translate(-47px,-69px);
	}
			
/* DREAMath */
#partenaires_acad #DREAM:hover {
	transform: scale(1.1,1.1) translate(-31px,-60px);
	}
			
/* MMI */
#partenaires_acad #MMI:hover {
	transform: scale(1.1,1.1) translate(-63px,-41px);
	}
			
/* Pegame */
#partenaires_acad #Pegame:hover {
	transform: scale(1.1,1.1) translate(-63px,-79px);
	}
			
/* UPO */
#partenaires_acad #UPO:hover {
	transform: scale(1.1,1.1) translate(-30px,-41px);
	}
			
/* Club de Maths */
#partenaires_acad #Club:hover {
	transform: scale(1.1,1.1) translate(-80px,-51px);
	}
			
/* Rallye Maths */
#partenaires_acad #Rallye:hover {
	transform: scale(1.1,1.1) translate(-80px,-69px);
	}

/* Audimath */
#partenaires_acad #Audimath:hover {
	transform: scale(1.1,1.1) translate(-31px,-79px);
	}


/* ************************************************ */
/*                                                  */
/*                    Logo-types                    */
/*                                                  */
/* ************************************************ */

	
.article_une_maths img,
.cadre-sous-rubrique img ,
.logorub img {
	padding: 0;
    margin-right: 10px;
    border: 4px solid #de5b02;
    border-radius: 8px;
}

.article_une_maths img,
.cadre-sous-rubrique img {
    background-color: white;
}

h1.cadre img {
	display: none;
}


/* ************************************************ */
/*                                                  */
/*                   Fil d'ariane                   */
/*                                                  */
/* ************************************************ */
	
.cadre-chemin:before{
    content: "Vous êtes ici : ";
	}
	
.cadre-chemin a {
	background-color: white;
	color: #de5b02 !important;				/* Pour outrepasser le css originel */
	padding: 2px;
	border-radius: 0;
	line-height: 1em;
	}
	
.cadre-chemin a:hover {
	background-color: white !important;		/* Pour outrepasser le css originel */
	color: #5f5f5f !important;				/* Pour outrepasser le css originel */
	}
	
.cadre-chemin a:after {
	content: " >";
	color: #000000 !important;				/* Pour outrepasser le css originel */
	}
	
.cadre-chemin a:after:hover {
	background-color: white !important;		/* Pour outrepasser le css originel */
	color: #000000 !important;				/* Pour outrepasser le css originel */
	}
	
.cadre-chemin a:last-of-type:after {
	content: none;
	}


/* ************************************************ */
/*                                                  */
/*            Articles de cette rubrique            */
/*                                                  */
/* ************************************************ */

/* Pas d'affichage de logo dans le titre */
#cadre-rubrique .logorub img {
	display: none;
}

/* Pas d'affichage "les articles et les sous-rubriques de cette rubrique" */
.texte-insert {
	display: none;
	}

/* Titre et sous-titre des rubriques et sous-rubriques */
#cadre-rubrique {
	background-color: transparent ;
}

#cadre-rubrique p,
#cadre-rubrique ul{
	background-color: transparent;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

#cadre-rubrique p a{
	color: #de5b02;
}

#cadre-rubrique p a:hover{
	color: #5f5f5f;
}

#titre-rubrique .titre-rub {
	padding-bottom: 5px;
	background-color: #0f4393;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}


/* Articles et sous-rubriques de la rubrique */
a.articles-rubrique {
    width: 100%;
	}

a.articles-rubrique:hover {
    opacity: 1;
	}

.cadre-articles-rubrique {
	position: relative;
	margin-top: 25px;
	padding: 0 0 5px 0;
	text-align: justify;
	width: 95%;
	float: none;
	border: none;
	}	


.cadre-articles-rubrique,
.cadre-articles-rubrique:hover,
.introduction-articles-rubrique,
.introduction-articles-rubrique:hover {
	background-color: #ecebeb !important;
	color: #000000 !important;
	}	

	
.titre-articles-rubrique {
	margin-left: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #ffffff;
	color:  #0f4393;
	font-weight: bold;
	font-size: 2rem;
	text-align: left;
	min-height: 28px;
	line-height: normal !important;
	}	

.titre-articles-rubrique2 {
	margin-top: 0px;
	padding-right: 5px;;
	}	

.titre-articles-rubrique img{
	margin-top: -6px;
	background-color: white;
}

.cadre-articles-rubrique .titre-articles-rubrique a /*recherche*/ {
	color:  #0f4393;
	}

.cadre-articles-rubrique:hover .titre-articles-rubrique,
.cadre-articles-rubrique:hover .titre-articles-rubrique a /*recherche*/ {
	background-color: #5f5f5f;
	color:  #ffffff;
	}

/* Si l'article comporte une ou plusieurs images */
.introduction-articles-rubrique {
	margin: 20px 0 5px 10px;
	padding: 5px;
	font-size: 1.2rem;
	}

/* Si l'article comporte une ou plusieurs images */
.introduction-articles-rubrique .image-extra-rub {
	float: right;
	margin: -15px 5px -20px 10px;
	}

.introduction-articles-rubrique img {
	border: 2px solid #ffffff;
	}

.cadre-articles-rubrique:after {
	position: absolute;
	right: 0;
	bottom: 5px;
	content: "Lire cet article...";
	color:  #de5b02;
	font-weight: bold;
	}

.cadre-articles-rubrique:hover:after {
	color: #5f5f5f;
	}

.auteur-articles-rubrique {
	clear: both;
	text-align: left;
	font-size: 1rem;
	margin: 20px 5px;
	}


/* Sous-rubriques de la rubrique */
.cadre-sous-rubrique {
	position: relative;
	margin-top: 25px;
	margin-left: 10px;
	padding: 0;
	padding-bottom: 5px;
	border: none;
	text-align:justify;
	width: 95%;
	float: none;
	background-color: #ecebeb;
	}

.cadre-sous-rubrique span.titre-sous-rubrique {
	display: block;
	margin: 0 !important;
	padding: 10px 10px 5px 10px;
	min-height: 36px;
	font-size: 2rem;
	color:  #0f4393 !important;
	background-color: #ffffff;
	}	

.cadre-sous-rubrique:hover span.titre-sous-rubrique {
	background-color: #5f5f5f;
	color: #ffffff !important;
	}

.cadre-sous-rubrique img{
	margin-left: 10px;
	margin-top: 5px;
	background-color: #ffffff;
	width: 40px;
	}

.cadre-sous-rubrique .descriptif-sous-rubrique {
	margin: 5px 0 5px 10px;
	padding: 5px;
	font-size: 1.2rem;
	color: #000000;
	}

.cadre-sous-rubrique:after {
	position: absolute;
	right: 0;
	bottom: 5px;
	content: "Accéder au contenu de cette section ...";
	color:  #de5b02;
	font-weight: bold;
}

.cadre-sous-rubrique:hover:after {
	color: #5f5f5f;
	}

.nombre-articles-rubrique {
	text-align: left;
	font-size: 1rem;
	margin: 10px 5px;
}

#texte-rubrique a{
	color: #82ADE2;
	}



/* ************************************************ */
/*                                                  */
/*               Lecture d'un article               */
/*                                                  */
/* ************************************************ */

/*Apparence encart CRCN*/
.competences {
	margin: 10px;
	padding-bottom: 5px;
	border: 2px solid #5f5f5f;
	border-radius: 10px;
}

/* En-tête de l'article */
#cadre-titre-article {
	padding: 0;
	background-color: #ecebeb;
	}

/* Pas d'affichage de logo dans le titre */
#cadre-titre-article img {
	display: none;
	}

/* Titre et sous-titre de l'article */
#cadre-titre-article #titre-article {
	padding: 5px;
	background-color: #0f4393;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	}

#cadre-titre-article #titre-article strong{
	color: #ffffff !important;
	}

.formulaire_ecrire_auteur .boutons>.submit{
	cursor: pointer;
	margin: 1rem;
	padding: 5px 10px;
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
	background-color: #de5b02;
	border: none;
	}

.formulaire_ecrire_auteur .boutons>.submit:hover{
	background-color: #5f5f5f !important;
	}

#cadre-titre-article #soustitre-article {
	margin: 5px;
	color: #000000 !important;
	text-align: center;
	}

#cadre-titre-article #descriptif-article {
	color: #000000 !important;
	font-size: 1.2rem;
	}

#cadre-titre-article #auteur-article {
	color: #000000 !important;
	}

#cadre-titre-article #auteur-article br{
	display: none;
	}

#cadre-titre-article #auteur-article a.auteur {
	font-weight: bold;
	color: #de5b02 !important;
	background-color: transparent !important;
	}

#cadre-titre-article #auteur-article a.auteur:hover {
	color: #5f5f5f !important;
	}

/* Contenu/Mise en forme de l'article */
#cadre-article {
	border: none;
	}

h3 {
	display: inline-block;
	margin-top: 40px;
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #0f4393;
	border-left: 2px ridge #0f4393;
	border-bottom: 2px ridge #0f4393;
	}

strong {
	color: #0f4393 !important;
	}

/* Article avec blocs dépliables */
.cs_blocs .blocs_titre {
    background: url(../images/up.png) no-repeat scroll left center transparent;
	}

.cs_blocs .blocs_replie {
    background: url(../images/down.png) no-repeat scroll left center transparent;
	}

.cs_blocs .blocs_destination {
    background-color: #ecebeb;
	}

/* Article avec onglets */
div.onglets_bloc h2.onglets_titre.selected,
div.onglets_bloc h2.onglets_titre {
    border-color: #5f5f5f;
	}

div.onglets_bloc h2.hover a {
    color: #de5b02;
}

div.onglets_bloc h2.onglets_titre.selected a {
    color: #0f4393;
	font-weight: bold;
	}

div.onglets_bloc .onglets_contenu {
    background-color: #ecebeb;
    border-color: #5f5f5f;
	}


/* ************************************************ */
/*                                                  */
/*             NUAGE DE mots clefs			        */
/*                                                  */
/* ************************************************ */


#tag_cloud {
	line-height: 1;
	text-align: center;
	margin: 10px 5px;
}
.tag {
	/*display: inline-block;*/
	vertical-align: middle;
}
.tag_color_1, .tag_color_2, .tag_color_3, .tag_color_4, .tag_color_5{
	width:100%;
	overflow-wrap: break-word;
}
.tag_color_1 {
	color: #0066ff !important;
}
.tag_color_2 {
	color: #642725 !important;
}
.tag_color_3 {
	color: #4E6D68 !important;
}
.tag_color_4 {
	color: #B79E47 !important;
}
.tag_color_5 {
	color: #D3491B !important;
}





/* ************************************************ */
/*                                                  */
/* formulaire inscription olympiades quatrième      */
/*                                                  */
/* ************************************************ */


.champEspace{
	margin-top:1rem;
	margin-bottom:1rem;
}


ul.editer-groupe{
	list-style-type: none;
}

.zoneChamps fieldset{
	margin-top:1rem;
	margin-bottom:1rem;
	border: 2px solid #de5b02;
	border-radius: 20px;
}

p.boutons{
	text-align:right;
	}

#formulaire_formidable-4 .submit{
	cursor: pointer;
	background-color: #de5b02;
	margin: 1rem;
	padding: 0 1rem;
	border: none;
	font-weight: bold;
	color: white;
	font-size:2rem;
	}

#formulaire_formidable-4 .submit:hover{
	background-color: #5f5f5f;
	}

#formulaire_formidable-4 h3{
	margin-top: 10px;
	padding: 5px;
	color: #5f5f5f;
	border: none;
	}
/* ************************************************ */
/*                                                  */
/*    formulaires formidable. Enquête réforme 2019  */
/*                                                  */
/* ************************************************ */

.enqueteChamps fieldset{
    margin-top:1rem;
	margin-bottom:1rem;
	border: 2px solid #de5b02;
	border-radius: 20px;
}

.enqueteChamps fieldset label{
    color: #000000 !important;
	float: none !important;
	text-align: left !important;
	width: 100% !important;
	margin-bottom: 5px !important;
}

.enqueteChamps fieldset input.text{
	display: block;
    max-width: 100% !important;
	margin-top: 5px !important;
}

.enqueteChamps fieldset p{
    color: #000000 !important;
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.enqueteChamps .obligatoire{
    margin-bottom: 2rem;
}
 
/* ************************************************ */
/*                                                  */
/*       Page de connexion à l'espace privé		    */
/*                                                  */
/* ************************************************ */

#page_login #minipres h1 {
	display: none;
	}

#page_login #minipres h3 {
	display: block;
	padding: 10px !important;	
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #0f4393;
	border: 0;
	}


/* ************************************************ */
/*                                                  */
/*                 Page contact          		    */
/*                                                  */
/* ************************************************ */

#formulaire-contact{
	border: none !important;
	}

#formulaire-contact #descriptif-article,
#formulaire-contact label {
	color: #000000;
	}

#formulaire-contact input,
#formulaire-contact textarea {
	border: 2px solid #5f5f5f;
	box-shadow: none;
	}

#formulaire-contact ul#item li input#envoi {
	cursor: pointer;
	background-color: #de5b02;
	margin: 1rem;
	padding: 0 1rem;
	border: none;
	font-weight: bold;
	color: white;
	font-size:2rem;
	}

#formulaire-contact ul#item li:last-of-type {
    text-align: center;
	}

#formulaire-contact input#envoi:hover{
	background-color: #5f5f5f;
	}