/* 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:#fff;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;line-height:22px;}
.css3{border-radius:8px;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);position:relative}
.body1{background:#fff url(../images/bg_test2.png) top center repeat;padding-top:30px;}
.body2{background:url(../images/bg_top2_b.png) bottom repeat-x}
.body3{background:#fff}
.body4{background:#fff url(../images/bg_test2.png) bottom center repeat;padding: 3px 0 0 0;}
.body5{background:url(../images/bg_top_img_b.jpg) center bottom no-repeat;padding:10px 0;}
/* Global Structure ============================================================= */
.main {min-height:400px;}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6 { font-family: 'Dosis-Book' !important;}
h1{float:left}
h1.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:20px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:6px;padding-bottom:6px;font-weight:400;font-style:normal}
h3.white {color:#fff}
h3.small{font-size:20px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:6px;font-weight:400;font-style:normal}
h3.under{border-bottom:1px solid #e5e5e5;margin-bottom:10px}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap2.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h3.outset{border:3px outset;padding:10px 10px 10px 10px;}
h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:23px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap2.png) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h5.under {border-bottom:1px solid #e5e5e5;margin-bottom:10px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
h6.under{border-bottom:1px solid #e5e5e5;margin-bottom:10px}
h6.spaceTop{margin-top:15px;}
h6.bold {font-weight:bolder}
h6.stitre{font-size:15px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}

p{padding-bottom:22px}
/* ============================= header ====================== */
header{padding-top:0px;height:132px}
#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;height:94px;text-indent:-9999px;margin-top:24px}
#menu {float:right;padding-top:20px}
#menu li {float:left;padding-left:1em}
#menu li a{display:block;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.2em;color:#333;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:65px;font-style:normal;font-weight:700}
#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#002798} /*#497e04*/
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../icons/header/accueil.png) bottom center no-repeat}
#menu #nav2 a{background:url(../icons/header/news.png) bottom center no-repeat}
#menu #nav3 a{background:url(../icons/header/services.png) bottom center no-repeat}
#menu #nav4 a{background:url(../icons/header/emploi.png) bottom center no-repeat}
#menu #nav5 a{background:url(../icons/header/references.png) bottom center no-repeat}
#menu #nav6 a{background:url(../icons/header/mp.png) bottom center no-repeat}
#menu #nav7 a{background:url(../icons/header/contacts.png) bottom center no-repeat}
#menu #nav8 a{background:url(../icons/header/link.png) bottom center no-repeat}
#menu #nav9 a{background:url(../icons/header/pacte2.png) bottom center no-repeat}
.slider{top:162px;position:absolute;z-index:1}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:7px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{padding-top:20px;padding-bottom:10px;min-height:400px;}
#content2{padding-bottom:5px}
.pad_left1{padding-left:50px}
.pad_left2{padding-left:40px}
.pad_bot1{padding-bottom:8px}
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{color:#002798;font-style:normal;font-size:1.2em;}
.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
/*#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}*/
.testimonials li{height:300px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.png) 0 0 no-repeat}
.down{background:url(../images/marker_down.png) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#002798}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:37px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#002798}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#002798;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#696969}
.tabs .tab-content {display:none}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer {padding:14px 0 18px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}

#newsletter{}
#newsletter input{background:#fff;padding:5px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0;border:1px solid #002798;}
#newsletter input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
/*#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#002798;color:#fff}*/

.footerOut {background: #002798 url(../images/bg_top2_b.png) bottom repeat-x;margin:0; max-height:200px;}
.footerIn  {background:url(../images/bg_top_img_b.jpg) center bottom no-repeat;}
/*@media all and (max-width: 981px) {
	header{padding-top:0px;height:140px}
	#menu {padding-top:15px;float:none;}
	#menu li {float:left;padding-left:0.8em;}
	.adapt_logoH {width:90px;}
	.image100 {width:70%;}
}*/
/*@media all and (max-width: 800px) {
	header{padding-top:0px;height:140px}
	#menu {padding-top:15px;float:none;}
	#menu li {float:left;padding-left:0.8em;}
	.adapt_logoH {width:90px;}
}*/
@media all and (max-width: 730px) {
	header{padding-top:0px;height:180px}
	#menu {padding-top:15px;float:none;}
	#menu li {float:left;padding-left:0.8em;}
	.adapt_logoH {display:none;}
}
@media all and (max-width: 600px) {
	header{padding-top:0px;height:180px}
	#menu {padding-top:15px;float:none;}
	#menu li {float:left;padding-left:0.8em;}
	.adapt_logoH {display:none;}
}
.mh70 {min-height:70px!important;}