html,
body {
    width: 100%;
    height: 100%;
  }

body {
    font-family: Arial,sans-serif;
	font-size: 13px;
	
}

hr {
    max-width: 30px;
    border-color: #fff;
    border-width: 3px;
	}

hr.light {
     max-width: 7px;
    border-color: #ff9933;
    border-width: 7px;
	padding-top : 0px;
	
}

hr.light2 {
    border-color: #AEABAB;
    max-width:30%;
    padding-top: 0;
	padding-bottom: 0;
    margin-right: 0;
	border-width: 1px;
}

hr.light3 {
    max-width: 100px;
    border-color: #06a5d8;
    border-width: 3px;
	
}
hr.light4 {
    max-width: 50px;
	border-color: #f26d00;
    border-width: 3px;
}


hr.light5 {
    max-width: 60px;
    border-color: #eb017f;
    border-width: 3px;
    margin-left: 0;
} 

hr.light6 {
    max-width: 50px;
    border-color: #f26d00;
    border-width: 3px;
    margin-right: 0;
}

a {
    color: #666;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
a:hover,
a:focus {
  color: #099CA9;
  text-decoration: none;
}

a#lien1 {
    color: #fff; 
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-align:left;
	font-size:13px
}

a:a#lien1:hover,
a:a#lien1:focus {
  color: #ccc;
  text-decoration: none;
  font-size:13px
}

a#lien2 {
    color: #FFF; 
	text-decoration: underline;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-align:left;
	font-size:16px
}

a:a#lien2:hover,
a:a#lien2:focus {
  color: #C03;
  text-decoration: underline;
  font-size:16px
}


a#lien3 {
   color: #89cbec;
  font-size: 16px;
  font-family: 'Mooli', sans-serif;
}

a:a#lien3:hover,
a:a#lien3:focus {
  color: #fff;
  text-decoration: none;
  font-size:16px
}

a#lien4 {
    color: #000; 
	text-decoration: none;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-align:left;
	font-size:14px
}

a:a#lien4:hover,
a:a#lien4:focus {
  color: #fff;
  text-decoration: none;
  font-size:14px
}


.text-footer2 {
    font-size: 13px;
    color: #b9b9b9;
	letter-spacing: 1px;
}

.text-footer2:hover {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}


h1
 {
   font-family: 'Montserrat', sans-serif; 
	 color:#000; 
	 font-size:25px; 
	 letter-spacing:2px;  
} 


h2 {
  color: #fff;
  font-size: 39px;
  /*letter-spacing: 1px;*/
  font-family: 'Mooli', sans-serif;
  text-shadow: 1px 1px 2px #000;
}

h3 {
  color: #fff;
  font-size: 39px;
  /*letter-spacing: 1px;*/
  font-family: 'Mooli', sans-serif;
  text-shadow: 1px 1px 1px #6d6b6b;
}	


h4 {
  font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-size:20px; 
	}

h5
 {
   font-family: 'Raleway', sans-serif;
	 color:#fff;
	 font-size:25px;   
} 

	
h6 {
  color: #cd80dd;
  font-size: 39px;
  /*letter-spacing: 1px;*/
  font-family: 'Mooli', sans-serif;
/*  text-shadow: 1px 1px 1px #6d6b6b;*/
} 

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #fff;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

/*.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 40px;
    margin-bottom: 10px;
}*/

p {
    font-size: 16px;
    line-height: 2;
}

.lh1 {
   
    line-height: 1.5;
} 

.bgi-04 {
	background-image: url("../img/bgi-04.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 850px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}

.bgi-04sm {
	background-image: url("../img/bgi-04.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}



.bgi-06 {
	background-image: url("../img/bgi-06.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 350px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}

.bgi-06sm {
	background-image: url("../img/bgi-06.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}



.bgi-08 {
	background-image: url("../img/bgi-08.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;	
}


.bgi-08sm {
	background-image: url("../img/bgi-08.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}



.bgi-09 {
	background-image: url("../img/bgi-08.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment:local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: repeat;
    /* Scale the background image to be as large as possible */
    background-size: contain;
	/*le contain est très beau sur contener sans portofolio/maille tissus très fine*/
}

.bgi-10 {
	background-image: url("../img/bgi-10.jpg"); /*bgi-08 pour une maille vu de plus près*/
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment:local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: repeat;
    /* Scale the background image to be as large as possible */
    background-size: contain;
	/*le contain est très beau sur contener sans portofolio/maille tissus très fine*/
}


.bgi-11 {
	background-image: url("../img/bgi-11.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 350px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}

.bgi-11sm {
	background-image: url("../img/bgi-11.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}


.bgi-13 {
	background-image: url("../img/bgi-13.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
} /*M2*/

.bgi-13sm {
	background-image: url("../img/bgi-13.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 950px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}/*M*/

.bgi-14 {
	background-image: url("../img/bgi-14.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
} /*M*/

.bgi-14sm {
	background-image: url("../img/bgi-14.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}/*M*/


.bgi-14e {
	background-image: url("../img/bgi-14e.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 50px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
} /*M*/

.bgi-14esm {
	background-image: url("../img/bgi-14e.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}/*M*/

.bgi-14f {
	background-image: url("../img/bgi-14f.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 50px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
} /*M*/

.bgi-14fsm {
	background-image: url("../img/bgi-14f.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 450px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}/*M*/


.bgi-15sm {
	background-image: url("../img/bgi-15.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 850px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: local;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
}/*M*/

.bgi-14d {
	background-image: url("../img/bgi-14d.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 200px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size:cover;
} /*M*/




.bg-bouton {
    background-color: #00b1df;
}

.bg-1 {
	background-color:#f7f2ed;	
}

.bg-2 {
	background-color:#ededed;	
}

.bg-3 {
	background-color:#f1f1f1;	
}

.bg-4 {
	background-color:#0d1425	
}
.bg-4c {
	background-color:#1a294b
}

.bg-4b {
	background-color:#273e71
}

.bg-4d {
	background-color:#345397	
}

.bg-12 {
	background-color:#fff;
}

.bg-6 {
	background-color:#ff9933;
}

.bg-7 {
	background-color:#06a5d8;
}

.bg-13 {
	background-color:#30454e;
}

.bg-16 {
	background-color:#ededed;
}

.bg-19 {
	background-color:#f8f7f7;
}

.bg-20 {
	background-color:#ffcd33;
}

.bg-22 {
	background-color:#72c9e5
}

.bg-light {
    background-color: #f8f9fa !important;
} /*M*/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    color: #000;
}/*M*/

.form-check-label {
    margin-bottom: 20px;
}/*M*/

.form-group {
    margin-bottom: 0rem;
}/*M*/


.text-titre1
 {
 font-family: 'Mooli', sans-serif; color:#517493; font-size:28px;   
} /*M*/




.text-titre3{
font-family: 'Mooli', sans-serif;
  color: #cd80dd;
  font-size: 60px;
  line-height: 1.12;
} /*M*/


.text-titre4{
	font-family: 'Open Sans', sans-serif;
	color: #0F5971;
	font-size: 35px;
	line-height:1;
	letter-spacing:1px;
	text-shadow: 1px 1px 1px #fff;
}

.text-titre5{
	font-family: 'Raleway', sans-serif;
  color: #3aafe8;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  text-shadow: 5px 5px 15px #111;
} /*M*/


.titre5{
	font-family: 'Open Sans', sans-serif;
	color:#d9e6aa;
	font-size:25px;
	line-height:1;
	letter-spacing:1px;
}

.text-titre6 {
  color: #fff;
  font-size: 39px;
  font-family: 'Mooli', sans-serif;
  text-shadow: 1px 1px 1px #6d6b6b;
	line-height:1.5;
} /*M2*/

.text-titre7 {
color: #fff;
  font-size: 49px;
  /*letter-spacing: 1px;*/
  font-family: 'Mooli', sans-serif;
  text-shadow: 1px 1px 1px #6d6b6b;
	} /*M2*/


.text-titre8{
font-family: 'Mooli', sans-serif;
  color: #cd80dd;
  font-size: 30px;
  line-height: 1.12;
} /*M*/

.text-itre9 {
	font-family: 'Mooli', sans-serif;
  color: #f3f5f7;
  font-size: 50px;
}


.text-or01{
	color:#DD6700;
	font-size:30px;
	line-height:1;
}

.text-or{
	font-family: 'Open Sans', sans-serif;
	color:#DD6700;
	font-size:18px;
	line-height:1;
}


.text-or2{
	color:#ff9933;
	font-size:14px;
}



.text-gris5 {
   color:#585656;
	font-size:18px;
	font-family: 'Raleway', sans-serif;
} /*M*/


.text-bleu{
	color:#517493;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
}/*M*/

.text-bleu2{ 
	color:#517493;
	font-size:25px;
	font-family: 'Montserrat', sans-serif;
	
}/*M*/

.text-bleu4{ 
	color:#2D80A7;
	font-size:20px;
}

.text-bleu5 {
    color: #00afe4;
	font-size:15px;
} 

.text-bleu6{ 
	color: #a62285;
  font-size: 80px;
	/*text-shadow: 1px 1px 1px #fff;*/
}

.text-bleu7{ 
	color: #a62285;
  font-size: 35px;
	font-family: 'Mooli', sans-serif;
	/*text-shadow: 1px 1px 1px #fff;*/
}


.text-bleu8{ 
	color:#185990;
	font-size:50px;
}

.text-bleu9{ 
color: #89cbec;
  font-size: 16px;
  font-family: 'Mooli', sans-serif;
}

.text-faded {
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size:18px
} 


.text-faded2 {
color:#30454e;
font-size:15px;
} 

.text-faded3 {
font-family: 'Quicksand', sans-serif;
color:#30454e;
font-size:20px;
} 

.text-mau{ 
	color: #e1abec;
  
  font-size: 30px;
	font-family: 'Mooli', sans-serif;
	/*text-shadow: 1px 1px 1px #fff;*/
}

.text-mau2{
font-family: 'Mooli', sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 1;
} /*M*/


.text-mau3 {
  color: #485fbc;
  font-size: 40px;
  font-family: 'Mooli', sans-serif;
  text-shadow: 1px 1px 1px #fff;
}


.text-mau4{ 
	color: #944EB9;  
  font-size: 15px;
	/*font-family: 'Mooli', sans-serif;*/
	/*text-shadow: 1px 1px 1px #fff;*/
}

.text-blue {
  color: #89cbec;
  font-size: 13px;
  font-family: 'Mooli', sans-serif;
}

.text-bla {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	} /*M*/

.text-bla2 {
	color: #fff; 
	font-size:14px;
	font-family: 'Mooli', sans-serif;
} /*M*/

.text-bla3 {
	font-family: Montserrat, sans-serif;
	color: #fff;
	font-size:16px
}/*M*/


.text-bla4 {
    color: #fff; 
	font-size:15px;
} 

.text-bla5 {
	font-family: 'Mooli', sans-serif;
	color: #fff;
	text-shadow: 5px 5px 5px #000;
} /*M*/


.text-footer {
    color: #b9b9b9;
	font-weight:300;
	letter-spacing:1px; 
	font-size: 13px;
}


.small{
font-size:70%
}


.center-block2 {
    display: block;
    margin-left: auto;
    margin-right:0px;
 }

section {
    padding: 70px 0; /*padding-left:0px; padding-right:0px; essai pour oter paddind smal tableau*/
}



/*aside {
    padding: 50px 0;
}
*/

aside {
    padding: 0px 0;
}

.no-padding {
	
    padding: 0;
}

.padding-10 {
    padding-top:10px;
	padding-bottom:10px;
	}

.padding-15 {
    padding-top:15px;
	padding-bottom:15px;
	}

.padding-20 {
    padding-top:20px;
	padding-bottom:20px;
	}

.padding-top-15 {
    padding-top:15px;
	
	}
.padding-top-30 {
    padding-top:30px;
	padding-bottom:30px;
	}
	
.padding-top-50 {
	padding-top:50px;
}
	
.padding-top-45 {
    padding-top:45px; 
	}
	
.padding-top-60 {
    padding-top:60px;
	}

.padding-top-70 {
    padding-top:70px;
	}
	
.padding-top-100 {
   padding-top:100px;
	}

.padding-top-150 {
   padding-top:150px;
	}
	
.padding-bottom-10 {
    padding-bottom:10px;
	}

.padding-bottom-20 {
    padding-bottom:20px;
	}

.padding-bottom-30 {
    padding-bottom:30px;
	}

.padding-bottom-50 {
    padding-bottom:50px;
	}
.padding-bottom-60 {
    padding-bottom:60px;
	}

.padding-bottom-70 {
    padding-bottom:70px;
	}

.padding-bottom-100 {
    padding-bottom:100px;
	}
	
	
.margin-40{
	margin-left:40px;
	 margin-right:40px;
	 }

.margin-60{
	margin-left:60px;
	 margin-right:60px;
	 }


.margin-10{
	margin-left:10px;
	 margin-right:10px;
	 }
	 
.margin-top-30{
	margin-top:30px
	}
	
.margin-top-40{
	margin-top:40px
	}
	
.margin-top-60{
	margin-top:60px
	}
	
.margin-top-100{
	margin-top:100px
	}
	
.padding-left-100{
	padding-left:100px
	}
	
.margin-top-140{
	margin-top:140px
	}

#sidebar-wrapper {
  position: fixed;
  z-index: 2;
  right: 0;
  width: 250px;
  height: 100%;
  transition: all .4s ease 0s;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  background: #0d3f6a;
  border-left: 1px solid hsla(0,0%,100%,.1);
}

.navbar {
	  font-family: 'Open Sans', sans-serif;
	  font-weight: 200;
      margin-bottom: 0;
	  background-color:#fff;
      border: 0;
      font-size: 13px !important;
	  opacity: 1;
	  border-bottom: solid #ccc 1px;
}
  
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 12px;
    color:#757373;
}  
  
.navbar .navbar-header .navbar-brand:hover,
    .navbar .navbar-header .navbar-brand:focus {
        color: #0158a8 
    }
  
.nav > li.active>a,
.nav>li.active>a:focus {
    background-color: #000!important;
	 color: #fff!important;
	}
 
  
.nav > li > a:focus, .nav > li > a:hover {
   text-decoration: none;
    background-color: #fff;
	color: #1d809f!important;
}


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #000;
    border-color: #000;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
	font-family: 'Open Sans', sans-serif;
    background-color: #993300; 
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
} 


.navbar-default .navbar-header .navbar-brand {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
	font-size:15px;
    color: #000;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #FFF;
	
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px; 
    font-weight: 600;
    color: #fff; 
	
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #000;	
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #fff!important; 
    background-color: #fff;
	
	}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    outline: 0;
}

/*
------pour bouton boutique ajout 17-10-2022------*/
.navbar .nav > li.active2 > a, .navbar-default .nav > li.active2 > a:focus {
    
	background-color: #95c200;
	 color: #FFF!important; 
}



.navbar .nav > li.active2>a:hover,
.navbar .nav>li.active2>a:focus:hover {
    color: #fff !important;
    background-color: #408809;  	
}

/*
------pour bouton boutique ajout 17-10-2022------*/


@media(min-width:768px) {
    .navbar-default {
        border-color: rgba(181,197,212,.9);
         background-color: rgba(153,51,0,.8); 
		
		 
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,1); 
	 
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #CCC; 
    }

   .navbar-default .nav > li>a,
   .navbar-default .nav>li>a:focus {
         color: rgba(255,255,255,1); 
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #CCC;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.5);
        background-color: #000; 
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #fff;
    }

	.navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #e73230;
		
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #fff;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #F00; 
    }

}


.navbar-toggle .icon-bar {
  background-color: #fff;
} 



/*import - bg menu sidebar*/
/*#sidebar-wrapper.active{right:250px;width:250px;transition:all .4s ease 0s ; background-color: #fff;}*/

/*.sidebar-nav li a:active {text-decoration:none; background-color:#ffffff ;}*/





/*normalisation colonne*/
.norma1{ 
		min-height: 90px;
	}

	
.norma2{ 
		min-height: 450px;
	}	
/*fin normalisation colonne*/





.center-block2 {
    display: block;
    margin-left: auto;
    margin-right: 0px;
 }
 

.section-heading {
    margin-top: 0;
}


/*export portfolio*/
.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}
.portfolio-item .caption{display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}
.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}
.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}
.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem; font-size:25px}

@media (min-width:992px)
{
	.portfolio-item{max-width:none;margin:0}.portfolio-item .caption{-webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;-webkit-clip-path:inset(0);clip-path:inset(0)}
	.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}
	.portfolio-item img{-webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}
	.portfolio-item:hover .caption,.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
	.portfolio-item:hover .caption{color: #fff; background-color:rgba(81,116,147,.9)}
}

@media (max-width:992px)
{
	.portfolio-item{max-width:none;margin:0}.portfolio-item .caption{-webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;-webkit-clip-path:inset(0);clip-path:inset(0)}
	.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}
	.portfolio-item img{-webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}
	.portfolio-item:hover .caption,.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
	.portfolio-item:hover .caption{color: #fff; background-color:rgba(29,128,159,.9)}
}




.portfolio-item .caption .caption-content p {
    font-weight: 700;
    font-size: 1.2rem;
	
}


@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #cdcdcd;
    background-color: transparent;}
	}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #F00 ; 
}

.text-primary2 {
    color: #999 ; 
}

.text-primary3 {
    color: #993333 ;
}

.text-primary4 {
    color: #993333 ; font-size:12px
}

/*.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}*/

.no-gutter > [class*=col-] {
    padding: 0;
}


.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #10538C !important;
  border-color: #10538C !important;
}

.btn-default {
	border-color: #fff;
    color: #222;
    background-color: #AEABAB;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
	
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
	
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}


.btn-dark{
	color:#fff;
	background-color:#343a40;
	border-color:#343a40
}

.btn-dark:hover{
	color:#fff;
	background-color:#23272b;
	border-color:#1d2124
}

.btn-dark.focus,.btn-dark:focus{
	box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-dark.disabled,.btn-dark:disabled{
	color:#fff;
	background-color:#343a40;
	border-color:#343a40}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{
	color:#fff;
	background-color:#1d2124;
	border-color:#171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}

/*-------*/
.btn-jau{
	background-color:#10538c;
	color:#fff;
	border-color:#10538c;
	font-family: 'Raleway', sans-serif;

}

.btn-jau:hover{
		color:#10538c;
	background-color:#fff;
		border-color:#10538c;
	
}

.btn-devis{
	background-color:#cd80dd;
	color:#fff;
	border-color:#cd80dd;
	font-family: 'Mooli', sans-serif;
	font-weight: 700;

}

.btn-devis:hover{
		color:#10538c;
	background-color:#fff;
		border-color:#10538c;
	
}


.btn-dark.focus,.btn-dark:focus{
	box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-dark.disabled,.btn-dark:disabled{
	color:#fff;
	background-color:#343a40;
	border-color:#343a40}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{
	color:#fff;
	background-color:#1d2124;
	border-color:#171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}


.btn-primary {
    border-color: #f05f40;
    color: #fff;
    background-color: #F63;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
} 
.btn-a {
    color: #4A4949;
    background-color: #ffd939;
	font-size:14px;
	
    }
	

.btn-a:hover,
.btn-a:focus,
.btn-a.focus,
.btn-a:active,
.btn-a.active,
.open > .dropdown-toggle.btn-a {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
	font-size:14px;
}


.btn-b {
    color: #fff;
    background-color: #00b1df;
	font-size:14px;
    }

.btn-b:hover,
.btn-b:focus,
.btn-b.focus,
.btn-b:active,
.btn-b.active,
.open > .dropdown-toggle.btn-b {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
	font-size:14px;
}


.btn-c {
    color: #000;
    background-color:#93c200;
	font-size:14px;
	text-transform: none;
	    }
	
.btn-c:hover,
.btn-c:focus,
.btn-c.focus,
.btn-c:active,
.btn-c.active,
.open > .dropdown-toggle.btn-c {
    border-color: #999;
    color: #fff;
    background-color: #999;
	font-size:14px;
}



/*BOUTON POSE SANS TRANSFORMATION*/

.btn-cc {
    color: #000;
    background-color:#93c200;
	font-size:20px;
	    }
	

.btn-cc:hover,
.btn-cc:focus,
.btn-cc.focus,
.btn-cc:active,
.btn-cc.active,
.open > .dropdown-toggle.btn-cc {
    border-color: #999;
    color: #fff;
    background-color: #999;
	font-size:20px;
}

/*FIN BOUTON POSE SANS TRANSFORMATION*/



/*BOUTON POSE SANS TRANSFORMATION*/
.btn-e {
    color: #000;
    background-color:#93c200;
	font-size:20px;
	    }
	
.btn-e:hover,
.btn-e:focus,
.btn-e.focus,
.btn-e:active,
.btn-e.active,
.open > .dropdown-toggle.btn-e {
    border-color: #999;
    color: #000;
      background-color:#999;
	font-size:20px;
}
/*BOUTON POSE*/

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #093;
    background-color: #F96;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40; 
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 5px;
    text-transform: none;
    font-family: 'Mooli', sans-serif;
    font-weight: 300;
	
}

.btn-xl {
    padding: 15px 30px;
	min-width: 250px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}


.thumbnail2 {
    display: block;
	min-height: 600px;
    /*padding: 14px;*/
    margin-bottom: 20px;
    /*line-height: 1.42857143;*/
	background-color: rgba(15,15,15,0.75);
 /*   border: 1px solid #ddd;*/
   /* border-radius: 4px;*/
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}



.img-grayscale
{
	 filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		opacity:1;
		filter:alpha(opacity=90)
}

.img-grayscale:hover

{
	filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
		opacity:1;
		filter:alpha(opacity=90)		
}


.img-grayscale2
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		opacity:0.7;
		filter:alpha(opacity=80)
}

.img-grayscale2:hover
{
	filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
		opacity:1;
		filter:alpha(opacity=90)
}



.img-grayscale3
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		opacity:1;
		filter:alpha(opacity=90)
}

.img-grayscale3:hover
{
	 filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		opacity:0.5;
		filter:alpha(opacity=50)
	
}

.img-center {margin:0 auto;}

.img3 {
box-shadow: 0px 0px 10px #999;
}

.img4{
	border-left:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	border-top:solid #ccc 1px; 
}


.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 2px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.img-thumbnail3 {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0px;
  line-height: 1.42857143;
  background-color: #fff;
 /* border: 0px solid #ddd;*/
  border-radius: 1px;
 /* border: 3px solid #fff;*/ /*ER*/
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
} /*attention padding 0 si asso avec slider fade GTL ET ER*/

.img-responsive2{
	padding-top:0px;
	}

body {
    webkit-tap-highlight-color: #222;
}

.trans{
	background-color: rgba(255,0,0,.5);	
	}


.pdm {display:none;
	  visibility:hidden;}