/*!
 * DEFAUT.CSS  
 */
html { overflow-y: scroll; }
body { background: url("../img/content-tail.gif") repeat scroll center top transparent;
    color: #696969; font-size: 14px;}
#header{background: url("../img/body-tail.gif") repeat-x scroll center 164px ;
    border-bottom: 1px solid #fff; 
   /* height: 203px;
    z-index: 10;/* background: url("../img/bk_body.png") no-repeat scroll center 50PX transparent;
    color: #4D5357;*/}
.navbar-inner {}
.navbar .nav {display: block;float: left;top: 0px;margin: 0 10px 0 0;position: relative;text-transform:uppercase;}
.navbar .brand{overflow:hidden;margin-right:20px;margin-top:15px;margin-left:20px;}
.footer {background: url("../img/body-tail.gif") repeat scroll center top #E7E7E7;
    border-top: 1px solid #FFFFFF;padding:40px 20px 0px 20px;}
.principal{padding-bottom:40px;margin-top:25px;}
#legal{margin:20px 0 20px 0;text-align:center}
#message{width:300px;height:140px;}
a {color: #55A574;text-decoration:none;}
a:hover {color: #777;text-decoration:none;}
.top-bar {
    background: -moz-linear-gradient(center top , #333333 0%, #111111 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
    padding: 0px 0;}
.nav-tabs{margin-top:40px;}
.thumbnails {margin-top:40px;}
.titre-border{margin-top:20px; margin-bottom:20px;padding:5px;border-bottom:1px solid #bbb;}
.table {
        border: 1px solid #DDD;
    }


.addthis_toolbox{margin-top:-61px;margin-right:10px;}
.breadcrumb{font-size: 10px; border-bottom: 1px dotted #999;padding-top:2px;padding-bottom:2px ;margin-bottom:40px}
h1,h2,h3,h4{font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
 font-family: "Open Sans","HelveticaNeue-Thin","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,"open sans",arial,sans-serif;

    font-style: normal;
    font-weight: 300;
    letter-spacing: -1px;
	font-family: "Open Sans",Helvetica,arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.05em;}
h1, h2{font-size: 36px;margin-bottom:30px;text-align:center; }
 h3 {line-height: 26px;font-size: 22px;}
 h1, h2, h3, h4, h5, h6, .sous-titre
{font-family: 'Ubuntu',sans-serif;}
p,a{font-family: "Open Sans","HelveticaNeue-Thin","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,"open sans",arial,sans-serif;}
.sous-titre
{text-align:center;margin-bottom:60px;margin-top:-20px;}
.box-date{background:#f1f1f1;margin-top:-30px;margin-right:-30px;padding:10px;font-style:italic;}


.nav-list > li > a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -13px;
    text-shadow: 0 1px 0 }
	
.nav-tabs a{font:700 16px 'Droid Sans', Helvetica, Arial, sans-serif;}

div.thumbnail{background:#f1f1f1;padding:0px;height:100%; overflow:hidden;margin-bottom:20px;margin-top:10px;}
div.thumbnail:hover{background:#ccc;opacity: 0.8; filter: alpha(opacity=80);}

.thumbnail h4{/*height:40px;*/ margin: 0; padding: 10px;}

.thumbnail a:hover h4{color:#6DD294;}
.thumbnail a{background:#fff;margin:none;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.thumbnail a:hover{}
.thumbnail .caption {font-size:11px;line-height: 16px;font-weight:bold;}
#wrap{height:260px;}

.row-fluid .projects .span4 {
    width: 31.6239%;
}
.bs-docs-sidebar{margin-top:20px;}

.btn-return{margin-top:30px;}
/* News -----------------------------------------------*/
.box-image{width:100%;height:auto;overflow:hidden;max-height:270px;}
.box-image img{width:100%;height:auto;overflow:hidden;}
.box-image-accueil{}
.box-news{background:#fff;padding:20px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);margin-bottom:30px;}
.box-news img:hover{background:#f1f1f1;opacity: 0.8; filter: alpha(opacity=80);}
.box-news-accueil{background:#fff;padding:10px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);height:auto;}
.box-news-accueil img:hover{background:#f1f1f1;opacity: 0.8; filter: alpha(opacity=80);}
.box-news-accueil .pull-left{margin-right:10px;}
.box-news-accueil .box-date{background:#fff;margin:0px;padding:5px 5px 0px 5px;font-style:italic;text-align:right;}
.media .pull-left {
    margin-right: 10px;
}
.media-body {padding:10px;}
.box-news-accueil .media-body {font-size:12px;}
.box-news-accueil h4{margin-top:0px;font-size:14px;}

.box-image-vente{text-align:right;margin:0 auto}

/* Contact -----------------------------------------------*/
  #email,  #subject,  #message, #nom,  #prenom,  #societe  {width:95%;}
  #message {width:95%;}
   #captcha-form {width:95%;}
   input, textarea, .uneditable-input {
    width: 100%;
}
.require{color:#06AEDD;}
#spamcheck{width:30px}
#change-image span{ width:39px;height:39px;font-size:0.8em; background: url(../img/Icon_Set_1.png) no-repeat 0 0; display:block;margin:-55px 0 0 200px;}
#change-image span:hover{background-position: 0 100%;}

.MsgSent {display: block;padding: 10px;margin: 0px auto;width: 400px;text-align: center;}
.MsgSent h2 {background: url(../img/ok.png) no-repeat 5% 30%;height: 85px;line-height: 85px;padding-left:0px;}
.MsgError {display: block;padding: 10px;	margin: 40px auto;width: 400px;text-align: center;}
.MsgError h2 {background: url(../img/MsgError.gif) no-repeat 0 0;height: 85px;line-height: 85px;padding-left:0px;}
.MsgSent p, .MsgError p {	font-size: 14px;color:#666;text-align: left;}
label.valid {position:relative;top:1px;width:24px;height:24px;display:inline-block;text-indent:-9999px;}
label.error {color: #B94A48;margin-top: 2px;}

/* Galerie -----------------------------------------------*/
.gallery{display: block;overflow: hidden;}
.gallery li{background: url(../img/plus-sign.png) center center no-repeat;display: block;float: left;overflow: hidden;margin-left: 10px;list-style: none;margin-bottom: 10px;}

/*footer */
.footer .intro {padding: 5px 0;border-top: 1px dotted #999;border-bottom: 1px dotted #999;margin-bottom:20px;}
.footer .intro p{color:#777;font: 700 12px arial,sans-serif;margin:10px auto;text-align: center;}/*
.footer li{float:left;display:in-line;margin:0 10px 0 0;list-style:none;}*/

.center{width:900px;margin:5px auto;}
.footer  p {text-align:justify;font: 500 12px arial,sans-serif; color:#555; font-size: 12px;
    line-height: 20px;
    margin: 20px 0;}

.footer h4 { border-bottom: 1px dotted #333333;  color: #777777; font-size: 16px; margin-bottom: 15px;width:80%; font-weight: 400; letter-spacing: -1px;line-height: normal;}
.footer a {color:#666666;text-decoration:none;}
.footer a:hover{color:#6DD294;}
/*
    .footer p{text-align:center;}
  .footer h4{text-align:center;width:100%;border-bottom:1px solid #ccc;margin-top:30px;}
  .footer img .pull-left {display:block;}
  .footer ul {text-align:center;list-style:none;  list-style-type: none;
    padding: 0px;
    margin: 0px;}*/
	
	.footer hr{border-top:1px solid #ccc;margin-top:30px; margin-left: -30px; margin-right: -30px;}
	.footer #legal{font-size:9px;text-align:right;}

/*banniere*/
#banniere {
    width: 550px;
    height: 110px;
    padding: 0;
    margin: 15px 5px 12px 5px;
	overflow:hidden;
	border:5px solid #ccc;
	/*
    position: absolute;
    right: 10px;
    top: 0;*/
}

.navbar .nav > li {float: left;padding: 0;margin: 17px 2px 0 0;list-style: none;}
.navbar .nav > li > a {padding: 10px 10px 10px 10px;/*background: #eee;*/	font-size: 14px;font-weight: 700;color: #777;font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
/*background: #eee;*/}
.navbar   .nav > li > a:hover{text-decoration: none;background: #6DD294;}
.navbar   .nav > li.active > a, .navbar   .nav > li.active > a:hover,
.navbar   .nav > li.open > a {color: #333;text-decoration: none;background: #ddd;background: url("../img/content-tail.gif") repeat scroll center top transparent;}
.navbar   .nav > li.open > a {color: #333;text-decoration: none;background: #ddd;background: url("../img/content-tail.gif") repeat scroll center top transparent;}


.navbar   .nav > li.active > a , .navbar   .nav > li.active > a:hover {color: #333;}
.navbar   .nav > li > a > i {padding-right: .35em;}
.navbar   .nav    a {padding: 7px 10px;}

.navbar   .btn-navbar {height: 20px;margin-top:20px;}

.row-fluid  .projects   .span4:first-child  , .row-fluid  .projects  .span4{
     margin-left: 1.6%;
}

.bs-docs-sidenav {
  width: 100%;
  margin: -10px 0 0;
  padding: 0;
  background-color: #fff;
  font-size:14px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
		      opacity: 0.9;
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 25px 8px 12px;
  background:#f8f8f8;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a , .bs-docs-sidenav > li> a, .nav-list> .active > a, .nav-list> .active > a:hover{
  position: relative;
  z-index: 2;
  padding: 12px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.55;
}
blockquote {
    border-left: 5px solid #ccc;}
	
	/*effet*/
div#feature_list h3 {margin: 0;padding: 0px 0 0 0;font-size: 18px;font-weight:600;text-transform: uppercase;border:none;line-height:20px; color:#55A574 /*DE5508;*/;}
div#feature_list {width: 935px;height: 240px;overflow: hidden;position: relative;
border:5px solid #ccc;background:#DE5508;margin:0 auto;}
div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;font-size:12px;}
div#feature_list ul#tabs {left: 0;z-index: 2;	width: 320px;}

div#feature_list ul#tabs li {font-size: 10px;font-family: Arial;}		
div#feature_list ul#tabs li img {padding: 5px 10px 5px 0px;border: none;float: left;margin: 10px 0px 0 0;	}
div#feature_list ul#tabs li a {HEIGHT:60PX;color: #777;text-decoration: none;display: block;padding: 10px 40px 10px 10px;outline:none;background:  url(../img/feature-tab-current2.jpg) no-repeat left top;}
div#feature_list ul#tabs li a:hover {color: #333;}
div#feature_list ul#tabs li a.current {background:  url(../img/feature-tab-current.png);color: #FFF;}
div#feature_list ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
div#feature_list ul#tabs li a.current h3{color:#fff;}
div#feature_list ul#tabs li a.current {color:#333;}

ul#output {right: 0;width: 650px;height: 240px;position: relative;}
ul#output li {position: absolute;width: 650px;height: 240px;}
ul#output li a {position: absolute;	bottom: 0px;right: -0px;text-decoration: none;font-size: 14px;font-weight:bold;
color: #EF5A24;background: #fff;-moz-border-radius: 5px;}
ul#output li a:hover {background: #ccc;color:#fff;}
	
	/*google map */
	
	.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
border:1px solid #ffffff;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

	

/*--------------------Flexislider---------------------------*/

.slider_wrapper {
    position: relative;
    z-index: 999;
	width:980px;
	margin:0 auto;
	clear:both;
	margin-top:25px;
	}
	
.slider_wrapper h2 {
	color:#ffffff;
	margin-top:0;
	}
	
.slider_wrapper a, .slider_wrapper a:hover {
	font-size:18px;
	text-decoration:underline;
	color:#ffffff;
	}
	
.slider_wrapper p {
	color:#ffffff;
	font-size:18px;
	font-weight: 400;
	}
	
.flex-container a:active, .slider a:active, .flex-container a:focus, .slider a:focus {
	outline: none;
	}
	
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	}

.slider {
	width: 100%;
	margin: 0;
	padding: 0;
	position:relative;
	z-index:1999;
	padding-top: 30px;
	}
	
.slider .one_half, .slider .one_half_first, .slider .one_third, .slider .one_third_first, .slider .two_third, .slider .two_third_first, .slider .one_fourth, .slider .one_fourth_first, .slider .three_fourth, .slider .three_fourth_first, .slider .one_fifth, .slider .one_fifth_first, .slider .two_fifth, .slider .two_fifth_first, .slider .three_fifth, .slider .three_fifth_first, .slider .four_fifth, .slider .four_fifth_first, .slider .one_sixth, .slider .one_sixth_first, 
.slider .one_half a, .slider .one_half_first a, .slider .one_third a, .slider .one_third_first a, .slider .two_third a, .slider .two_third_first a, .slider .one_fourth a, .slider .one_fourth_first a, .slider .three_fourth a, .slider .three_fourth_first a, .slider .one_fifth a, .slider .one_fifth_first a, .slider .two_fifth a, .slider .two_fifth_first a, .slider .three_fifth a, .slider .three_fifth_first a, .slider .four_fifth a, .slider .four_fifth_first a, .slider .one_sixth a, .slider .one_sixth_first a
 {
	margin-bottom:0;
	margin-top:0;
	}

.slider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	}

ul.slides li img, ul.slides li img a {
	width: 100%;
	display: block;
	max-width:100%;
	height:auto;
	}
	
ul.slides li {
    width: 100%;
    z-index: 2;
	height:auto;
	list-style:none;
	}

ul.slides {
	list-style: none;
	border: none;
	}

.flex-pauseplay span {
	text-transform: capitalize;
	}
	
html[xmlns] .slides {
	display: block;
	}
	 
* html .slides {
	height: 1%;
	}
	
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
	}
	
/* FlexSlider Default Theme
 *********************************/
 
 
.slider .slides {
	zoom: 1;
	}
	
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1;
	position: relative;
	}
	
	
	
.contentright {
	float:right;
	line-height:1.6em;
	}
	
		
.homepage_slider_section {
	width:100%;
	}
	
.homepage_slider_section .slider .flex-control-nav {
	display:none;
	}
	
.slides .slidecontents {
	z-index:2000;
	position:relative;
	}
	
/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background: none;
 	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
	}
	
.flex-caption {
	background: none;
 	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
	}
	
.flex-caption {
	min-height:223px;
	width:96%;
	padding: 2%;
	margin:-195px 0 0;
	position: relative;
	left: 0;
	bottom: 0;
	background: transparent;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	}
	
.flex-caption h4 {
	color:#ffffff;
	margin-top:30px;
	}
	
.flex-caption p, .flex-caption a {
	color:#ffffff;
	font-size: 14px;
	line-height: 1.6em;
	}
	
/* Direction Nav */
.slider .flex-direction-nav {
	background: url("../img/slider-arrows-horizontal.png") no-repeat scroll -9999px -9999px transparent;
    display: none;
    height: 0;
    list-style: none outside none;
	}
	
.slider:hover .flex-direction-nav {
	display:block;
	}
	
.dynoloop .slider:hover .flex-direction-nav {
	display:none;
	}
	
ul.flex-direction-nav li {
	list-style:none;
	}
	
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: 22px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -999em;
	-webkit-transition:all 0.0s ease-in;  
    -moz-transition:all 0.0s ease-in;  
    -o-transition:all 0.0s ease-in;  
    transition:all 0.0s ease-in; 
	}

	
/*Control Nav */

.flex-control-nav {
   background: url("../img/slider-dots.png") no-repeat scroll -9999px -9999px transparent;
    bottom: 10px;
    line-height: 0;
    list-style: none outside none;
    margin-left: 5px;
    position: absolute;
    z-index: 4999;
	width:100% !important;
	text-align:center !important;
}

.flex-control-nav li {
	display: inline-block;
    margin: 0 0 0 5px;
	}
	
.flex-control-nav li a {
	background: url("../img/slider-dots.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 14px;
    position: relative;
    text-indent: -9999px;
    width: 14px;
    z-index: 50;
}

.flex-control-nav li a.active, .flex-control-nav li a:hover, .flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
	background-position: 0 -14px;
	}

.homepage_slider_section .slider .flex-direction-nav li .prev, .homepage_slider_section .slider .flex-direction-nav li .next {
	background-color:#42484d;
	}

.homepage_slider_section .slider .flex-direction-nav li .prev:hover, .homepage_slider_section .slider .flex-direction-nav li .next:hover {
	background-color:#ff675b;
	}

.homepage_slider_section .slider .flex-direction-nav {
	position:relative;
	z-index:5000;
	width:10%;
	display:block;
	}
	
.homepage_slider_section .slider .flex-direction-nav li a {
	display: block;
	position: absolute;
	cursor: pointer;
	text-indent: -999em;
	-webkit-transition:all 0.0s ease-in;  
    -moz-transition:all 0.0s ease-in;  
    -o-transition:all 0.0s ease-in;  
    transition:all 0.0s ease-in; 
	}

.homepage_slider_section .slider .flex-direction-nav li .next {
	background-image: url("../img/nextp.png");
    background-repeat: no-repeat;
	background-position:center center;
    color: transparent;
    float: left;
    font-size: 0;
    height: 23px;
    line-height: 1.6em;
    width: 23px;
	-webkit-transition:all 0.3s ease-in;  
    -moz-transition:all 0.3s ease-in;  
    -o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in; 
	right:0;
	margin:0;
	bottom:0;
	top:0;
	}
	
.homepage_slider_section .slider .flex-direction-nav li .prev {
	background-image: url("../img/previousp.png");
    background-repeat: no-repeat;
	background-position:center center;
    color: transparent;
    float: left;
    font-size: 0;
    height: 23px;
    line-height: 1.6em;
    width: 23px;
	-webkit-transition:all 0.3s ease-in;  
    -moz-transition:all 0.3s ease-in;  
    -o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in; 
	left:0;
	margin:0;
	bottom:0;
	top:0;
	}
		
.homepage_slider_section .slider .flex-direction-nav li .disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: .3;
	cursor: default;
	}

.flex-direction-nav li .next {
	background: url("../img/slider-arrows-horizontal.png") no-repeat scroll 0 -18px transparent;
    height: 18px;
    margin-top: -8px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 50%;
    width: 13px;
    z-index: 30;
	}
	
.flex-direction-nav li .prev {
	background: url("../img/slider-arrows-horizontal.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    left: 10px;
    margin-top: -8px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 13px;
    z-index: 30;
	}
	
	
	/* Responsive ///////////////////////////////////////////   */
	

}


@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 979px) {
	#header{background: url("../img/body-tail.gif") repeat scroll center 164px ;}
  	#banniere {display:none;}
	.navbar .btn-navbar { display:none;}
	.nav-collapse, .nav-collapse.collapse {    height: auto;    overflow: visible;}
	.navbar .nav {display: block;float: right;margin: -80px 10px 0 0;}
	.breadcrumb{display:none;}
	
	.addthis_toolbox {margin-top: -12px;	}
	
.navbar .nav > li > a {
    color: #777;
    font-family: "Droid Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 10px;}
    .navbar .brand{width:130px;margin-right:2px;margin-top:5px;margin-left:2px;margin-bottom:5px;}
	.footer  { margin-left: -20px; margin-right: -20px;text-align:center;}
	
	.header { float:none !important; text-align:center; margin:0px auto; padding-bottom:10px!important;}
	.container {  padding: 0 15px !important; }
	.principal {
    margin-top: 25px;
    padding-bottom: 40px !important;
}
	 .contact_form #email, .contact_form #subject, .contact_form #message {width:250px;}
	.contact_form #message {width:340px;}
	.contact_form #captcha-form {width:170px;}
	
    .footer p{text-align:center;}
  .footer h4{text-align:center;width:100%;border-bottom:1px solid #cccccc;margin-top:30px;}
  .footer img .pull-left {display:block;}
  .footer ul {text-align:center;list-style:none;  list-style-type: none;
    padding: 0px;
    margin: 0px;}	
	.footer hr{border-top:1px solid #ccc;margin-top:40px; margin-left: -30px; margin-right: -30px;}
	.footer #legal{font-size:9px;text-align:center;}
	
		.footer{ font-size: 12px;}
		
		
	/*effet*/
div#feature_list {width: 100%;height: 240px;overflow: hidden;position: relative;
border:5px solid #ccc;background:#DE5508;margin:0 auto;}
div#feature_list ul#tabs {left: 0;z-index: 2;	width: 100px;}
	
div#feature_list ul#tabs li h3 {display: none;}
div#feature_list ul#tabs li span{display: none;}
div#feature_list ul#tabs li img {padding: 3px 10px 5px 23px;border: none;float: left;	}





/* SOCIAL --------------------------------------------------------*/
#social-holder{overflow: hidden;width: 100%;padding-top: 0px;}
.social{display: block;float: left;overflow: hidden;margin-right: 20px;}
.social li{display: block;width: 32px;height: 32px;float: left;margin-right: 10px;margin-bottom: 10px;}
.social a{display: block;width: 32px;height: 32px;text-indent: -9000px;}

/* Circular 32x32 px ------------------------------------------------------------*/




  
}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 979px) {

 
}

@media (max-width: 767px) {
	div#feature_list ul#tabs {display:none;}
	div#feature_list {width: 100%;height: 240px;position: relative;border:5px solid #ccc;background:#DE5508;margin:0 auto;}
	.form-actions  {text-align:center;}
	
	 .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

@media (max-width: 480px) {
body {text-align:center;
    font-size: 12px;
}
h2{font-size: 26px;margin-bottom:30px }
 h3 {line-height: 20px;font-size: 20px;}
  .navbar .btn-navbar {display: block;margin-left:0px;margin-right:0px;} 
	form .well{padding:5px}
	#change-image span{ width:39px;height:39px;font-size:0.8em; background: url(../img/Icon_Set_1.png) no-repeat 0 0; display:block;margin:10px auto;}
}

@media (max-width: 380px) {
body {
   /* font-size: 11px;*/
}
  .navbar .btn-navbar {display: block;margin-left:0px;margin-right:0px;} 
	form .well{padding:5px}
	#change-image span{ width:39px;height:39px;font-size:0.8em; background: url(../img/Icon_Set_1.png) no-repeat 0 0; display:block;margin:10px auto;}
}



@media (max-width: 530px) {


div#feature_list {width: 100%;height: 158px;}

div#feature_list  ul#output {right: 0;width: 100%;height: 158Px;position: relative;}
div#feature_list  ul#output li {width: 430px;height: 158Px; right:0;    }

	
}

@media (max-width: 600px) {

  
}

@media (min-width: 990px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;
}
  
}
/* mobile menu */
@media(max-width:767px){

.box-date{width:100%;background:#fff;margin-top:-5px;margin-right:0px;padding:5px;font-style:italic;text-align:right}
.box-date .pull-right{float:none;}

	.nav-collapse, .nav-collapse.collapse {    height: 0;    overflow: hidden;}
	

.navbar .nav {
    display: block;
    float: left;
    margin: 0px 10px 20px 0;
	width:100%;
}

.navbar .btn-navbar { display:block;margin-right:0px ; padding:12px 12px 10px 12px;}
	.nivo { margin-top: 0px!important; }
	#banner { padding-bottom: 25px;!important; }

	.navbar .nav.pull-right { float: right; margin-right: 0px!important; }
	.btn-blog1 { width:70px; padding:5px; font-size:11px; }
	
.logo { float:left; margin:30px 0px 20px 20px!important;width:140px; }
.navbar .nav.pull-right { float: none; width: 100%; margin: 0; }
#main_menu  {   margin-bottom: 10px; }
#main_menu .nav > li {   border-top: 1px solid #ddd; width:100%!important;margin: 0px 0px 0 0; }
#main_menu .nav > li a { text-align:left!important; }
.nav-collapse .nav > li > a {
    margin-bottom: 0px;
}
.navbar .nav > li >  a:hover { background: #fff!important; }

#main_menu  .nav > li:first-child { border-top: 0px solid #2C2C2C; width:100%!important; margin-top:1px; }
#main_menu .nav > .active > a, #main_menu .nav > .active > a:hover { background: #ddd!important; }
.navbar-collapse {max-height: none; border-bottom: 1px solid #424242;}
ul.dropdown-menu { position: static; clear: both; margin: 0px 0px 20px 0px!important; float: none; }
.dropdown-menu { 
    width:100%!important;
    margin: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    left: 0px!important;
    top: 0px!important;
    position:relative!important;
}
.dropdown-menu > li { background-color: rgba(0,0,0,0.2); }
.dropdown-menu > li > a { color: #bbb; display: block; padding: 15px 25px!important; margin: 0px 0px 2px 0px!important; }
.dropdown-menu li:hover { background-color: rgba(0,0,0,0.3)!important; }
.dropdown-menu  li:last-child { margin-bottom:-2px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
text-decoration: none; color: #fff; background: transparent!important; filter:none; }
.navbar-toggle { right: 0px; }
.dropdown-menu .sub-menu { width: 100%!important; left: 0px!important;padding-left: 30px; visibility: visible!important; padding-top: 1px; }
.dropdown-menu .sub-menu  li:last-child { margin-bottom:-15px; }

.row-fluid .projects .span4:first-child, .row-fluid .projects .span4 {
    margin-left: 1.7%;width: 45%;
}

.box-news-accueil{ margin: 0px 0px 30px 0px!important; }
.media-body h4{font-size:16px;}


}


@media(min-width:768px){
.navbar-nav ul { position: absolute; top: 80px; left: 0; z-index: 999; }
}

@media (max-width: 530px) {


.row-fluid .projects .span4:first-child, .row-fluid .projects .span4 {
    margin-left: 1.6%;width: 97%;
}
	
}