html{height:100%;}

/* BODY */
body{height:100%;margin:0;}

.thebody{
	min-height:100%;
	/*DEFAULT SIZE (BORDER BODY)
	 * width:92%;*/
	width:100%;
	border-left:0.1px #000;
	border-right:0.1px #000;
}

/*Centrage de la page/zone */
.marginAuto{margin:auto;}

/* Zone */ 
div{position:relative;}

/* Taille zone */
.size10{width:10%;}
.size20{width:20%;}
.size30{width:30%;}
.size40{width:40%;}
.size50{width:50%;}
.size60{width:60%;}
.size70{width:70%;}
.size80{width:80%;}
.size90{width:90%;}
.size100{width:100%;}

/* Répartition du contenu */
.flex{display:flex;flex-flow:row wrap;}

/* Espace entre les zones */
.space10{width:100%;height:10px;}
.space20{width:100%;height:20px;}
.space30{width:100%;height:30px;}
.space40{width:100%;height:40px;}
.space50{width:100%;height:50px;}
.space60{width:100%;height:60px;}

/* Supp bordures pointiers liens */
*{outline:none;}

/* Header */
.headerTitle{
	padding:34px;
	font-size:42px;
	width:92%;
}

/* Nav */
.menu{
	width:92%;
}

.menu a{text-decoration:none;}

.EspaceAvantSousMenu{
	width:100%;
	height:14px;
}

/* Simple item du nav */
.itemMenu{
	padding:14px 16px;
	cursor:pointer;
	color:white;
} 

.itemMenu:hover{
	background:white;
	color:black;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border: 0px solid #000000;
}

/* Menu déroulant */
.menuDeroulant:hover .sousmenu{display:block;}

.sousmenu{
	display:none;
	position:absolute;
	min-width:160px;
	z-index:1;
	left:0;
}

.sousmenu a:hover{color:#ddd;}

.sousmenuLien{
	padding:8px 4px;
	cursor:pointer;
	background:#E9E9E9;
}

.sousmenuLien:hover{background:#ddd;}

/* PAGE & ARTICLE */
.page{padding:4%;}

.article{	
	margin-top:1%;
	margin-bottom:1%;
}

/* FOOTER */
.footer{
	position:absolute;
	bottom:0;
	width:100%;
}

/* interieur du footer */
.footer_intern{padding:8px 12px;}