@charset "utf-8";*{padding:0;margin:0;outline:0;font-size:100%;vertical-align:baseline;}
a{outline-style:none;}
img{border:0;}
dl, dt, dd, ul, li{margin:0;padding:0;list-style-type:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:none;margin:0;padding:0;}
fieldset legend{display:none;}
.clear{clear:both;height:0px;font-size:0em;line-height:0;clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.center{text-align:center;}
img.center{display:block;margin-left:auto;margin-right:auto;width:auto;}
object{display:block;margin-left:auto;margin-right:auto;}
body{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10px;}
textarea{font-family:Arial,Helvetica,sans-serif;}
a{text-decoration:none;color:#516F89;}
a:hover{text-decoration:underline;color:#516F89;}
strong{font-weight:normal;}
strong.see{font-weight:bold;}
h1{color:#516F89;text-transform:uppercase;font-weight:800;font-size:20px;letter-spacing: 0.1em; margin: 0 18px 10px 18px;}
h2, .titrer span{color:#516F89;font-weight:bold;font-size:1em;margin-top:20px;text-transform:uppercase;}
h3{font-weight:normal;padding:3px 0;}
h4{font-weight:normal;}
p{padding: 3px 0 15px;line-height:22px;text-align:justify;}
.site{height:123px;background:#20323E url(../img/a_top.jpg) repeat-x center top;}
.bg{background:transparent url(../img/backg.jpg) repeat-x center 123px;}
#header{height:123px;margin:0 auto;width:930px;background:transparent url(../img/a_bg_top.png) no-repeat center bottom;display:block;}
div.logo{background:transparent url(../img/b_logo.png) no-repeat center top;width:281px;height:39px;position:absolute;margin-top:10px;}
.agence{color:#DDF2F6;font-size:1em;position:absolute;margin-top:47px;text-transform:uppercase;width:925px; padding-left: 2px;}
.agence:hover{color:#fff;text-decoration:none;}
.centrage{margin:0 auto;width:930px;height:600px;}
.framecenter{background:#fff;width:930px;}
.content{float:left;width:700px;font-size:1.3em;padding-bottom:10px;background:#fff;}
.content ul li{padding:0 0 0 15px;margin:2px 0;background:url(../img/bull.jpg) no-repeat -2px 1px;}
.left{float:left;width:229px;padding-bottom:15px;}
#nav{float:right;height:28px;margin-top:78px;margin-right:7px;}
#nav li{display:inline;float:left;}
#nav li a{float:left;height:28px;line-height:28px;font-size:1.2em;letter-spacing:1px;background:transparent url(../img/a_menu.png) no-repeat center -35px;color:#fff;width:108px;text-align:center;display:block;text-decoration:none;text-shadow:1px 1px #000;}
#nav li a.ec{color:#DDF2F6;}
#nav li a:hover{text-decoration:none;background:transparent url(../img/a_menu.png) no-repeat center -70px;color:#fff;}
#nav li a.on, #nav li a.on:hover{font-size:1.3em;color:#000;text-shadow:1px 1px #ccc;background:transparent url(../img/a_menu.png) no-repeat center top;}
.reseaux{padding:15px 0 5px 10px;}
.twitt{float: left; width: 25px;}
.twitter, .fb_iframe_widget, .digg{float: left; padding-left: 10px;}
.twitter{width: 65px;}
.face{float: left; padding-left:10px; width: 25px;}
.fb_iframe_widget{width: 90px;}
.google{position: absolute; margin-left:255px; margin-top: 3px;}
.box{display:block;margin-top:0;}
.box_title {padding-bottom:7px;}
.box_on{border:1px solid #ccc;background-color:#fff;padding:1px;margin-bottom:15px;width:211px;}
.box_on  ul li{padding:2px 0 3px 16px;margin-left:10px;background:url(../img/ico-link.gif) no-repeat 0 0; text-align: left;}
.box_devis, .box_contact, .box_rh, .box_news{background:#eee;}
.box_devis{padding:10px;text-align:left;}
.box_contact{text-align:center;padding:10px 0 3px 0;text-shadow:1px 1px #fff;}
.box_rh{padding:10px 0 5px 0;}
.box_news{padding:10px;}
.box_news blockquote {text-align: justify; color: #777777;}
.news_box{margin-top:15px;}
.box_contact small, .box_devis small, .box_rh small, .box_news small{color:#516F89;font-size:1.2em;text-shadow:1px 1px #fff;text-align:center; text-transform: uppercase; font-weight: bold;}
.box_contact span, .box_rh span {color:#516F89;font-weight:bold;font-size:1.1em;padding:2px 0; line-height: 17px;}
div.tel{background:url(../img/ico-gsm.gif) no-repeat 45px top;}
.bot_h3{padding-bottom:5px;text-align:center;}
.bot_h3 ul li {color:#777;}
.col-container{min-height:515px;width:700px;clear:both;}
.col_25,.col_33,.col_50,.col_66,.col_75,.col_100,.col_img,.col_right{display:inline;float:left;margin-left:20px;height:10px;}
.col-first{margin-left:0;}
.col-last{margin-right:0;}
html>body .col_25,html>body .col_33,html>body .col_50,html>body .col_66,html>body .col_75,html>body .col_100,html>body .col_img,html>body .col_right{height:auto;min-height:10px;}
.col-container .col_25{width:150px;}
.col-container .col_33{width:207px;}
.col-container .col_50{width:320px;}
.col-container .col_66{width:433px;}
.col-container .col_75{width:490px;}
.col-container .col_100{width:660px;}
.col-container .col_img{width:240px;}
.col-container .col_right{width:399px;}
.areference{padding:5px 0;background:url(../img/areference-bg.gif) no-repeat 150px 5px;}
.areference .col-first a img{border:1px solid #CCC;background:#FFF;padding:4px;width:140px;}
.areference .col-first a:hover img{border-color:#66CCFF;background-color:#efefef;}
.areference h2{font-size:1em;margin-top:0;margin-left:60px;}
.content .areference ul li{width:230px;float:left;line-height:1.2em;}
.plusone-ref{position:absolute;margin-top:2px;}
.content{color:#555;line-height:1.5em;}
.content strong{color:#516F89;}
.alignr{text-align:right;}
.alignl{text-align:left;}
.alignc{text-align:center;}
.citation, strong.citation{color:#516F89;}
span.ico-tel{background:url(../img/ico-phone.gif) no-repeat center left;padding-left:20px;}
span.ico-gsm{background:url(../img/ico-gsm.gif) no-repeat center left;padding-left:20px;}
span.ico-mail{background:url(../img/ico-mail.gif) no-repeat left 1px;padding-left:20px;}
span.ico-sup{background:url(../img/ico-pack1.gif) no-repeat left center;padding-left:20px;}
p.projectlink{ float:right;margin-top:15px;}
p.projectlink a{padding-left:20px;background:url(../img/ico-link.gif) no-repeat 0px center;}
p.projectlink a:hover{padding-left:20px;background:url(../img/ico-link.gif) no-repeat 2px center;}
input.btn{background:transparent url(../img/a_menu.png) repeat-x center -40px;font-family:Arial,Helvetica,sans-serif;color:#FFFFFF;cursor:pointer;font-size:1em;border:none;padding:3px 10px;overflow:visible;text-shadow:1px 1px #000;-webkit-border-radius:7px;-moz-border-radius: 7px;border-radius:7px;}
input.btn:hover{color:#66CCFF;}
.oublie{background:#fff;float:left;color:#516F89;cursor:pointer;border:none;overflow:visible;margin-top:-12px;margin-left:-2px;}
.oublie:hover{text-decoration:underline;}
input.champ, select.champ, textarea.champ{display:inline;line-height:16px;padding:2px;border:1px solid #ddd;margin:0;}
fieldset{font-size:100%;padding:4px 0;}
fieldset{width:200px;}
fieldset label{display:block;font-size:1em;margin:0 25px 0 0;color:#516F89;}
fieldset input.champ, fieldset select.champ, fieldset textarea.champ{width:425px;font-size:0.8em;line-height:1.3em;color:#666;}
fieldset textarea.champ{height:100px;width:425px;}
fieldset select.champ{width:255px;}
label span{color:red;}
.box_devis label{color:#516F89;font-weight:bold;padding-left:1px;}
.box_devis input.champ, .box_devis select.champ, .box_devis textarea.champ{width:184px;margin-bottom:5px;height:14px;}
.box_devis textarea.champ{height:100px;margin-bottom:0;}
.box_devis input.btn{font-size:1.1em;margin-top:5px;}
.box_devis span{color:#516F89;float:right;font-style:italic;}
label.error{background:url("../img/ico_error.gif") no-repeat scroll left top transparent;color:#BB0000;font-size:1em;font-weight:normal;padding:5px 0 5px 20px;display:block;}
input.valid{background:url("../img/ico_valid.gif") no-repeat scroll 171px 1px #fff;color:#516F89;}
input.error{background:url("../img/ico_cross.gif") no-repeat scroll 171px 1px #fff;color:#BB0000;}
.contact_form input.valid{background:url("../img/ico_valid.gif") no-repeat scroll 411px 1px #fff;}
.contact_form input.error{background:url("../img/ico_cross.gif") no-repeat scroll 411px 1px #fff;}
.refer{padding:25px 0 10px 0;background:url("../img/refer.jpg") repeat-x scroll center top #fff;text-align: center;display: block;}
.refer img{margin: 0 8px;}
#footer{padding-top: 5px;background:#20323E;border-top: 1px solid #aaa;display: block; bottom: 0;}
.footermenu{color:#fff;padding:5px;margin:0 auto;width:910px;}
.footermenu2{color:#fff;padding:5px;font-size:1.1em;margin:0 auto;width:910px;}
.footermenu ul, .footermenu2 ul{display:inline;}
.footermenu ul li, .footermenu2 ul li{display:inline;}
.footermenu2 ul li a,.footermenu ul li a{text-decoration:none;color:#fff;padding:0 6px;}
.footermenu2 ul li.title a{color:#DDF2F6;}
.footermenu ul li a{text-transform:uppercase;color:#DDF2F6;}
.footermenu ul li a:hover{color:#fff;}
.footermenu2 ul li a:hover{color:#DDF2F6;}
.footermenu2{font-size:1em;}
#footer address{color:#DDF2F6; text-align:right; float:left; width:310px;text-transform:uppercase;}
.fl-footer {float:left; width:600px;}
.padding0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.justify{text-align:justify;}
.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}
.colori span{color:#CE0F7F;}
.mylist h3{height:32px;}
h2.normal{text-transform:none;}
h2.none{margin-top:0;}
.pic{border:1px solid #ccc;padding:1px;}
.internet h2{text-align:center;}
.col-container .services{border: 1px dotted #516F89; margin-bottom:15px;height:370px;}
.col-container .services h2{margin:10px;}
.col-container .services h3{margin:0 10px 10px 10px;padding:0;text-align:justify;font-size:0.9em;}
.sliding, .message{width:900px;padding:0 15px 15px 15px;}
.lof-slidecontent{position:relative;overflow:hidden;border:#ccc solid 1px;padding:1px;width:896px;height:224px;}
.lof-slidecontent .preload{height:100%;width:100%;background:#eee;position:absolute;top:0;left:0;z-index:100000;color:#FFF;text-align:center;}
.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;height:100%;width:896px;z-index:3;overflow:hidden;}
ul.lof-main-wapper{margin-right:auto;overflow:hidden;background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;padding:0px;margin:0;height:225px;width:896px;position:absolute;overflow:hidden;}
ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;height:100%;width:896px;float:left;}
.lof-opacity li{position:absolute;top:0;left:0;float:inherit;}
ul.lof-main-wapper li img{padding:0px;width:896px;}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li{cursor:pointer;list-style:none;width:100%;padding:0;margin:0;overflow:hidden;height:75px;}
.lof-navigator-outer{position:absolute;right:1px;top:0;z-index:100;width:211px;overflow:hidden;color:#e9e9e9;}
.lof-navigator li.active{background:url(../img/arrow-bg.png) no-repeat scroll left center;color:#e9e9e9;}
.lof-navigator li:hover{}
.lof-navigator li div{background:url(../img/transparent_bg.png);color:#e9e9e9;height:75px;width:198px;position:relative;margin-left:15px;padding:10px 0 0 15px;border-top:1px solid #ddd;}
.lof-navigator li strong, .lof-navigator li p{color:#e9e9e9;text-shadow:1px 1px #333;width:183px;}
.lof-navigator li p{text-align:justify;line-height:normal;}
.lof-navigator li strong{text-transform:uppercase;}
.lof-navigator li.active div{background:#354857 url(../img/a_top.jpg) repeat-x center -3px;}
.lof-navigator li.active strong{color:#DDF2F6;}
#log{padding:5px;}
#log label{font-size:1.1em;font-weight:bold;color:#516F89;}
#log input.champ{margin-bottom:10px;width:200px;}
#log #conect{text-align:right;}
.box_message{border:1px solid #ddd;}
.box_mdp{padding:10px 30px 30px 30px;text-align:center;}
.web{display: none;}
.link_page h3 {padding: 0;}
.lign{border-bottom: 1px dotted #516F89; margin-top:2px; padding-bottom: 5px;}
.article h2{border-bottom: 1px dotted #516F89; padding-bottom: 4px;}
.article h3{text-transform: uppercase;padding:10px 0 0 0; color: #516F89; font-weight: bold; font-size: 0.9em; }
.article ul li h3{text-transform:none;padding:0; color: #516F89; font-weight:normal; }
.radius{-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px;}
ul.float li {float:left; width: 205px;}
ul.float2 li {float: left; width: 210px; text-align: left; border:none; padding:2px 10px;}
ul.float3, ul.float3 li {float:left; width: 180px; text-align: left;}
ul.float3 li.title {color:#fc9; text-transform:uppercase;text-shadow:1px 1px #000; padding-bottom:3px;}
h2.ag2{margin-top: 5px; padding: 0 0 3px 25px;}
ul li h3 {padding: 0;}
.titrer {padding-top: 20px;}
p.date_article{ float:right;color:#6A92B5;font-size:0.7em; margin-top:-3px;letter-spacing:1px;font-weight:bold;}
.top5{padding-top:5px;}
.footerbox {float:left;width: 200px;background:#ccc;}
#blog em {font-size: 0.8em;}
p.list_blog{margin:5px 0 15px 0;}
.categories, .auteurs{float: left; width: 320px; margin-top: 20px;}
.auteurs{margin-right:20px;}
ul.archives li {float: left; width:150px;}
.profiles h3 {font-size: 0.8em;}
.FL_100 {float:left; width:105px; padding-top:10px; height: 135px;}
.FL_200 {float:left; width:215px; text-align: justify;}
.a50,.b50{width:310px; float:left; height:287px;}
.b50{margin-left: 40px;}
.a50 small, .b50 small{float:right; padding-top:10px; font-size:9px; color:#666; }
.a50 h3, .b50 h3{float:left;}
.a50 img:hover,.b50 img:hover{opacity : 0.8;-moz-opacity : 0.8; -ms-filter: "alpha(opacity=80)";filter : alpha(opacity=80); }