/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
body {background:url(../images/bg_top_repeat2.jpg) top repeat-x #f3f3f3;border:0;font:13px Arial, Helvetica, sans-serif;color:#000;line-height:20px}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
/* Global Structure */
.main {margin:0 auto;width:860px;position:relative}
.body1 {background:url(../images/nettoyage_top.jpg) top center no-repeat}
.body2 {background:url(../images/bg_bot.jpg) bottom repeat-x;height:99px}
.block {height:99px}
.extra {min-height:100%;height:auto !important;height:100%;margin:0 auto -99px}
body, html {height:100%}
/* main layout */
a {color:#628ba4;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:20px;text-transform:uppercase;line-height:50px;padding:5px 0 0 0;float:left;font-weight:400}
h2 {font-size:30px;color:#3b5b70;line-height:36px;font-weight:300;padding:0 0 19px 0;letter-spacing:-1px}
p {padding-bottom:20px}
/* header */
header {height:306px;overflow:hidden}
#logo {color:#3a5b70;text-decoration:none}
#logo span {color:#628ba4}
#icons {float:right;padding:28px 5px 0 0}
#icons li {float:left;padding-left:10px}
#menu {
	position:absolute;
	top:67px;
	left:16px
}
#menu li {float:left;padding-right:5px}
#menu li a {display:block;font-size:18px;text-transform:uppercase;text-decoration:none;color:#fff;behavior:url(js/PIE.htc);position:relative;line-height:37px;padding:0 20px;margin:0 1px 1px 0}
#menu li a:hover, #menu #menu_active a {color:#3a5b70;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background:url(../images/menu_bg.gif) top repeat-x;border-bottom:1px solid #3f5f74;border-right:1px solid #3f5f74;margin:0}
.text1 {font-size:30px;line-height:36px;color:#3c596b;padding:70px 0 0 0;font-weight:400;letter-spacing:-1px}
.text1 span {display:block;font-size:40px;color:#fff;line-height:50px;margin-top:-12px}
header p {font-size:14px;line-height:20px;color:#000;padding:14px 0 0 0;width:510px}
/* content */
#content{width:100%;overflow:hidden;padding-top:86px;padding-bottom:36px}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.pad_left1 {
	padding-left:31px;
	border-left: 1px solid #DADADA;

}
.marg_left1 {margin-left:25px}
.marg_right1 {margin-right:25px}
.marg_right2 {margin-right:10px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:20px}
.pad_bot3 {padding-bottom:30px}
.marg_top1 {margin-top:8px}
.line1 {width:100%;float:left}
.line2 {background:url(../images/line_ver2.gif) 255px 0 repeat-y}
.list1 li a {padding-left:9px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.font1 {font-weight:bold;padding-bottom:4px}
.under {background:url(../images/line_hor1.gif) bottom repeat-x;padding-bottom:14px;margin-bottom:13px}
.color1 {color:#628ba4}
/* footer */
footer  {padding:10px 0 3px 0;text-align:center;color:#4b5154;font-size:10px;line-height:18px;width:100%;overflow:hidden}
footer a {color:#7c8285}
/* forms */
#ContactForm {margin-top:-5px}
#ContactForm p {line-height:21px;padding-bottom:9px}
#ContactForm a {margin-left:40px;float:right}
#ContactForm .input {width:209px;height:15px;border:1px solid #dadada;background:#fff;padding:2px 5px;margin-bottom:9px;color:#000;font:13px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;width:393px;height:304px;border:1px solid #dadada;background:#fff;padding:2px 5px;margin-bottom:5px;color:#000;font:13px Arial, Helvetica, sans-serif}


#menu1 {
display: none;
}
    a{
    	text-decoration: none;
    	color: inherit;
    }
   	.espace-client
   	{
   	  color: #003559;
	    font-size: 24px;
	    font-weight: bold;
 		width: 100%;
 		height: 60px;
 		line-height: 60px;
	    text-transform: uppercase;
	    background: #CBCAC9;
	    border-radius: 4px;
	    display: none;
   	}
 .open
 {
 	display: block  !important; 
 }
  #show
  {
  	float: right; 
  	width: 80px;
  	height: 48px;
  	line-height: 48px;  
    padding: 0px 19px 0 5px;
  	color :#3a5b70;;
  	font-size: 18px; 
  	cursor: pointer;
  	background: url(../images/show.png) right center no-repeat  #EFEFEF;
  	display: none;
  	margin: 2px 2px 0px 0px;
  }
    .clear
    {
    	clear: both;
    }
/*Responsive*/
@media (max-width: 800px) { 
	
		.main {width: 100%; } 
		header
		{
			background: #6A899D; 
			height: auto;
		}
		header .wrapper
		{
			background: #F3F3F3;
			height: auto;
		} 
		.body1,#page2{ background: #F3F3F3; }
		.body2
		{
			background: #CCD4D7;
			height: auto;
		}
		header .text1 { padding: 0; }
	    #show{
	    	display: block;
	    }
		#menu{
			position: relative;  
			display: block;  
			top:0;
			left: 0;
			width: 100%; 
			margin-bottom: 10px; 
		  display: none;
		} 
		#menu li{
			display: block;
			width: 100%;
			float: none;
			border-radius: 0px;
		}  
		  header div,header p 
			{
                box-sizing: content-box;
				padding:0px 10px 0px 10px !important;
                width: auto;
			} 
		 #menu #menu_active a {
			    background: url("../images/menu_bg.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
			    border-bottom: 1px solid #3f5f74; 
			    border-right: 1px solid #3f5f74;
			 	 border-radius: 0px;
			    color: #3a5b70;
			    padding: 0;
			    margin: 0;
			    text-align: center;
			}
		#menu1{display: none;}
        .wrapper
            {
                padding: 0px !important;
                width: 100%;
            }  
    
		.wrapper>h1
		{
			line-height: normal;  
			padding: 5px 10px;
            text-align: center;
            margin-top: 5px;
        }
		  
		#content{padding-top: 10px;}
		h1{float: none;} 
		.col1, .col2, .col3, .cols {
		float: none;
		width: 90%;
        margin: 0;
            padding: 0;
		margin: 0 auto;
            
		}  
		.pad_left1{border: none;}
		.col1 figure
		{
			display: block;
			width: 100%; 
		}
		.col1 figure img{
			display: block; 
			margin: 0 auto;
			margin-bottom: 10px;
		}
		.img-espace-client{display: none;}
		.espace-client { display: block; }
 }