* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
}
/*longueur largueur*/

.w-100{
	width: 100%;
}
.w-h-100{
	width: 100%;
	height: auto;
}
/* carte simple*/

.carte{
}
.carte-header{
	width: 20%;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.carte-header{
	width: 50%;
	height: 200px;
	border: 1px solid black;
}
.carte-img{
	width: 100%;
	height: 100%;
	display: block;
}
.carte-img:hover{
	 transform: scale(1.2) rotate(6deg) ;
}
.carte-img:hover:nth-child(2n){
	 transform: scale(1.2) rotate(-6deg) ;
}
.carte-body{
	padding: 10px;
}

.carte-titre{
	font-size: 19px;
	color: black;
	font-weight: bold;
	line-height: 5px;
	margin-bottom: 2px;
}
/* composant carte-H */

.carte-h{
	display: flex;
	flex-wrap: wrap;
	height: 30rem;
	transition: all 1s;
	box-sizing: content-box!important;

}
.carte-h:hover .carte-h-img img{
	transform: scale(1.1) rotate(0.5deg);	
}

.carte-h:hover .carte-h-title{
	
}
.card-h-order-1{
	order: 1;
}
.card-h-order-2{
	order: 2;
}

.carte-h-body{
	font-size: 1.3em;
	
}
.carte-h-body:hover{
	
}
.carte-h-img{
	overflow: hidden;
	height: 30rem;
}

.carte-h-img img{
	height: 30rem;
	transition: all 1s;
	width: 100%;
}

.carte-h-title{
	text-align: left;
	font-size: 2.0em;
	transition: all 1s;
}

@media  (min-width: 200px) and (max-width: 800px){
	.card-h-order-sm-1{
		order: 1;
	}
	.card-h-order-sm-2{
		order: 2;
	}
	.carte-h{
		height: auto;
		width: 100%;
		margin: 0;
	}
	.carte-h-title{
		font-size: 1.5em;
		margin-bottom: 0px;
	}

	.carte-h-text{
		
		margin-top:5px;	

	}
	.carte-h-img{
		overflow: hidden;
		height: 188px;
	}
	.carte-h-img img{
		height: 188px;
		transition: all 1s;
		width: 100%;
	}
	

}




/* Grille col */

.row {
	margin-right: -15px;
  	margin-left: -15px;
}
.row:before,
.row:after{
	display: table;
	content: " ";
}
.row:after{
	clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	float: left;
}
.col-6{
	width: 50%;
}
.col-5{
	width: 41.6666666666667%;
}
.col-4{
	width: 33.3333333333333%;
}
.col-3{
	width: 25%;
}
.col-2{
	width: 16.66666666666667%;
}
.col-1{
	width: 8.333333333333333%;
}
.col-7{
	width: 58.33333333333333%;
}
.col-8{
	width: 66.66666666666667%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.33333333333333%;
}
.col-11{
	width: 91.66666666666667%;
}
.col-12{
	width: 100%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .o-sm-1{order: 1;}.o-sm-2{order: 2;}.o-sm-3{order: 3;}.o-sm-4{order: 4;}.o-sm-5{order: 5;}.o-sm-6{order: 6;}.o-sm-7{order: 7;}.o-sm-8{order: 8;}.o-sm-9{order: 9;}.o-sm-10{order: 10;}

 }
 @media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .o-md-1{order: 1;}.o-md-2{order: 2;}.o-md-3{order: 3;}.o-md-4{order: 4;}.o-md-5{order: 5;}.o-md-6{order: 6;}.o-md-7{order: 7;}.o-md-8{order: 8;}.o-md-9{order: 9;}.o-md-10{order: 10;}
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .o-lg-1{order: 1;}.o-lg-2{order: 2;}.o-lg-3{order: 3;}.o-lg-4{order: 4;}.o-lg-5{order: 5;}.o-lg-6{order: 6;}.o-lg-7{order: 7;}.o-lg-8{order: 8;}.o-lg-9{order: 9;}.o-lg-10{order: 10;}
 }
/* Bordure */
.border{
	border: 0.01em solid rgb(150,150,150); 
}
.bor-raduis-1{
	border-radius: 1em; 
}



/* Alignment text*/
.txt-center{
	text-align: center;
}
.txt-left{
	text-align: left;
}
.txt-right{
	text-align: right;
}

/*margin*/
.m-a{
	margin:auto!important;
}
.m-0{
	margin: 0;
}
.m-1{
	margin: 1em;
}
.mx-1{
	margin-left: 1em;
	margin-right: 1em;
}
.my-1{
	margin-top: 1em;
	margin-bottom: 1em;
}
.ml-1{
	margin-left: 1em;
}
.mr-1{
	margin-right: 1em;
}
.mt-1{
	margin-top: 1em;
}
.mb-1{
	margin-bottom: 1em;
}

.m-2{
	margin: 2em;
}
.mx-2{
	margin-left: 2em;
	margin-right: 2em;
}
.my-2{
	margin-top: 2em;
	margin-bottom: 2em;
}
.ml-2{
	margin-left: 2em;
}
.mr-2{
	margin-right: 2em;
}
.mt-2{
	margin-top: 2em;
}
.mb-2{
	margin-bottom: 2em;
}

.m-3{
	margin: 3em;
}
.mx-3{
	margin-left: 3em;
	margin-right: 3em;
}
.my-3{
	margin-top: 3em;
	margin-bottom: 3em;
}
.ml-3{
	margin-left: 3em;
}
.mr-3{
	margin-right: 3em;
}
.mt-3{
	margin-top: 3em;
}
.mb-3{
	margin-bottom: 3em;
}

.m-4{
	margin: 4em;
}
.mx-4{
	margin-left: 4em;
	margin-right: 4em;
}
.my-4{
	margin-top: 4em;
	margin-bottom: 4em;
}
.ml-4{
	margin-left: 4em;
}
.mr-4{
	margin-right: 4em;
}
.mt-4{
	margin-top: 4em;
}
.mb-4{
	margin-bottom: 4em;
}


.m-5{
	margin: 5em;
}
.mx-5{
	margin-left: 5em;
	margin-right: 5em;
}
.my-5{
	margin-top: 5em;
	margin-bottom: 5em;
}
.ml-5{
	margin-left: 5em;
}
.mr-5{
	margin-right: 5em;
}
.mt-5{
	margin-top: 5em;
}
.mb-5{
	margin-bottom: 5em;
}

/* Padding */
.p-0{
	padding: 0;
}
.p-1{
	padding: 1em;
}
.px-1{
	padding-left: 1em;
	padding-right: 1em;
}
.py-1{
	padding-top: 1em;
	padding-bottom: 1em;
}
.pl-1{
	padding-left: 1em;
}
.pr-1{
	padding-right: 1em;
}
.pt-1{
	padding-top: 1em;
}
.pb-1{
	padding-bottom: 1em;
}

.p-2{
	padding: 2em;
}
.px-2{
	padding-left: 2em;
	padding-right: 2em;
}
.py-2{
	padding-top: 2em;
	padding-bottom: 2em;
}
.pl-2{
	padding-left: 2em;
}
.pr-2{
	padding-right: 2em;
}
.pt-2{
	padding-top: 2em;
}
.pb-2{
	padding-bottom: 2em;
}

.p-3{
	padding: 3em;
}
.px-3{
	padding-left: 3em;
	padding-right: 3em;
}
.py-3{
	padding-top: 3em;
	padding-bottom: 3em;
}
.pl-3{
	padding-left: 3em;
}
.pr-3{
	padding-right: 3em;
}
.pt-3{
	padding-top: 3em;
}
.pb-3{
	padding-bottom: 3em;
}

.p-4{
	padding: 4em;
}
.px-4{
	padding-left: 4em;
	padding-right: 4em;
}
.py-4{
	padding-top: 4em;
	padding-bottom: 4em;
}
.pl-4{
	padding-left: 4em;
}
.pr-4{
	padding-right: 4em;
}
.pt-4{
	padding-top: 4em;
}
.pb-4{
	padding-bottom: 4em;
}


.p-5{
	padding: 5em;
}
.px-5{
	padding-left: 5em;
	padding-right: 5em;
}
.py-5{
	padding-top: 5em;
	padding-bottom: 5em;
}
.pl-5{
	padding-left: 5em;
}
.pr-5{
	padding-right: 5em;
}
.pt-5{
	padding-top: 5em;
}
.pb-5{
	padding-bottom: 5em;
}



/*background color*/

.bg-premier{
	background: #FFE634 ;
	color:black;
}
.bg-second{
	background:#FF4734;
	/*background:linear-gradient(0deg, rgba(0,0,0,0.8183648459383753) 0%, rgba(253,149,45,0.227328431372549) 100%);*/
	color: white; 
}
.bg-troisieme{
	background-color: white;
	color: black; 
}
.bg-success{

}
.bg-danger{

}
.bg-warning{

}
.bg-info{

}


/*Button */


/* form */

.form-group{

}
.input-control-lg{
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	font-size: 1em;
	border: 0.1em solid grey; 
	border-radius: 0.2em;
	padding-left: 0.7em;
}

/*  liste */
.s-ls{
	list-style-type: none;
	padding: 0;
	margin: 10px 0px;
}

.s-ls-0,.s-ls-in{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.s-ls-in li{
	display: inline-block;
}
.s-ls-0 li a,.s-ls-in li a{
	margin: 0;
}
.s-ls-li{
	display: inline-block;
}

/* hauteur */
.hgt-1{
	height: 10px;
}
.hgt-2{
	height: 20px;
}
.hgt-25{
	height: 25px;
}
.hgt-30{
	height: 30px;
}
.hgt-35{
	height: 35px;
}
.hgt-40{
	height: 40px;
}
.hgt-45{
	height: 45px;
}
.hgt-50{
	height: 50px;
}

.hgt-100p{
	height: 100%;
}
/* d-flex */
.din{
	display: inline;
}
.dinb{
	display: inline-block;
}
.flex-grow > ul{
	flex-grow: 1: 
}
.d-flex{
	display: flex;
}

.flex-wrap{
	flex-wrap: wrap;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-end{
	justify-content: flex-end;
}
.justify-content-center{
	justify-content: center;
}
.o-1{order: 1;}.o-2{order: 2;}.o-3{order: 3;}.o-4{order: 4;}.o-5{order: 5;}.o-6{order: 6;}.o-7{order: 7;}.o-8{order: 8;}.o-9{order: 9;}.o-10{order: 10;}

/*btn*/




/*font*/
.tx-blanc{
	color: white;
	
}