@charset "UTF-8";
/* Page Moteur & apropos & contact & mentions & credits */
/* 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,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,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, select, option  {
	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;}
footer {margin-bottom: 10px;}
body {
	line-height: 1;
	overflow-x: hidden;
	background-image: url(../img/trame.png);
	background-size: cover;
}

ol,ul { list-style:none;}

/* DEBUT CODE */

body {
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}

#bloc_recherche {
	background-color: #14b5ff;
	width: 1026px;
	height: 43px;
	margin: 1px auto;
}

#bloc_recherche h2 {
	color: #ffffff;
	font-size: 17px;
	text-transform: uppercase;
	margin-left: 205px;
	margin-top: 13px;
}

/* CONTENT */

#content ul {padding: 0;}
#content ul li {float: left;}
#content ul li a {
	display: block;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	margin-left: 20px;
	margin-top: 9px;
	width: 142px;
	cursor: pointer;
}
#content ul li:hover > a {
	color: #00B2FF;
	background-color: #fff;
}
#content ul li:focus > a {
	color: #00B2FF;
	background-color: #fff;
}
#content ul li ul {
	display: none;
	width: 154px;
	border: 1px solid #00B2FF;
	background-color: #FFF;
	position: absolute;
	z-index: 12;
	margin-left: 19px;
	padding-left: 0;
}
#content ul li:hover ul {
	display: block;
}
#content ul li:focus ul {
	display: block;
}
#content ul li ul li a {
	display: block;
	text-decoration: none;
	color: #00B2FF;
	margin: 0;
	cursor: pointer;
}
#content ul li ul li a:hover {
	color: #fff;
	background-color: #00B2FF;
}
#content ul li ul li a:focus {
	color: #fff;
	background-color: #00B2FF;
}

#content {
	height: 100%;
	width: 1094px;
	padding-top: 66px;
	bottom: 40px;
	margin: 0px auto;
}

#resultatul {
	margin-top: 35px;
	position: relative;
	overflow:hidden;
}

#resultatul li {
	float: left;
	height: 307px;
	width: 318px;
	line-height: 0;
	margin-left: 35px;
	margin-bottom: 100px;
}

.trame {
	position: absolute;
	display: block;
	width: 317px;
	height: 206px;
	z-index: 10;
	background-image: url(../img/trame2.png);
}
.desc {
	margin-top: 220px;
}

#resultatul a {
	margin:0;
	padding:0;
	line-height:0;
	text-decoration: none;
}

#resultatul a * {
	line-height:1;	
}

#resultatul h3 {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-weight: 600;
	margin-top: 15px;
	line-height: 1;
}

#resultatul h4 {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-weight: 300;
	margin-top: 5px;
	line-height: 1;
	text-transform: uppercase;
}

#resultatul p {
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
	font-weight: 300;
	font-style: italic;
	line-height: 2;
}

#resultatul a:hover { text-decoration: none; }
#resultatul a:hover h3 { color: #000000; }
#resultatul a:hover h4 { color: #000000; }
#resultatul a:hover p { color: #000000; }

#filtre {cursor: pointer;}

.clear {clear:both;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 500px) and (min-width:0px) {
/* Styles */
	#resultatul li {
		/*font-size : 0px;*/
		display: inline-block;
		position:relative;
		width:100%;
		overflow:hidden;
		line-height:0;
		margin-bottom: 40px;
	}
	
	.trame {width: 574px;}
	
	#bloc_recherche {
		width:100%;
		height:180px;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	#content {
		padding-top:240px;	
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (max-width : 800px) and (min-width:501px) {
/* Styles */
	#resultatul li {
		/*font-size : 0px;*/
		display: inline-block;
		position:relative;
		float:left;
		width:50%;
		overflow:hidden;
		line-height:0;
	}
}

footer ul li a {
	color: #000000 !important;
}