@charset "utf-8";

 body,button, input, select, textarea, iframe, strong, p, span, div, section, b, i,h2,h3,h4,h5,h6,a{
	font-family: sans-serif, Arial ;
 }
a {
  color: #004d9a;
  text-decoration: none;
}
a:visited {  color: #731462;}
a:hover {
  color: #457b3d;
  text-decoration:none;
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }




/*========== CLASSES ============*/

.dominante2 { color:#0066cd;}
.dominante1 { color:#457b3d;}
.couleur-vive {  color:#e73950;}
.couleur-claire {  color:#ffffff;}
.couleur-1er-degre {  color:#660033;}
.couleur-2nd-degre {  color:#0e6586;}
.couleur-parent {  color:#57248c;}
.couleur-eleve, .couleur-etudiant {  color:#457b3d;}
.couleur-service-academique {  color:#0066cd;}
.couleur-administratif, .couleur-etablissement {  color:#815417;}



/*-----------------CLASSES-publics-cibles----------------*/
.cible-1er-degre, .cible-1er-degre h1, .cible-1er-degre h2, .cible-1er-degre h3, .cible-1er-degre h4, .cible-1er-degre h5, .cible-1er-degre h6, .cible-1er-degre p, 
.cible-maternelle, .cible-maternelle h1, .cible-maternelle h2, .cible-maternelle h3, .cible-maternelle h4, .cible-maternelle h5, .cible-maternelle h6, .cible-maternelle p {
  color:#660033 !important;
}
.cible-maternelle:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/maternelle-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-1er-degre:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/premier-degre-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-2nd-degre, .cible-2nd-degre h1, .cible-2nd-degre h2, .cible-2nd-degre h3, .cible-2nd-degre h4, .cible-2nd-degre h5, .cible-2nd-degre h6, .cible-2nd-degre p  {
  color:#0e6586 !important;
}
.cible-2nd-degre:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/second-degre-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-enseignant, .cible-enseignant h1, .cible-enseignant h2, .cible-enseignant h3, .cible-enseignant h4, .cible-enseignant h5, .cible-enseignant h6, .cible-enseignant p {
}
.cible-enseignant:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/premier-degre-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-enseignant:after {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/second-degre-30px.jpg);
   padding-left:0.3em;
  vertical-align:middle;
}
.cible-parent, .cible-parent h1, .cible-parent h2, .cible-parent h3, .cible-parent h4, .cible-parent h5, .cible-parent h6, .cible-parent p {
  color:#57248c !important;
}
.cible-parent:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/parent-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-eleve, .cible-eleve h1, .cible-eleve h2, .cible-eleve h3, .cible-eleve h4, .cible-eleve h5, .cible-eleve h6, .cible-eleve p {
  color:#457b3d !important;
}
.cible-eleve:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/eleve-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-etudiant, .cible-etudiant h1, .cible-etudiant h2, .cible-etudiant h3, .cible-etudiant h4, .cible-etudiant h5, .cible-etudiant h6, .cible-etudiant p {
  color:#457b3d !important;
}
.cible-etudiant:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/etudiant-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-service-academique, .cible-service-academique h1, .cible-service-academique h2, .cible-service-academique h3, .cible-service-academique h4, .cible-service-academique h5, .cible-service-academique h6, .cible-service-academique p {
  color:#0066cd !important;
}
.cible-service-academique:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/services-academiques-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
/*.cible-etablissement, .cible-etablissement h1, .cible-etablissement h2, .cible-etablissement h3, .cible-etablissement h4, .cible-etablissement h5, .cible-etablissement h6, .cible-etablissement p {
  color:#815417 !important;
}
*/

.cible-etablissement{color:#815417 !important;}


.cible-etablissement:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/encadrement-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
.cible-administratif, .cible-administratif h1, .cible-administratif h2, .cible-administratif h3, .cible-administratif h4, .cible-administratif h5, .cible-administratif h6, .cible-administratif p {
  color:#815417 !important;
}
.cible-administratif:before {
   content: url(https://www.ac-reunion.fr/fileadmin/ANNEXES-ACADEMIQUES/CHARTE-GRAPHIQUE/pictos/Pictos-publics-cibles/administratif-30px.jpg);
   padding-right:0.3em;
  vertical-align:middle;
}
/*----------------- Icones----------------*/
.icone-enveloppe {
  font-size:0.8rem;
}
.icone-enveloppe:before {
   content: "\f0e0 ";
   font-family: FontAwesome;
   padding-right:0.3rem;
}
.icone-phone {
  font-size:0.8rem;
}
.icone-phone:before {
   content: "\f095";
   font-family: FontAwesome;
   padding-right:0.3rem;
}
.icone-mail {
  font-size:0.8rem;
}
.icone-mail:before {
   content: "\f1fa";
   font-family: FontAwesome;
   padding-right:0.3rem;
  /* position:-1em;*/
}
.icone-fax {
  font-size:0.8rem;
}
.icone-fax:before {
   content: "\f1ac";
   font-family: FontAwesome;
   padding-right:0.3rem;
   /*position:-1em;*/
}
.icone-web-site {
  font-size:0.8rem;
}
.icone-web-site:before {
   content: "\f0ac";
   font-family: FontAwesome;
   padding-right:0.3rem;
}

.icone-twitter {}
.icone-twitter:before {
   content: "\f099";
   font-family: FontAwesome;
   padding-right:0.3rem;
}

.icone-video {}
.icone-video:before {
   content: "\f03d";
   font-family: FontAwesome;
   padding-right:0.3rem;
}
.icone-info {}
.icone-info:before {
   content: "\f05a";
   font-family: FontAwesome;
   padding-right:0.3em;
   font-size: 1.4rem;
}
.icone-attention {}
.icone-attention:before {
   content: "\f071";
   font-family: FontAwesome;
   padding-right:0.3em;
   font-size: 1.4rem;
}
.icone-personne {}
.icone-personne:before {
   content: "\f007";
   font-family: FontAwesome;
   padding-right:0.3em;
   font-size: 1.2rem;
}
.icone-telechargement {}
.icone-telechargement:before {
   content: "\f093";
   font-family: FontAwesome;
   padding-right:0.3rem;
}
.icone-main {}
.icone-main:before {
   content: "\f0a4";
   font-family: FontAwesome;
   padding-right:0.3rem;
}


/*================ Alignement ============ */
  
.align-left {text-align: left !important;}
.align-right { text-align: right !important;}
.align-center {  text-align: center !important;}
.align-justify {
  text-align: justify !important;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
}



/*==========span========*/

span.lire-la-suite a {
	color:#004D9A;
	font-size:0.9em;
	font-weight:bold;
	}
span.lire-la-suite a:hover {color:#457b3d;}
span.lien-gris-a-droite a {
	font-size:0.8em;
	float:right;
	margin-right:0.5em;
	font-weight:normal;
	color:#4c4c4c;
	}
span.lien-blanc-a-droite a {
	font-size:0.8em;
	float:right;
	margin-right:0.5em;
	font-weight:normal;
	color:#ffffff;
	}
span.lien-gris-a-droite a:after, span.lien-blanc-a-droite a:after {
	 font-family: FontAwesome;
     content: "\f0da";
     display: inline-block;
     padding-left: 0.3em;
	font-size:1.2em;
	} 

/*===============paragraphes==========*/
p {
	color:#4c4c4c;
	margin-top:0em;
	margin-left:1em;
	margin-right: 1em;
	margin-bottom:0.2em;
	font-family: sans-serif, Arial ;

	}
body
{
   word-wrap:break-word;
}
 #uid-1 .left-content {
	hyphens: auto;
}
	
ul li{
	overflow-wrap: break-word;
	hyphens: auto;
}

article.fond-couleur-texte p, article.fond-dominante2 p, article.fond-dominante1 p, article.fond-couleur-vive p, article.encadre-couleur-texte p, 
article.encadre-dominante2 p, article.encadre-dominante1 p, article.encadre-couleur-vive p {
	text-align:left;
	}
/*=================== h1 ==============*/
h1 {
  margin-top: 0.6em;
  margin-bottom: 0.3em;
  padding-bottom:0.3em;
  font-size: 1.5em;
  color: #4c4c4c;
 margin-left: 0.6em;
  margin-right: 0.6em;
  border-bottom: thin dotted #000;
  	font-family: sans-serif, Arial ;
}


/*=================== h2 ==============*/
h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #4c4c4c;
  margin: 0.5em 1em 0.5em 1em;
  border-bottom: thin dotted #000;
  padding-bottom:0.3em;
  	font-family: sans-serif, Arial ;
}

h2.bordures-carres-couleur-texte {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom:0;
  margin-bottom:0.3em;
  border-right: 1.4em solid #4c4c4c;
  border-left: 1.4em solid #4c4c4c;
  border-bottom : none;
  width:max-content;
  width:-moz-max-content;
  width:-webkit-max-content;
  width:-o-max-content;
}
h2.bordures-carres-dominante1 {
  color:#457b3d;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom:0;
  margin-bottom:0.3em;
  border-right: 1.4em solid #457b3d;
  border-left: 1.4em solid #457b3d;
  border-bottom : none;
  width:max-content;
  width:-moz-max-content;
  width:-webkit-max-content;
  width:-o-max-content;
}
h2.bordures-carres-dominante2 {
  color:#0066cd;
  padding-left: 0.5em 0 0.5em;
  margin-bottom:0.3em;
  border-right: 1.4em solid #0066cd;
  border-left: 1.4em solid #0066cd;
  border-bottom-style: none;
  width:max-content;
  width:-moz-max-content;
  width:-webkit-max-content;
  width:-o-max-content;
}
h2.bordures-carres-couleur-vive {
  color:#e73950;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom:0;
  margin-bottom:0.3em;
  border-right-width: 1.4em solid #e73950;
  border-left-width: 1.4em solid #e73950;
    border-bottom-style: none;
  width:max-content;
  width:-moz-max-content;
  width:-webkit-max-content;
  width:-o-max-content;
}
h2.bordures-carres-couleur-claire {
  color:#ffffff;
  padding: 0.5em 0 0.5em;
  margin-bottom:0.3em;
  border-right: 1.4em solid #fff;
  border-left: 1.4em solid #fff;
  border-bottom: none;
  width:max-content;
  width:-moz-max-content;
  width:-webkit-max-content;
  width:-o-max-content;
}

h2.titre_fond_dominante1 {
  background-color: #457b3d;
  font-weight: bold;
  color: #FFF;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}
h2.titre_fond_dominante2 {
  background-color: #0066cd;
  font-weight: bold;
  color: #FFF;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}

h2.titre_fond_couleur-texte {
  background-color: #4c4c4c;
  font-weight: bold;
  color: #FFF;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}
h2.titre_fond_couleur-vive {
  background-color: #e73950;
  font-weight: bold;
  color: #FFF;
  margin-top: 1em;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}
h2.titre_fond_degrade-gris {
  background-image: linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  background-image: -webkit-linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  font-weight: bold;
  color: #4c4c4c;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}
h2.titre_fond_parents {
  background-color: #57248c;
  font-weight: bold;
  color: #FFF;
  padding: 0.2em 0.2em 0.5em 0.2em;
  margin: 1em 0 0.5em 0;
  clear:both;
  border:none;
}
/*================= h3 ==================*/
h3 {
  font-size: 1em;
  font-weight: bold;
  color: #4c4c4c;
  margin: 0.5em 1em 0 0.5em;
  font-family: sans-serif, Arial ;

}
div.right-content article.fond-dominante1 h3{ margin-left:0.5em;}

h3.titre_fond_dominante1 {
  background-color: #457b3d;
  font-weight: bold;
  color: #FFF;
  padding : 0.2em 0.2em 0.2em 0.5em;
  margin : 0.5em 0 0 1em;
  clear:both;
}
h3.titre_fond_dominante2 {
  background-color: #0066cd;
  padding : 0.2em 0.2em 0.2em 0.5em;
  font-weight: bold;
  color: #FFF;
  margin : 0.5em 0 0 1em;
  padding-left: 2%;
  clear:both;
  
}

h3.titre_fond_couleur-texte {
  background-color: #4c4c4c;
  padding : 0.2em 0.2em 0.2em 0.5em;
  font-weight: bold;
  color: #FFF;
  margin : 0.5em 0 0 1em;
  padding-left: 2%;
  clear:both;
}
h3.titre_fond_couleur-vive {
  background-color: #e73950;
  padding : 0.2em 0.2em 0.2em 0.5em;
  font-weight: bold;
  color: #FFF;
  margin : 0.5em 0 0 1em;
  padding-left: 2%;
  clear:both;
}
h3.titre_fond_degrade-gris {
  background-image: linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  background-image: -webkit-linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  padding : 0.2em 0.2em 0.2em 0.5em;
  font-weight: bold;
  color: #4c4c4c;
  margin : 0.5em 0 0 1em;
  padding-left: 2%;
  clear:both;
}
h3.titre_fond_parents {
  background-color: #57248c;
  font-weight: bold;
  color: #FFF;
  padding : 0.2em 0.2em 0.2em 0.5em;
  margin : 0.5em 0 0 1em;
  clear:both;
}
h3:before {
  content:"» ";
  height: 10px;
  top: -1px;
  position: relative;
}


/*======== h4==============*/
h4 {
  font-size: 1em;
  font-weight: normal;
  color: #4c4c4c;
  margin : 0.5em 0 0 1em;
  padding-left:0.2em;
  	font-family: sans-serif, Arial ;

}
h4:before {
  content:"► ";
}


/*======== h5==============*/
h5 {
  font-size: 0.9em;
  font-weight: normal;
  color: #4c4c4c;
  margin : 0.5em 0 0 1em;
  text-decoration: underline overline;
  	font-family: sans-serif, Arial ;
}

h5:before {
  content:"✓ ";
}

/*======== h6==============*/
h6 {
  font-size: 0.8em;
  font-weight: bold;
  color: #4c4c4c;
  margin : 0.5em 0 0 1em;
  text-transform: uppercase;
  	font-family: sans-serif, Arial ;
}


/*======== Listes==============*/
ul {
  list-style-type: square;

  margin-left: 0em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  /*-webkit-padding-start: 4em;*/
}
/* ==liste pictos-c'est pratique ==== */
ul.mosaique-pictos li a img {
  display:block;
  max-width:3em;
  margin-left:auto;
  margin-right:auto;
}

ul.mosaique-pictos li a {
  display:block;
  text-align:center;
  font-size: 0.7em;
  color:#4c4c4c;
}
ul.mosaique-pictos li a:hover, ul.mosaique-pictos li a.dominante1:hover {
  color:#004d9a;
}
ul.mosaique-pictos li a.dominante1 {
  color:#457b3d;
}
ul.mosaique-pictos li a.dominante2 {
  color:#0066cd;
}
ul.mosaique-pictos {
  list-style-type: none;  
  display:block;
  overflow:hidden;
  padding:0;
  margin:auto;
  font-weight: bold;
}

ul.mosaique-pictos li {
  display:block;
  width:20%;
  float:left;
  clear:none;
    margin-bottom:0.5em;
  margin-top:0.5em;
}
/*================articles =================*/
article {  margin-bottom:0.5em;  clear: left;  width: 100%;}

article.encadre-couleur-texte {
  border: 0.1em solid #4c4c4c;
  margin: 1em 1em 0.5em 1em;
  padding: 0.15em 0.61em 0.5em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;

}

article.encadre-couleur-texte h1, article.encadre-couleur-texte h2, article.encadre-couleur-texte h3, article.encadre-couleur-texte h4, article.encadre-couleur-texte h5 {
  color: #4c4c4c;
}
article.encadre-dominante2 {
  border: 0.1em solid #0066cd;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-dominante2 h1, article.encadre-dominante2 h2, article.encadre-dominante2 h3, article.encadre-dominante2 h4, article.encadre-dominante2 h5 {
  color: #0066cd;
}
article.encadre-dominante1 {
  border: 0.1em solid #457b3d;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-dominante1 h1, article.encadre-dominante1 h2, article.encadre-dominante1 h3, article.encadre-dominante1 h4, article.encadre-dominante1 h5 {
  color: #457b3d;
}

article.encadre-couleur-vive {
  border: 0.1em solid #e73950;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-couleur-vive h1, article.encadre-couleur-vive h2, article.encadre-couleur-vive h3, article.encadre-couleur-vive h4, article.encadre-couleur-vive h5 {
  color: #e73950;
}

/*--------Articles-encadres-cibles------------*/
article.encadre-cible-eleve {
  border: 0.1em solid #457b3d;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-cible-parent {
  border: 0.1em solid #57248c;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-cible-1er-degre {
  border: 0.1em solid #660033;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-cible-2nd-degre {
  border: 0.1em solid #0e6586;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-cible-service-academique {
  border: 0.1em solid #0066cd;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}
article.encadre-cible-etablissement {
  border: 0.1em solid #815417;
  margin: 1em 1em 0.5em 1em;
  border-radius:1em;
  background-color:#FFF;
  width: auto;
  padding: 0.15em 0.61em 0.5em;
}

/*=article encadré fond =*/
article.fond-couleur-texte {
  margin: 1em 1em 0.5em 1em;
 padding:0.2em 1em 0.5em;
  border-radius:1em;
  background-color:#4c4c4c;
  width:auto;
}
article.fond-couleur-texte h1, article.fond-couleur-texte h2, article.fond-couleur-texte h3, article.fond-couleur-texte h4, article.fond-couleur-texte h5, article.fond-couleur-texte p, article.fond-couleur-texte ul, article.fond-couleur-texte a {
  color: #FFF;
}
article.fond-dominante1 {
  margin: 1em 1em 0.5em 1em;
  padding:0.2em 1em 0.5em;
  border-radius:1em;
  background-color:#457b3d;
  width:auto;
}
article.fond-dominante1 h1, 
article.fond-dominante1 h2, 
article.fond-dominante1 h3, 
article.fond-dominante1 h4, 
article.fond-dominante1 h5, 
article.fond-dominante1 p, 
article.fond-dominante1 ul, 
article.fond-dominante1 a  {
  color: #FFF;
}

#infos-pratiques article.fond-dominante1 a{
    color: #FFF;
}

article.fond-dominante2 {
  margin: 1em 1em 0.5em 1em;
  padding-top:0.2em;
  padding-bottom:0.5em;
  border-radius:1em;
  background-color:#0066cd;
  width:auto;
}

article.fond-dominante2 h1, article.fond-dominante2 h2, article.fond-dominante2 h3, article.fond-dominante2 h4, article.fond-dominante2 h5, article.fond-dominante2 p, article.fond-dominante2 ul, article.fond-dominante2 a  {
  color: #FFF;
}

article.fond-couleur-vive {
  margin: 1em 1em 0.5em 1em;
  padding-top:0.2em;
  padding-bottom:0.5em;
  border-radius:1em;
  background-color:#e73950;
  width:auto;
}
article.fond-couleur-vive h1, article.fond-couleur-vive h2, article.fond-couleur-vive h3, article.fond-couleur-vive h4, article.fond-couleur-vive h5, article.fond-couleur-vive p, article.fond-couleur-vive ul, article.fond-couleur-vive a  {
  color: #FFF;
}

article.fond-couleur-texte a:hover, article.fond-dominante1 a:hover, article.fond-dominante2 a:hover, article.fond-couleur-vive a:hover {
  color: #ffffff;
}

article.fond-degrade-gris {
  margin: 1em 1em 0.5em 1em;
  padding-top:0.2em;
  padding-bottom:0.5em;
  border-radius:1em;
  background-image: linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  background-image: -webkit-linear-gradient(to bottom,#e7e7e7,#bbbbbb);
  width:auto;
}

article.fond-degrade-gris h1, article.fond-degrade-gris h2, article.fond-degrade-gris h3, article.fond-degrade-gris h4, article.fond-degrade-gris h5, article.fond-degrade-gris p, article.fond-degrade-gris ul, article.fond-degrade-gris a  {
  color: #4c4c4c;
}

/*=article filet-gauche =*/
article.filet-gauche-couleur-texte {
  border-left: thin dotted #4c4c4c;
  margin-left: 1.3em;
  margin-right: 1.3em;
  width:auto;
}

article.filet-gauche-couleur-texte h2 {
  font-size: 1em;
  font-weight: bold;
  background-color: #4c4c4c;
  color: #ffffff;
  margin: 1em 0 0.5em 0;
  max-width: 100%;
  padding: 0.1em 0.1em 0.1em 0.5em;
  border:none;
}
article.filet-gauche-dominante1 {
  border-left: thin dotted #457b3d;
  margin-left: 1.3em;
  margin-right: 1.3em;
  width:auto;
}
article.filet-gauche-dominante1 h2 {
  font-size: 1em;
  font-weight: bold;
  background-color: #457b3d;
  color: #ffffff;
  margin: 1em 0 0.5em 0;
  max-width: 100%;
  padding: 0.1em 0.1em 0.1em 0.5em;
  border:none;
}
article.filet-gauche-dominante2 {
  border-left : thin dotted #0066cd;
  margin-left: 1.3em;
  margin-right: 1.3em;
  width:auto;
}
article.filet-gauche-dominante2 h2 {
  font-size: 1em;
  font-weight: bold;
  background-color: #0066cd;
  color: #ffffff;
  margin: 1em 0 0.5em 0;
  max-width: 100%;
  padding: 0.1em 0.1em 0.1em 0.5em;
  border:none;
}
article.filet-gauche-couleur-vive {
  border-left: thin dotted #e73950;
  margin-left: 1.3em;
  margin-right: 1.3em;
  width:auto;
}
article.filet-gauche-couleur-vive h2 {
  font-size: 1em;
  font-weight: bold;
  background-color: #e73950;
  color: #ffffff;
  margin: 1em 0 0.5em 0;
  max-width: 100%;
  padding: 0.1em 0.1em 0.1em 0.5em;
  border:none;
}
/*--- custom news detail ---*/
.news-single .article h3 {
    margin-bottom: 0;
    font-size: 1.5em;
}

.news-single .article .teaser-text {
    margin: 0 0 10px 0;
    font-weight: bold;
}

/*------------bug Given file is not a valid file----------------*/

.news-related-files-size {
  display:none !important;
}
.news-related ul li span {
border-right: none!important;
}


/*---------------Page agenda du recteur -----------------*/

#recteur-jour {
  background-color:#457b3d;
  float:none;
  width:100%;

}
#recteur-jour p {
  color:#fff;
  font-size:1.1em;
  line-height:2rem;
  vertical-align:middle;
}
#recteur-jour span.recteur-jour-du-mois {
  font-size:2em;
  font-weight:bold;
  margin-left:0.5em;
  line-height:2rem;
  vertical-align:middle;
}
#recteur-evenements {
  background-color:#fff;
  float:none;
  border: 1px solid #457b3d;
  width:100%;
  margin-bottom:0.5em;
}
#recteur-evenements span.recteur-horaire {
  color:#457b3d;
  font-weight:bold;
}




.recteur-jour {
  background-color:#457b3d;
  float:none;
  width:100%;

}
.recteur-jour p {
  color:#fff;
  font-size:1.1em;
  line-height:2rem;
  vertical-align:middle;
}
.recteur-jour span.recteur-jour-du-mois {
  font-size:2em;
  font-weight:bold;
  margin-left:0.5em;
  line-height:2rem;
  vertical-align:middle;
}
.recteur-evenements {
  background-color:#fff;
  float:none;
  border: 1px solid #457b3d;
  width:100%;
  margin-bottom:0.5em;
}
.recteur-evenements span.recteur-horaire {
  color:#457b3d;
  font-weight:bold;
}




/**************************  
	min-width: 922px
**************************/
@media only screen and (min-width: 922px) {


	#recteur-jour { width:20%;	}
	#recteur-evenements {  width:75.5%;	}
	#left-content_fullwidth-column-top p.bodytext{
		line-height: 1.3em;
		margin-left: 1em;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	  word-wrap: break-word;

	}
	
	.filet-gauche-dominante1 p.bodytext,
	.filet-gauche-dominante2 p.bodytext,
	.filet-gauche-couleur-vive p.bodytext,
	.filet-gauche-couleur-texte p.bodytext,
	p.couleur-vive,{
		margin-left: 0.5em;
	}
	  
	.left-content_left-column, .csc-textpic-text, .bodytext{ margin-left: 0.5em;}


}



 
/**************************  
	min-width: 531px
**************************/
@media only screen and (min-width: 531px) {

	/*  liste pictos-c'est pratique -----------------*/
	ul.mosaique-pictos li a span {	height:3em;	}

	ul.mosaique-pictos {
	  margin-left:auto;
	  margin-right:auto;
	  height:auto;
	}
	ul.mosaique-pictos li {	  width:33%;	}
	/* Page agenda du recteur -----------------*/

	#recteur-jour {
	  float:left;
	  width:30%;
	  height:4em;
	  margin-left:2%;
	}

	#recteur-evenements {
	  float:left;
	  min-height:6em;
	  width:65.5%;
	}
	#recteur-jour span.recteur-jour-du-mois {  float:right;	}  
	
	
	.recteur-jour {
	  float:left;
	  width:30%;
	  height:4em;
	  margin-left:2%;
	}

	.recteur-evenements {
	  float:left;
	  min-height:6em;
	  width:65.5%;
	}
	.recteur-jour span.recteur-jour-du-mois {  float:right;	}  
	
}