/* 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}
/* Global properties ======================================================== */
body{background:#212222;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#242424;}
/*html { min-width:1000px;}*/
html, body{ height:100%;}
/* Global Structure ============================================================= */
.container{margin: 0 auto;position: relative;width: 1000px;font-size:.8125em;}
/* Header */
header{height:72px;overflow:hidden;background:url(../images/header-bg.gif) 0 0 repeat-x;}
/*Gallery*/
#gallery{height:496px;overflow:hidden;background:url(../images/gallerry-bg.gif) 0 0 repeat-x;}
/* Content */
#content{/*float: left;width: 572px;*/}
/* Sidebar */
aside{/*float: left;width: 302px;margin-right:52px;*/}
/* Footer */
footer{padding:20px 0 22px 0;border-top:5px solid #eee;}
/* Left & Right alignment */
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

.col-1, .col-2, .col-3{float:left;}

.alignright{text-align:right;}
.aligncenter{text-align:center;}

.wrapper {width:100%;overflow:hidden;}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 32px 37px 50px 37px; }
/*----- form defaults -----*/
input, select, textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;}
/*----- other -----*/
figure{margin-bottom:18px;}
.img-indent{margin:0 20px 0 0; float:left;}
.img-box{width:100%;overflow:hidden;padding-bottom:15px;}
.img-box figure{float:left;margin:0 20px 0 0;padding:0;}
.extra-wrap{overflow:hidden;}

p{margin-bottom:18px;}
.p1{margin-bottom:9px;}
.p2{margin-bottom:18px;}
.p3{margin-bottom:27px;}
/*----- txt, links, lines, titles -----*/
a{color:#d42e01;outline:none;}
a:hover{text-decoration:none;}
h1{font-size:34px;line-height:1.2em;color:#fff;font-weight:normal;background:url(../images/lara-web-logo.png) no-repeat 0 0;padding:6px 0 8px 60px;position:absolute;left:10px;top:6px;}
h1 a{color:#fff;text-decoration:none;}
h2{font-size:30px;line-height:1.2em;font-weight:normal;color:#212222;margin-bottom:22px;}
h2 span{color:#8a8a8a;}
h3{font-size:1em;margin-bottom:6px;}
h3 a{color:#242424; }
h3 a:hover{text-shadow: 1px 1px 1px #888;}
/*==================boxes====================*/
.main-box{border-top:5px solid #eaeaea;background:#fff;width:100%;}
.contacts{padding-bottom:20px;}
.contacts li{width:100%;overflow:hidden;}
.contacts li strong{float:left;width:95px;}
.list1{margin-left:12px;padding-bottom:18px;}
.list1 li{background:url(../images/arrow1.gif) no-repeat 0 6px;padding:0 0 0 12px;}
/*===== header =====*/
header nav{float:right;}
header nav ul li{float:left;}
header nav ul li a{font-size:22px;color:#fff;height:67px;line-height:67px;text-decoration:none;width:101px;text-align:center;float:left;background:#433b8f;background-image: gradient(top, #383282, #484095); /* FF3.6 */background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */}
header nav ul li a.current, header nav ul li a:hover{padding-bottom:5px;}
header nav ul li:nth-of-type(2) a{background:#0184cd;background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */}
header nav ul li:nth-of-type(3) a{background:#7cbc19;background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */}
header nav ul li:nth-of-type(4) a{background:#ffbc00;background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */}
header nav ul li:nth-of-type(5) a{background:#f07502;background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */}
header nav ul li:nth-of-type(6) a{background:#d00110;background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */}
/*===== gallery =====*/
.roundabout-holder{width:850px;height:496px;margin:0 auto;}
.roundabout-moveable-item{width: 646px;height: 416px;cursor: pointer;border:3px solid #ccc;border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{border:3px solid rgba(0, 0, 0, 0.2);}
/*===== content =====*/
#content{}
#content img, aside img{border:3px solid #ebebeb;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#content img:hover{border-color:#bbb;}
/*--- news list styles ---*/
.news li{overflow:hidden;position:relative;padding:0 0 26px 84px;}
.news li:last-child{padding-bottom:0;}
.news li figure{width:59px;height:59px;background:url(../images/date-bg1.jpg) no-repeat 0 0;position:absolute;left:0;top:0;text-align:center;border:3px solid #ebebeb;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:10px;color:#fff;text-transform:uppercase;}
.news li figure strong{display:block;font-size:30px;line-height:1.2em;margin-bottom:-7px;padding-top:4px;}
.news li:nth-of-type(4n+2) figure{background:url(../images/date-bg2.jpg) no-repeat 0 0;}
.news li:nth-of-type(4n+3) figure{background:url(../images/date-bg3.jpg) no-repeat 0 0;}
.news li:nth-of-type(4n+4) figure{background:url(../images/date-bg4.jpg) no-repeat 0 0;}

.team-list li{width:100%;overflow:hidden;padding-bottom:43px;}
.team-list li:last-child {padding-bottom:0;}
.team-list li figure{float:left;margin:0 20px 0 0;padding:0;}
/*--- loopedSlider styles ---*/
/*
 * Required 
*/
#loopedSlider .wrap{width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides{position:absolute; top:0; left:0;}
#loopedSlider .slides div{position:absolute; top:0; width:295px; display:none;}
/*
 * Optional
*/
#loopedSlider{width:295px; position:relative; clear:both;}
#loopedSlider .nav-controls{width:100%;overflow:hidden;padding-top:10px;}
#loopedSlider li{display:inline;}
#loopedSlider li a.previous{float:left;}
#loopedSlider li a.next{float:right;}
/*===== footer =====*/
footer{color:#fff;}
footer .fleft{padding-left:40px;}
footer .fright{padding-right:40px;}

.trait_orange{color: #d42e01; font-weight: bold; font-size: 20px;}
#content img.image_left{float: left; margin: 0px 5px 5px 0px; border: none;}
aside img.etape{border: none; margin-top: 5px;}
.clear{clear: both;}
.sous_titre{ padding:0px; font-size:22px; color:#766f6f; margin:0px; text-shadow:0 0 #766f6f;}
.social{ float:right;}
.social li{ float:left; margin-right:9px; padding-right:10px; background:url(../images/footer_line.gif) right 6px no-repeat}
.social .last{ background:none; margin-right:0; padding-right:0}
.social a{ position:relative;}
.social span{ position: absolute; bottom:0; left:0; width:0; height:1px;}
#headerBreadcrumb{color:black; position: absolute;margin-left: 20px; margin-top: 1px;}#headerBreadcrumb ul#breadcrumbtrail{display:inline;list-style-type:none;margin:0;opacity:.5;text-shadow:0 1px 0 #fff}#headerBreadcrumb ul#breadcrumbtrail li{display:inline;font-size:10px}#headerBreadcrumb ul#breadcrumbtrail li a{color:#03638b;text-decoration: none;}#headerBreadcrumb ul#breadcrumbtrail li div.breadcrumbArrow{height:15px;width:8px;margin-left:6px;display:inline-block}#headerBreadcrumb:hover ul#breadcrumbtrail{opacity:1}
ul.avantage em {font-weight: bold;}
ul.avantage li {list-style: none;}
#realisation, #mise, #referencement, #maintenance{ display:none; text-align:justify; padding:0px 10px 10px 10px; }
#communication { text-align:justify; padding:0px 10px 10px 10px; }
#content img.fleche_etapes{border: none; margin-bottom: 10px;}
#realisation img.fleche_etapes{margin-left: 60px;}
#mise img.fleche_etapes{margin-left: 120px;}
#referencement img.fleche_etapes{margin-left: 175px;}
#maintenance img.fleche_etapes{margin-left: 235px;}
/***** contact form *****/

.standard-form {display:block;margin:0;padding:0;}
.standard-form {margin-top:24px;width:100%;}
.standard-form form input, .body .standard-form form textarea {width:335px;height:30px;border:1px solid #d8d7d7;background-color:#f8f8f8;display:block;margin-bottom:35px;text-indent:5px;color:#999999;-webkit-box-shadow: inset 2px 2px 1px 1px #f1f1f1; box-shadow: inset 2px 2px 1px 1px #f1f1f1;}
.standard-form form input:focus, .body .standard-form form textarea:focus {border:1px solid #bfbfbf; }
.standard-form form textarea {width:100%;max-width:100%;height:180px;padding-top:6px;overflow:hidden;}
.standard-form form .submit {margin-right:0;float:right; font-size: 15px;}
.standard-form form .submit .button {margin-right:0;}
.standard-form {margin:0 0 0 18px;}
.standard-form form input {width:303px;float:left;margin:0 10px 16px 0;}
.standard-form form input.extend, .body .standard-form form textarea {width:620px;clear:both;margin:0 10px 16px 0;}
.standard-form form .submit {margin-right:18px;}
.standard-form p.note {width:538px;}
.standard-form form input {width:242px;float:left;margin:0 10px 16px 0;}
.standard-form form input.extend, .body .standard-form form textarea {width:496px;clear:both;margin:0 10px 16px 0;}
.standard-form form .submit {margin-right:14px;float:right;}
.standard-form {margin:0;padding:0;}
.standard-form form input {width:100%;}
.standard-form form input.extend, .body .standard-form form textarea {width:100%;}
.standard-form form .submit {margin:0 0 5px 0;}
                
 p.note, p.note.success {background:url(../images/icons/check_32.png) no-repeat #f2ffe8;background-position:10px 15px;border:1px solid #97ff4c;-moz-border-radius: 5px; /* Firefox */-webkit-border-radius: 5px; /* Safari, Chrome */border-radius: 5px; /* CSS3 */padding:20px 25px 20px 55px;margin-bottom:2px;width:50%;}
p.note.info {background:url(../images/icons/info_button_32.png) no-repeat #e5f7ff;background-position:15px 15px;border-color:#5ac8f1;}
p.note.warning {background:url(../images/icons/warning_32.png) no-repeat #fffadc;background-position:15px 15px;border-color:#ffd858;}
p.note.error {background:url(../images/icons/close_32.png) no-repeat #ffe4e4;background-position:15px 15px;border-color:#ffa0a0;}

ul.liste_accueil li{margin: 0px 0px 10px 50px; list-style-type: disc; list-style: disc;}
.contenu_accueil p, .contenu_clients{text-align: justify;}
h1 span{font-size: 1px; color: #000000;}