/* HTML5 display-role reset for older browsers */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.1');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img,  ol, ul, li, form, label, legend,caption, article, aside, footer, header, menu, nav, output, ruby, section, summary,audio, video,input {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* ///////////AVAILABLE ON ALL THE PAGES///////////*/
body{font-size:100%; font-family: "Times New Roman", serif; line-height:1.3;}
.centered{width:980px; margin:auto;}
.relative{position:relative;}
.wrap{position:relative; width:980px; height:100%; margin-right:auto; margin-left:auto; margin-top:30px; margin-bottom:30px; }


/* HEADER */
.top-header{height:100px;}
.top-header img{width:270px;}
header a{text-decoration:none;color:white;}
header .slogan{text-align:right; padding-top:3px; color:rgb(111,111,111);position:absolute; right:0px; top:2px;}
header nav{position:absolute; right:0px; bottom:0px;z-index:2;}
header nav ul {background-color:rgb(44,44,44); border-top-left-radius:20px; border-bottom-right-radius:10px; }
header nav ul li {display:inline-block; color:white; width:120px; text-align:center; height:25px; line-height:25px; }
header nav ul li + li {border-left:1px solid white;}
header nav ul li:hover{font-weight:bold;}
header nav:before{position: absolute;left: -19px;top: 2px; content: '';width: 0;height: 0;border-top: 23px solid transparent;border-right: 30px solid rgb(44,44,44);}

@media screen and (min-width: 980px){
.hack-background-blue{position:absolute; top:75px; right:0px;background-color :rgb(16,102,149); width:50%; height:25px;}
}

/* CARROUSSEL OR TITLE IN THE HEADER*/
.header-bottom{background-color:rgb(16,102,149); border-bottom:5px solid black;}
.header-bottom h1{position:absolute; top:35px; left:50px; color:white; font-size:230%}
.header-background{background-image:url("../pictures/header.jpg"); height:135px;}
.header-background-carrousel{height:380px;background-image:url("../pictures/background_formulas.jpg");}
.header-carousel-pres{height:345px; color:white; }
.header-carousel-title{position:absolute; top:50px; left:10px; font-size :180%; border-bottom:1px solid white; padding-bottom:12px;width:400px;}
.header-carousel-picture {position:absolute; right:120px; top: 20px; }
.header-carousel-picture img{height:320px; }
.header-carousel-description{position:absolute; top:180px; left:10px; width:400px;}
.header-carousel-readmore{ position:absolute; top:290px; left:400px; text-decoration:underline;}

/* ///////////INDEX ///////////*/
.index img{width:200px; float:left; margin-right:20px; margin-bottom:20px; }
.index p{margin-top:10px;  padding-top:10px;  text-align:justify; }
.index h2 {border-bottom:1px solid black; width:760px; margin-left:220px; padding-bottom:10px; }

/* ///////////COMPANY///////////*/
.company-title{color:white; margin-bottom:20px; background-image:linear-gradient(to right, rgb(16,102,149), white); width:990px; padding-top:3px; padding-bottom:3px; padding-left:10px;}
.company-picture{ margin-left:70px; display:inline-block; vertical-align:text-top; width:316px; height:326px;background-image:url("../pictures/mapfrance.png") }
.company-pictureusa{margin-left:90px; display:inline-block; vertical-align:text-top; width:482px; height:301px;background-image:url("../pictures/mapusa.png")}
.company-description{width:960px; text-align: justify; margin-right:auto; margin-left:auto; margin-top:20px;}
.company-address{position:absolute; top:106px; left:90px; font-size:75%;}
.company-addressusa{position:absolute; top:191px; left:273px; font-size:75%;}
.company-address p, .company-addressusa p{margin-bottom:3px;}
.company-here{color:rgb(16,102,149); font-weight:bold;}

/*////CONTACT/////*/
.contact-picture{margin-left:550px; width:400px; height:400px; }
.contact-picture img{width:400px;}
.contact-input {width:300px; margin-bottom:10px; border:1px solid rgb(192,192,192);}
.submit{background-color:rgb(90,90,90); color:white; position:absolute; right:0px; bottom:0px; border:none; margin:0px; width:100px; height:23px; border-top-left-radius:5px;}
.submit:before{position: absolute;left: -20px;bottom: 0px; content: '';width: 0px;height: 0;border-top: 23px solid transparent;border-right: 23px solid rgb(90,90,90);}
.company-title-contact{height:20px;margin-bottom:20px; background-image:linear-gradient(to right, rgb(16,102,149), white); width:990px; padding-top:3px; padding-bottom:3px; padding-left:10px;}
.contact label{display: block;width: 70px;float: left; text-align:right; margin-right:20px;}
.contact textarea{width:300px;resize: none;}
.contact form{float:left;padding-right:20px;padding-left:20px;padding-top:20px; padding-bottom:40px; background: linear-gradient(to bottom,rgb(233,233,233),rgb(255,255,255) 50%,rgb(233,233,233)); border:1px solid rgb(145,145,145);}
.contactresult{float:left;padding-right:20px;padding-left:20px;padding-top:20px; padding-bottom:40px;height:350px; width:400px; background: linear-gradient(to bottom,rgb(233,233,233),rgb(255,255,255) 50%,rgb(233,233,233)); border:1px solid rgb(145,145,145);}
.contactresult p{text-align:center; margin-top:40px;}
/* ///////////LIST PRODUCTS///////////*/
.list-products li{display:inline-block; width:223px; height:330px; vertical-align:text-top; margin-right:70px; margin-bottom:30px; border:1px solid rgb(192,192,192); padding:15px;background: linear-gradient(to bottom,rgb(255,255,255),rgb(236,236,236) 50%,rgb(255,255,255));}
.list-products li a{text-decoration:none;}
.list-products li img{width:220px; height:220px; }
.list-products-titre{color:rgb(16,102,149); font-size:120%; margin-top:10px;}
.list-products-description{color:black;margin-top:10px; padding-top:7px; border-top:1px solid rgb(192,192,192); }
.list-products-readmore{position:absolute; bottom:0px; right:0px; border-top-left-radius:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; padding-left:20px;color:white;background-color:rgb(120,120,120);}
.list-products-readmore-hack{position: absolute;left: 122px;bottom: 0px; content: '';width: 0;height: 0;border-top: 23px solid transparent;border-right: 30px solid rgb(120,120,120);}
.list-products-readmore-hack-hover{position: absolute;left: 122px;bottom: 0px; content: '';width: 0;height: 0;border-top: 23px solid transparent;border-right: 30px solid rgb(16,102,149);}

.list-products-readmore-hover{background-color:rgb(16,102,149);}
.list-products-filter{position:absolute; top:0px; left:0px; background-color:black; width:253px; height:360px; opacity: 0.1; filter: alpha(opacity=10); display:none;}
    
    
/* ///////////DESCRIPTION PRODUCTS///////////*/ 
.description-products{padding:30px; background: linear-gradient(to bottom,rgb(233,233,233),rgb(255,255,255) 50%,rgb(233,233,233)); border:1px solid rgb(145,145,145); border-top-left-radius:2px;}    
.description-products-picture{display:inline-block; vertical-align:top;}
.description-products-picture img{ width:230px;}
.description-products-title{display:inline-block;vertical-align:top; width:650px; margin-left:30px; text-align: justify;}
.description-products-title h1{color:rgb(16,102,149);font-size:140%; width:400px; border-bottom:1px solid rgb(160,160,160); padding-bottom:10px; margin-bottom:10px;}
.description-products-title h2{margin-bottom:30px; }
.description-products-design{margin-top:30px; padding-top:3px; padding-bottom:3px; padding-left:5px; background-image:linear-gradient(to right, rgb(16,102,149), rgb(244,244,244)); color:white; }
.description-products section article{margin-top:20px; text-align:justify;}
.description-products section aside{margin-top:20px;}
.description-products section aside{float:right; margin-left:10px;}
.description-products section aside img{width:200px;}
.description-products-previous{position:absolute; top:0px; left:0px; background-color:rgb(16,102,149); height:28px; width:107px; border-bottom-right-radius:5px; border-top-left-radius:2px; }

.description-products-previous a{color:white; display:block; text-decoration:none; margin-top:4px; margin-left:14px;}
.description-products-previous:after{position: absolute;left: 105px;top: 0px; content: '';width: 0;height: 0;border-bottom: 27px solid transparent;border-left: 25px solid rgb(16,102,149); }

table{clear:both; margin-top:20px;  width:900px; margin-right:auto; margin-left:auto; text-decoration:none;}
th{background: linear-gradient(to right,rgb(71,71,71),rgb(185,185,185)); color:white; padding-top:2px; padding-bottom:2px;}
td{width:450px;border-bottom:1px solid rgb(204,204,204);background: linear-gradient(to right,rgb(236,236,236),rgb(255,255,255)); text-align:center; padding-top:10px; padding-bottom:10px;}

.description-products-h1 {color:rgb(16,102,149);font-size:140%; width:400px; border-bottom:1px solid rgb(160,160,160); padding-bottom:10px; margin-bottom:10px;}
.description-products-h2 {margin-bottom:30px; width:400px;}
.description-products-h3{width:400px;}


/*/////////NEWS ////////*/
.presnews{text-align: center; }
.fa-arrow-up:before{content:"\f062"; font-size: 25px;   }
.fa-arrow-down:before{content:"\f063"; font-size: 25px;}
.news li{ height:100px;  margin-bottom:20px; border-bottom:1px solid rgb(190,190,190);}
.date{color:rgb(16,102,149); margin-bottom:5px;}
.titlenews{font-weight:bold;}
.news {margin-top:10px; margin-bottom:10px;background: linear-gradient(to bottom,rgb(233,233,233),rgb(255,255,255) 50%,rgb(233,233,233)); padding-top:10px;  border:1px solid rgb(145,145,145); margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px;}

/*//////APPLICATIONS ////*/
.applications-menu{width:200px; display:inline-block; vertical-align:top;}
.applications-name{width:150px; height:180px; background: linear-gradient(to bottom,rgb(255,255,255),rgb(236,236,236) 50%,rgb(255,255,255));border:1px solid rgb(192,192,192); margin-bottom:20px;  margin-right:auto; margin-left:auto; padding-top:10px; position:relative; z-index:1; }
.applications-name img{display:block;width:95px; height:115px; margin-right:auto; margin-left:auto; text-align:center;}
.applications-name p{color:rgb(16,102,149); text-align:center; margin-top:7px; font-size:95%; line-height:16px; }
.applications-name ul{position:absolute;  list-style-type: none;   bottom:0; right:0;  margin:0; padding:0;   }
.applications-name ul li{float:right;padding-right:5px; padding-left:5px; background-color:rgb(120,120,120);}
.applications-name ul li:last-child{border-top-left-radius:23px; padding-left:17px;}
.applications-name ul li:first-child{border-left:1px solid rgb(90,90,90); }
.applications-name ul .hack{position: absolute;left:-11px;bottom: 0px; content: '';width: 0;height: 0;border-top: 18px solid transparent;border-right: 22px solid rgb(120,120,120);}
.applications-name ul .hackhover{position: absolute;left:-11px;bottom: 0px; content: '';width: 0;height: 0;border-top: 18px solid transparent;border-right: 22px solid rgb(16,102,149);}
.applications-name a{text-decoration:none; margin:0; padding:0; color:white; font-size:14px;}
.blue{background-color:red;}

.applications-filter{position:absolute; top:0px; left:0px; background-color:black; width:150px; height:190px; opacity: 0.1;
    filter: alpha(opacity=10); display:none;}
.list-applications li{display:inline-block; width:220px; height:300px; vertical-align:text-top; margin-right:70px; margin-bottom:30px; border:1px solid rgb(192,192,192); padding:15px;background: linear-gradient(to bottom,rgb(255,255,255),rgb(236,236,236) 50%,rgb(255,255,255));}
.list-applications li a{text-decoration:none;}
.list-applications li img{width:220px; height:220px; }
.list-applications-titre{text-align:center; color:rgb(16,102,149); font-size:120%; margin-top:10px;}
.list-applications-readmore{position:absolute; bottom:0px; right:0px; border-top-left-radius:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; padding-left:20px;color:white;background-color:rgb(120,120,120);}
.list-applications-readmore-hack{position: absolute;left: 119px;bottom: 0px; content: '';width: 0;height: 0;border-top: 23px solid transparent;border-right: 30px solid rgb(120,120,120);}
.list-applications-readmore-hack-hover{position: absolute;left: 119px;bottom: 0px; content: '';width: 0;height: 0;border-top: 23px solid transparent;border-right: 30px solid rgb(16,102,149);}

.list-applications-readmore-hover{background-color:rgb(16,102,149);}
.list-applications-filter{position:absolute; top:0px; left:0px; background-color:black; width:250px; height:330px; opacity: 0.1;
    filter: alpha(opacity=10); display:none;}

.applications-view{border-right:1px solid rgb(108,108,108);}
.applications-description{padding:15px;width:730px;  background: linear-gradient(to bottom,rgb(233,233,233),rgb(255,255,255) 50%,rgb(233,233,233)); border:1px solid rgb(145,145,145); display:inline-block; vertical-align:top;  }
.applications-title {color:rgb(16,102,149);font-size:150%; width:450px; border-bottom:1px solid rgb(160,160,160); padding-bottom:10px; margin-bottom:20px;}
.applications-first-template-left-top{display:inline-block; vertical-align:middle; width:450px;text-align:justify; margin-bottom:20px;}
.applications-first-template-right-top{display:inline-block; vertical-align:middle; width:260px; margin-left:15px; margin-bottom:20px; }
.applications-first-template-left-bottom{display:inline-block; vertical-align:middle; width:390px;text-align:justify; margin-bottom:20px;}
.applications-first-template-right-bottom{display:inline-block; vertical-align:middle; width:320px; margin-left:15px; margin-bottom:20px; }
.applications-first-template-right-top img{width:260px;}
.applications-first-template-left-bottom img{width:390px;}
.applications-second-template-left{display:inline-block; vertical-align:middle; width:290px;text-align:justify; margin-bottom:20px;}
.applications-second-template-right{display:inline-block; vertical-align:middle; width:390px; margin-left:30px; margin-bottom:20px; }
.applications-second-template-left img{width:290px;}
.applications-second-template-center-picture img{width:650px; text-align:center; }
.applications-second-template-center-text{margin-bottom:20px;}
.applications-second-template-center-picture{width:650px;margin-right:auto; margin-left:auto; margin-bottom:20px; }

/* ///////////FOOTER///////////*/

.footer-background{background-color:rgb(46,46,46); clear:both;}
.footer-background-pic{background-image:url("../pictures/footer.jpg"); color:white; height:310px;z-index:2;}
.footer-presentation{width:400px; float:left;}
.footer-menu{float:left; width:95px; margin-left:18px; }
.footer-menu ul{list-style:none;}
.footer-menu ul li{padding-bottom:5px;}
.footer-menu ul li a{text-decoration:none; color:rgb(169,169,169);}
.footer-menu ul li a:hover{text-decoration:underline;}
.footer-contact{float:right; width:215px;margin-left:18px; }
.justify{text-align:justify;}
.footer-title{margin-left:20px;padding-top:20px;}
.footer-content{color:rgb(169,169,169);border-top:1px solid white; padding-top:10px; margin-top:10px;  }
.footer-content p{padding-bottom:5px;}
.footer-logo{position:absolute; right:0px; top:290px; }
.footer-logo img{width:200px;border-top-left-radius:10px;}
.footer-logo:before{content: '';width: 0;height: 0;border-top: 20px solid transparent;border-right: 30px solid white;position: absolute;left: -22px;top: 0px;}

@media screen and (min-width: 980px){
.hack-background-white{background-color:white; width:50%;position:absolute; right:0px; bottom:0px;height:20px; z-index:1; }
}

.copyright{margin-right:auto; margin-left:auto; width:260px; font-size:75%;}