#header {position: relative;}


/* Logo du site */

#header-widget-area {
	position:absolute;
	top: 4%;
	left: 4%;
	z-index:1200;
  padding: 0;
  margin: 0;
}

		@media (max-width: 768px) {#header-widget-area {
			top: 0%;
	    left:0%;
		  width: 50%;
		}
		}


/* Titre du site */


#header-html{
position: absolute;
width: auto;
left: 4%;
bottom: 10%;
z-index:1000;
margin: 0;
font-size: 2.0em;
color: #DDDDDD;
font-weight: bold;
text-shadow: 2px 2px 5px #666666;
line-height: 1.5
}

		@media (max-width: 768px) {
		#header-html {
		left: 0%;
		bottom: 0%;
		margin: 0;
		width: 100%;
		text-align: center;
		font-size: 0.8em;
		color: #DDDDDD;
		}
		}


/********** Pour repositionner le moteur de recherche en mode responsive *****************/


@media (max-width: 768px) {
#header-search {
		position: absolute;
		right: 0%;
		bottom: 20%;
		z-index: 30;}
}


.search-form:before {color: #ffffff !important;}	/* Pour changer la couleur de la loupe de l'outil de recherche */


/************************/