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

/* -------------------SMALL HEADER------------------- */

header.smallheader .tornado_home_logo{
	width: 35px;
	margin-top: -20px !important;
	margin-right: 7px !important;
}

header.smallheader h1{
	float: left;
	font-size: 40px;
	margin-top: 10px;
	margin-left: 10px;
}

header.smallheader h1 a:link{
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}

header.smallheader h1 a:hover{
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}

header.smallheader h1 a:active{
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}

header.smallheader h1 a:visited{
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}


header.smallheader nav{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	background: transparent;
}

header.smallheader ul li{
	list-style-type: none;
	margin-right: 10px;
}

header.smallheader ul li a:link{
	display: block;
	padding: 10px;
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}

	
header.smallheader ul li a:visited{
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}
	
header.smallheader ul li a:hover {
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}
	
header.smallheader ul li a:active {
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 10px black;
}

header.smallheader ul ul{
	display: none;
	padding: 0px !important;
}

header.smallheader ul li:hover > ul{
	display: block;
}

header.smallheader ul li ul li:hover{
	padding: 0px !important;
}

.nav_dropdown{
	background-color: rgba(255,255,255,0); /* COULEUR DU DROPDOWN A CHANGER */
	z-index: 9999;
	position: absolute;
	padding: 0px !important;
}


header.largeheader{
	display: none;
}

/* -------------------CONTACT PAGE------------------- */

.header_cover_contact{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/contact.png');
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

#whoarewe{
	width: 300px;
	text-align: justify;
	padding: 10px;
}

#contact_form{
	margin-left: 5px;
}

#contact_form img{
	width: 100%;
}

/* -------------------SERVICES PAGE------------------- */

.header_cover_services_personal{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/personal.png');
	background-repeat: no-repeat;
}

.header_cover_services_shop{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/shop.jpg');
	background-repeat: no-repeat;
}

.bloc{
	margin-left: 5px;
}

/* -------------------SERVICES SHOP DETAIL PAGE------------------- */

.bloc_left{
	float: none !important;
}

.bloc_left_copy{
	/* float: left !important; */
	width: 300px !important;
	/* margin-left: 18px; */
}

/* -------------------PAGE EXAMPLE PAGE------------------- */

.header_cover_page_example{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/keyboard_banner.jpg');
	background-repeat: no-repeat;
}

#page_example{
	background-color: white;
}

#page_example_content{
	width: 200px;
	margin-left: -15px;
	text-align: left;
	display: table;
}

#page_example_content hr{
	border: 0; 
	height: 2px; 
	background: #d7d7d7;
}

#page_example_content h3{
	float: left;
	margin-top: -1px;
}

#page_bloc_content{
	float: right;
}

#page_example_content .page_bloc{
	display: inline-block;
	width: 250px;
	text-align: justify;
	padding-left: 20px;
}

/* -------------------DEVIS PAGE------------------- */

.header_cover_sign_devis{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/validation_devis.jpg');
	background-repeat: no-repeat;
}

/* -------------------PORTFOLIO PAGE------------------- */

.portfolio_content img{
	width: 100%;
}

.header_cover_portfolio{
	width: 100%;
	height: 180px !important;
	background-image: url('../images/header_covers/code_banner.png');
	background-repeat: no-repeat;
}

/* -------------------INFO DEVIS PAGE------------------- */

#infosdevisform{
	margin-left: 20px;
}

}