/***************************/
/* STYLE FONT FAMILY       */
/***************************/
@font-face {
    font-family: 'labtopregular';
    src: url('./webfont/labtop__-webfont.eot') format('embedded-opentype'),
         url('./webfont/labtop__-webfont.woff2') format('woff2'),
         url('./webfont/labtop__-webfont.woff') format('woff'),
         url('./webfont/labtop__-webfont.ttf') format('truetype'),
         url('./webfont/labtop__-webfont.svg#labtopregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'labtopbold';
    src: url('./webfont/labtopb_-webfont.eot') format('embedded-opentype'),
         url('./webfont/labtopb_-webfont.woff2') format('woff2'),
         url('./webfont/labtopb_-webfont.woff') format('woff'),
         url('./webfont/labtopb_-webfont.ttf') format('truetype'),
         url('./webfont/labtopb_-webfont.svg#labtopbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'beautiful_creaturesregular';
    src: url('./webfont/beautiful_creatures-webfont.eot') format('embedded-opentype'),
         url('./webfont/beautiful_creatures-webfont.woff2') format('woff2'),
         url('./webfont/beautiful_creatures-webfont.woff') format('woff'),
         url('./webfont/beautiful_creatures-webfont.ttf') format('truetype'),
         url('./webfont/beautiful_creatures-webfont.svg#beautiful_creaturesregular') format('svg');
    font-weight: bold;
    font-style: normal;

}
/***************************/
/* STYLE BLOC MISE EN PAGE */
/***************************/
html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height: 100%;
	display: table;
}
.corps{
	margin:0px;
	width:100%;
	vertical-align: top;
	text-align:center;
	display: table-row;
}
.menu {
	margin:0px;
	width:20%;
	vertical-align: top;
	font-family:"labtopbold";
	font-size:xx-large;
	text-align:center;
	background-position:top;
	display: table-cell;
}
.sous-menu {
	margin:0px;
	width:15%;
	vertical-align: top;
	text-align:center;
	font-family:"labtopregular";
	font-size:xx-large;
	background-color:#669898;
	background-image:url(../images/separateur_sous-menu.png);
	background-repeat:repeat-y;
	background-position:top left;
	display: table-cell;
}
.popup {
	padding:25px 100px 75px 100px;
	background-image:url(../images/bulle.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
}
.separateur_central {
	margin:0px;
	width:1%;
   	height: 100%; 
	vertical-align: top;
	text-align:center;
	background-image:url(../images/separateur_central.png);
	background-repeat:repeat-y;
	background-position:top left;
    display: table-cell;
}
.central {
	margin:1%;
	padding:4%;
	width:62%;
	vertical-align: top;
	text-align:center;
	background-image:url(../images/fond_central.png);
	background-repeat:no-repeat;
	background-position:center;
    display: table-cell;
}

.logo-menu {
	position:relative;
	margin:auto;
	left:0px;
	top:10px;
	height:300px;
	text-align:center;
	background-image:url(../images/logo_menu.png);
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
}
.logo-sous-menu {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	height:255px;
	text-align:center;
	background-position:top;
	clear:both;
}
.element-menu {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#669898;
	background-position:top;
	clear:both;
}
.element-sous-menu {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	background-position:top;
	clear:both;
}
.element-sous-menu-actif {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../images/fond_sous-menu.png);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
}
.pointeur_sous-menu1 {
	position:relative;
	margin:auto;
	height:300px;
	left:0px;
	top:22px;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.pointeur_sous-menu2 {
	position:relative;
	margin:auto;
	height:300px;
	left:0px;
	top:67px;
	text-align:center;
	background-image:url(../images//pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.pointeur_sous-menu3 {
	position:relative;
	margin:auto;
	height: 300px;
	left:0px;
	top:112px;
	text-align:center;
	background-image:url(../images/pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.pointeur_sous-menu4 {
	position:relative;
	margin:auto;
	height: 300px;
	left:0px;
	top:157px;
	text-align:center;
	background-image:url(../images/pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.pointeur_sous-menu5 {
	position:relative;
	margin:auto;
	height: 300px;
	left:0px;
	top:202px;
	text-align:center;
	background-image:url(../images/pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.pointeur_sous-menu6 {
	position:relative;
	margin:auto;
	height: 300px;
	left:0px;
	top:247px;
	text-align:center;
	background-image:url(../images/pointeur_sous-menu.png);
	background-repeat:no-repeat;
	background-position:0 38px;
	clear:both;
}
.element-text {
	clear:both;
	text-align:left;
}
.element-text2 {
	clear:both;
	text-align:right;
}
/***************************/
/* STYLE TEXTE             */
/***************************/
body {
	margin: 0px;
}
A:link, A:visited, A:hover, A:active  {
    text-decoration: none;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	font:inherit;
}
.TITREMENU {
	text-align:center;
	font-family:"labtopbold";
	font-size:300%;
	color:#669898;
}
.TITREPAGE {
	text-align:center;
	font-family:"labtopbold";
	font-size:200%;
	color:#e77203;
}
.SOUSTITRE {
	display: inline;
	vertical-align:middle;
	text-align:left;
	font-family:"labtopbold";
	font-size:xx-large;
	color:#e77203;
}
.TEXTE {
	display: inline;
	vertical-align:bottom;
	text-align:left;
	font-family:"Arial";
	font-size:large;
	color:#000000;

}
.CITATION {
	display: inline;
	vertical-align:bottom;
	text-align:center;
	font-family:"beautiful_creaturesregular";
	font-size:400%;
	color:#e77203;
}
.SIGNATURE {
	display: inline;
	vertical-align:bottom;
	text-align:right;
	font-family:"Arial";
	font-size:large;
	color:#000000;

}
.AGENDA {
	vertical-align:middle;
	text-align:center;
	font-family:"Arial";
	font-size:large;
	color:#669898;
}
.VIDE {
	vertical-align:middle;
	text-align:center;
	font-family:"Arial";
	font-size:large;
	background-color:#8EADAD;
}
.GROUPE {
	vertical-align:middle;
	text-align:center;
	font-family:"Arial";
	font-size:large;
	background-color:#669898;
}
.GROUPEx {
	vertical-align:middle;
	text-align:center;
	font-family:"Arial";
	font-size:large;
}