/* 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/traitement_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 { border-left: 1px solid #dadada;
    		padding-left: 31px;}

.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 {
    width: 80%;
    margin: 10px auto;
    position:relative;
    color:inherit; 
    border: medium none;
    cursor: pointer;
    display: block; 
    padding: 0.55em 0.45em; 
    font-size: 18px; 
    border:none; 
    display: none;
    background: #F3F3F3;
    } 
    #menu1 option:first-child{
	border: none;
    }
    #menu1 option{
    	border-top: 1px solid #c1c1c1;
    	font-size: 18px;
    	padding: 10px 0;
    	font-family: inherit;
    }
    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;
   	}
/*Responsive*/
@media (max-width: 768px) { 
	
		.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; }
		#menu{display: none;} 
		#menu1{display: block;}
		.wrapper>h1
		{
			line-height: normal;
			text-align: center;
		} 
		#content{padding-top: 10px;}
		h1{float: none;}
		header>p
		{
			width: 100%; 
			text-align: left;
		}
		.col1, .col2, .col3, .cols {
		float: none;
		width: 80%;
		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; }
 }