html,body {
height:100%;
margin:0;
}

body {
color:#636363;
min-width:960px;
background:#fff url(../images/bg-body.gif) repeat-y 50% 0;
font:12px/14px arial, helvetica, sans-serif;
}

form,fieldset {
border-style:none;
margin:0;
padding:0;
}

img {
border-style:none;
}

input,select,textarea {
vertical-align:middle;
font:100% arial, helvetica, sans-serif;
}

a {
color:#00a5e3;
text-decoration:none;
}

#wrapper {
min-height:100%;
width:100%;
overflow:hidden;
}

* html #wrapper {
height:100%;
overflow:visible;
}

.w-header {
width:100%;
position:relative;
background:url(../images/bg-w-header.gif) repeat-x;
overflow:hidden;
}

.logo {
float:left;
text-indent:-9999px;
font-size:0;
margin:35px 0 0;
padding:0;
}

.logo a {
width:200px;
height:35px;
display:block;
background:url(../images/bg-logo.png) no-repeat;
overflow:hidden;
}

.nav {
list-style:none;
float:left;
font-size:16px;
font-weight:700;
margin:0;
/*padding:1px 0 0 140px;*/
padding:1px 0 0 30px;
}

.nav li a {
color:#f0f0f0;
float:left;
}

#devis  {
color:#00A5E3;
}

.nav li a:hover,.nav li.active a {
text-decoration:none;
background:url(../images/bg-nav-a.gif) no-repeat;
}

.nav li a span {
float:left;
cursor:pointer;
padding:37px 7px 6px;
}

.nav li a:hover span,.nav li.active a span {
background:url(../images/bg-nav-a-span.gif) no-repeat 100% 0;
}

.home em {
width:13px;
height:13px;
background:url(../images/bg-home.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
display:block;
}

.top-banner {
width:940px;
height:301px;
overflow:hidden;
background:url(../images/bg-top-banner.gif) no-repeat;
float:left;
position:relative;
z-index:1;
margin:32px 0 0;
padding:10px 10px 40px;
}

.slide-1 {
width:940px;
height:301px;
background:url(../images/bg-slide-1.jpg) no-repeat;
}

.top-banner div.active {
z-index:50;
}

.slide-1 .web-logo {
float:left;
text-indent:-9999px;
margin:104px 59px 0 71px;
}

.slide-1 .web-logo a {
width:122px;
height:73px;
display:block;
overflow:hidden;
background:url(../images/bg-web-logo.jpg) no-repeat;
}

.slide-1 .info {
float:left;
width:646px;
font:20px/24px Arial, Helvetica, sans-serif;
padding:90px 0 0;
}

.slide-3 {
width:940px;
height:301px;
background:url(../images/bg-slide-3.jpg) no-repeat;
}

.slide-4 {
width:940px;
height:301px;
background:url(../images/bg-slide-4.jpg) no-repeat;
}

.slide-5 {
width:940px;
height:301px;
background:url(../images/bg-slide-5.jpg) no-repeat;
}

.contact {
background:url(../images/bg-slide-contact.jpg) no-repeat;
}

.recrutement {
background:url(../images/bg_slide_recrutement.jpg) no-repeat;
}

.devis{
background:url(../images/bg-slide-devis.jpg) no-repeat;
}

.slide-nav {
position:absolute;
/*left:870px;*/
left:470px;
top:294px;
}

.slide-nav ul {
list-style:none;
float:left;
z-index:100;
margin:0;
padding:0;
}

.slide-nav li a {
display:block;
width:9px;
height:10px;
background:url(../images/bg-slide-nav-a.png) no-repeat;
text-indent:-9999px;
cursor:pointer;
overflow:hidden;
}

.g-items li .slide-2 {
	background:url(../images/bg-slide-2.jpg) no-repeat;
}

.g-items li .slide-2 ul {
	list-style:none;
	margin:99px 0 0 65px;
	padding:0;
}

.g-items li .slide-2 ul li {
float:left;
width:auto;
height:auto;
}

.g-items li .slide-2 ul li a {
display:block;
height:101px;
text-indent:-9999px;
overflow:hidden;
outline:none;
}

.g-items li .slide-2 ul li a.boy {
width:70px;
height:80px;
margin:21px 47px 0 0;
}

.g-items li .slide-2 ul li a.girl {
width:66px;
height:80px;
margin:21px 111px 0 0;
}

.g-items li .slide-2 ul li a.lamp {
width:60px;
margin:0 35px 0 0;
}

.g-items li .slide-2 ul li a.cup {
width:86px;
margin:0 38px 0 0;
}

.g-items li .slide-2 ul li a.pencil {
width:94px;
margin:0 86px 0 0;
}

.g-items li .slide-2 ul li a.calendar {
width:66px;
height:75px;
margin:15px 25px 0 0;
}

.g-items li .slide-2 ul li a.heart {
width:68px;
height:55px;
margin:34px 0 0;
}

.w-main {
width:100%;
overflow:hidden;
padding:0 0 367px;
}

.voir-nos {
position:absolute;
right:-481px;
top:0;
width:140px;
height:140px;
}

.sidebar {
width:38px;
height:236px;
position:fixed;
left:0;
top:370px;
z-index:100;
}

.sidebar ul {
list-style:none;
margin:0;
padding:0;
}

.sidebar ul .side-contact {
padding:0 0 8px;
}


#sidebar {
width:200px;
float:left;
font-size:16px;
line-height:19px;
padding:0 0 30px;
}

.valors {
width:200px;
background:#282828;
color:#bebebe;
overflow:hidden;
margin:0 0 29px;
}

.valors-link {
width:72px;
height:90px;
display:block;
background:url(../images/valors-link.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 0 0 62px;
}

.valors p {
margin:8px 15px 16px 21px;
}

.jaime-panel, .hire-panel, .blog-panel {
width:200px;
background:#282828;
color:#bebebe;
overflow:hidden;
margin:0 0 29px;
}

.jaime-link {
width:145px;
height:33px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/jaime-link.gif) no-repeat;
margin:38px 0 29px 19px;
}

.hire-link {
width:145px;
height:80px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/hire-link.png) no-repeat;
margin:34px 0 16px 52px;
}
.blog-link {
width:145px;
height:80px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/blog-link.png) no-repeat;
margin:34px 0 0px 34px;
}

.blog-panel p {
margin:8px 15px 33px 18px;
}

.jaime-panel p {
margin:8px 15px 33px 18px;
}

.hire-panel p {
margin:8px 15px 33px 27px;
}

#sidebar h1 {
font-weight:700;
font-size:20px;
color:#fff;
background:#00a5e3;
margin:0;
padding:4px 0 5px 5px;
}

.acualites-panel {
list-style:none;
overflow:hidden;
height:1%;
margin:0 0 30px;
padding:0;
}

.acualites-panel li {
color:#646464;
font-size:12px;
border-top:1px solid #c8c8c8;
height:1%;
vertical-align:top;
margin:-1px 0 0;
padding:15px 0 14px;
}

.acualites-panel li a {
color:#323232;
display:block;
font-weight:700;
font-size:16px;
}

.newsletter-panel {
width:200px;
background:#282828;
overflow:hidden;
font-size:16px;
margin:0 0 30px;
}

.newsletter-panel ul {
list-style:none;
overflow:hidden;
height:1%;
margin:23px 0 17px 21px;
padding:0;
}

.newsletter-panel ul li a {
display:block;
text-indent:-9999px;
height:51px;
overflow:hidden;
}

.mail-link {
width:75px;
background:url(../images/bg-mail-link.jpg) no-repeat;
margin:0 24px 0 0;
}

.pencil-link {
width:51px;
background:url(../images/bg-pencil-link.jpg) no-repeat;
}

.newsletter-panel p,#content .newsletter-panel p {
color:#bebebe;
font-size:16px;
font-weight:400;
margin:0 15px 0 20px;
}

.form-email {
overflow:hidden;
font-size:16px;
height:1%;
padding:20px 0 27px 18px;
}

.text-email {
float:left;
color:#969696;
border:0;
background:#f0f0f0;
width:113px;
padding:3px 4px;
}

.submit-email {
float:left;
color:#f0f0f0;
font-weight:700;
border:0;
background:none;
text-decoration:none;
cursor:pointer;
margin:3px 0 0;
}

.social-panel {
width:200px;
background:#282828;
overflow:hidden;
margin:0 0 30px;
min-height:261px;
}

.social-panel ul {
list-style:none;
height:1%;
overflow:hidden;
margin:21px 0 18px 9px;
padding:0;
}

.social-panel ul li {
float:left;
border-left:1px solid #3a3a3a;
margin:0 0 0 -1px;
padding:0 8px 0 7px;
}

.social-panel ul li a {
display:block;
text-indent:-9999px;
height:36px;
overflow:hidden;
}

.mid-rss {
width:26px;
background:url(../images/bg-mid-rss.gif) no-repeat;
}

.mid-linkedin {
width:34px;
background:url(../images/bg-mid-linkedin.gif) no-repeat;
}

.mid-twitter {
width:30px;
background:url(../images/bg-mid-twitter.gif) no-repeat;
}

.mid-facebook {
width:26px;
background:url(../images/bg-mid-facebook.gif) no-repeat;
}

.social-panel p,#content .social-panel p {
word-spacing:0px;
color:#bebebe;
font-weight:400;
font-size:16px;
margin:0 30px 20px 18px;
}

.social-panel p a {
color:#bebebe;
text-decoration:none;
border-bottom:1px solid #00a5e3;
}

.social-panel p a:hover {
text-decoration:none;
border:0;
}

#content {
width:700px;
float:right;
/*padding-bottom:150px;*/
padding-bottom:20px;
}

#content h1 {
font-size:20px;
color:#fff;
overflow:hidden;
height:1%;
font-weight:700;
float:left;
margin:0;
}

.holder-top {
width:100%;
overflow:hidden;
margin:0 0 17px;
}

#content h1 a {
color:#fff;
background:#00a5e3;
float:left;
padding:8px 7px 8px 8px;
}

#content p {
color:#636363;
font-weight:700;
font-size:14px;
line-height:16px;
word-spacing:0px;
margin:0 0 36px;
}

.info-blog {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x 0 100%;
margin:0 0 40px;
padding:0 0 35px;
}
.info-blog2 {
width:100%;
overflow:hidden;


}

.info-box {
width:760px;
overflow:hidden;
margin:0 -60px 0 0;
}

.info-box img {
display:block;
margin:0 0 29px;
}

.part {
width:320px;
float:left;
padding:0 60px 0 0;
}

.info-blog h2 {
color:#4b4b4b;
font-size:16px;
font-weight:700;
margin:0 0 10px;
}

.link-box {
overflow:hidden;
width:100%;
}

.link-box a {
float:left;
background:#c8c8c8;
color:#fff;
font-size:14px;
font-weight:700;
white-space:nowrap;
margin:0 6px 5px 0;
padding:3px 4px 5px 3px;
}

.link-box a:hover {
background:#dcdcdc;
text-decoration:none;
}

#content .info-box .part .holder-top {
margin-bottom:45px;
}

#content .info-box .part .q1 a {
font-size:16px;
}

.line-box {
width:165px;
float:left;
padding:8px 10px 0 0;
}

.line-box img {
display:block;
margin-bottom:24px;
}

#content .line-box h2 {
font-size:14px;
color:#636363;
}

#content .line-box p {
font-size:12px;
font-weight:400;
line-height:16px;
margin-bottom:6px;
}

#content .last {
width:175px;
}

#content .visual {
width:100%;
height:178px;
background:url(../images/bg-visual.jpg) no-repeat;
overflow:hidden;
margin:33px 0 18px;
}

#content .visual .text {
width:155px;
float:right;
padding:68px 55px 0 0;
}

#content .visual .text span {
display:block;
width:113px;
height:15px;
text-indent:-9999px;
background:url(../images/bg-visual-span.jpg) no-repeat;
margin:0 0 5px;
}

#content .visual .text p {
font-size:16px;
color:#bebebe;
line-height:20px;
font-weight:400;
margin:0;
}

.last-box {
width:100%;
overflow:hidden;
padding:0 0 83px;
}

.last-box .link-box {
float:left;
width:300px;
margin-right:20px;
}

.last-box .link-box a {
margin:0 17px 3px 0;
}

.last-box .other {
width:162px;
}

.w-footer {
width:100%;
height:367px;
background:#000;
position:relative;
margin:-367px 0 0;
}

#footer {
width:960px;
position:relative;
margin:0 auto;
padding:23px 0 0;
}
.secondary-footer ul {
float:left;
list-style:none;
font-size:16px;
line-height:13px;
border-left:1px solid #4b4b4b;
height:1%;
overflow:hidden;
margin:0;
padding:0 20px 3px;
}

.secondary-footer ul li {
color:#bebebe;
line-height:15px;
vertical-align:top;
font-size:12px;
}

.secondary-footer ul li a {
color:#bebebe;
}

.secondary-footer ul .tmenu a:hover{
text-decoration:none;
}

.secondary-footer ul .tmenu a{
font-size:14px;
height:1%;
font-weight:bold;
/*vertical-align:top;*/
}

.secondary-footer ul.first {
border:none;
padding-left:0;
margin-top:-3px;
}

.secondary-footer ul.first a {
font-size:14px;
line-height:19px;
font-weight:bold;
}

.twitter {
width:320px;
float:right;
background:#323232;
}

.twitter-t {
background:url(../images/bg-twitter-t.gif) no-repeat;
width:100%;
}

.twitter-b {
background:url(../images/bg-twitter-b.gif) no-repeat 0 100%;
padding:13px 0 26px 16px;
}

.twitter p {
color:#696969;
margin:0 0 18px;
}

.twitter strong {
color:#646464;
margin:0 0 0 -8px;
}

.copyright-box {
width:960px;
overflow:hidden;
font-size:11px;
padding:49px 0 0;
}

.copyright-box ul {
list-style:none;
position:relative;
width:100%;
overflow:hidden;
margin:0 0 10px -1px;
padding:0;
}

.copyright-box ul li {
float:left;
color:#b4b4b4;
background:url(../images/separator-01.gif) no-repeat 0 3px;
margin:0 0 0 -1px;
padding:0 5px;
}

.copyright-box p {
display:block;
color:#c8c8c8;
margin:0 0 0 2px;
}

.copyright-box p a {
color:#c8c8c8;
text-decoration:underline;
}

.facebook {
width:102px;
height:21px;
position:absolute;
right:105px;
top:-20px;
background:url(../images/bg-facebook.gif) no-repeat;
}

.facebook ul {
list-style:none;
margin:5px 0 0 10px;
padding:0;
}

.facebook ul li a {
display:block;
height:12px;
text-indent:-9999px;
background:url(../images/bg-facebook-link.gif) no-repeat;
overflow:hidden;
}

.facebook ul li a.rss {
width:12px;
background-position:0 0;
margin:0 12px 0 0;
}

.facebook ul li a.rss:hover {
background-position:0 -12px;
}

.facebook ul li a.linkedin {
width:13px;
background-position:-13px 0;
margin:0 13px 0 0;
}

.facebook ul li a.linkedin:hover {
background-position:-13px -12px;
}

.facebook ul li a.twitter-link {
width:8px;
background-position:-27px 0;
margin:0 17px 0 0;
}

.facebook ul li a.twitter-link:hover {
background-position:-27px -12px;
}

.facebook ul li a.facebook-link {
width:6px;
background-position:-36px 0;
}

.facebook ul li a.facebook-link:hover {
background-position:-36px -12px;
}

.btn-hault-de-page {
background:url(../images/btn-haut-de-page.gif) no-repeat;
right:-1px;
overflow:hidden;
color:#e6e6e6;
font-weight:700;
font-size:12px;
width:81px;
height:19px;
padding:3px 0 0 21px;
}

.g-items {
width:940px;
overflow:hidden;
position:relative;
}

.g-items ul {
width:99999px;
float:left;
list-style:none;
margin:0;
padding:0;
}

.g-items li {
float:left;
width:940px;
height:301px;
display:inline;
overflow:hidden;
}

#content h1.arrow {
float:left;
letter-spacing:-1px;
word-spacing:1px;
}

#content h1.arrow a {
background:url(../images/bg-arrow.gif) no-repeat;
font-size:20px;
height:1%;
padding:5px 7px 15px 5px !important;
}

#content .link-box.q2 a {
font-size:20px;
padding:6px 5px 7px;
}

#content p.q {
margin-bottom:19px;
}

#content p span {
font-size:12px;
font-weight:400;
line-height:16px;
}

.p1 {
padding-bottom:0;
margin-bottom:47px;
}

.notre-equipe {
width:220px;
float:left;
padding:4px 20px 0 0;
}

.notre-equipe .photo {
position:relative;
width:100%;
overflow:hidden;
height:231px;
margin:0 0 12px;
}

.notre-equipe .photo-slide {
list-style:none;
position:absolute;
right:4px;
bottom:4px;
margin:0;
padding:0;
}

.notre-equipe .photo-slide li a {
width:9px;
height:10px;
overflow:hidden;
text-indent:-9999px;
display:block;
background:url(../images/bg-slide-nav-a.png) no-repeat;
cursor:pointer;
}

.ban-titre {
width:81px;
height:81px;
position:absolute;
right:0;
top:0;
display:block;
}

.notre-equipe strong {
font-size:14px;
}

.notre-equipe em {
font-size:12px;
display:block;
letter-spacing:0px;
padding:0 0 31px;
}

.notre-equipe ul {
list-style:none;
font-size:12px;
margin:0 0 18px;
padding:0;
}

.notre-equipe ul li {
padding:0 0 16px;
}

.notre-equipe ul li strong {
font-size:12px;
}

.notre-equipe ul li span {
display:block;
word-spacing:-2px;
}

.form-contact {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x 0 100%;
margin:0 0 37px;
}

.form-contact strong {
letter-spacing:1px;
}

#liste-devis  {
font:12px/14px arial,helvetica,sans-serif;
}

.row {
width:100%;
overflow:hidden;
padding:0 0 36px;
}

.form-contact srtong {
display:block;
font-size:14px;
float:left;
}

.choice-list {
list-style:none;
overflow:hidden;
height:1%;
margin:15px 0 0;
padding:0;
}

.choice-list li {
height:1%;
vertical-align:top;
overflow:hidden;
padding:0 0 9px;
}

.choice-list li input {
float:left;
width:15px;
height:15px;
vertical-align:middle;
margin:0 6px 0 0;
padding:0;
}

.area {
float:left;
border:none;
background:#e6e6e6;
width:507px;
height:113px;
overflow:auto;
color:#636363;
margin:10px 0 0;
padding:4px;
}

.area.ar {
height:194px;
margin:0;
}

.warning-devis {
float:right;
max-width:185px;
height:21px;
background:#fa4141 url(../images/bg-submit.gif) no-repeat;
border:0;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
margin:62px 0 0;
padding:6px 3px 0 18px;
vertical-align:middle;
}

.text-form {
width:157px;
border:none;
background:#e6e6e6;
color:#636363;
margin:10px 20px 0 0;
padding:3px 4px;
}

.lot-text .text-form {
float:left;
margin:0 20px 5px 0;
}

.lot-text strong {
display:block;
margin-bottom:21px;
}

.sub1 {
margin-top:0;
}

.w-fixed {
width:185px;
float:left;
}

.btn-envoyer {
float:left;
font-size:20px;
color:#fff;
height:27px;
background:#00a5e3 url(../images/btn-envoyer1.gif) no-repeat 100% 0;
border:0;
line-height:20px;
text-align:center;
margin:-10px 0 0;
padding:0 23px 2px 7px;
}

.info-form {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x;
margin:55px 0 0;
padding:40px 0 0;
}
.info-form2 {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x;
padding:40px 0 0;
}

.btn-envoyer2 {
height:27px;
width:auto;
border:0;
background:#00a5e3 url(../images/btn-envoyer3.gif) no-repeat 100% 0;
text-align:center;
font-size:20px;
color:#fff;
font-weight:400;
margin:13px 0 52px;
padding:0 25px 2px 8px;
}

.bottom-panel {
width:720px;
overflow:hidden;
padding-bottom:63px;
margin:0 -20px 0 0;
}

.map-holder {
width:263px;
float:left;
margin:0 18px 0 0;
}

#content .bottom-panel .newsletter-panel {
float:left;
margin:0 18px 0 0;
}

#content .bottom-panel .newsletter-panel p {
line-height:19px;
padding:12px 0 22px;
}

#content .bottom-panel .form-email {
padding-bottom:15px;
}

#content .bottom-panel .social-panel p {
line-height:19px;
margin-bottom:16px;
padding:19px 0 0;
}

.none-bg {
background:none;
}

.cite {
width:100%;
overflow:hidden;
padding:0 0 59px;
}

#content .cite q {
quotes:none;
font-size:12px;
font-style:italic;
font-weight:400;
background:url(../images/bg-quote.gif) no-repeat 0 100%;
line-height:16px;
display:block;
margin:0 0 3px;
padding:0 0 20px;
}

#content .cite blockquote {
width:100%;
overflow:hidden;
margin:0;
padding:0;
}

.p2 {
margin-bottom:35px;
padding-bottom:0;
}


#content .cite cite {
font-weight:700;
font-size:12px;
word-spacing:1px;
}

.w-photo {
width:100%;
overflow:hidden;
padding:0 0 20px;
}

.w-photo img {

display:block;
margin:0 0 9px;
}

.p4 {
margin-bottom:20px;
padding-bottom:22px;
}

.notre-equipe .w-photo em {
padding-bottom:9px;
}

.p5 {
padding-bottom:30px;
padding-top:30px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #dcdcdc;
}

.p6 {
padding-bottom:30px;
padding-top:30px;
}

.w1 {
width:460px;
}

.sliding-visual {
width:680px;
height:329px;
overflow:hidden;
position:relative;
background:url(../images/bg-sliding-box.gif) no-repeat;
margin:40px 0 43px;
padding:10px 10px 25px;
}

.sliding-visual ul {
list-style:none;
position:absolute;

margin:0;
padding:0;
}

.sliding-visual ul li {
float:left;
padding:0 1px 1px 0px;
}

.sliding-visual ul li a {
display:block;
height:24px;
text-indent:-9999px;
overflow:hidden;
}

.sliding-visual ul li a.prev {
width:27px;
background:url(../images/btn-prev.png) no-repeat;
}

.sliding-visual ul li a.next {
width:28px;
background:url(../images/btn-next.png) no-repeat;
}

.result {
width:100%;
padding:0 0 29px;
}

.result h2 {
color:#636363;
font-size:14px;
font-weight:700;
word-spacing:-2px;
margin:0 0 8px;
}

#content .result p {
font-weight:400;
font-size:12px;
line-height:15px;
margin:0 0 13px;
}

.result .col-l {
float:left;
width:220px;
position:relative;
margin:-4px 20px 0 0;
}

.result .col-l ul {
list-style:none;
margin:0;
padding:2px 0 0 2px;
}

.result .col-l ul li {
background:url(../images/bullet-01.gif) no-repeat 0 4px;
height:1%;
vertical-align:top;
padding:0 0 0 10px;
}

.result .col-l ul li a {
color:#636363;
font-weight:700;
}

.result .col-r {
float:left;
width:457px;
position:relative;
margin:-4px 0 0;
}

.result .col-r q {
quotes:none;
font-style:italic;
margin:0;
padding:0;
}

.result blockquote {
text-align:justify;
margin:0;
}

#content .result blockquote cite {
font-weight:700;
}

.actu-bg {
background:url(../images/img-actu.gif) no-repeat;
width:100%;
height:100%;
overflow:hidden;
}

.actu-nav {
list-style:none;
position:absolute;
left:284px;
top:113px;
height:76px;
width:405px;
overflow:hidden;
z-index:100;
margin:0;
padding:0;
}

.actu-nav li a {
float:left;
text-indent:-9999px;
overflow:hidden;
height:76px;
cursor:pointer;
}

.actu-nav li a.rss1 {
width:52px;
margin:0 61px 0 0;
}

.actu-nav li a.facebook1 {
width:52px;
margin:0 58px 0 0;
}

.actu-nav li a.twitter1 {
width:58px;
margin:0 51px 0 0;
}

.actu-nav li a.linkedin1 {
width:67px;
}

.tweets {
list-style:none;
width:199px;
overflow:hidden;
font-size:12px;
line-height:14px;
margin:0;
padding:10px 0 17px;
}

.tweets li {
border-top:1px solid #c8c8c8;
padding:17px 0 24px;
}

.tweets li:first-child {
border-top:none;
}

#content .link-box.q2 a.ico-rss {
width:29px;
height:27px;
background:url(../images/bg-ico-rss.gif) no-repeat;
overflow:hidden;
float:left;
text-indent:-9999px;
margin:0;
padding:0;
}

.news {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x 0 100%;
margin:0 0 39px;
}

.news h2 {
font-weight:700;
font-size:16px;
color:#323232;
word-spacing:2px;
margin:0 0 16px;
}

.news h2 a {
color:#00a5e3;
font-size:12px;
font-weight:400;
word-spacing:0;
margin:0 0 0 10px;
}
.news h2 span {
color:#00A5E3;
font-size:12px;
font-weight:400;
margin:0 0 0 10px;
word-spacing:0;
}

.news-content {
width:100%;
overflow:hidden;
padding:0 0 29px;
}

.news-content img {
float:right;
margin:3px 0 10px 22px;
}

#content .news-content p {
color:#646464;
font-weight:400;
font-size:12px;
line-height:16px;
text-align:justify;
margin:0 0 17px;
}

#content .news-content p a {
color:#646464;
text-decoration:underline;
}

.news .holder-top {
margin:0 0 32px;
}

.news-content img.left {
float:left;
margin:3px 22px 10px 0;
}

.news-content img.center {
float:none;
margin:12px 0 34px;
}
.main-nav {
width:100%;
border-top:1px solid #b3b3b3;
overflow:hidden;
margin:-40px 0 91px;
padding:9px 0 0;
}

.main-nav ul {
list-style:none;
float:right;
margin:0 -3px 0 0;
padding:0;
}

.left-menu {
list-style:none;
margin:14px 0 58px;
padding:0;
}

.left-menu li {
padding:0 0 1px;
}

.left-menu li a {
display:block;
width:195px;
font-size:16px;
font-weight:700;
color:#fff;
background:#c8c8c8;
word-spacing:-2px;
padding:5px 0 3px 5px;
}

.left-menu li a:hover,.left-menu li.active a {
text-decoration:none;
background:#969696 url(../images/bg-left-menu-a-hover.gif) no-repeat 100% 0;
width:209px;
}

.qui-sommes {
width:100%;
overflow:hidden;
background:url(../images/separator-02.gif) repeat-x 0 100%;
margin:0 0 40px;
padding:0 0 18px;
}

#content .qui-sommes h2 {
font-weight:700;
font-size:14px;
word-spacing:-1px;
margin:0 0 14px;
}

#content .qui-sommes p {
font-weight:400;
font-size:12px;
line-height:16px;
margin:0 0 20px;
}

.exemples {
width:100%;
overflow:hidden;
padding:0 0 53px;
}

.exemples .col-l {
float:left;
width:398px;
padding:0 9px 0 0;
}

#content .exemples h1 {
letter-spacing:-1px;
word-spacing:2px;
}

.exemples .col-l ul {
list-style:none;
width:100%;
overflow:hidden;
float:left;
margin:38px 0 0;
padding:0;
}

.exemples .col-l ul li {
float:left;
border:1px solid #c8c8c8;
margin:0 10px 30px 0;
}

.exemples .col-r {
width:283px;
float:left;
overflow:hidden;
}

.exemples .col-r .link-box {
list-style:none;
width:100%;
float:left;
margin:38px 0 0;
padding:0;
}

.exemples .col-r .link-box li a {
padding:1px 4px 4px 3px;
}

.exemples .col-r .link-box li.orang a {
background:#ff8200;
padding:1px 4px 4px 3px;
}

.line-b {
width:220px;
float:left;
margin:0 20px 0 0;
}

.line {
padding:19px 0 21px;
}

.line span {
display:block;
padding:5px 0 0;
}

.line .link-box a {
letter-spacing:0px;
}

a:hover,.main-nav ul li.active a {
text-decoration:underline;
}

#header,#main {
width:960px;
position:relative;
margin:0 auto;
}

.nav li,.main-nav ul li {
float:left;
padding:0 3px;
}

.top-banner img,.notre-equipe .photo img,.ban-titre img,.map-holder img,.exemples .col-l ul li img {
display:block;
}

.slide-1 .info p,.slide-3 .info p,.slide-4 .info p,.slide-5 .info p {
font-style:italic;
color:#fff;
margin:0 0 21px;
}

.slide-1 .info p a,.slide-2 .info p a,.slide-3 .info p a,.slide-4 .info p a,.slide-5 .info p a,#sidebar h1 a {
color:#fff;
}

.slide-1 .info p a,.slide-2 .info p a,.slide-3 .info p a,.slide-4 .info p a,.slide-5 .info p a,#sidebar h1 a:hover {
text-decoration:none;
}

.slide-3 .info,.slide-4 .info,.slide-5 .info {
float:left;
width:665px;
font:20px/24px Arial, Helvetica, sans-serif;
/*margin-left:250px;*/
position:relative;
padding:80px 0 0 251px;;
}

.slide-nav li,.notre-equipe .photo-slide li {
float:left;
padding:0 2px;
}

.slide-nav li a:hover,.slide-nav li a.active,.notre-equipe .photo-slide li a:hover,.notre-equipe .photo-slide li.active a {
background:url(../images/bg-slide-nav-a-hover.png) no-repeat;
}

.newsletter-panel ul li,.facebook ul li,.choice-list li lable,.t-form,#content h1.p3,.actu-nav li {
float:left;
}

.submit-email:hover,#content h1 a:hover,.copyright-box p a:hover,#content .news-content p a:hover {
text-decoration:none;
}

.holder,.secondary-footer,.row-small,.exemples .col-r .link-box li {
width:100%;
overflow:hidden;
}

#content .info-box .part p,#content .last-box p {
margin-bottom:12px;
}

#content .other,.line img {
margin-bottom:10px;
}

.last-box .other a,.last-box .other a:hover {
background:#ff8200;
}

#content .cite q:before,#content .cite q:after,.result q:before,.result q:after {
content:"";
}

#content .cite p,#content .result blockquote p {
margin:0;
}

.tweets li a,.main-nav ul li a {
color:#00a5e3;
}
.exemples .col-enq ul {
float:left;
list-style:none outside none;
margin:10px 0 0;
overflow:hidden;
padding:0;
width:100%;
}
.exemples .col-enq {
float:left;
padding:0 9px 0 0;
width:398px;
}

.exemples .col-enq ul li {
float:left;
border:1px solid #c8c8c8;
margin:0 10px 10px 0;
}

.img_ref img{
margin-bottom:10px;	
}


.lang-en{
clear: both; 
font-size: 0; 
padding:0; 
margin-left:9px;
}
.lang-fr{
clear: both; 
font-size: 0; 
padding:0; 
margin-left:9px;
margin-top:9px;
}
#lang {
	background-image:url(../images/lang_bg.png);
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	width:38px;
	height:50px;
	
}

.blog a {
background:url("../images/blog_btn.png") no-repeat scroll 0 0 transparent;
display:block;
height:68px;
overflow:hidden;
width:66px;
}

.blog {
float:right;
text-indent:-9999px;
font-size:0;
padding:0;
}

/*------------ Box logo partenaires ------------*/


.client-line{
width: 700px;
height: 74px;
margin-bottom: 10px;
}

.logo-client{
width: 132px;
height: 74px;
padding-left: 10px;
float: left;
}
.logo-client-last{
width: 132px;
height: 74px;
float: left;
}

.orange{
background: url("../images/logo-client/clogo-orange.jpg") no-repeat scroll 0 0 transparent;
}

.orange:hover{
background: url("../images/logo-client/clogo-orange.jpg") no-repeat scroll 0 -74px transparent;
}

.cmacgm{
background: url("../images/logo-client/clogo-cmacgm.jpg") no-repeat scroll 0 0 transparent;
}

.cmacgm:hover{
background: url("../images/logo-client/clogo-cmacgm.jpg") no-repeat scroll 0 -74px transparent;
}

.efront{
background: url("../images/logo-client/clogo-efront.jpg") no-repeat scroll 0 0 transparent;
}

.efront:hover{
background: url("../images/logo-client/clogo-efront.jpg") no-repeat scroll 0 -74px transparent;
}

.jaguar{
background: url("../images/logo-client/clogo-jaguar.jpg") no-repeat scroll 0 0 transparent;
}

.jaguar:hover{
background: url("../images/logo-client/clogo-jaguar.jpg") no-repeat scroll 0 -74px transparent;
}

.autoescape{
background: url("../images/logo-client/clogo-autoescape.jpg") no-repeat scroll 0 0 transparent;
}

.autoescape:hover{
background: url("../images/logo-client/clogo-autoescape.jpg") no-repeat scroll 0 -74px transparent;
}

.allopneus{
background: url("../images/logo-client/clogo-allopneus.jpg") no-repeat scroll 0 0 transparent;
}

.allopneus:hover{
background: url("../images/logo-client/clogo-allopneus.jpg") no-repeat scroll 0 -74px transparent;
}

.groupie{
background: url("../images/logo-client/clogo-groupie.jpg") no-repeat scroll 0 0 transparent;
}

.groupie:hover{
background: url("../images/logo-client/clogo-groupie.jpg") no-repeat scroll 0 -74px transparent;
}

.printworks{
background: url("../images/logo-client/clogo-printworks.jpg") no-repeat scroll 0 0 transparent;
}

.printworks:hover{
background: url("../images/logo-client/clogo-printworks.jpg") no-repeat scroll 0 -74px transparent;
}

.darwin{
background: url("../images/logo-client/clogo-darwin.jpg") no-repeat scroll 0 0 transparent;
}

.darwin:hover{
background: url("../images/logo-client/clogo-darwin.jpg") no-repeat scroll 0 -74px transparent;
}

.nutrisaveurs{
background: url("../images/logo-client/clogo-nutrisaveurs.jpg") no-repeat scroll 0 0 transparent;
}

.nutrisaveurs:hover{
background: url("../images/logo-client/clogo-nutrisaveurs.jpg") no-repeat scroll 0 -74px transparent;
}

.bimatcay{
background: url("../images/logo-client/clogo-bimatcay.jpg") no-repeat scroll 0 0 transparent;
}

.bimatcay:hover{
background: url("../images/logo-client/clogo-bimatcay.jpg") no-repeat scroll 0 -74px transparent;
}

.sat{
background: url("../images/logo-client/clogo-sat.jpg") no-repeat scroll 0 0 transparent;
}

.sat:hover{
background: url("../images/logo-client/clogo-sat.jpg") no-repeat scroll 0 -74px transparent;
}

.viaforme{
background: url("../images/logo-client/clogo-viaforme.jpg") no-repeat scroll 0 0 transparent;
}

.viaforme:hover{
background: url("../images/logo-client/clogo-viaforme.jpg") no-repeat scroll 0 -74px transparent;
}

.predictys{
background: url("../images/logo-client/clogo-predictys.jpg") no-repeat scroll 0 0 transparent;
}

.predictys:hover{
background: url("../images/logo-client/clogo-predictys.jpg") no-repeat scroll 0 -74px transparent;
}