@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: my_font;
	src: url('polices/titillium/titillium_regular.otf'),
		 url('polices/pt_sans/PTS55F.ttf');
}


html,body {
	width:100%;height:100%;
	margin: 0px;padding:0px;
	overflow:hidden;	/*désactiver pendant le debug*/
	font-family:my_font, Arial;
}

#conteneur_pages{
	position:absolute; 		/*influence dimensions de ses div internes*/
	width:100%;				/*pour servir de référence aux pages*/
	height:100%;			/*le débordement des pages est prévu*/
	overflow:visible; 		/* on maintient la valeur par défaut*/
	top:0%;
	transition:0.8s;
}

#outer1, #outer2, #outer3, #outer4,  #outer5 {
	width: 100%;
	height: 100%; 	/*par rapport au conteneur body qui fait 100%*/
	transition:1s;
	overflow: hidden;
	background-color:#F3F3FF;
}

.inner{
width: 80%;height: 100%;	/* par rapport à son conteneur outer*/
position:relative;
top:-1px;					/* pour compenser 1px de padding-top */
background-color:#FFF;
margin-top:0px;margin-bottom:0px;
margin:auto;
padding:0px;
padding-top:1px;			/* provoque une dimension plus grande que son conteneur */
padding-bottom:1px;			/* et sécurise le pb de fusion des marges parents/enfants */
overflow:hidden;
}

.central{
height:70%;
width:90%;
background-color:#FFFFE8;
position:absolute;
top:15%;
left:5%;
padding:1px;
border:  3px solid black;
border-radius:3px;
margin-left:-4px;	/* pour compenser border-left et padding-left*/
margin-top:-4px;	/* pour compenser border-top padding-top*/
overflow:auto;
}

.contenu{
margin:5px 15px 5px 15px;
}



h1{
font-size:20px;
margin-top:25px;
margin-bottom:5px;
padding-top:2px;
padding-bottom:2px;
text-transform:uppercase;
color:#007;
}

#titre_cansat
{
width:200px;
display:inline-block;

}

p, ul{
margin:5px;
}

nav {
	position: fixed;
	top: 10px;
	left: 14%;
	z-index: 999; /* grande valeur pour la garder au dessus */
	/*text-align:center;*/
}

nav h6 {
	cursor:pointer;
	font-size:14px;
	text-transform: uppercase;
	display:inline-block;
	margin:5px;
	padding:4px 15px;
	border:  1px solid #222;
	border-radius:3px;
}

nav h6:hover {
	background-color:#222;
	color:#eee;
	transition:0.5s;
}

#to_page1{
	margin-left:0px;
	font-size:18px;
}

li a:hover{
font-weight:bolder;
transition:0.3s;
}

.simple_ul{
list-style-type:circle;
list-style-image : url(logo_inraci_14px.png);
}
.simple_ul .li1{
display:inline-block;
width:250px;
}

.simple_ul .li2{
display:inline-block;
width:30px;
text-align:center;
}

.simple_ul li a{
text-decoration:none;
color:#00B;
}

.simple_ul li a:hover{
font-weight:bolder;
transition:0.3s;
}

footer{
	position:fixed;
	bottom:0px;
	height:20px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
	background-color:rgba(176,176,176,0.5);
	text-align:center;
	}