/* CSS Document */





.col-lg-6 {
	min-height: 1px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
}

/********************************  LOGO  *****************************/

.logo {
    display: block;
    margin: 0 auto;
    max-width: 495px;
}

/********************************  TOP BAR  *****************************/

.navbar-inverse {
    background-color: #ffffff;
    border-color: #ececec;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 107px;
    position: relative;
}


/********************************  HEADER  *****************************/

#headerwrap {
    background: #394050 url("../images/interieur_magasin.jpg") no-repeat scroll center center !important;
    margin-top: -46px !important;
    min-height: 500px !important;
    padding-bottom: 0 !important;
    padding-top: 110px !important;
    text-align: center !important;
    width: 100% !important;
}


/********************************  BLOCS  *****************************/

#about {
    background: #394050 none repeat scroll 0 0  !important ;
    padding: 0 !important;
}

#services {
    background: #fff none repeat scroll 0 0  !important;
    padding: 60px 0;
    text-align: center;
}


/********************************  ICONES  *****************************/


  
/********************************  TEXTES  *****************************/
.txt_vert {
	color:#9cbe1c;
}

.white h1 {
    color: #9cbe1c !important;
	font-weight:400;
	padding: 5px 25px;
}

.white p {
    color: #fff;
    padding: 10px 25px;
	font-weight:300;
}

h2 {
    color: #394050 !important;
    font-size: 40px;
}

h3 {
    color: #9cbe1c !important;
    font-size: 26px;
}

#services p {
    text-align: justify !important;
	padding: 0 15px;
	margin-right: 100px;
}

h4, .h4 {
    font-size: 13px  !important;
	color:#9cbe1c !important;
	text-align:center;
}

#portfolio p {
    text-align: justify !important;
	padding: 0 15px;
}

nav ul{
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	background-color:#333333;
}

nav li{
	display:inline-block;
	width:100px;
	height:40px;
	margin:0px;
	padding:0px;
	#border-right:1px solid #CCCCCC;
	text-align:center;
	line-height:40px;
}

nav li a{
	display:block;
	text-decoration:none;
	color:#0DFE21;
}
/********************************  IMAGES  *****************************/

.produits {
    float: left;
    padding: 0 15px;
    width: 33.33333%;
}

.picto {
    float: left;
    padding: 0 15px;
    width: 16.66667%;
}

.portrait {
	float:left;
	padding: 0 35px 0 100px;
}

.puce {
	padding:0 15px 8px 0;
}

.cles {
	float:left;
	padding:0 25px 15px 0;
	max-width:100%;
}

.chaussures {
	float:none;
	padding:0;
	max-width:100%;
}


@media screen and (max-width:1150px) {
		 .produits {
    float: left;
    padding: 0 15px;
    width: 50%;
}
		 .produits img {
    width: 90%;
	height: 90%;
}
}
	
@media screen and (max-width:850px) {
	 .picto {
    float: left;
    padding: 0 15px;
    width: 33.333333%;
}


}

/********************************  RESPONSIVE TABLETTE  *****************************/

@media screen and (max-width:700px) {


.portrait {
	float:left;
	padding: 0 50px 0 10px;
}
  
 .picto {
    float: left;
    padding: 0 15px;
    width: 33.333333%;
}

 .produits {
    float: left;
    padding: 0 15px;
    width: 50%;
}

}

/********************************  RESPONSIVE TELEPHONE  *****************************/

@media screen and (max-width:500px) {

.logo img {
    display: block;
    margin: 0 auto;
	width: 295px;
}

#headerwrap {
    background: #394050 url("../img/fond_header.jpg") no-repeat scroll -730px center !important;
    margin-top: -46px !important;
    min-height: 500px !important;
    padding-bottom: 0 !important;
    padding-top: 110px !important;
    text-align: center !important;
    width: 100% !important;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 65px;
    position: relative;
}

.white h1 {
    color: #9cbe1c !important;
	font-weight:400;
	padding: 5px 25px;
	font-size:23px;
	line-height: 1.3;
}

.portrait {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 60%;
	padding: 0 0 25px;
}

#services p {
    text-align: left !important;
	padding: 0 15px;
	margin-right: 10px;
}

h2 {
    font-size: 28px !important;
	padding: 5px 10px;
}

 .picto {
    float: none;
    width: 100%;
}
 .produits {
    float: none;
    width: 100%;
}

}