/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: Verdana,verdana,arial,sans-serif;}

img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:center;background:#e7e7e7;color:#4D4D4D;line-height:22px;font-family: Verdana, verdana, arial, sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:black;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:top;}
sub {vertical-align:bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
tabel, tr, td{ vertical-align:top; }
a, a:visited{
color:#808080;
text-decoration: none;
}
a:hover  {text-decoration: none;color:#808080}
table{
caption-side:bottom;
}
strong, b{
	font-weight:bold;
}
/*END OF YUI RESET*/


html{

}
body{
font-size:14px;
}
div#header{
background:url(../img/maquette/fond_header.png) no-repeat center top;
height:190px;
width:100%;
z-index:999;
position:absolute;
}
img{
	max-width:100%;
}
div.tgtimg img{
	max-width:none;
}
a#home_smart, div#contact_tel{
	display:none;
}
img#tel_smart, span#tel_smart2, titre_smart{
	display:none;
}
div.centrer{
width:1154px;
margin:0 auto;
position:relative;
background:white;
padding:0 17px;
max-width:100%;
}
div#content_menu{
width:1154px;
margin:0 auto;
height:30px;
max-width:100%;
}
div#corps{
position: relative;
width: 100%;
}
img#logo_decor_a_bord{
	visibility:hidden;
}
div#corps.diapo_accueil{
	background:url(../img/maquette/fond_diapo2.png) no-repeat bottom center;
	z-index:6;
	padding-bottom:32px;
}
footer{
	background:url(../img/maquette/fond_footer.jpg) repeat-x bottom black;
	color:white;
	padding-top:35px;
	position:relative;
	z-index:5;
}
div.content_centrer{
	position:relative;
width:1154px;
padding-bottom:35px;
margin:0 auto;
max-width:100%;
}
div.copyright{
	margin-top:20px;
	text-align:right;
	margin-right:16px;
}
div.copyright a{
	font-size:12px;
	color:white;
	margin-left:22px;
}
div.col_footer{
float: left;
    width: calc(100% / 2);
}
div.titre_footer{
	font-size:18px;
	font-family:bankgothic_md_btmedium;
	color:white;
text-transform:uppercase;
padding-left:16px;
}
div.col_footer p{
	font-size:15px;
	font-family:bankgothic_md_btmedium;
	color:white;
text-transform:uppercase;
padding-left:16px;
line-height:20px;
}
div.col_footer p a{
	color:white;
}
div.col_footer h3{
	font-size:23px;
	font-family:bankgothic_md_btmedium;
letter-spacing:-2px;
color:white;
text-transform:uppercase;
line-height:25px;
padding-right:16px;
text-align:right;
border:none;

}
div#content{
position:relative;
width:1154px;
padding-bottom:25px;
margin:0 auto;
z-index:3;
max-width:100%;
}
a#logo{
position:absolute;
z-index:5;
top:22px;
left:17px;
}
a#logo_page{
position:absolute;
z-index:5;
top:22px;
left:116px;
}
a#accueil_smart{
	display:none;
}

ul#menu{
padding-bottom:7px;
max-width:1154px;
margin:0 auto;
width:100%;
display:table;
text-align:center;
}
ul#menu li{
position:relative;
padding-top:25px;
padding-left:9px;
padding-right:20px;
display:inline-block;
}
ul#menu li.no_padding_top{
padding-top:15px;	
vertical-align:top;
}
ul#menu li.no_padding_top a:hover{
	border-bottom:none;
}
ul#menu li.actif{
	background:url(../img/maquette/fleche.png) no-repeat top center;
}
ul#menu li.actif a{
	border-bottom:2px solid #E30613;
}
ul#menu li span, ul#menu li a{
display:block;
font-size:24px;
color:black;
text-transform:uppercase;

line-height:30px;
font-family:bankgothic_md_btmedium;
letter-spacing:-2px;
}
ul#menu li ul{

position:absolute;
left:0;
white-space: nowrap;
min-width:100%;
display:none;
padding-top:10px;
padding-bottom:0px;
}
ul#menu li:hover ul{
display:block;

}
ul#menu li ul li{
float:none;

}
ul#menu li ul li a{
font-size:15px;
color:white;
display:block;
color:black;
padding-left:12px;
padding-right:12px;
padding-bottom:3px;
padding-top:3px;
text-transform:none;
background:url(../img/fond_smenu.png) repeat;
line-height:15px;
border:none;
}
ul#menu li ul li a:hover{
border-bottom:2px solid #E30613;
}
ul#menu li.last a{
padding-right:0;
margin-top:-4px;
}
ul#menu li.last a img{
	width:22px;
	height:22px;
}

ul#menu li a.home span{
	display:none;
}
ul#menu li.actif a, ul#menu li a:hover{
	border-bottom:2px solid #E30613;
}

div#diaporama{
visibility:hidden;
opacity:0;
}


a.widget_accueil{
width:calc((100% / 4) - 30px);
height:470px;
overflow:hidden;
float:left;
padding:0;
position:relative;
margin-left:15px;
margin-right:15px;
background:url(../img/maquette/fleche2.png) no-repeat 90% 0%  white;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 6px rgba(0,0,0,0.5); 
}
div.titre_widget{
font-size:21px;
text-transform:uppercase;
padding:18px 0px 12px 20px;
color:black;
font-family:bankgothic_md_btmedium;
}
div.sous_titre_widget{
	font-size:16px;
	line-height:22px;
	padding:0px 16px;
	color:black;
	    margin-top: 8px;
}

div.text_widget{
font-size:13px;
line-height:16px;
padding:0px 16px;
color:#737373;
text-align:justify;
}

span.lien_widget{
display:block;
position:absolute;
bottom:10px;
right:0;
color:#E30613;
font-size:14px;
background:black;
padding:3px 18px;
line-height:13px;
text-transform:uppercase;
letter-spacing:-1px;
text-align:right;
font-family:bankgothic_md_btmedium;
}
a.widget_accueil:hover span.lien_widget{
	color:white;
}
div.clear{
clear:both;
}
div#footer{
width:1154px;
margin:0 auto;
padding-top:30px;
color:white;
}


div#content_trans{
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
width:calc(100% - 32px);
margin:0px 16px;
position:absolute;
bottom:20px;
background:url(../img/maquette/fond_bloc.png) repeat;
z-index:3;
}
div.contact div#col_gauche div.liste1{
	width:22%!important;
	display:none;
	
}
div.contact div#col_gauche div.liste2{
	width:100%!important;
	
}
div.contact div#col_droite div.liste1{
	width:calc(100% - 23px)!important;
	background:url(../img/maquette/decorabord-nozo.png) no-repeat 25px 20px;
}
div.contact div.liste1 h2{
	background:none;
	margin-top:0;
	padding-top:20px;
	padding-left: 0;
    margin-left: 60px;
	border-bottom:2px solid #E30613;
	padding-bottom:2px;
	margin-bottom: 20px;


	
	}
	div.form_champ_1, div.form_champ_3, div#content_confirmation{
	position:relative;
}
div#content_form{
	margin-top:75px;
}
div.contact div#col_droite{
	margin-top:95px;
}
	label.error {
        font-weight: normal;
    color: #a52a2a;
    display: initial;
    position: absolute;
    right: 5px;
    top: 0px;
	font-size:11px;
}
div#content_confirmation {
	padding-bottom:10px;
}
div#content_confirmation label.error{
	left:0;
	bottom:0!important;
	top:auto;
}
div.contact  div.liste1 p{
	    font-family: bankgothic_md_btmedium!important;
    font-size: 22px!important;
    color: black!important;
    letter-spacing: -2px!important;
	margin-left:60px;
	line-height:23px!important;
	margin-bottom: 20px;
}
div#col_gauche{
	float:left;
	width:50%;
}
div.alert{
	padding-top: 100px;
    width: calc(100% - 30px);
    margin: 0 auto;
}
div.liste1{
	float:left;
	width:50%;
}
div.liste2{
	float:right;
	width:50%;
}
div.liste1 h2, div.liste2 h2{
	font-family:bankgothic_md_btmedium;
	font-size:31px;
	color:black;
	    letter-spacing: -2px;
    display: inline-block;
	background:url(../img/maquette/fond_h2.png) 0 0 no-repeat;
	    margin-top: 60px;
    margin-left: 40px;
	padding-bottom: 14px;
    padding-top: 10px;
    padding-left: 10px;
}
div.liste1 ul, div.liste2 ul{
	margin-left:50px;
	
}
div.liste1 ul li, div.liste2 ul li{
	font-family:bankgothic_md_btmedium;
	font-size:23px;
	letter-spacing: -2px;
	margin-bottom:25px;
}
div#col_droite div.liste1 {
	padding:0 9px 20px 14px;
	width:calc(50% - 23px);
}
div#col_droite div.liste2 {
	padding:0 14px 20px 9px;
	width:calc(50% - 23px);
}
div#col_droite div.liste1 p, div#col_droite div.liste2 p{
	font-family:verdana;
	font-size:14px;
	line-height:17px;
	text-align:justify;
	color:#737373;
}
div#col_droite{
	float:right;
	width:calc(50% - 16px);
	background:white;
	padding:0 8px 8px;
	min-height:350px;
	background:white;
	position:relative;
}
div#col_droite h1{
	font-size:38px;
	border-bottom:3px solid #E30613;
	display:inline-block;
	padding:0;
	line-height:40px;
	    background: url(../img/maquette/fleche2.png) no-repeat 100% 0%;
    padding-right: 45px;
	padding-top:10px;
	margin-right:50px;
	margin-left:14px;
	margin-bottom:18px;
	line-height:36px;
}
div.bloc_page{
	margin:16px;
	width:calc(25% - 32px);
	float:left;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	
}
div.content_visu{
	height:207px;
}
div.titre_bloc{
	font-family:bankgothic_md_btmedium;
	font-size:22px;
	padding:18px 20px 3px;
	line-height:18px;
}
div.text_bloc{
	padding:0px 20px 20px;
	font-size:14px;
	font-family:verdana;
	text-align:justify;
	color:#737373;
}
div#fond_page{
	position: relative;
	background:url(../img/maquette/fond_page_foot.png) no-repeat bottom;
	min-height:600px;
	max-width:3000px;
	margin:0 auto;
}
img#couture1{
	position:absolute;
	top:425px;
	z-index:2;
}
img#couture2{
	position:absolute;
	top:665px;
	z-index:2;
}
div#part1{
	float:left;
	padding:10px 16px;
	margin:16px 9px 16px 16px;
	width:calc(50% - 57px);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
background:white;
}
div#part2{
	float:right;
	padding:10px 16px;
	margin:16px 9px 16px 16px;
	width:calc(50% - 57px);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
background:white;
}
div#part3{
	float:right;
	padding:10px 16px;
	margin:16px 9px 16px 16px;
	width:calc(50% - 57px);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
background:white;
}
h3{
	font-size: 34px;
    border-bottom: 3px solid #E30613;
    display: inline-block;
    padding: 0;
	    text-transform: uppercase;
    letter-spacing: -4px;
    font-family: bankgothic_md_btmedium;
	    padding-right: 30px;
		margin-bottom:20px;
}
div.bloc_part{
	min-height:55px;
	margin-bottom:15px;
}
div.part_visu{
	float:left;
	width:110px;
	height:45px;
	margin-right:10px;
}
div.text_part{
	float:left;
	font-family: verdana;
}
div.text_part span{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

div#content_image{
width:353px;
overflow:hidden;
float:left;
margin-bottom:45px;

background-size:cover;
background-repeat:no-repeat;
background-position:center;
}



h1{
font-size:45px;
text-transform:uppercase;
letter-spacing:-4px;
font-family:bankgothic_md_btmedium;
padding-top:440px;
padding-left:15px;
padding-bottom:5px;
	text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
}

label, input{
	font-family:Verdana;
}

input.radio{
	float:left!important;
	margin-right:3px;
	width:20px!important;
	margin-top:3px;
}


::-webkit-input-placeholder { color:#333;font-family:Verdana; }
::-moz-placeholder { color:#333;font-family:Verdana; } /* firefox 19+ */
:-ms-input-placeholder { color:#333;font-family:Verdana; } /* ie */
input:-moz-placeholder { color:#333;font-family:Verdana;}


button#bt_envoyer{
	float:right;
	background:#E30613;
	color:black;
	text-transform:uppercase;
	border:none;
	padding:3px 8px;
	font-size:18px;
	margin:0;
	cursor:pointer;
	font-family:bankgothic_md_btmedium;
}
button#bt_envoyer:hover{
	color:white;
}
div.message {
text-align: center;
padding: 0 5px;
font-size: 12px;
color: #bf1e2e;
margin-bottom: 10px;
display: none;
}
div#page_simple h1{
	font-size:38px;
	padding-top:100px;
}
div#contenu_page_simple{
	margin-top:50px;
	background:white;
	position:relative;
	z-index:5;
	padding-bottom:30px;
}
div#page_simple p{
	padding-left:15px;
	font-size:14px;
	line-height:17px;
	font-family:verdana;
}
div.galerie{
	display:block;
	float:left;
	width:calc(25% - 30px);
	margin:15px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	height:calc(290px - 30px);
	background:white;
	position:relative;
	z-index:3;
}

ul.plan1 a{
	display:block;
	font-size:16px;
	margin-left:15px;
	margin-bottom:10px;
}
a.content_img{
	display:block;
	height:205px;
	cursor:pointer;
}
div#galerie{
	margin-top:25px;
}
div.gal_titre{
	font-size:14px;
	font-family:verdana;
	text-transform:uppercase;
	padding-left:20px;
	padding-top:10px;
	line-height:17px;
}
div.gal_soustitre{
	font-size:14px;
	font-family:verdana;
	padding-left:20px;
	padding-top:0px;
	line-height:17px;
	color:#737373;
}

div#map{
	width:calc(100% - 32px);
	height:500px;
	margin:25px 16px 0;
	z-index:3;
}

input {
	background:#f1f1f1;
    width: calc(100% - 40px);
    float: none;
    padding:6px 20px;
    padding-top: 2px;
-webkit-box-shadow: -1px -2px 0px 0px #d6d6d6;
-moz-box-shadow: -1px -2px 0px 0px #d6d6d6;
box-shadow: -1px -2px 0px 0px #d6d6d6;
	border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
margin-bottom:10px;
}
textarea{
	 background:#f1f1f1;
    width: calc(100% - 40px);
    float: none;
    padding:6px 20px;
    padding-top: 2px;
-webkit-box-shadow: -1px -2px 0px 0px #d6d6d6;
-moz-box-shadow: -1px -2px 0px 0px #d6d6d6;
box-shadow: -1px -2px 0px 0px #d6d6d6;
	border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
margin-bottom:10px;
	
}

ul#plan{
margin-left:200px;
line-height:26px;
}
div#diaporama div.tgtimg{
width:100%;
}
li#switch_menu_desktop2 {
    display: none!important;
}
a#switch_menu_desktop{
	display:none;
}
a.lang_smart{
	display:none;
}
span.smart{
	display:none;
}

form#form_contact{
	width:calc(90% - 20px);
	background:white;
	padding:10px 15px;
	    margin-top: 10px;
    margin-bottom: 10px;
}
a#para_contact{
background:url(../img/maquette/Qualinautic-page-contact.jpg) no-repeat center;
background-size:200px;
height:70px;
width:200px;
float:right;
display:block;
}
#content_item_contact{
	display:none;
}
@media screen and (max-width: 1154px) {
	div#header{
		background-size:180%;
	}
	img#logo_decor_a_bord{
		width:90px;
	}
	ul#menu li.actif{
		background-size:10px;
	}
	ul#menu li{
		padding-top:15px;
	}
	ul#menu li a.home {
		
	}
	ul#menu li span, ul#menu li a{
		       padding-left: 7px;
    padding-right: 14px;
			font-size:16px;
	}
	h1{
		padding-top:370px;
	}
	a.widget_accueil{
		background-size:13px!important;
		height:392px;
	}
	div.titre_widget{
		font-size:20px;
		padding: 15px 0px 8px 20px;
	}
	div.widget_img{
		height:150px!important;
	}
	div.sous_titre_widget{
		font-size:13px;
		line-height:16px;
	}
	div.text_widget{
		font-size:12px;
		line-height:15px;
	}
	div.titre_footer{
		font-size:16px;
	}
	div.col_footer p{
		font-size:14px;
	}
	div.col_footer h3{
		font-size:20px;
	}
	div.copyright{
	margin-top: 10px;
	}
	div.copyright a{
		font-size:10px;
	}
	div.content_centrer {
		z-index:3
	}
	a#sunbrella1{
		
	}
	a#sunbrella2{
		width:45%!important;
	}
	div#content_form {
    margin-top: 30px;
}
	
}
@media screen and (max-width: 1000px) {
	div#header{
		height:100px;
	}
	img#logo_decor_a_bord{
		width:65px;
	}
	ul#menu li.actif{
		background-size:8px;
	}
	ul#menu li{
		padding-top:11px;
	}
	ul#menu li span, ul#menu li a {
		padding-left: 1px;
		padding-right: 5px;
		font-size: 13px;
		line-height:19px;
	}
	h1 {
		padding-top: 275px;
		font-size:35px;
	}
	a.widget_accueil {
		background-size: 11px!important;
		height: 345px;
	}
	div.titre_widget {
		font-size: 14px;
		padding: 12px 0px 6px 18px;
	}
	div.widget_img {
		height: 105px!important;
	}
	div.sous_titre_widget {
		font-size: 10px;
		line-height: 11px;
	}
	div.text_widget {
		font-size: 10px;
		line-height: 12px;
	}
	span.lien_widget{
		font-size:12px;
	}
	footer{
		padding-top:20px;
	}
	div.copyright a{
		font-size:10px;
	}
	div#col_droite div.liste1 p, div#col_droite div.liste2 p{
		font-size:11px;
		line-height:14px;
	}
	div#col_droite h1{
		font-size:24px;
	}
	div.liste1 h2, div.liste2 h2{
		font-size:24px;
		    margin-top: 50px;
    margin-left: 20px;
	}
	div.liste1 ul li, div.liste2 ul li{
		font-size:18px;
	}
	div.liste1 ul, div.liste2 ul {
		margin-left: 20px;
	}
	div.content_visu{
	height:130px;
	}
	div.titre_bloc{
		font-size:18px;
	}
	div.text_bloc{
		font-size:11px;
	}
	div.contact div.liste1 p{
		font-size:18px!important;
	}
	
	div.col_footer{
		width:60%;
	
	}
	div#col_1{
		width:40%;
	}
	a.content_img{
		height:140px;
	}
	div.galerie{
		height:calc(238px - 30px);
	}
	div.part_visu{
		float:none;
	}
	h3 {
    font-size: 26px;
	}
	div#page_simple h1 {
    font-size: 30px;
	padding-top:90px;
	}
	div#contenu_page_simple{
		margin-top: 20px;
	}
	div#map {
    
    height: 350px;
	}
	a#para_contact{
	background:url(../img/maquette/Qualinautic-page-contact.jpg) no-repeat center;
	float:none;
	}
}
@media screen and (max-width: 767px) {
	div.contact div#col_droite {
    margin-top: 20px;
}
	div#content_form {
    margin-top: 0px; 
}
	html{
		background:none;
	}
	div#header{
		height:44px;
		background:white;
		top:0;
	}
	a#home_smart{
		display:block;
		background:url(../img/maquette/picto_accueil.jpg) no-repeat center;
		width:29px;
		height:29px;
		margin-top:8px;
		margin-left:10px;
		float:left;
		margin-right:7px;
	}
	img#tel_smart{
		display:block;
		float:left;
		margin-top:8px;
		cursor:pointer;
		margin-right:10px;
	}
	span.affiche_tel{
		display:block!important;
		float:left;
		margin-top:14px;
		font-family:bankgothic_md_btmedium;
		color:#E30613!important;
		letter-spacing:-2px;
		font-size:16px;
	}
	div.centrer, div#content{
	width:calc(100% - 12px);
	}
	div#footer, div#content_menu{
		width:calc(100% - 34px);
	}
	div.centrer, div#content{
		padding:0 6px;
	}
	div#content_menu{
		width:100%;
	}
	li#switch_menu_desktop2{
		display:block!important;
	}
	ul#menu{
	float:none;
	position:absolute;
	z-index: 99;
	width: 100%;
	-webkit-transition: top 0.8s ease-in-out;
	-moz-transition: top 0.8s ease-in-out;
	-o-transition: top 0.8s ease-in-out;
	transition: top 0.8s ease-in-out;
	
	 background:black;
	 padding-top:50px;
	}
	ul#menu li.first{
		border-top:none;
	}

	ul#menu li{
		float:none;
	}
	ul#menu li span, ul#menu li a{
		line-height:24px;
	}
	ul#menu.top_menu_ferme{
		
		top:-600px;
		
	}
	#barreColumn{
		display:none;
	}
	a#switch_menu_desktop{
		display:block;
		position:absolute;
		
		background:url(../img/maquette/open_menu2.jpg) no-repeat center;
		width:40px;
		height:39px;
		z-index:9;
		top:2px;
		right:10px;
	}
	
	.top_menu_ouvert {
    top: 0px;
	}
	li#switch_menu_desktop2 a{
	width:40px;
	height:40px;
	background:url(../img/close_menu.png) no-repeat;
	display:block;
	margin:0 auto!important;
	padding-bottom:5px!important;
	float:left;
	padding-left:0!important;
	
	}
	a.lang_smart{
	display:block;
	float:right;
	margin-top:8px;
	margin-right:12px;
	}
	
	ul#menu li{
		display:block;
		padding:0;
		background:url(../img/maquette/fleche_smart.png) no-repeat center left;
		padding:10px 0;
	}
	ul#menu li a {
		color:white;
		text-align:left;
		font-size:18px;
		padding-left:40px;
	}
	ul#menu li a:hover, ul#menu li.actif a{
		border:none;
		color:#E30613;
	}
	ul#menu li.last{
		
	}
	ul#menu li.actif{
		background:url(../img/maquette/fleche_smart_actif.png) no-repeat center left;
	}
	ul#menu li.no_padding_top{
		display:none;
	}
	li#switch_menu_desktop2 {
    display: block;
    border: none!important;
	background:none!important;
	padding:0!important;
	text-align:right;
	}
	li#switch_menu_desktop2 a{
		float:none;
		display:inline-block!important;
	}
	li#switch_menu_desktop2 a:hover{
		border:none;
	}

	div#content{
		width:100%;
		padding:0;
		padding-bottom:30px;
		background: url(../img/maquette/fond_diapo2.png) no-repeat bottom center;
	}
	div#corps.diapo_accueil{
		background:none;
		padding-bottom: 7px;
	}
	footer{
		margin-top:-18px;
		z-index:1;
	}
	h1{
		padding-top:50px;
		color:white;
		font-size:26px;
		padding-left:12px;
		text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
		padding-bottom:100px;
		position: relative;
    z-index: 999;
	}
	a#accueil_smart{
		display:block;
		background:url(../img/maquette/logo_smart.png) no-repeat center;
		height:200px;
		position: relative;
    z-index: 999;
	}
	div#contact_tel{
		display:block;
		background:url(../img/maquette/fleche3.png) no-repeat 93% 0 black;
		color:white;
		font-size:21px;
		text-align:left;
		font-family:bankgothic_md_btmedium;
		padding-bottom:10px;
		margin-bottom: 15px;
		padding-left:12px;
		margin-top:-5px;
		padding-top:10px;
	}
	div#contact_tel a{
		color:white;
		text-transform:uppercase;
	}
	div.site{
		background:white;
	}
	a.widget_accueil{
		margin-top:0;
		width:calc(100% - 24px);
		margin:0 auto 18px auto;
		float:none;
		height:auto;
		display:block;
		background-size: 17px!important;
		background-position:97% 0;padding-bottom:40px;
	}
	div.widget_img{
		height:126px;
	}
	div.titre_widget{
		font-size:21px;
		padding: 10px 0px 8px 12px;
	}
	div.sous_titre_widget{
		font-size:16px;
		line-height:22px;
	}
	div.text_widget{
		font-size:13px;
		line-height:16px;
	}
	span.lien_widget{
		color:#221f20;
		font-size:14px;
		background:white;
	}
	span.lien_widget br{
		display:none;
	}
	
	div.widget_img img{
		width:100%;
	}
	div.widget_img{
		height:170px;
	}
	div.col_footer{
		width:100%!important;
		float:none;
	}
	div.col_footer h3{
		font-size:23px;
		text-align:left;
		padding-left:12px;
		margin-top:50px;
	}
	div.col_footer p{
		padding-left:12px;
		line-height:24px;
		font-size:19px;
	}
	div.titre_footer{
		padding-left:12px;
		font-size:22px;
	}
	div#content-footer{
		
	}
	div.copyright {
    margin-top: 20px;
    text-align: left;
    margin-left: 12px;
	}
	div.copyright a{
		font-size:12px;
		margin-left:0;
		margin-right:5px;
		padding-right:5px;
		border-right:1px solid white;
	}
	div#content_trans{
		position:relative;
		bottom:auto;
		background:none;
		width:100%;
		margin:0;
		-moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow:none;
	margin-top:70px;
	}
	div#titre_smart{
		display:block;
		background:black;
		color:white;
		font-size:21px;
		text-align:left;
		font-family:bankgothic_md_btmedium;
		padding-bottom:10px;
		margin-bottom: 15px;
		padding-left:12px;
		background:url(../img/maquette/fleche3.png) no-repeat 93% 0 black;
		margin-top:-5px;
		padding-top:10px;
		text-transform:uppercase;
		padding-right:50px;
	}
	div#col_gauche{
		float:none;
		width:calc(100% - 24px);
		margin:0 12px 16px;
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	background: url(../img/maquette/fleche2.png) no-repeat 97% 0%;
	background-size: 16px!important;
	padding-bottom: 10px;
	}
	img#couture1, img#couture2 {
		display:none;
	}
	div#col_droite{
		float:none;
		width:calc(100% - 44px);
		margin:0 12px 16px;
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	padding:10px;
	}
	div#col_droite h1{
		display:none;
	}
	div.liste1, div.liste2{
		float:none;
		width:100%;
	}
	div.liste1 ul li, div.liste2 ul li{
		margin-bottom:0;
	}
	div.liste1 h2, div.liste2 h2{
	margin-top:10px;
	}
	div.bloc_page{
		float:none;
		width:calc(100% - 24px);
		margin:16px 12px;
		padding-bottom:10px;
	}
	div#col_droite div.liste1, div#col_droite div.liste2{
		padding:0;
		width:100%;
	}
	div#col_droite div.liste1 p, div#col_droite div.liste2 p{
		font-size:14px;
		line-height:17px;
	}
	div.titre_bloc{
		font-size:22px;
		padding:10px 10px 0 10px;
	}
	div.text_bloc{
		font-size:14px;
		padding:0px 10px 0 10px;
	}
	div.content_centrer{
		padding-bottom:30px;
	}
	div#fond_page{
		margin-bottom:18px;
	}
	a#sunbrella1 {
		
		position:relative!important;
		top:auto!important;
		right:auto!important;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
		
	}
	a#sunbrella2{
		margin-top:-24px!important;
	}
	div#page_simple h1{
		padding-top: 50px;
		font-size: 26px;
		padding-bottom:0;
	}
	div.galerie{
		float:none;
		width:calc(100% - 30px);
	}
	div.gal_titre, div.gal_soustitre{
		padding-left:10px;
	}
	div.page_partenaire div#content_trans{
		margin-top:90px;
	}
	div#part1, div#part2, div#part3{
		float:none;
		margin:10px 12px;
		width:calc(100% - 44px);
		padding:10px;
	}
	div.contact{
		padding-top:20px!important;
	}
	div.contact div#col_gauche div.liste1{
		display:none;
	}
	div.contact div#col_gauche div.liste2{
		width:92%!important;
	}
	div.contact div#col_droite div.liste1{
		width:100%;
		background:url(../img/maquette/decorabord-nozo.png) no-repeat 6px 20px;
		background-size:20px;
	}
	div.contact div.liste1 h2, div.contact div.liste1 p {
		margin-left: 45px;
	}
	div.contact div.liste1 p{
		font-size:17px!important;
	}
	
	
	h1 {
		margin-top:0;
		margin-bottom:10px;
	}
	
	
	div.contact{
		padding-top:140px;
	}
	form#form_contact{
		width: 80%;
    margin: 0 auto;
	}
	
	div#map{
		margin-top:0;
	}
	
}