* {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
}
body {
	/*padding-bottom:75px;
	padding-top:98px;*/
}
header, footer {
	background-color:#111;
	height:90px;
}	
header {
	height:68px;
	top: 0;
	z-index:99999;
	background: #454545; /* Old browsers */
	background: -moz-linear-gradient(top, #454545 0%, #181818 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#181818)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #454545 0%,#181818 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #454545 0%,#181818 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #454545 0%,#181818 100%); /* IE10+ */
	background: linear-gradient(to bottom, #454545 0%,#181818 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
}
header #logo {
	background-image:url(../img/solidbyte.png);
	width:209px;
	height:56px;
	margin:5px auto;
    cursor:pointer;
}

.contactExpert {
    border: 2px solid grey;
    margin: 15px 20px 5px 40px;
    text-align:center;
}
.contactExpert a span{
    text-decoration:underline;
}
.contactExpert a{
    text-decoration:none;
}
.contactExpert span a{
    text-decoration:underline;
}
.titreAccueil {
font-weight:bold;
    color: #2d2d2d;
    margin: 5px 0;
    text-align: center;
}

footer {
	bottom:0;
	background-color:#E1E1E1;
	margin-top: 10px;
	border-top:1px solid #AAA;
}
footer #footer #tel {
	background-image:url(../img/tel.png);
	width:50px;
	height:49px;
	margin:0px auto;
}
footer #footer {
	overflow: visible;
	border: 1px solid #EEE;
	font-size: 12px;
	background-color: #fff;
	color: #222;
	-moz-box-shadow: 0px 0px 3px 1px silver;
	-webkit-box-shadow: 0px 0px 3px 1px silver;
	-o-box-shadow: 0px 0px 3px 1px silver;
	box-shadow: 0px 0px 3px 1px silver;
	border-radius:3px;
	height:75px;
	margin:7px 8px 0;
}
footer #footer .site_complet {
	height:18px;
	min-height: 18px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	font-size:12px;
}
footer #adresse {
	color:#2D2D2D;
}
footer p {
	margin:0;
	
}
footer .contactFooter a {
	color: #EF5401;
	font-weight: bold;
}
footer .contactFooter span {
	font-weight: none;
	color:#000;
}
footer .contactFooter span[data-page="contact"] {
    color: #EF5401;
	font-weight: bold; 
    cursor:pointer;
}
footer .span3 {
	border-right: 1px solid #DDD;
	margin-top: 4px;
}
nav .row-fluid {
	border-bottom:1px solid #000;
	border-top:2px solid #000;
	background: #434343
}
nav .row-fluid div.span3 {
	text-align: center;
	color: #9D9D9D;
	border-left:1px solid #000;
	font-family:Trebuchet Ms, Verdana;
	height:25px;
	line-height:25px;
	min-height:25px;
	font-size:13px;
	
}
#maison {
	display:block;
	height:45px;
	width:45px;
	background: url(../img/maison.png);
	margin-top: 10px;
    
}
.slider {
	height:200px;
	margin-bottom:2px;
	/*border-bottom:3px solid #000;*/
}
/*
.slider {
	position:relative;
	margin:0 auto;
	margin-left: 20px;
}
.slider img { 
	position:absolute; 
	top:0; 
}
*/
.titre {
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:0px;
	padding:0 15px;
}
.titre-items {
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}

.span6 .titre {
	text-align:left;
}
.span6 {
	margin-left:30px;
}
#index .row-fluid [class*="span"] {
	padding-left:20px;
}
#index .row-fluid ul li {
	float: left;
	margin-left:30px;
}
#index .row-fluid ul {
	margin-top:0px;
	padding-left:10px
}
#index .row-fluid [class*="span"]{
	padding-left: 20px;
	margin:0;
}

/*-------------------------------Page-Partenaires----------------------------------*/
#partenaires .span12 {
	padding:20px;
	margin:0;
	padding-bottom:0;
}
#partenaires .box .logo   {
	width: 100%;
	background: inherit;
	margin: 0 auto;
	display: block;
	float: none;
	height: 40px;
	position: relative;
}
#partenaires .box .logo  img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#partenaires .box .description  {
	width: 100%;
	margin: 0 auto;
}

#partenaires .box {
	text-align: center;
	margin:0;
}

#partenaires h3 {
	
	margin-bottom:0px;
}

#slider.row-fluid .span6 {
	margin-left: 0;
}

#slider.row-fluid [class*="span"] {
	padding: 5px;
	height: 150px;
}
#menu {
	top:70px;

	z-index:99999;
}
#menu div {
	cursor:pointer;
}
#menu div {
	width: 25%;
	margin:0;
}

/*----------------------------Page-clientele----------------------------------*/
#clientele .span12 {
	padding:20px;
	margin:0;
	padding-bottom:0;
}

#clients .span4 {
	margin:0;
	height:110px;
	padding:15px;
	text-align: center;
}
#clientele #clients div img {
	vertical-align: middle;
}
#clientele #clients div{
	height:110px;
	line-height:100px;
	text-align:center;
}

.site_complet {
	text-align:center;
	color:#FFF;
	background-color:#434343;
	
}
/*.banner{
	width:100%;
    min-height:100px;
    background-repeat:no-repeat;
    background-size:contain;
}*/
.banner_home img {
	width:100%;
}
.banner img {
	width:100%;
    /*height:216px;*/
}
    
/*----------------------------Page-services----------------------------------*/
.sous_menu {
	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e7e7 0%, #b5b5b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#b5b5b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e7e7 0%,#b5b5b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e7e7 0%,#b5b5b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e7e7 0%,#b5b5b5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e7e7 0%,#b5b5b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */
	text-align:center;
	line-height:20px;
	font-weight:bold;
	height:20px;
	border-bottom:1px solid #434343;
}
.sous_menu [class*="span"] {
	border-left:1px solid #434343;
	height:20px;
	min-height:20px;
		font-size:11px;
}
.sous_menu a:first-child .span6 {
	border-left-width:0;
}
.sous_menu .active {
	background: #b5b5b5; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5b5b5 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5b5b5 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5b5b5 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5b5b5 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5b5b5 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	
}
.sous_menu a {
	color:#434343;
}

.no-space [class*="span"] {
    margin-left: 0;
}
#services .row-fluid .span6 {
	padding-left:0px;
}
#services .row-fluid .span6 ul {
	margin:2px;
}
#services .span12 {
	text-align:center;	
}
#services .row-fluid {
	margin-bottom:10px;
}
#meilleurs_pratiques .span6 p {
	margin:0;	
}
#meilleurs_pratiques .row-fluid .span6 {
	padding-left:20px;
}

#applications .sous_menu.row-fluid .span6, #services .sous_menu.row-fluid .span6 {
	width: 50%;
}
#applications .sous_menu.row-fluid .span4 {
	width: 33.33%;
}
#applications .sous_menu.row-fluid .span3 {
	width: 25%;
}
#applications .sous_menu.row-fluid .span2 {
	width: 16.66%;
}
#applications div[data-role=sous_page] {
	
	box-sizing: border-box;
	padding: 5px 10px;
}
#applications p {
	margin-bottom:0px;
}

form {
	width: 322px;
	margin: 0 auto;
}
form textarea {
	height: 80px;
}

.form-horizontal .control-label {
	width:95px;
}
.form-horizontal .controls {
	margin-left: 100px;
}
@media (max-width:480px) {
	form {
		margin: 0 auto;
		width: 230px;
	}
	.form-horizontal .controls {
		margin-left: 0;
	}
}

label.error {
	color: red;
	font-size: 10px;
	margin-bottom:0;
}
#info {
    text-align:center;
    color:#1882C9;
}
input[type="submit"].submit-btn {
    background-image: url(../img/soumettre.png);
    width: 112px;
    height: 30px;
    border-width: 0px;
    float: right;
}

ul.sideMenu{margin:0; padding:0px 0 0; list-style-type:none}
ul.sideMenu li{margin: 0 20px 10px 0; padding: 0;}

.highlightMenu{width:276px; float:left;}
.highlightMenu .produits span,
.highlightMenu .services span,
.highlightMenu .nous span{width:235px; height:90px;}

.highlightMenu .produits span{background:transparent url("../img/decouvrez_btn.png") no-repeat center center; height: 50px;}
.highlightMenu .services span{background:transparent url("../img/service_btn.png") no-repeat center center; height: 50px;}
.highlightMenu .nous span{background:transparent url("../img/contact_btn.png") no-repeat center center; height: 50px;}

.button{border:#D1D1D1 solid 1px; background:#fff; border-radius: 12px;}
.button:hover{border:#EE5400 solid 1px;}
.button span{display:block}
.div_header_text {
    position: absolute;
    top: 100px;
    left:3%;
    display:block;
    width:100%;
    float:left;
    line-height:13px;
    z-index: 10;
    font-style: italic;
    font-size: 12px;
    color: #000000;
}
.headerText {
width:100%;
float:left;
padding-left:15px;
}
.titleEnPage {
    font-weight:bold;
    width:100%;
    float:left;
}
.titleFrPage {
    font-weight:bold;
    width:100%;
    float:left;
    padding-left:30px;
}
/*----css slider-----*/
.sliderTitle {
        font-style: italic;
        font-size: 14px;
        color: #000000;
        float:left;
        width:100%;
    }

.sliderTitleBold {
        font-style: italic;
        font-weight: bold;
        font-size: 14px;
        color: #000000;
        z-index: 10;
        float:left;
        width:100%;
        padding-left:10px;
    }
.sliderTitleBoldDet { 
    float:left;
    width:100%;
    padding-left:20px;
}

.sliderText ul {
        margin: 0px;
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 40px;
        padding: 0px !important;
    }

.sliderText li {
        padding: 0px !important;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        display: list-item !important;
        text-align: -webkit-match-parent;
        width:100%;
        line-height:13px;
        
    }

#slide div .sliderText {
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        display: block;
        white-space: nowrap;
        float:left;
        width:100%;
    }
#slide {
        width:100%;
        float: left;
        margin-top: 15px;
        display:block;
        z-index: 10;
    }

#slide div.active {
                display: block;
            }
#slide div img {
                background: none !important;
                border: none !important;
                max-height:311px;
                margin-left:15px;
                vertical-align:top;
            }
#slidebuttons {
        width:100%;
        float:left;
        height: 16px;
        float: left;
        text-align:center;
        padding-bottom:5px;
    }

#slidebuttons button {
            border: none;
            background: url("../../img/slide_button_inactive.png") no-repeat;
        }

#slidebuttons button.active {
                border: none;
                background: url("../../img/slide_button_active.png") no-repeat;
            }

#slidebuttons button:focus {
                outline: none;
            }
.col1_slider {
    float:left;
    width:40%
}
.col2_slider {
    float:left;
    width:60%
}
.row_slider {
    float:left;
    width:100%
}
/*----css slider-----*/