/* basic styling and commonly used classes */
body, html, input, textarea {font-family:'klill', sans-serif; font-size:14px;color:#656565;}
.set-size {width:980px;margin:0 auto;}
p {font-size:16px;line-height:18px;padding:0 0 20px 0;}
strong {font-weight:bold;}
em {font-style:italic;font-family:"Times New Roman", Times, serif;}
.align-center {text-align:center;}
a, a:hover, a:focus {cursor:pointer;outline:none; color:#ffffff;}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }

a.navig:hover {color:#efefef;}

blockquote {background:url(../images/blockquote.png) no-repeat left 8px;padding:0 0 0 55px;min-height:40px;}

.clear {clear:both;display:block;font-size:0;line-height:0;}
.float-left {float:left;}
.float-right {float:right;}
/* -- */

/* column system */
.float-left.haspadding {padding-right:20px;}
.column-160 {width:160px;}
.column-180 {width:180px;}
.column-220 {width:220px;}
.column-300 {width:300px;}
.column-380 {width:380px;}
.column-460 {width:460px;}
.column-540 {width:540px;}
.column-620 {width:620px;}
.column-920 {width:870px; margin:0px auto; background:url(../images/fond-830.png) repeat 0 0; }

.column-920 h4, p {color:#fff; letter-spacing:0px;}
.column-920 p {color:#dce5e5; font-size:14px; letter-spacing:1px;}
.column-920 img.gauche {float:left; padding-right:50px;}
.column-920 img.droite {float:right; padding-left:50px; padding-bottom:25px; margin-top:-10px;}
#services .column-920 h4 {letter-spacing:2px; text-transform:uppercase; font-size:22px; text-align:left; font-weight:normal;  line-height:26px; margin-bottom:0; padding-bottom:0;}
#services .column-920 h5 {font-size:20px;letter-spacing:2px; color:#ffffff; padding-top:15px;}
.column-920 #zo1 {padding-top:50px; margin-left:30px; padding-right:30px; text-align:left; clear:both;}
.column-920 #zo2 {padding-top:40px; margin-left:40px; padding-right:30px; text-align:left; clear:both; padding-bottom:30px;}
#services .column-920 #zo2 p, #services .column-920 #zo2 h5, #services .column-920 #zo2 h4 {text-align:right;}
/* -- */

/* container elements */
#container h1 {font-size:32px;padding:0 0 25px 0;line-height:32px;}
#container h2 {font-size:28px;padding:0 0 25px 0;line-height:28px;}
#container h3 {font-size:20px;padding:0 0 25px 0;line-height:24px;color:#144d6c; display:block; width:825px;margin:auto;margin-top:0px;}
#container h4 {font-size:20px;padding:0 0 20px 0;line-height:20px;}
#container h5 {font-size:18px;padding:0 0 20px 0;line-height:18px;}
#container h6 {font-size:16px;padding:0 0 20px 0;line-height:16px;}


/* -- */
#langage {background-color:none;}
#langage ul {display:block;position:fixed;right:30px; top:0px; width:110px;z-index:851;}
#langage ul li {display:block;padding:0px 0;line-height:39px;float:left; padding:0px 2px;}
#langage ul li a {background:url(../images/FR-p.png) no-repeat 0 0;height:39px;width:47px;display:block;cursor:pointer;}
#langage ul li a:hover, #langage ul li.current a {background-position:0 -40px;}
#langage ul li a#fr:hover, #langage ul li.current a#fr {background-position:0 -40px;}
#langage ul li a#en:hover, #langage ul li.current a#en {background-position:0 -40px;}
#langage ul li a#en {background:url(../images/EN-p.png) no-repeat 0 0;height:39px;width:47px;display:block;cursor:pointer;}

#contact-us {}
#contact-us ul {display:block;position:fixed;left:50px; top:0px; width:110px;z-index:851;}
#contact-us ul li {display:block;padding:0px 0;line-height:39px;float:left; padding:0px 2px;}
#contact-us ul li a {background:url(../images/IN-p.png) no-repeat 0 0;height:39px;width:47px;display:block;cursor:pointer;}
#contact-us ul li a:hover, #langage ul li.current a {background-position:0 -40px;}
#contact-us ul li a#in:hover {background-position:0 -40px;}
#contact-us ul li a#ar:hover {background-position:0 -40px;}
#contact-us ul li a#ar {background:url(../images/AR-p.png) no-repeat 0 0;height:39px;width:47px;display:block;cursor:pointer;}


/* scroll navigation */
#nav {}
#nav ul {display:block;position:fixed;right:0px; width:153px;z-index:850;}
#nav ul li {display:block;padding:0px 0;line-height:77px;float:left;}
#nav ul li a#curseur1 {background:url(../images/nav-li-a1.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li a#curseur2 {background:url(../images/nav-li-a2.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li a#curseur3 {background:url(../images/nav-li-a3.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li a#curseur4 {background:url(../images/nav-li-a4.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li a#curseur5 {background:url(../images/nav-li-a5.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li.current a#curseur1 {background:url(../images/nav-li-a1-current.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li.current a#curseur2 {background:url(../images/nav-li-a2-current.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li.current a#curseur3 {background:url(../images/nav-li-a3-current.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li.current a#curseur4 {background:url(../images/nav-li-a4-current.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
#nav ul li.current a#curseur5 {background:url(../images/nav-li-a5-current.png) no-repeat 0 0;height:77px;width:153px;display:block;cursor:pointer; background-position:90px 0px;}
/* -- */
div.conteneur-contact {padding-top:5px; text-align:center; width:350px; margin:auto; color:#144d6c; font-size:20px; clear:both; }
a#contact-mail {text-align:center; background:url(../images/arobase.png) no-repeat 0 0;height:45px;width:45px;;display:block;cursor:pointer;  float:left; margin:2px;}
a#contact-mail:hover {background-position:0 -45px; color:#3997bc;}
a#contact-linkedin {text-align:left; background:url(../images/linkedin.png) no-repeat 0 0; no-repeat 0 0;height:45px;width:45px;;display:block;cursor:pointer;  float:left; margin:2px 4px;}
a#contact-linkedin:hover {background-position:0 -45px;}
div.conteneur-contact a{color:#144d6c; font-size:20px; }

div.conteneur-icones-contact {width:330px; text-align:center; margin:auto; padding-top:10px; line-height:45px;color:#144d6c; font-size:22px;}
div.conteneur-icones-contact span {float:left;}

/* section backgrounds */
.section, .px {}
.section .set-size {position:relative;z-index:600;}
.overflow {position:relative;z-index:500;width:980px; margin:0 auto; text-align:center;}

#home {}
#about {}
#services {}
#folio1 {}
#gallery {}
#contact {}
/* -- */

#container .section .header {padding:0 0 0px 0;}
#container .section .header h2 {color:#e52e48; padding:0 0 5px 0;}
#container .section .header em {font-size:12px;}
/* -- */


/* welcome box on #home page */
#home .welcome {}
#home .welcome h1 {display:block;font-size:70px;float:left;width:240px;}
#home .welcome h2 {decoration:none; display:block; float:none; width:740px;color:#ffffff;text-align:center;font-size:35px;line-height:45px; padding:45px 60px 40px 60px; font-family:Klill; letter-spacing:3px; margin:auto;}
#home .welcome h4 {display:block;font-size:20px; width:740px;color:#ffffff;text-align:center; padding:10px 60px 40px 60px; font-family:Klill; letter-spacing:3px; margin:auto;}
/* -- */


/* gallery */
.gallery {display:block; overflow:hidden; height:1%; width:845px; text-align:center; margin:auto; padding-bottom:50px;}
.gallery li {list-style:none; float:left; padding:5px; width:195px; position:relative; margin-right:0px;}
.gallery li:nth-child(4n), .gallery li.format {margin-right:0;}
.gallery li a {display:block;position:relative; overflow:hidden; height:195px; width:195px; padding:0px; color:#000; cursor:default; background-color:#1a648a;}
.gallery li img {position:absolute; top:0; left:0; border:0;}
.gallery li a span {display:block;background-color:#1a648a; width:195px;height:195px;position:absolute;top:0;left:0; color:#fff; line-height:20px; font-size:16px; letter-spacing:0px; valign:middle; padding-top:15px;}
.gallery li a span.fonce {background-color:#144d6c;}
.gallery li a span.clair {background-color:#3f91b3;}
/* -- */


/* -- */
#about h4.invit {color:#194760;}
#services .column-830 h4 {font-family:Klill; text-transform:uppercase; font-size:24px;}
/* -- */