@media screen and (max-width: 999px) {

#logo {
	display:none;
	
}



#logo.responsive {
	display:block !important;
	position:static;	
	text-align:center;
	margin-top:30px;
}

#logo img {
	width: 320px;
	
}

#menu_outils {
	width: 100%;	
	padding-right:2%;
	text-align: center;
}

#bande_boutons {
	width: 100%;
	padding:0 2%;
	text-align: center;
	
}

#menu_principal {
	width: 100%;
	

}

#menu_thumbnail {
	width: 100%;

}

#menu_thumbnail ul li img {
	
	height: 75px;
}


body #nous_joindre_wrapper {
	
	width:100%;

	
}

body #nous_joindre_wrapper #nous_joindre span.courriel:before {
	content:"Courriel";	
}


body.quoi section > div {
	
	min-height:inherit;
}





section #titre {
	
	width:100%;
	padding-left:2%;
	padding-right:2%;
}




section #colonne_wrapper {
	width: 100%;
	padding:0 2%;
	
}

section #plus_wrapper {
	width: 100%;
	padding:0 2%;
}

#partenaires {
	width: 100%;

}

#footer_wrapper {
	width: 100%;
	padding:0 2%;
	
}

footer #adresse span:before {
	content:"Courriel";	
}

footer #credits_wrapper #credits {
	width: 100%;
	padding:0 2%;

}


}

@media screen and (max-width: 768px) {
	#entete {
	
}

#menu_outils li.responsive {
	/* display:none; */
}


#menu_outils {
	font-size:1em;
}

#bande_beige{
	/* display:none; */
	font-size: 0.7em;
	line-height: 1em;
}

div#over_picture {
    position: static;
    top: 0;
    width:100%
}

footer {
	height:535px
}

footer #credits_wrapper {
	
	height: 100px;
}



footer #credits_wrapper #credits p:first-child {
	width: 80%;
	display: table-cell;
	vertical-align: middle;

}

footer #credits_wrapper #credits p:first-child span {
	display:block;
}



footer #credits_wrapper #credits p:last-child {
	width: 20%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}


}


@media screen and (max-width: 640px) {
	header #menu_wrapper {
	
	height: auto;
	
}




#menu_principal ul {
	display: block;
	
}

#menu_principal ul li {
	display: block;	
	border-bottom: 1px solid #a08744;
	height:50px;
	
}

#menu_principal ul li:last-child {
	border-bottom: 0;
}


body #nous_joindre_wrapper #vide {
	display:none;
	
	
	
}

body #nous_joindre_wrapper #nous_joindre {
	display:block;
	width:80%;
	margin:0 auto;
	
	
}

/********REALISATIONS*********/


section #colonne_wrapper #colonne_deux #album_wrapper #cover {
	display:block;
	width:100%;
	padding:0;
	
}


/********REALISATIONS*********/


footer {

	height: 1160px;
	
}




#footer_wrapper #adresse, #footer_wrapper #heures, #footer_wrapper #menu {
	display: block;
	width: 100%;
	text-align:center;
	padding-bottom:30px !important;
}

#footer_wrapper #menu {
	width: 100%;
}



#footer_wrapper #adresse p:first-child img, #footer_wrapper #heures p:first-child img, #footer_wrapper #menu p:first-child img {
	width: 80px;
	
}



}

@media screen and (max-width: 480px) {
	

#menu_outils {
	font-size:0.8em;
}
	
#menu_thumbnail_wrapper {
	display:none;
}

#menu_principal ul li.responsive {
	display:block;
	border-bottom: 1px solid white;
}

#menu_principal ul li.responsive {
	background-color: #a08744;
	
}

#menu_principal ul li.responsive a {
	color:white;;
	
}

#menu_principal ul li.responsive:hover a {
	color: #a08744;
}

#menu_principal ul li.responsive:hover {
	background-color: white;
}

#menu_principal ul li.responsive:hover a {
	color: #a08744;
}


body #nous_joindre_wrapper #nous_joindre {
	
	width:100%;
	
	
	
}


section #colonne_wrapper #colonne_un {
	width: 100% !important;
	padding: 0 0% 30px 0 !important;
	display: block !important;
}

body.quoi section #colonne_wrapper #colonne_un  {
	 background-size: cover;
	 background-position: 50% 50%;
	 margin-top:50px
	 
}



section #colonne_wrapper #colonne_deux {
	width: 100% !important;
	display: block !important;
	
}



section #plus_wrapper #ligne {
	width: 90%;
	height: 1px;
}



section #plus_wrapper #plus {
	width: 8%;
}


footer #credits_wrapper #credits p:first-child {
	width: 60%;
	
}


footer #credits_wrapper #credits p:last-child {
	width: 40%;
	
}


}
@media screen and (max-width: 480px) {
	#menu_outils ul:first-child  {
	display:table;
	width:100%;
}
#menu_outils ul:last-child  {
	margin-top:20px;
	display:table;
	width:100%;
}
#menu_outils ul:first-child li:last-child {
	
	position: absolute;
	top: -50px;
	left: 50%;
}

#menu_outils ul:first-child li:nth-child(4) {
	
	border-right:0
}




}