/************************************************************/
/*DOCTYPE css 2.1 avec recommandation //W3C//DTD XHTML 1.0 */
/*Refonte du 01/10/2020                                   */
/*Styles globaux de la page 						     */
/********************************************************/


/***************************************************/
/* Définition des ascenceurs                      */
/**1**********************************************/
html::-webkit-scrollbar {
	width: 1rem;
	background-color: rgba(244,204,136,0.85); 
}

html::-webkit-scrollbar-thumb {
	background: #2f2b21; 
}

html::-webkit-scrollbar-button {
	background: #999999; 
}


/***************************************************/
/* Définition des sélecteurs de classe <class=>   */
/*1***********************************************/
.bodyp	{
	background-color: white;
	text-align: center;
	text-decoration: none;	
	font-family: MyriadPro, MyriadPro-Regular;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
}


/*****************************************************/
/* Définition des sélecteurs de identificateur <id=>*/
/*1*************************************************/
#body_container	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

/*2***********************************************/
#body_gauche {
	position: absolute;
	top: 0px;
	width: 0px;
	height:0px;
	visibility: hidden;
	transition: transform 0.5s ease,opacity 0.5s ease,visibility 0.5s ease;
	transition-property: transform, opacity, visibility;
	transition-duration: 0.5s, 0.5s, 0.5s;
	transition-timing-function: ease, ease, ease;
	transition-delay: 0s, 0s, 0s;
}
	
/*3***********************************************/
#body_droit {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;
/*	-webkit-transition: transform 0.5s ease,opacity 0.5s ease,visibility 0.5s ease;
	-webkit-transition-property: transform, opacity, visibility;
	-webkit-transition-duration: 0.5s, 0.5s, 0.5s;
	-webkit-transition-timing-function: ease, ease, ease;
	-webkit-transition-delay: 0s, 0s, 0s;
	-o-transition: transform 0.5s ease,opacity 0.5s ease,visibility 0.5s ease;
	-o-transition-property: transform, opacity, visibility;
	-o-transition-duration: 0.5s, 0.5s, 0.5s;
	-o-transition-timing-function: ease, ease, ease;
	-o-transition-delay: 0s, 0s, 0s;*/
	transition: transform 0.5s ease,opacity 0.5s ease,visibility 0.5s ease;
	transition-property: transform, opacity, visibility;
	transition-duration: 0.5s, 0.5s, 0.5s;
	transition-timing-function: ease, ease, ease;
	transition-delay: 0s, 0s, 0s;
}
@media screen and (min-width: 950px) {
	#body_droit {
		left: 0px !important;
		transform : translate(0px) !important;
	}
}