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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, canvas, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* fin du reset ///////////////////////////////////////////////////////////////*/

/*//// les polices/////*/

@font-face{
	font-family:'Edwar';
	src:url('../img/site/typo/ITCEDSCR/ITCEDSCR.eot');
	src:url('../img/site/typo/ITCEDSCR/ITCEDSCR.otf') format('truetype'),
		url('../img/site/typo/ITCEDSCR/ITCEDSCR.woff') format('woff'),
		url('../img/site/typo/ITCEDSCR/ITCEDSCR.eot?#iefix') format('embedded-opentype'),
		url('../img/site/typo/ITCEDSCR/ITCEDSCR.svg?#EdwardBold') format('embedded-opentype');

		font-weight:normal;
		font-style:normal;
}


@font-face{
	font-family:'Poor';
	src:url('../img/site/typo/POORICH/POORICH.eot');
	src:url('../img/site/typo/POORICH/POORICH.otf') format('truetype'),
		url('../img/site/typo/POORICH/POORICH.woff') format('woff'),
		url('../img/site/typo/POORICH/POORICH.eot?#iefix') format('embedded-opentype'),
		url('../img/site/typo/POORICH/POORICH.svg?#PoorBold') format('embedded-opentype');

		font-weight:normal;
		font-style:normal;
}

/*//// la mise en forme/////*/

#site {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;

}

/*menu-top*/

#menu-top{
	height:11%;
	width:74%;
	padding-left:1%;
	background-color:black;
	float:left;
	margin-bottom: 1%;

}

#menu-top-ul{
	margin-top:1%;
	height:90%;


}



#menu-top ul li{
	display:block;
	margin-right:1%;

	height:98%;
	width:24% ;
	background-color:#0A4D32;

	float:left;
	border-bottom-style:solid;
    border-width: 2px;


}

#connexion{
	border-radius : 50%;
	}


/* Sous menu-top */

/* //style général*/

h3{
	text-align:right;
	padding-right:10%;

}

/* //style caché*/

#menu-top ul li ul{
	visibility:hidden;
}


#finlistmenu {
	visibility:hidden;
}


/* //style visible*/

#menu-top ul li:hover ul{
	visibility:visible;
	background-color:#0A4D32;
	margin-top : 0%;

	padding-top: 1%;
	overflow:scroll;

	max-height: 700%;

	position:relative;
	z-index:1;
}

#menu-top ul li:hover ul li{
	visibility:visible;
	float:none;
	height:auto;
	width:100%;
}

#menu-top ul li:hover ul li:last-child{
	border-bottom-color:#FFF;
	border-bottom-style:solid;
    border-width: 2px;

}

#menu-top ul li:hover #finlistmenu{
	visibility:visible;
	 border-top-style:solid;
    border-width: 3px;

	visibility:visible;
	position:relative;
	z-index:1;
}

#menu-top ul li ul li:hover {
	background-color:#297B55;
}







/*menu-left*/

#menu-left{
	height:100%;
	width:25%;
	float:left;
	background-image:url(../img/site/recherche.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#loupe{width: 80%;
	margin-left: 10%;
	margin-top:6%;}

#menu-left a{
	display:block;
}

#menu-left a img{
	width:100%;
	height:100%;
}


/*trouver*/


#boutonafficheformrecherche{
	height:5%;
	width: 24%;

	margin-top:4%;
	margin-left:38%;

	background-image:url(../img/site/loupe.png);
	background-size:contain;
	background-repeat:no-repeat;

}

/*résultat*/

#resultat{
	height:50%;
	width:80%;

	margin-top: 24%;
	margin-left:10%;
}


#titreresultat{
	text-align: center;

}


#resultat ul{
	height:80%;
	width:100%;
	overflow:auto;
	}


#resultat ul li{
	text-align:center;
	background:#FFF;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-top: 2%;
	border-radius: 25px;
	overflow:hidden;
}


#resultat ul #titreniveau{
	background-color: #000;
	color:#FFF;
	border-radius: 10px;
}

#resultat ul #resultrepere{
	color:#FFF;
	background:#000;
}



/*formulaire*/


#formulaire{
	display:none;

	height:48%;
	width:80%;

	background-image:url(../img/site/serpentinerecherche_03.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-top: 24%;
	margin-left:5%;

	padding-top: 5%;
	padding-left: 10%;
	}



#formulaire div:first-child{
	height: 7%;
	width: 90%;
	background-color: #fff;
	margin-top:0%;
	overflow:scroll;

}



#formulaire div{
	height: 7%;
	width: 90%;
	overflow:scroll;
	background-color: #FFF;
	margin-top:12%;


}


#formulaire div:last-child{
	width:70%;
	height: 10%;
	margin-left: 10%;
	padding-top: 4%;
	border-radius: 10px;
}


#formulaire img{
	float:left;
	height:100%;
	border-right:solid 2px #000;

}


#formulaireul{
 display:none;
}

#formAfficheUl{
	display:inherit;
	background-color:#fff;
	height:auto;
	max-height:600%;
	overflow:scroll;

}

#formAfficheUl li{
	border-bottom:#000 solid 1px;
}

#formAfficheUl li:hover{
	background-color:#297B55;
}

/*vidéo*/

#video{
	margin-left:27%;
	padding-top:12%;
	width:70%;
	height:85%;
}

#titrevideo{
	width:100%;
	height:15%;
	background-image:url(../img/site/toto.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#titrevideo div{
	float:left;
	height: 30%;
}

#titrecav{
	padding-top:1%;
	width:26%;
	margin-left:7%;
}

#titreche{
	padding-top:1%;
	width:27%;
	margin-left:6%;
}

#titredat{
	padding-top:1%;
	width:28%;
	margin-left:6%;
}

#titreniv{
	padding-top:1.5%;
	width:38%;
	margin-left:13%;
	}
#titreclu{
	padding-top:1.5%;
	width:38%;
	margin-left:5%;
	}

video{
	margin-top:5%;
	background-color:#000;
	border-radius: 15px;
	width: 100%;
}