#body{margin : 0 auto;overflow-x: hidden;}

::selection{
	background-color: rgba(139, 210, 210,0.94);
	color: whitesmoke;
}


a {
	text-decoration: none;
	cursor: pointer;
}


#wrapcontent a{
	color: black;
}

#wrapcontent a:hover{
	color: white !important;
}

#container a{
	color: rgb(139, 210, 210);
}

#container a:hover{
	text-decoration: underline;
}

img{
	display: block;
	height: auto;
	width: calc(100%);
}

/* CONTAINER IMAGES ET TRANSITON ------------------ */

#container{
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	padding-bottom: 30vh;
	width:99vw;
	left:0;
}

#container p{
	font-family: redaction,'Times New Roman', Times, serif;
	font-size: 1.1rem;
	line-height: 1.25;
	color: rgb(139, 210, 210);
}

#container p em{
	font-family: redaction,'Times New Roman', Times, serif;
	font-style: italic;
}

#colonne01{
	padding-top: 8vh;
	width: 50vw;
}

#colonne01 p{
	padding: 20px 20vw 50px 2vw;
}

#colonne02 p{
	padding: 20px 10vw 20px 12vw;
}

#colonne02{
	padding-top: 8vh;
	position: absolute;
	top: 0;
	width: 49.3vw;
	left: 50vw;
}

#transition{
	line-height: 1.2;
	font-family: in;
	transition: opacity 1.5s;
	font-size: 20vw;
	pointer-events: none;
}

#tr{
	position: fixed;
	bottom: 16.5vw;
	transition: opacity 1.5s;
	left: 3vw;
	opacity: 100;
}

#tr_2{
	position: fixed;
	bottom: -2.5vw;
	transition: opacity 1.5s;
	left: 3vw;
	opacity: 100;
}

#an{
	position: fixed;
	bottom: -2.5vw;
	right: 3vw;
	transition: opacity 1.5s;
	opacity: 100;
}

#an_2{
	position: fixed;
	bottom: 16.5vw;
	right: 3vw;
	transition: opacity 1.5s;
	opacity: 100;
}


#i{
	transition: opacity 1.5s;
	opacity: 0;
	
}


#s{
	position: fixed;
	bottom: -2.5vw;
	left: 3vw;
	transition-delay: .5s;
	transition-duration: 1.5s;
	transition-property: opacity;
	opacity: 0;
}

#t{
	position: fixed;
	bottom: -2.5vw;
	transition: opacity 1.5s;
	left: 3vw;
	opacity: 0;
}

#ions{
	position: fixed;
	bottom: -2.5vw;
	transition: opacity 1.5s;
	right: 3vw;
}

#ons{
	transition: opacity 1.5s;
	opacity: 0;
}


/* gestion header----------------------------------------- */

#fulltitle{display: none;}

#header{
	position: absolute;
	width: 100vw;
	height: 8vh;
	top: 0;
	cursor: pointer;
	left: 0;
}

#date{
	position: absolute;
	top: 2.5vh;
	left: 2vw;
}

#header:hover{
	color: white !important;
	cursor : pointer;
}

#title{
	position: absolute;
	display: block;
	top: 2.5vh;
	right: 2vw;
}

.space{
	margin: 3.5vh;
	opacity: 0;
}

/* gestion CONTENU       ----------------------------------------- */

#wrapcontent{
	position: fixed;
	left: 0;
	font-family: in;
	top: 0;
	width: 100vw;
	transition: height 0.3s;
	background-color: rgba(139, 210, 210, 0.94);
	box-shadow: 0px 5px 5px grey;
	height: 8vh;
	font-size: 3vh;
}

#baseline{
	position: absolute;
	bottom: 3vh;
	left: 2vw;
	width: 88vw;
	display: none;
	line-height: 3.8vh;
}

#allcontent{
	position: absolute;
	left: 2vw;
	top: 12vh;
	height:75vh;
}

#menu{
	display: none;
	line-height: 4.2vh;
	max-width: 90vw; 
}

.mymenu:hover{
	color: white !important;
}

#contenuedito{
	display: none;
	max-width: 50vw;
}

#contenuregard{
	display: none;
	max-width: 50vw;
}

#contenupropos{
	display: none;
	max-width: 50vw;
}

#contenumethode{
	display: none;
	max-width: 50vw;
}

#contenuandea{
	display: none;
	max-width: 50vw;
}

#contenuatelier{
	display: none;
	max-width: 50vw;
	height: 61vh;
	position: relative;
}

.programme_day{
	display: none;
}

.redaction{
	font-family: redaction;
}

.mymenu{
	cursor: pointer;
}

.black{
	color : black !important;
}

.day{
	display: none;
	cursor: pointer;
}

.day:hover{
	color: white !important;
}

.contentseminaire{
	font-family: redaction;
	font-size: 3vh;
	top: 4vh;
	width: 60vw;
	height:65vh;
	overflow-y: scroll;
	padding-right: 50vw;
	position: relative;
}

.contentseminaire em{
	font-style:italic;
}

p{
	margin: 0 auto;
	padding: 0 auto;
}

ul{
list-style-type:none;
  padding: 0;
  margin: 1;
}

.retrait_programme{
	padding-left: 2vh;
	text-indent: -2vh;
	margin: 0;
	margin-bottom: 0;
}

.retrait_credit{
	padding-left: 4vh;
	margin: 0;
	margin-bottom: 0;
}


li {
padding-left: -2vh;
	
}

li::before {
 padding-right: 1.9vh;
  content: "•";
}

.bold{
	text-decoration: underline;
}

.impact{
	font-family: in;
	
}


/*
.mymenu::before{
content: ' \A';
white-space: pre;
}
*/

#logo img{
	display: inline-block;
	height: 50px;
	margin: 0 30px 0 0;
	width: auto;
}

/* Bouton fermeture de la fenetre*/

#closebutton{
	position: fixed;
	top: 92vh;
	height: 8vh;
	display: none;
	left: 0;
	width: 100vw;
	cursor: pointer;
}

#closebutton2{
	position: fixed;
	top: 0vh;
	height: 8vh;
	display: none;
	cursor: pointer;
	left: 0;
	width: 100vw;
}


@media screen and (max-width: 1050px) { 


	#colonne01{
		padding-top: 8vh;
		width: 99vw;
	}

	#colonne01 p{
		padding: 20px 20vw 50px 2vw;
	}

	#colonne02 p{
		padding: 20px 20vw 20px 2vw;
	}


	#colonne02{
		position: relative;
		padding-top: 8vh;
		width: 99vw;
		left: 0;
	}

	/* GEstion fenetre*/

	#header{
		position: absolute;
		width: 98.2vw;
		height: 16vh;
		top: 0;
		cursor: pointer;
		left: 0;
	}

	#date{
		position: relative;
		top: 2.5vh;
		display: block;
		left: 2vw;
	}

	#title{
		position: relative;
		display: block;
		left: 2vw;
	}

	#wrapcontent{
		height: 16vh;
	}

	#allcontent{
		position: absolute;
		left: 2vw;
		top: 18vh;
		height:75vh;
	}

	.contentseminaire{
		height:50vh;
		width: 95vw;
	}

	#contenuedito{
		display: none;
		max-width: 95vw;
	}
	
	#contenuregard{
		display: none;
		max-width: 95vw;
	}

	#contenupropos{
		display: none;
		max-width: 95vw;
	}
	
	#contenuandea{
	display: none;
	max-width: 95vw;
	}

	#contenumethode{
		display: none;
		max-width: 95vw;
	}

	#contenuatelier{
		display: none;
		max-width: 95vw;
		height:43vh;
	}

	#menu {
		max-width: 95vw;
	}
	


}