/* couleur
#AD4D9F
#CC8FC3
*/
html{
	font-family:helvetica,sans-serif;
}
html,
body{
	width:100%;
	height:98.5%;
}
body{
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	background-color:#fff;
}
#screen{
	position:relative;
	width:95%;
	height:93%;
	margin:5px auto auto auto;
	z-index:0;
	border:5px solid #AD4D9F;
	border-radius:10px 10px 0 0;
	box-shadow:10px 10px 35px #000;
	background: whitesmoke;

}
#wrapper{
	position:relative;
	width:98.5%;
	height:87%;
}
#volet{
	position:absolute;
	width:99.5%;
	height:100.1%;
	background-color:red;
	z-index:1;
	margin-top:-5px;
	display:none;
	background: whitesmoke;
}
#nav{
	width:94.8%;
	height:40px;
	position:fixed;
	bottom:3px;
}
#nav #wrappernav{
	width:95%;
	margin:auto;
	text-align:right;
}
#nav #wrappernav ul{
	position:absolute;
	right:0;
	margin-top:0;
	width:16em;
}
#nav #wrappernav li{
	display:inline;
}
#nav #wrappernav #prev{
	position:absolute;
	left:-35px;
	top:6px;
	width:50px;
	height:35px;
	background:transparent;
	border:2px solid transparent;
}
#nav #wrappernav #next{
	position:absolute;
	left:110px;
	top:6px;
	width:50px;
	height:35px;
	background:transparent;
	border:0;
	/*margin-left:4.3em;*/
	border:2px solid transparent;
}
#nav #wrappernav p{
	position:absolute;
	top:-10px;
}
#nav #wrappernav p,
#nav #wrappernav p a{
 color:#ad4d9f;
}
#nav #wrappernav p img{
	vertical-align:middle
}
#nav #wrappernav #toc{
	position:absolute;
	top:7px;
	left:160px;
	width:30px;
	height:30px;
	border:3px solid #ad4d9f;
	border-radius:3px;
	background:url("image/toc.png");	
}
#nav #wrappernav button span,
#nav #wrappernav #cpt span.no{
	position:absolute;
	left:-1000000000px;
}
#nav #wrappernav #Fgo{
	position:absolute;
	top:10px;
	left:20px;
	height:24px;
	/*background:#AD4D9F;*/
	color:#fff;
	border:1px solid #AD4D9F;
	margin:-2px 0 0 0;
	padding:2px 0 2px 2px;
	text-align:left;
}
#nav #wrappernav #Fgo select{
	float:left;
	background:#AD4D9F;
	color:#fff;
	border:2px solid transparent;
	min-width:4em;
	min-height:23px;
}
#nav #wrappernav #Fgo button{
	position:relative;
	background:none;
	padding:none;
	border:0;
	height:29px;
	padding:4px 0 0 0;
	margin:-4px 0 0 0;
	border:2px solid transparent;
}
#nav #wrappernav #Fgo button img{
	position:relative;
	border:2px solid #AD4D9F;
	margin-top:-3px;
}
#nav #wrappernav #prev:focus,
#nav #wrappernav #next:focus,
#nav #wrappernav #toc:focus,
#nav #wrappernav #Fgo select:focus,
#nav #wrappernav #Fgo button:focus{
	border:2px solid yellow;
}
#nav #wrappernav #cpt div{
	position:relative;
	display:inline-block;
}
#nav #wrappernav #cpt #current{
	background-color:#fff;
	color:#AD4D9F;
	height:1.5em;
	padding-top:0.3em;
	margin-top:7px;
	border:1px solid #AD4D9F;
}
#nav #wrappernav #cpt #total{
	background-color:#AD4D9F;
	color:#fff;
	height:1.5em;
	padding-top:0.3em;
	margin-top:5px;
	margin-left:-5px;
	border:1px solid transparent;
}
#nav #wrappernav #cpt span{
	display:inline-block;
	width:3em;
	text-align:center;
}
#logo{
	position:absolute;
	top:3px;
	left:2px;
	z-index:1;
}
header{
	position:fixed;
	width:95%;
	border-bottom:1px solid #000;
	background-color:#fff;
	margin:0 0 0 0;
	border-radius:10px 10px 0 0;
	top:4px;
	border-top:5px solid #AD4D9F;
}
header.masque{
	left:-100000000px;
}
header h1{
	font-size:1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:1px;
	color:#AD4D9F;
}
#wrapper{
	margin-top:53px;
	padding:0.3em;
}
section.slide{
	position:relative;
	width:100%;
	height:100%;
	opacity:0;
}
section.slide h2:first-of-type{
	margin-top:0;
}
#Caudio{
	display:none;
}
#Dcourante{
	position:absolute;
	top:-10000000000px;
}
#sommaire{
	position:absolute;
	display:none;
	top:0;
	right:0;
	width:25em;
	max-height:100%;
	overflow:auto;
	height:100%;
	/*border:2px solid #AD4D9F;*/
	border-radius:5px;
	box-shadow:-10px 0 20px #000;
	z-index:2;
	background-color:#fff;
}
#sommaire #close{
	position:absolute;
	top:3px;
	right:3px;
	width:23px;
	height:23px;
	background:url('image/close_gray.png');
	border:none;
}
#sommaire #close span{
	position:absolute;
	left:-10000000000000px;
}
#sommaire #close:hover,
#sommaire #close:focus{
	background:url('image/close.png');
}
#sommaire h1{
	margin-top:0;
	font-size:1.2em;
	text-align:center;
	border-bottom:1px dashed #AD4D9F;
	padding-bottom:0.3em;
}
#sommaire li button{
	background:none;
	border:none;
}
#sommaire li button:hover,
#sommaire li button:focus{
	color:#AD4D9F;
}
/* Personnalisation */
/* augmenter les tailles de caractère Titre et Corps*/
header h1{
	font-size:100%;
}
#wrapper{
	font-size:150%;
}
/* styler les slides : selecteur #wrapper ou section.slide
pour tous les slides, une classe quelconque pour un slide en particuleir */
#wrapper h2{
	color:#AD4D9F;
	margin-bottom:0;
}
.couv{
	text-align:center;
	margin-top:10%;
}
#wrapper .end{
	position:absolute;
	top:-49px;
	left:3px;
	height:111%;
	text-align:center;
	color:#AD4D9F;
	border-radius:10px;
}
#wrapper .end  h2{
	color:#AD4D9F;
	margin-top:20%;
}