/* ------------------------------------------*/
/* ---- avantages.css -----------------------*/
/* ------------------------------------------*/

.header-avantages{margin-top:60px;height:100px;}

.header-avantages h1{
	font-size: 44px;
    display: inline-block;
    font-family : "Oswald";
	text-transform: uppercase;
}

.container-avantages h2{
	font-size: 44px;
    display: inline-block;
    font-family : "Oswald";
	float:left;
	margin:40px 0px 60px 0px;
	padding:0 5%;
}

.avantages .container-avantages {
	height: auto;
}

.avantages .panel-group {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.avantages .panel-default {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	border: 2px solid #EF5E04;
}

/* ----- Avantages Head ----- */
.avantages .panel-heading {
	display: block;
	height: 80px;
	text-decoration: none;
	color: inherit;
}

.avantages .panel-heading:hover {
	background-color: #fdf5ef;
}

.avantages .image-avantage {
	width: 10%;
	height: 80px;
	overflow: hidden;
	float: left;
	background: #EF5E04;
}

.avantages .image-avantage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.avantages .title-advantage {
	width: 90%;
	height: 80px;
	
	display: flex;
	align-items:center;
	line-height: 80px;
	padding-right: 40px;
	background-image: url('img/icon_more_info.svg');
	background-repeat: no-repeat;
	background-position: center right 30px;
	background-size: 30px 30px;
}

.avantages .title-advantage h3 {
	display: table-cell;
	width: 90%;
	vertical-align: middle;
	color: #EF5E04;
	font-size: 18px;
	text-align: left;
	padding: 0 60px;
}

.avantages .title-advantage:hover {
	text-decoration: none !important;
}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
    .header-avantages{padding: 0 5%;}
	.avantages{width:100%!important;overflow: hidden;}
	.avantages .container-avantages{height:auto;padding-bottom:60px;}
	.avantages .panel-group {width:90%;margin:0 auto;}
	.avantages .image-avantage {height:80px;width:15%;}
	.avantages .title-advantage {height:80px;line-height:80px;width:85%;}
	.avantages .title-advantage h3 {font-size: 16px;}
	.avantages .container-avantages h2{padding: 0 5%;}
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
    .header-avantages{width:90%;margin:0 auto;margin-top:100px;}	
	.avantages{width:100%!important;overflow: hidden;}
	.avantages .container-avantages{height:auto;padding-bottom:60px;}
	.avantages .panel-default{height:80px;}
	.avantages .panel-group {width:90%;margin:0 auto;}
	.avantages .image-avantage {height:76px;width:20%;}
	.avantages .title-advantage {height:76px;line-height:76px;width:80%;}
	.avantages .title-advantage h3 {font-size: 16px;}
	.avantages.container-avantages h2{padding:0 5%;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    .header-avantages {width:90%;margin:0 auto;margin-top: 100px;}
	.avantages{width:100%!important;overflow: hidden;}
	.avantages .container-avantages{height:auto;}
	.avantages .panel-group {width:80%;margin:0 auto;}
	.avantages .panel-heading{height:70px;}
	.avantages .image-avantage {height:70px;width:20%;}
	.avantages .panel-default {margin-bottom: 20px;}
	.avantages .title-advantage {width:80%;height:70px;line-height:70px;}
	.avantages .title-advantage h3 {font-size: 14px;padding:0px 30px;}	
	.avantages .panel-collapse{font-size: 14px;}	
	.avantages.container-avantages h2{text-align:left;padding:0 5%;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

    .header-avantages{width:90%;margin:0 auto;margin-top:100px;}
	.header-avantages h1{font-size:36px;}
	.avantages{width:100%!important;overflow: hidden;}
	.avantages .container-avantages{height:auto;}
	.avantages .panel-group {width:90%;margin:0 auto;}
	.avantages .panel-heading{height:70px;}
	.avantages .image-avantage {height:70px;}
	.avantages .panel-default {margin-bottom: 20px;}
	.avantages .title-advantage {width:100%;height:72px;line-height:70px;background-position: center right 20px;}
	.avantages .title-advantage h3 {font-size: 14px;padding: 0px 30px;}
	.avantages .image-avantage{display:none;}
	.avantages .image-avantage img {width: 130%;}
	.avantages .panel-collapse{font-size: 14px;}
	.avantages .container-avantages h2{font-size:36px;padding:0 5%;text-align:left;}
}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/


    .header-avantages{width:90%;margin:0 auto;margin-top:100px;}
	.header-avantages h1{font-size:28px;margin-bottom:20px;padding-left:6px;}		
	.avantages{width:100%!important;overflow: hidden;}
	.avantages .container-avantages{height:auto;padding-bottom:60px;}
	.avantages .panel-group {width:90%;margin:0 auto;}
	.avantages .panel-heading{height:70px;}	
	.avantages .image-avantage {height:70px;}
	.avantages .panel-default {margin-bottom: 20px;}
	.avantages .title-advantage {width:100%;height:72px;line-height:70px;background-position: center right 10px;}
	.avantages .title-advantage h3 {font-size: 13px;padding: 0px 20px;}
	.avantages .image-avantage{display:none;}
	.avantages .panel-collapse{font-size: 14px;padding: 20px;}
	.avantages .container-avantages h2{font-size:28px;text-align:left;padding:0 5%;}
}