body{background-color:white;}
.page{
    width:1000px;
	margin:auto;
	font-size:16px;
	font-family: source sans pro, calibri,tahoma,sans-serif;
	color:grey;
	padding : 10px 40px 40px 40px;
	border:5px;
	border-radius:10px;
	box-shadow:2px 4px 3px grey;
	background-color:#F5F5F5;
}

/* parametres de l'entete */
header{
	height:130px;
	padding-top:10px;
	margin:0px;
}
.headerGauche{
	margin-left:0px;
	margin-top:10px;
	float:left;
	width:170px;
}
.headerDroite{
	text-align: center;
	margin-top:10px;
	margin-right:10px;
	width:830px;
}
.photo{
	margin-top:20px;
}
/* parametres du menu */
nav{
	z-index:10;	
	width:100%;
	height:60px;
	background-color:#F5F5F5;/*#F5F5F5*/
}

#menuGeneral{
	margin-top:0px;
	text-align: center;
}
#menuGeneral li{
	display:inline;
	list-style: none;
}
#menuGeneral a{
	font-size:1.3em;
	color: #ed7f0e;
	padding-bottom: 1%;
	display:inline-block;
	margin: 0 5%;
	text-decoration: none;
	margin-top:10px;
}

#menuGeneral a:hover{
    color: #760001;
    border-bottom: 3px solid #fdd718;
/*	width:100%;*/}


#navigationMenu{
	margin-top:0px;
	text-align: center;
}
#navigationMenu li{
	display:inline;
	list-style: none;
}
#navigationMenu a{
	font-size:1.3em;
	color: #3A5998;
	padding-bottom: 1%;
	display:inline-block;
	margin: 0 5%;
	text-decoration: none;
	margin-top:10px;
}

#navigationMenu a:hover{
    color: #760001;
    border-bottom: 3px solid #3A5998;
/*	width:100%;*/
}

.menuFixe{
	position: fixed;
	top:5px;
	border:5px;
	border-radius:10px;
	box-shadow:1px 4px 3px #3A5998;
	width:1000px;
}


    footer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      position: fixed;
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 1000px;
      height: auto;
      text-align: center;
      margin: auto;
      border-radius: 10px;
      box-shadow: 2px 2px 4px 3px #3A5998;
      background-color: #F5F5F5;
      padding: 10px;
    }
    footer a.lien {
      margin: 5px;
      display: flex;
      align-items: center;
    }
    footer a.lien img {
      margin-right: 5px;
    }
    @media (max-width: 600px) {
      footer {
        flex-direction: column;
        padding: 10px;
      }
      footer a.lien {
        margin: 10px 0;
      }
    }

/*VIDEO*/
.cropvideo{
    width: 1000px;
	height: 560px;
    overflow:hidden;
    display:block;

}
#glass{
    margin-left: 0px;
}


/*GESTION*/
.briques {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 20px;
	padding: 20px;
  }
  .brique {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
  }
  .brique img {
	max-width: 100%;
	height: auto;
  }

  
  
  
  @media (max-width: 768px) {
	.briques {
	  grid-template-columns: 1fr;
	}
  }

/* parametres articles */

aside, article {
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}
 
.articleInformation
{
	float:right;
}
 
.asideInformation
{
    width: 750px;
}

/* parametres section */
.section{
  margin-bottom:5px;
  text-align:justify;

}

.section:hover{
	color:black;
}



.asideGauche{
    position: relative;
    width: 230px;
	margin-left:5px;
	
}
.articleDroite{
	width:750px;
}
#formatGauche p{
	margin-bottom:50px
}
.duree{
	font-weight: normal;
	font-style:italic;
	font-size:17px;
    margin-top:39px;
}
.organisme{
	font-weight: normal;
	font-weight: bold;
	font-size:19px;
}





/*mise en forme du texte*/
strong{
	font-size:26px;
}
h1{
	font-weight:normal;
	  text-align:left;
	  font-size:20px;
	  color:#3A5998;
}
h2{
	  text-align:left;
	  font-size:28px;
	  color:#3A5998;
	  text-transform:uppercase;
	  border-bottom:3px solid #3A5998;

}


#divplus{
display:none;
 border:1px solid black;
}

#divplusA{
display:none;
 border:1px solid black;
}



.titre{
	font-weight:bold;
	font-size:20px;
	padding-bottom:10px;
}

.soustitre {
	list-style-type: disc;
	margin-left: 15px;

	}

.soustitre1 {
	list-style-type: circle;
	margin-left: 25px;
	}
	
.soustitre2 {
	list-style-type: disc;
	margin-left: 15px;

	}

ul {
	margin-top:10px;
}

li {
		margin-bottom:6px;
}
	
.lienInterne{
	position: relative;
	top: -100px;
	z-index:0;
}
.lien{
	text-decoration: none;
	color:#3A5998;
}

/*bouton bas de page*/

	a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#3A5998;
  background:#F5F5F5;
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}

a#cRetour:before{
	 content: "\25b2"; 
	}
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}
/*changement couleur scrollbar*/
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #3A5998;
  outline: 1px solid slategrey;
}

/*bouton voir plus*/
#deroule{
vertical-align: middle;
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#3A5998;
  background:#F5F5F5;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
  	border-radius:10px;
	box-shadow:1px 2px 2px grey;
	background-color:#F5F5F5;
}