#division-generale{
	overflow: hidden;
}

/* Section entete */
.titre-ebureau {
		display: block;
	}
	
	.titre-mobile{
		display: none;
	}

.entete{
	
	width: 100%;
	position: relative;
}


.logo-contenu{
	
	position: absolute;
	top:120px;
	right: 50%;
    transform: translateX(50%);
	z-index: 2;
		
		
		
}

.video-contenu{
	position: absolute;
	bottom:-35%;
	right: 50%;
    transform: translateX(50%);
	z-index: 2;
	width: 100%; 
	max-width: 1000px
	
}


.img-bg{
	
	background-image: url("../images/bg-entete-1920.jpg");
	background-size: cover;
		
	height:839px;
	background-position: center;
		
}


/* Fin Section enetete */






/* Section enetete description */


.entete-description{
	
	
	padding:450px 0 20px 0;
	
}

/* Fin Section enetete description */

/* Section activites */

.activites{
	background: #0A2955;
	
	padding:120px 0 80px 0;
	
}

.activites .titre-description h1 {
	
	color:#FFFFFF;
}


.activites .titre-description p {
	
	color:#FFFFFF;
	max-width: 100%;
}

.activites .cartes h3{
	font-size: 30px;
	color:#FFFFFF;
	font-weight: bold;
	
}

.activites .cartes p{
	font-size: 18px;
	color:#FFFFFF;
	font-weight: 500;
	height: 320px;
	max-width: 100%;
	
}
.activites .cartes {
	
	display: flex;
	justify-content: space-between;
	padding: 80px 0;
}

.activites .cartes .carte{
	display: flex;
	flex-direction: column;
	width: 480px;
    padding: 70px 43px 50px 44px;
	border: 4px solid #F0A46A;
	border-radius: 40px;
}

.activites .cartes .carte:last-child{
border:4px solid #93C6B9;
}

.activites .cartes .btn-savoirplus {
	
	margin:auto auto 30px 0;
	color:#fff;
	max-width: 220px;
}

.activites .cartes .btn-savoirplus a{
	
	display:flex;
	justify-content: center;
	align-content: center;
	color: #FFFFFF;
	text-decoration: none;
	border: 4px solid #F0A46A;
border-radius: 40px;
	padding:15px 30px; 
	width: 100%;
	font-weight: 600;
	font-size: 18px;
}

.activites .cartes .carte:last-child .btn-savoirplus a {
	border:4px solid #93C6B9;
}



/* Fin Section activites */


/* Section Outils 

.outils{
	padding-top: 120px;
	overflow: hidden;
}

.outils .titre{
	position: relative;
}

.outils .titre .bulle-orange{
	position: absolute;
	z-index: -1;
	top:-350px;
	left:-925px;
}

.outil {
	
	display: flex;
	margin:40px 0 40px 0;
	justify-content: space-between;
	
}


.outil:nth-child(2) .colonne-droite {
	order:-1;
	margin-left:0;
	 
	    margin-right: 55px;
}

.outil .colonne-droite {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	max-width:380px;
    margin-right: 60px;
	margin-left: 0;
}

.outil:nth-child(2) .colonne-gauche {
	
	margin-left:0;
	margin-right: 0;
	
	
}

.outil  p{
	max-width: 400px;
	font-size: 18px;
	margin-bottom: 20px;
}

.outil  h3{
	
	font-size: 30px;
	font-weight: bold;
	color:#0A2955;
}

.outil .btn-savoirplus a{
	
	display:flex;
	align-items: center;
	justify-content: center;
	color: #0A2955 !important;
	text-decoration: none;
	border: 4px solid #0A2955;
    border-radius: 40px;
	padding:15px 30px;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
.outil .btn-savoirplus {
	
	
	margin-right: auto;
}

.outil .colonne-droite {
	margin-left: 3rem;
}



	
	.outil .colonne-gauche{
		
		margin-left: 6rem;
	}

.outil .colonne-droite .img-contenu-outils img{
	
	width:100%;
	height: auto;
	
}

/* Fin Section Outils */


/* Section Outils */

.outils{
	padding:0 0 40px 0;
	overflow: visible;
}



.section-enseignant .titre {
		position: relative;
	}


.section-enseignant .titre .bulle-orange{
	position: absolute;
    z-index: -1;
    transform: scaleX(-1);
    left: -967px;
    top: -299px;
   
	
}
.section-enseignant .titre .bulle-orange .a{
    fill: #faddb1;
  opacity: 0.235;
	
}

.outil {
	
	display: flex;
	
	justify-content: space-between;
	align-items: center;
}


.outil:nth-child(2) .colonne-droite {
	order:-1;
	margin-left:0;
	 
	    margin-right: 55px;
}

.outil .colonne-droite {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	max-width:480px;
	margin-right: 20px;
	margin-left: 0;
}

.outil:nth-child(2) .colonne-gauche {
	
	margin-left:0;
	margin-right: 0;
	
	
}

.outil  p{
	max-width: 400px;
	font-size: 18px;
	margin-bottom: 20px;
}

.outil  h3{
	
	font-size: 30px;
	font-weight: bold;
	color:#0A2955;
}

.outil .btn-savoirplus a{
	
	display:flex;
	align-items: center;
	justify-content: center;
	color: #0A2955 !important;
	text-decoration: none;
	border: 4px solid #0A2955;
    border-radius: 40px;
	padding:15px 30px;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
.outil .btn-savoirplus {
	
	
	margin-right: auto;
}

.outil .colonne-droite {
	margin-left: 3rem;
}



	
	.outil .colonne-gauche{
		
   	
		display: flex;
   		 flex-direction: column;
		/* Modification d'affichage colonne gauche à droit */
		/* margin-left: 3rem; */
		 order: 1;
	}

.outil .colonne-droite .img-contenu-outils img{
	
	width:100%;
	height: auto;
	
}

/* Fin Section Outils */




/* Section Ressources*/


.ressources{
	
	padding-top:110px;
	overflow: hidden;
}

.ressources .titre {
	
	position: relative;
	padding-bottom: 20px;
}



.ressources .titre .bulle-turquoise {
	
	position: absolute;
	left: 460px;
	top:-80px;
	z-index: -1;
	
}

.ressource {
	
	
	display: flex;
	border-bottom: 4px solid #0A2955;
	padding: 40px 0;
}



.ressource:last-child {
	
	
	
	border-bottom:none;
	padding-bottom: 180px;
	
}
.ressource .btn-savoirplus{
	
	margin-top:40px;
	margin-left: auto;
	
}

.ressource .titre-description {
	
	width:70%;
}

.ressource .titre-description h3 {
	
	font-weight: bold;
	color: #0A2955;
	font-size: 24px;
}


.ressource .btn-savoirplus{
color:#fff;
}


.ressource .btn-savoirplus a{
	
	display:flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background:rgba(10, 41, 85, 1) ;
	text-decoration: none;
    border-radius: 40px;
	padding:20px 30px;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
}


/* Section Enseignant*/

.section-enseignant-contenu{
	display: flex;
	justify-content: space-between;
	margin: 130px 0 130px;
	align-items: center;
	
}

.section-enseignant-contenu .colonne-gauche{
  max-width: 450px;
	display: flex;
	flex-direction: column;
}

.section-enseignant-contenu .colonne-gauche h3{


	font-size: 30px;
	font-weight: bold;
	color:#0A2955;

}

.section-enseignant-contenu .colonne-gauche p{

	max-width: 400px;
	font-size: 18px;
	margin-bottom: 20px;

}

.btn-explorer{
	color: #0A2955;
	border: 4px solid #0A2955;
border-radius: 40px;
opacity: 1;
	font-size: 18px;
	font-weight: bold;
	margin-right: auto;
}

.btn-explorer a{
	display: flex;
    justify-content: center;
    align-items: center;
    color: #0A2955 !important ;
    text-decoration: none;
    border-radius: 40px;
    padding: 15px 36px;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
}

.btn-explorer:hover{
	background: rgba(10, 41, 85, 1);
	
}
.btn-explorer:hover a{
	
	color: #fff !important;
}




.section-enseignant-contenu .colonne-droite .img-contenu{
	
	border-radius:50%;
	overflow: hidden;
	position: relative;
		width:485px;
	 height: 485px;
	  
	
}

.section-enseignant-contenu .colonne-droite .img-contenu img{
	
	
	position: absolute;
	top:0;
	
	width: 100%;
}

/* Fin Enseignant*/

/* Fin Section Ressources*/


@media only screen and (max-width: 1400px){
	
	.img-bg{
	
	background-image: url("../images/bg-entete.jpg");
	background-size: cover;
	background-position: top;
	
		
}
	
}





@media only screen and (max-width: 1024px) {
  /* 768px */
	
	
	.img-bg{
	
	background-image: url("../images/bg-entete-mobile.jpg");
	
	height:575px;
		
}
	
	
	.video-contenu{

	bottom:-30%;
	
		
}
	
	/* Section activtes mobile */
	
	.activites .titre-description p {
		
		
		max-width: 100%;
	}
	
	
	.activites .cartes{
		align-items: center;
		flex-direction: column;
		padding: 40px 0;
		
	}
	.activites .cartes .carte {
		
		max-width: 400px;
			    padding: 40px 30px;
	}
	
	

	.activites .cartes .carte p{
		
		height: auto;
		font-size:16px !important;
	}
	
	.activites .cartes .carte:first-child{
		margin-bottom: 30px;
	}
	.activites .cartes .btn-savoirplus {
		
		margin:40px 0 20px 0;
	}
	/* Fin Section Activtes Mobile */
	
	
	
	
	/* Section Outils mobile */
	
	
	.outils {
		padding-top:30px;
	}
	
	.outil .colonne-gauche .img-contenu-outils{
		
		max-width: 400px;
		margin-left: 0;
	}
	
	/* Section enseignant mobile */
	
	.section-enseignant-contenu {

    margin: 15px 0 100px;
  
}
	
	/* fin Section Outils mobile */
	
	.outil .colonne-gauche{
		
		margin-left: 0;
		order: -1;
	}
	
	
	.outil {
		
		flex-direction: column;
		align-items: center;
		margin: 15px 0 60px 0;
	}
	
	.outil .colonne-droite {
	order:-1;
	margin-left:0;
	margin-right: 0;
	
}
	
	.outil:nth-child(2) .colonne-droite {
    order: -1;
    margin-left: 0;
    margin-right: 0;
}
	
	.outil .colonne-droite {
		
		margin:20px 0 20px 5px;
	}
	
	.ressource {
		flex-direction: column;
		    padding: 60px 0;
	}
	

	.ressources{
		
		
	}
	.ressource .btn-savoirplus {
    margin-left: 0;
		margin-right: auto;
}
	
	.ressource .titre-description {
    width: 100%;
}
	
	
	
	/* Fin Section Outils mobile */
	
	.logo-contenu {
	max-width: 250px;
		width: 100%;
		top:80px;
}

.logo-contenu img{
	width: 100%;
}
	
	.img-bg {
		
		height: 670px;
   
}
	
	.video-contenu{
	position: absolute;
	bottom:-25%;
	right: 50%;
    transform: translateX(50%);
	z-index: 2;
	width: 95%;
		
}
	
	.video-contenu iframe {
		
		height: 335px;
	}
	
	.entete-description {
    padding: 240px 0 80px 0;
}
	
	.entete-description h2 {
		
		font-size:24px;
	}
	/* Section activtes mobile */
	
	.activites {
    
    padding: 80px 0 80px 0;
}
	
	
	.activites .titre-description p {
		
		
		max-width: 100%;
	}
	
	
	.activites .cartes{
		align-items: center;
		flex-direction: column;
	}
	
	.activites .cartes .carte {
	border: 3px solid #F0A46A;
	border-radius: 20px;
	padding: 40px 43px 20px 44px;
	}
	.activites .cartes .carte:last-child {
	border:3px solid #93C6B9;
	border-radius: 20px;
	}
	
	.activites .cartes .carte:first-child{
		margin-bottom: 30px;
	}
	
	.activites .cartes  h3 {
		font-size:26px;
	}
	
	
	/* Fin Section Activtes Mobile */
	
	
	/* Section Outils mobile */
	.outil .colonne-droite h3 {
		font-size:24px;
	}
	
		.section-enseignant .titre .bulle-orange{
	    position: absolute;
  	  	z-index: -1;
		left: -219px;
		top: -33px;
  	    left: -300px;
  	    width: 822px;
			
			
	
		
}
	.ressources .ressources-description {
	display: none;
}
	.ressources .titre .bulle-turquoise {
	
	position: absolute;
	left: 70px;
	top:-285px;
	z-index: -1;
	width:550px;
	
}
	
	.outil .colonne-droite .img-contenu-outils{
		
		max-width: 320px;
	}
	
	
	.titre-ebureau {
		display: none;
	}
	
	.titre-mobile{
		display: block;
	}
	
	/* Fin Section Outils mobile */
	
	
	.section-enseignant-contenu .colonne-gauche h3{


	font-size: 24px;
	

}
	
	
		.section-enseignant-contenu  {



		flex-direction: column;
    align-items: center;
    

}
	.section-enseignant-contenu .colonne-droite .img-contenu{
	
		width:320px;
	 height: 320px;
		margin:20px 0 20px 0;
	  
	
}

.section-enseignant-contenu .colonne-gauche {


	order:3;
	

}
	
	
	
	
	
	
	.ressource .titre-description h3 {
		font-size:20px;
	}
	
	/* fin 768px */
}


@media only screen and (max-width: 600px) {
  /* 600px */

	/* Section activtes mobile */
	
	.activites .titre-description p {
		
		
		max-width: 100%;
	}
	
	
	.activites .cartes{
		align-items: center;
		flex-direction: column;
	}
	.activites .cartes .carte {
		
		max-width: 335px;
		width: 100%;
			    padding: 30px 30px;
	}
	
	.activites .cartes .carte p{
		
		height: auto;
	}
	
	.activites .cartes .carte:first-child{
		margin-bottom: 30px;
	}
	.activites .cartes .btn-savoirplus {
		
		margin:40px 0 20px 0;
	}
	/* Fin Section Activtes Mobile */
	
	
	
	/* Fin Section Outils mobile */
	
	
	
	/* fin 600px */
}