/* ************************************************************************************************
/* Accueil */
/* ************************************************************************************************ */
.conseils h2 {margin: 80px 0 30px 0;}
@media (max-width: 543px) {.conseils h2 {margin-top:30px;}}

.block-conseils #conseils_entete {margin: 10px;text-align: center;background: #fff;padding: 10px;}
@media (min-width: 768px) {.block-conseils #conseils_entete {margin: 50px;padding: 50px;}}

.block-conseils #conseils_entete .intro {max-width: 800px;display: inline-block;font-size: 18px;line-height: 26px;color: #666;}
.block-conseils #conseils_search_widget {text-align: center;margin: 30px 0px;}
.block-conseils #search_widget {text-align: center;padding: 0% 5%;}
@media (min-width: 768px) {.block-conseils #search_widget {padding: 0% 20%;}}
.block-conseils #search_widget input {height: 50px;font-size: 20px;border: 2px solid #999; border-radius: 5px; transition:all 0.4s;background: #fff; transition:all 0.3s}
.block-conseils #search_widget input:focus {border: 2px solid #599dcd;}
.block-conseils #categories {text-align: center;}
.block-conseils #categories .categories-row {display: flex; flex-wrap: wrap;;max-width: 1200px; margin:auto}
.block-conseils #categories .categories-row > div {padding: 15px;}
.block-conseils #categories .categories-row a {border: 2px solid #999;height: 100%;display: block;padding: 40px 20px;box-shadow: 0px 0px 0px 0px #fff inset;transition:all 0.4s}
.block-conseils #categories .categories-row a:hover {border: 2px solid #9449a7;display: block;padding: 40px 20px;color:#9449a7;box-shadow: 0px -8px 0px 0px #9449a7 inset;}
.block-conseils #categories .categories-row a > i {font-size: 30px;}
.block-conseils #categories .categories-row a > div {font-size: 16px;margin-top: 10px;transition:all 0.4s}
.block-conseils #categories .categories-row a:hover > div {color:#9449a7;}
.block-conseils #contact {text-align: center;margin-top: 50px;}
.block-conseils #contact .btn {margin: 20px 10px;}
 
/* ************************************************************************************************
/* Liste */
/* ************************************************************************************************ */


.block-conseilslist .menu > ul > ul {padding: 5px 0px 15px 10px;font-size: 12px;line-height: 16px;}
.block-conseilslist .menu > ul > ul > li {padding: 5px 0px; }
.block-conseilslist .menu > ul > ul > li > a {color:#666; }
.block-conseilslist .menu > ul > ul > li > a:hover {color:#9449a7; }


.block-conseilslist h1 {margin-top:0 !important;margin-bottom: 0px !important;margin-right: -15px !important;background:#fff !important; color:#000 !important;}
.block-conseilslist  h2 {margin-top:50px;margin-bottom: 30px;}
	
.block-conseilslist .level h2 {text-transform: none;padding-top: 10px; transition: all 0.4s; cursor:pointer;border-top: 1px solid #ccc;border-bottom: 0;color: #666;border: 0;margin-bottom: 0;}
.block-conseilslist .level h2:hover {color:#000; border-color:#000;}
.block-conseilslist .level h2 i {font-size:21px;width: 20px;}

.block-conseilslist .level h3 {font-size: 20px;padding-top: 5px;margin-top:30px;color: #666;text-transform: none;transition: all 0.4s; cursor:pointer;border-top: 1px solid #ccc;border-bottom: 0;}
.block-conseilslist .level h3:hover {color:#000; border-color:#000;}
.block-conseilslist .level h3 i {font-size:17px;width: 20px;}

.block-conseilslist .level h4 {font-size: 15px;border-bottom: 1px solid #666;padding-bottom: 0px;margin-top:40px;color: #666;text-transform: none;display: inline-block;}

.block-conseilslist .level h5 {font-size: 16px;border-bottom: 0px solid #666;padding-bottom: 5px;margin-top:20px;color: #666;text-transform: none;}


.block-conseilslist .level {margin-left: 3%;}
.block-conseilslist .level .conseil-miniature {margin-left: 3%;}

.block-conseilslist ul {margin: 0 !important;}
.block-conseilslist .conseils-faq {padding: 20px ;}



/* ************************************************************************************************
/* Miniatures */
/* ************************************************************************************************ */

.conseil-miniature .conseil-miniature-titre {color: #9449a7;margin: 30px 0px 5px 15px;font-size: 16px;}
.conseil-miniature .conseil-miniature-titre span {color: #9449a7;padding-left:5px; text-decoration:underline;}

#conseils-footer .conseil-miniature .conseil-miniature-titre {border-bottom:1px solid #9449a7;font-size: 18px;}
#conseils-footer .conseil-miniature .conseil-miniature-titre span {text-decoration:none;}

.conseils_relatifs .conseil-miniature-titre {display:none;}




.conseil-miniature .row {margin: 0px;}
.conseil-miniature > ul > li { display:inline-block;  padding: 15px; vertical-align:top;}
@media (max-width: 543px) {.conseil-miniature > ul > li { padding: 5px; }}
	
.conseil-miniature a 
	{
	display:block;
	position: relative; 
	border: 2px solid #ddd;
	padding: 0px 0px 8px 0px !important;
	box-shadow: 0px 0px 0px 0px #fff inset;
	transition: all 0.4s;
	border-radius: 5px;
	}
	
/* bandeau-selected */
.conseil-miniature a .bandeau-selected {display:none;height: 0px;background: #9449a7;position: absolute;bottom: 0px;width: 100%;transition: all 0.4s;}
.conseil-miniature a:hover .bandeau-selected {height: 8px;}
.conseil-miniature a:hover	{border: 2px solid #ddd;	}

.conseil-miniature li img { width:100%;border-radius: 3px 3px 0 0;}


/* doc */
/* ************************************************************************************************ */

.conseil-miniature .doc {margin: 0px;display: flex;flex-wrap: wrap; }
.conseil-miniature .doc a { width: 115px;    height: 100%;    padding-bottom: 40px !important;}
.conseil-miniature .doc a .btn {position: absolute;    bottom: 0;    right: 8px;}
@media (max-width: 543px) {.conseil-miniature .doc a { width:115px; }}
.conseil-miniature .doc li .bandeau { 
				width: 100%;
				font-size: 12px;
				line-height: 12px;
				padding: 5px;
				text-align: center;
				background: #ccc;
				color:#fff;	
				height: 35px;
				border-radius: 3px 3px 0 0 ;
				}

.conseil-miniature .doc li .bloc .nom {text-align: center;padding: 5px;margin-top: 10px;}
.conseil-miniature .doc li .bloc .nom h2, .conseil-miniature .doc li .bloc .nom h3 , .conseil-miniature .doc li .bloc .nom > div{ 
				vertical-align: middle;
				font-size: 12px;
				line-height: 14px;
				transition: all 0.4s;
				text-transform:none;
				font-weight:bold;
				background:transparent;
				margin: 0;
				padding: 5px;
				}
.conseil-miniature .doc li:hover .bloc .nom h2, .conseil-miniature .doc li:hover .bloc .nom h3  , .conseil-miniature .doc li:hover .bloc .nom > div {color:#599dcd}
.conseil-miniature .doc li .bloc .nom i {font-size: 16px;padding-bottom: 5px;color: #ccc;}


/* tuto */	
/* ************************************************************************************************ */


.modal-video .modal-title {font-size: 24px;  font-weight: bold;}
.modal-video .modal-header button {font-size: 38px;    font-weight: bold;}

.conseil-miniature .tuto {margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;}
.conseil-miniature .tuto > li > div {padding: 0px !important;height: 100%;overflow: hidden;border: 2px solid #ddd;border-radius: 5px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .tuto > li:hover > div {border: 2px solid #599dcd;}
.conseil-miniature .tuto > li.small > div {border-radius: 5px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .tuto  > li.small > div > div {padding: 0px;overflow: hidden;}
.conseil-miniature .tuto > li.xsmall > div {border-radius: 5px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .tuto  > li.xsmall > div > div {padding: 0px;overflow: hidden;}
.conseil-miniature .tuto  > li > div > div {padding: 0px;overflow: hidden;}
@media (max-width: 991px) {.conseil-miniature .tuto  > li > div > div {padding: 0px;}}
.conseil-miniature .tuto .screenshot {position: relative; cursor:pointer;}
.conseil-miniature .tuto .screenshot img {margin:auto;display: block;max-width: 100%;opacity: 1; transition:all 0.4s;}
.conseil-miniature .tuto > li:hover .screenshot img {transform: scale(1.02);}
.conseil-miniature .tuto > li.small:hover .screenshot img {transform: scale(1.03);}
.conseil-miniature .tuto > li.xsmall:hover .screenshot img {transform: scale(1.05);}
.conseil-miniature .tuto .screenshot i {position: absolute; left: calc(50% - 35px);top: calc(50% - 25px);font-size: 24px;background: #db0000;padding: 13px 20px;border-radius: 15px;color: #fff;width: 70px;height: 50px;text-align: center}
.conseil-miniature .tuto .small .screenshot i {position: absolute; left: calc(50% - 25px);top: calc(50% - 18px);font-size: 15px;background: #db0000;padding: 10px 19px;border-radius: 10px;color: #fff;width: 50px;height: 35px;text-align: center;}
.conseil-miniature .tuto .xsmall .screenshot i {position: absolute; left: calc(50% - 25px);top: calc(50% - 18px);font-size: 15px;background: #db0000;padding: 10px 19px;border-radius: 10px;color: #fff;width: 50px;height: 35px;text-align: center;}
.conseil-miniature .tuto .screenshot i:hover {background: #f90101;color: #fff;}
.conseil-miniature .tuto > li .screenshot i {text-shadow: none;}
.conseil-miniature .tuto > li:hover .screenshot i {background: #f90101;color: #fff;}
.conseil-miniature .tuto .small {border:0 !important;}
.conseil-miniature .tuto .xsmall {border:0 !important;}
.conseil-miniature .tuto > div {padding: 15px;margin-bottom: 15px;border:0;}
.conseil-miniature .tuto  .titre  { 
		padding: 15px;
		font-size: 24px;
		line-height: 28px;				
		}
@media (max-width: 543px) {.conseil-miniature .tuto  .titre  { 	padding: 10px;}}
.conseil-miniature .tuto .small .titre  h2, .conseil-miniature .tuto .small .titre  h3 { 	font-size: 18px !important;line-height: 24px !important;	}
.conseil-miniature .tuto .xsmall .titre  h2, .conseil-miniature .tuto .xsmall .titre  h3 { 	font-size: 18px !important;line-height: 24px !important;	}
.conseil-miniature .tuto  .titre  h2, .conseil-miniature .tuto  .titre  h3, .conseil-miniature .tuto  .titre  > div {
	display: inline-block;
	color: #333 !important;
	font-size: 24px !important;
	margin: 0;
	line-height: 30px;
	text-transform: none;
	padding-bottom: 10px;
	background: transparent;
	padding-left: 0;
 	}
.conseil-miniature .tuto > li .titre h2, .conseil-miniature .tuto > li .titre h3, .conseil-miniature .tuto > li .titre > div {border: 0;padding-bottom: 0px; transition: all 0.4s;}
.conseil-miniature .tuto > li:hover .titre h2, .conseil-miniature .tuto > li:hover .titre h3, .conseil-miniature .tuto > li:hover .titre > div {color:#599dcd !important;}
@media (max-width: 543px) {
	.conseil-miniature .tuto  .titre  h2, .conseil-miniature .tuto  .titre  h3, .conseil-miniature .tuto  .titre  > div {	font-size: 18px !important; line-height: 18px;	}
	.conseil-miniature .tuto .small .titre  h2, .conseil-miniature .tuto .small .titre  h3 { 	font-size: 16px !important;    line-height: 20px !important;	}
	.conseil-miniature .tuto .xsmall .titre  h2, .conseil-miniature .tuto .xsmall .titre  h3 { 	font-size: 16px !important;line-height: 20px !important;	}
	}


.conseil-miniature .tuto  .description { 
	padding: 0px 15px;
	color: #666;		
	}
.conseil-miniature .tuto  .small .description { font-size: 12px;    line-height: 18px;}
.conseil-miniature .tuto  .contenu { font-size: 14px;    line-height: 18px;background: transparent !important;padding: 20px 15px !important;}
	
.conseil-miniature .tuto .pictos > li {
    text-align: center;
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: top;
	margin-bottom: 20px;
}

.conseil-miniature .tuto .pictos > li > i {
    font-size: 35px;
    color: #666;
	border:0;
}

.conseil-miniature .tuto .pictos > li > div {
    font-size: 12px;
    line-height: 14px;
    padding-top: 5px;
    color: #666;
	font-weight: bold;
}


/* video */	
/* ************************************************************************************************ */
.conseil-miniature .video .screenshot {cursor: pointer;}
.conseil-miniature .video .screenshot img {border-radius: 5px; border:1px solid #ccc;}
.conseil-miniature .video .screenshot i {position: absolute;    left: calc(50% - 35px);    top: calc(50% - 12px);    font-size: 18px;    background: #db0000;    padding: 10px 15px;    border-radius: 11px;    color: #fff;    width: 60px;    height: 40px;    text-align: center; transition: all 0.3s;}
.conseil-miniature .video .screenshot:hover i {width: 70px;    left: calc(50% - 40px);}
.conseil-miniature .video .screenshot .titre {position: absolute;    top: 16px;    left: 16px;    font-weight: bold;    padding: 10px;    background-color: rgba(255, 255, 255, 0.7);    font-size: 18px;    line-height: 22px;    width: calc(100% - 32px);border-radius: 5px 5px 0px 0px;}
.conseil-miniature .video .small .screenshot .titre, .conseil-miniature .video .xsmall .screenshot .titre {font-size: 14px;		line-height: 18px;}
.conseil-miniature .video-link {border: 0;    color: #999;    padding: 10px 0px 20px 5px !important;  font-size: 15px;    cursor: pointer;}
.conseil-miniature .video-link i {font-size: 22px;    vertical-align: -4px;}
.conseil-miniature .video-link span {text-decoration: underline;color: #999;}
.conseil-miniature .video-link:hover {color: #599dcd; border:0}
.conseil-miniature .video-link:hover span {color: #599dcd; }


@media (max-width: 543px) {
	.conseil-miniature .video .screenshot .titre { top: 6px;    left: 6px;    width: calc(100% - 12px);font-size: 14px;		line-height: 18px;}

}

/* film */	
/* ************************************************************************************************ */

/*product-thumbnail */
.product-images>li.product-film  { position:relative; display:inline-block}
@media (min-width: 768px) {.product-images>li.product-film img { width:unset; height:80px;}}
.product-images>li.product-film i {position: absolute;left: calc(50% - 15px); top: calc(50% - 20px);  cursor: pointer;  font-size: 15px;  color: #666;  transition: all 0.4s;  padding: 7px 6px 6px 9px;  background: #fff;  border-radius: 50%;  border: 2px solid #666;}
.product-images>li.product-film .video-label {position: absolute;left: 0; top: 0; padding: 0px 5px 0px 5px;    background: #599dcd;    color: #fff;font-size: 11px;line-height: 17px;}
.product-images>li.product-film:hover i {color: #599dcd; border: 2px solid #599dcd; }
.product-images>li.product-troisd  { position:relative;display:inline-block}
@media (min-width: 768px) {.product-images>li.product-troisd img { width:unset; height:80px;}}
.product-images>li.product-troisd i {position: absolute;left: calc(50% - 16px); top: calc(50% - 22px);  cursor: pointer;  font-size: 18px;  color: #666;  transition: all 0.4s;  padding: 5px;  background: #fff;  border-radius: 50%;  border: 2px solid #666;}
.product-images>li.product-troisd .troisD-label {position: absolute;left: 0; top: 0; padding: 0px 5px 0px 5px;    background: #599dcd;    color: #fff;font-size: 12px;}
.product-images>li.product-troisd:hover i {color: #599dcd; border: 2px solid #599dcd; }


.conseil-miniature .film {margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;}
.conseil-miniature .film > li > div {padding: 0px !important;height: 100%;overflow: hidden;border: 2px solid #ccc;border-radius: 5px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .film > li:hover > div {border: 2px solid #599dcd;}
.conseil-miniature .film > li.small > div {border-radius: 3px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .film  > li.small > div > div {padding: 0px;overflow: hidden;}
.conseil-miniature .film > li.xsmall > div {border-radius: 3px;cursor: pointer;transition: all 0.4s;}
.conseil-miniature .film  > li.xsmall > div > div {padding: 0px;overflow: hidden;}
.conseil-miniature .film  > li > div > div {padding: 0px;overflow: hidden;}
@media (max-width: 991px) {.conseil-miniature .film  > li > div > div {padding: 0px;}}

.conseil-miniature .film .screenshot {position: relative; cursor:pointer;}
.conseil-miniature .film .screenshot img {margin:auto;display: block;max-width: 100%;opacity: 1; transition:all 0.4s;}
.conseil-miniature .film > li:hover .screenshot img {transform: scale(1.02);}
.conseil-miniature .film > li.small:hover .screenshot img {transform: scale(1.03);}
.conseil-miniature .film > li.xsmall:hover .screenshot img {transform: scale(1.05);}
.conseil-miniature .film .screenshot i {position: absolute; left: calc(50% - 35px);top: calc(50% - 25px);font-size: 24px;background: #db0000;padding: 13px 20px;border-radius: 15px;color: #fff;width: 70px;height: 50px;text-align: center}
.conseil-miniature .film .small .screenshot i {position: absolute; left: calc(50% - 25px);top: calc(50% - 18px);font-size: 15px;background: #db0000;padding: 10px 19px;border-radius: 10px;color: #fff;width: 50px;height: 35px;text-align: center;}
.conseil-miniature .film .xsmall .screenshot i {position: absolute; left: calc(50% - 25px);top: calc(50% - 18px);font-size: 15px;background: #db0000;padding: 10px 19px;border-radius: 10px;color: #fff;width: 50px;height: 35px;text-align: center;}
.conseil-miniature .film .screenshot i:hover {background: #f90101;color: #fff;}
.conseil-miniature .film > li .screenshot i {text-shadow: none;}
.conseil-miniature .film > li:hover .screenshot i {background: #f90101;color: #fff;}

.conseil-miniature .film .screenshot .troisD-label {position: absolute;   right: 2px;   top: 0;   font-size: 24px;   color: #fff;   background-color: #333 !important;   padding: 5px 10px 5px 10px;   background: #fff; }

.conseil-miniature .film .small {border:0 !important;}
.conseil-miniature .film .xsmall {border:0 !important;}
.conseil-miniature .film > div {padding: 15px;margin-bottom: 15px;border:0;}
.conseil-miniature .film  .titre  { 
		padding: 15px;
		font-size: 24px;
		line-height: 28px;				
		}
.conseil-miniature .film  .screenshot .titre  { 
		position: absolute;
		max-width: 70%;
		text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
		padding: 0;
	}

@media (max-width: 767px) {.conseil-miniature .film  .titre  { padding: 10px;}}
	
	
.conseil-miniature .film .small .titre  h2, .conseil-miniature .film .small .titre  h3 { 	font-size: 18px !important;line-height: 24px !important;	}
.conseil-miniature .film .xsmall .titre  h2, .conseil-miniature .film .xsmall .titre  h3 { 	font-size: 18px !important;line-height: 24px !important;	}
.conseil-miniature .film  .titre  h2, .conseil-miniature .film  .titre  h3, .conseil-miniature .film  .titre  > div {
	display: inline-block;
	color: #333 !important;
	font-size: 24px !important;
	margin: 0;
	line-height: 30px;
	text-transform: none;
	padding-bottom: 10px;
	background: transparent;
	padding-left: 0;
 	}
.conseil-miniature .film .screenshot .titre  h2, .conseil-miniature .film .screenshot .titre  h3, .conseil-miniature .film .screenshot .titre  > div {
		padding-left: 0;
		 }
.conseil-miniature .film > li .titre h2, .conseil-miniature .film > li .titre h3, .conseil-miniature .film > li .titre > div {border: 0;padding-bottom: 0px; transition: all 0.4s;}
.conseil-miniature .film > li:hover .titre h2, .conseil-miniature .film > li:hover .titre h3, .conseil-miniature .film > li:hover .titre > div {color:#599dcd !important;}
@media (max-width: 543px) {.conseil-miniature .film  .titre  h2, .conseil-miniature .film  .titre  h3, .conseil-miniature .film  .titre  > div {font-size: 18px !important; line-height: 22px;}}


.conseil-miniature .film  .description { 
	padding: 0px 15px;
	color: #666;		
	}
@media (max-width: 767px) {.conseil-miniature .film  .description {padding: 10px;padding-top:0px}} 
	
.conseil-miniature .film  .small .description { font-size: 12px;    line-height: 18px;}
.conseil-miniature .film  .contenu {font-size: 14px;    line-height: 18px; background: transparent !important;padding: 20px 15px !important;}
	
.conseil-miniature .film .pictos > li {
    text-align: center;
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: top;
	margin-bottom: 20px;
}

.conseil-miniature .film .pictos > li > i {
    font-size: 35px;
    color: #666;
}

.conseil-miniature .film .pictos > li > div {
    font-size: 12px;
    line-height: 14px;
    padding-top: 5px;
    color: #666;
	font-weight: bold;
}



/* blog */	
/* ************************************************************************************************ */

.conseil-miniature .blog {margin: 0px;display: flex;flex-wrap: wrap;}
.conseil-miniature .blog a {padding: 0px 0px 50px 0px !important;height: 100%;overflow: hidden;}
.conseil-miniature .blog  .titre h2, .conseil-miniature .blog  .titre h3 , .conseil-miniature .blog  .titre > div { 
		padding: 5px 10px;
		font-size: 14px;
		line-height: 18px;	
		transition: all 0.4s;
		text-transform:none;
		margin: 0;		
		border:0;	
		color:#333;
		font-weight:bold;
		background:transparent;
		min-height: unset;
    	margin-top: 10px;
		}
.conseil-miniature .blog a:hover .titre h2, .conseil-miniature .blog a:hover .titre h3, .conseil-miniature .blog a:hover .titre > div {color:#599dcd}
.conseil-miniature .blog a .btn {position: absolute;    bottom: 0;    right: 8px;}
@media (max-width: 543px) {.conseil-miniature .blog  .titre h2, .conseil-miniature .blog  .titre h3 , .conseil-miniature .blog  .titre > div {font-size: 13px;    line-height: 16px;    font-weight: normal;}}

.conseil-miniature .blog  .description { 
	padding:  0px;
	margin: 0px 10px;
	color: #999;
	font-size:12px;
	line-height:16px;	
	line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	}
@media (max-width: 543px) {.conseil-miniature .blog  .description { max-height: 50px;    overflow: hidden;}}
	
.block-article h1 {background: transparent !important;color: #000 !important;}
.block-article h2 {margin-top: 50px; }
.block-article .entete  {margin:15px;display: flex;flex-wrap: wrap;}
.block-article .entete > div {padding: 0;}
.block-article .entete img {width:100%;}
.block-article .entete .description {padding: 20px;max-width: 600px;line-height: 24px;}
.block-article .contenu {padding: 40px 20px ; color:#666;}
@media (max-width: 545px) {.block-article .contenu {padding: 20px; color:#666;}}
.block-article .contenu ul {list-style:inherit;}
.block-article .contenu p, .block-article .contenu span {color:#666;}
.block-article .contenu h2 {display: block; margin-top: 50px;    margin-bottom: 30px;    background: #fff;    border: 0;    padding: 0px 30px 10px 5px;    margin-left: -20px;    font-size: 24px;    font-weight: normal;    border-bottom: 2px solid #999;}
.block-article .contenu h3 {display: block; text-transform: none;font-size: 18px !important;margin-top: 30px;margin-bottom: 10px;color: #000;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.block-article .produits {padding: 15px;display: flex;flex-wrap: wrap;}
.block-article .produits > div {padding: 15px;}
.block-article a.lien {color:#599dcd !important; text-decoration: underline !important;}

/* faq */	
/* ************************************************************************************************ */

.conseils-faq {padding: 20px;    background: #eee;    border-radius: 10px;    margin-top: 30px;			}
.conseils-faq  > div > div {max-width: 800px; margin: auto;}
.conseils-faq .conseils-faq .question {max-width: unset;margin: 20px 0;}

.conseils-faq  .conseils-faq { margin-top: 0px; padding: 0;}

.conseils-faq h2 {color: #333;    font-weight: bold;    margin: 20px 0px 30px 0px;    font-size: 22px;    border: 0;display: block;    text-align: center;	}

.conseils-faq .question {
	position: relative;
	color: #333; 
	font-size: 16px;
	line-height: 20px;
	padding:10px;
	padding-left: 30px;
	cursor:pointer;
	transition: all 0.4s;
	border:0;
	box-shadow: 0px 0px 0px 0px #599dcd inset;
	background:#fff;
	margin: 20px 0px;
	border-radius: 5px;
	max-width: unset;
	}
.conseils-faq .titre {
	line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	transition: all 0.4s;
	}

.conseils-faq .question:hover {
	color: #599dcd;
	box-shadow: 0px 0px 0px 0px #599dcd inset;
	background:#fff;
	}
.conseils-faq .question-active  {
		font-weight:normal;
		}	

.conseils-faq .question:hover .titre {	color: #599dcd !important;}
.conseils-faq .question:hover .titre {	color: #599dcd !important;}
	
.conseils-faq .question-active .titre {
	color: #599dcd !important;
	font-weight:bold;
	box-shadow: 0px 0px 0px 0px #599dcd inset;
	background:#fff;
	}	

.conseils-faq .question i {font-size: 17px;width: 20px;position: absolute;    left: 10px;}
.conseils-faq .question-active i {color: #599dcd !important;}
.conseils-faq .reponse {display:none;color: #333;padding: 30px;margin-bottom: 20px;border-left: 0px solid #f7f7f7;background:#fff;}
.conseils-faq a {display: inline-block;    border: 0;    text-decoration: underline;    }
.conseils-faq a:hover {display: inline-block;    border: 0;    text-decoration: underline;}


@media (max-width: 543px) {
	.conseils-faq {padding: 10px;   		}
	.conseils-faq .question {font-size: 14px;}
	.conseils-faq .question {margin: 10px 0px;}

}


/* Photos */	
/* ************************************************************************************************ */
.conseils-photo {margin-bottom: 0px;margin-top: 0px;}
.conseils-photo img {width:100%; border-radius: 3px;border: 0px solid #ddd;}
.conseils-photo .row.photo {margin: 0;display: flex;flex-wrap: wrap;}
.conseils-photo .row.photo > li {margin-bottom:10px;list-style: none;}
.conseils-photo .miniature {border: 0px solid #ccc;padding: 2px;border-radius: 0px; position:relative; cursor:pointer; height:100%; min-width:100px;}
.conseils-photo .miniature .description {margin: 0;font-size: 13px;line-height: 13px;padding: 10px 5px;color: #777;height: 60px;overflow: hidden;}
.conseils-photo .miniature .client {font-size: 13px;line-height: 18px;text-align: right;}
.conseils-photo .miniature .departement {font-size: 12px;vertical-align: middle;padding-left: 5px;color: #999;}
.conseils-photo .miniature .zoom {position: absolute;top: 0px;width: 100%;height: 100%;background: #fff;opacity: 0; transition:all 0.4s;left: 0px; text-align:center;}
.conseils-photo .miniature:hover .zoom {opacity: 0.5; }
.conseils-photo .miniature .zoom i {font-size: 40px !important;margin-top: calc( 50% - 35px );}
.conseils-photo .carousel {display:block;}
.conseils-photo .carousel-inner {padding: 0px 50px;}
.conseils-photo .carousel-control.left {top: calc( 50% - 30px );}
.conseils-photo .carousel-control.right {top: calc( 50% - 30px );}


/* Temoignage */	
/* ************************************************************************************************ */


/* Page Web */
.block-temoignage .cover img {width:100%; border-radius: 15px;    border: 10px solid #eee;}
.block-temoignage .photos-mignatures ul { display: flex;flex-wrap: wrap;margin: 0;padding-bottom: 5px;width: 100%;}
.block-temoignage .photos-mignatures li {display:inline-block; min-width:33.33%; max-width: 90px;padding:3px; position: relative;vertical-align: top;cursor: pointer;}
.block-temoignage .photos-mignatures li div {border-radius: 5px;    border: 1px solid #ddd;transition: all 0.2s;}
.block-temoignage .photos-mignatures li img {width: 100%; border-radius: 3px;opacity: 1; transition: all 0.2s;}
.block-temoignage .photos-mignatures li:hover div { border: 1px solid #aaa;}
.block-temoignage .photos-mignatures li:hover img {opacity: 0.4;}
.block-temoignage .photos-mignatures li .zoom-in {position: absolute;font-size: 30px !important;color: #555; left: calc(50% - 15px);top: calc(50% - 15px);opacity: 0;transition: all 0.2s;}
.block-temoignage .photos-mignatures li:hover .zoom-in {opacity: 1;}
.block-temoignage .resume {padding: 30px 20px 20px 20px;font-weight: bold;font-size: 22px;    line-height: 30px;}
.block-temoignage .description {padding: 0px 20px 20px 20px;font-size: 14px;}
.block-temoignage .identite {text-align: right;margin: 20px 0px;font-size: 15px;line-height: 18px;font-weight: normal;}
.block-temoignage .identite .client {display: inline-block;background: #eee;padding: 5px 20px;border-radius: 10px;}
.block-temoignage .identite .client .prenom {font-weight: bold;}
.block-temoignage .identite .client .dpt {padding-left: 10px;color: #999;font-style: italic;}
@media (max-width: 991px) {
.block-temoignage .cover img {border-radius: 5px;    border: 5px solid #eee;margin-bottom: 15px;}
.block-temoignage .description {padding: 20px 0px 20px 0px;}
}



/* Liste */  
.temoignage-list .mignatures {margin-left: -3px;    margin-right: 3px; position: relative;padding: 10px 0px;margin-top: 10px; }
.temoignage-list .mignatures ul { display: flex;flex-wrap: wrap;margin: 0;padding-bottom: 5px;width: 100%;}
.temoignage-list .mignatures li,.temoignage-list .mignatures a {display:inline-block; min-width:16.66%; max-width: 300px;padding: 4px 5px; position: relative;vertical-align: top;cursor: pointer;}
.temoignage-list .mignatures li div,.temoignage-list .mignatures a div {border-radius: 5px;    border: 1px solid #ddd;transition: all 0.2s;position: relative;overflow: hidden;padding: 50%;}
.temoignage-list .mignatures li img,.temoignage-list .mignatures a img {width: 100%; border-radius: 3px;opacity: 1; transition: all 0.2s;}
.temoignage-list .mignatures li:hover div,.temoignage-list .mignatures a:hover div { border: 1px solid #aaa;}
.temoignage-list .mignatures li:hover img,.temoignage-list .mignatures a:hover img {opacity:0.85}
.temoignage-list .mignatures li .zoom-in,.temoignage-list .mignatures a .zoom-in {display: none;}
.temoignage-list .mignatures li .texte,.temoignage-list .mignatures a .texte {position: absolute;left: 0;top: 0;padding: 10px;max-width: 60%;text-wrap: auto;font-size: 16px;line-height: 21px;color: #fff;text-shadow: 2px 0 1px #000, 0px -1px 2px #000;}
.temoignage-list .mignatures li .btn-voir,.temoignage-list .mignatures a .btn-voir {position: absolute;bottom: 0;right: 10px;padding-top: 3px !important;padding-bottom: 3px !important;font-size: 14px; border:0 !important; }  

@media (max-width: 1200px) {
.temoignage-list .mignatures {padding: 10px 30px;}
.temoignage-list .mignatures li,.temoignage-list .mignatures a {min-width:33.33%;max-width:33.33%; }
}
@media (max-width: 767px) {
.temoignage-list .mignatures li,.temoignage-list .mignatures a {min-width:50%;max-width:50%; }
}
@media (max-width: 543px) {
.temoignage-list .mignatures li,.temoignage-list .mignatures a {min-width:100%;max-width:100%; }
}




/* Carrousel */   
.temoignage-list.carrousel-vs .mignatures ul { overflow: hidden;white-space: nowrap; flex-wrap: unset;display: inline-flex;margin: 0;padding-bottom: 5px;width: 100%;}
.temoignage-list.carrousel-vs .mignatures li {padding:3px;}
.temoignage-list.carrousel-vs .mignatures li.temoignage>div {height: 100%; overflow: hidden;    position: relative;}
.temoignage-list.carrousel-vs .mignatures li.temoignage>div>img {position: absolute; opacity: 1;transition: all 0.2s; }
.temoignage-list.carrousel-vs .mignatures li.temoignage:hover>div>img {opacity: 0.4;}
.temoignage-list.carrousel-vs .mignatures li.temoignage>div>.titre {position: absolute;top: 0;font-size: 12px;line-height: 11px;border: 0;width: 100%;text-wrap: auto;color: #fff;text-shadow: 1px 1px 2px #000, -1px -1px 3px #000;padding: 5px;opacity:1; transition: all 0.2s;}
.temoignage-list.carrousel-vs .mignatures li.temoignage:hover>div>.titre {color: #333;opacity:1;text-shadow: unset;}
.temoignage-list.carrousel-vs .mignatures li.temoignage .fa-tools {position: absolute;font-size: 30px !important;color: #fff;text-shadow: 2px 2px 3px #333; left: calc(50% - 15px);top: calc(50% - 10px);opacity: 0.9;transition: all 0.2s;}
.temoignage-list.carrousel-vs .mignatures li.temoignage:hover .fa-tools {color: #555;text-shadow: 2px 2px 5px #fff; }
.temoignage-list.carrousel-vs .mignatures .chevron { width: 50px;  opacity: 0.6; }
.temoignage-list.carrousel-vs .mignatures .chevron:hover {opacity: 1;}
.temoignage-list.carrousel-vs .mignatures .chevron>i {width: 40px;height: 40px;background: #fff;border-radius: 50%;padding: 6px; font-size:24px;border: 2px solid #999;text-align: center;}
.temoignage-list.carrousel-vs .mignatures .chevron.right {right: -50px;}
.temoignage-list.carrousel-vs .mignatures .chevron.left {left: -40px; display: none;}
.temoignage-list.carrousel-vs .modal .modal-dialog {max-width: 1200px;}
.temoignage-list.carrousel-vs .modal .row {margin:0}
.temoignage-list.carrousel-vs .modal .cover {padding: 0;}
.temoignage-list.carrousel-vs .modal .cover img {border-bottom-left-radius: 8px;}
.temoignage-list.carrousel-vs .modal .resume {padding: 30px 20px 20px 20px;font-weight: bold;font-size: 22px;    line-height: 30px;}
.temoignage-list.carrousel-vs .modal .description {padding: 0px 20px 20px 20px;font-size: 14px;}
.temoignage-list.carrousel-vs .modal .mignatures ul {display: flex;flex-wrap: wrap;margin: 0;padding-bottom: 5px;width: 100%;}
.temoignage-list.carrousel-vs .modal .mignatures li {min-width: 33.33%;    max-width: 33.33%;}
.temoignage-list.carrousel-vs .modal .mignatures li>div {padding:0;}
.temoignage-list.carrousel-vs .modal .identite {text-align: right;margin-bottom: 20px;font-size: 15px;line-height: 18px;font-weight: normal;}
.temoignage-list.carrousel-vs .modal .identite .client {display: inline-block;background: #eee;padding: 5px 20px;border-radius: 10px;}
.temoignage-list.carrousel-vs .modal .identite .client .prenom {font-weight: bold;}
.temoignage-list.carrousel-vs .modal .identite .client .dpt {padding-left: 10px;color: #999;font-style: italic;}
.temoignage-list.carrousel-vs .modal .next-prev {padding-top: 15px;}
.temoignage-list.carrousel-vs .modal .next-prev .btn-precedent {float:left;left: 10px;bottom: 10px;}
.temoignage-list.carrousel-vs .modal .next-prev .btn-suivant {float:right;right: 10px;bottom: 10px;}

@media (max-width: 1500px) {
.temoignage-list.carrousel-vs .mignatures .chevron { opacity: 0.8; }
.temoignage-list.carrousel-vs .mignatures .chevron.right {right: -20px;}
.temoignage-list.carrousel-vs .mignatures .chevron.left {left: -5px;}
}
@media (max-width: 1200px) {
.temoignage-list.carrousel-vs .mignatures .chevron.right {right: 0px;}
.temoignage-list.carrousel-vs .mignatures .chevron.left {left: 0px;}
.temoignage-list.carrousel-vs .modal .modal-dialog {max-width: 95%;}
.temoignage-list.carrousel-vs .mignatures {padding: 10px 0px;}
.temoignage-list.carrousel-vs .mignatures li {min-width:33.33%;max-width:33.33%; }
}
@media (max-width: 991px) {
.temoignage-list.carrousel-vs .modal .resume {padding: 10px 20px 10px 20px;}
}
@media (max-width: 767px) {
.temoignage-list.carrousel-vs .mignatures li,.temoignage-list .mignatures a {min-width:50%;max-width:50%; }
}
@media (max-width: 543px) {
.temoignage-list.carrousel-vs .modal .resume {font-size: 18px;    line-height: 26px;}
.temoignage-list.carrousel-vs .mignatures li,.temoignage-list .mignatures a {min-width:100%;max-width:100%; }
}



/* ************************************************************************************************
/* Menu */
/* ************************************************************************************************ */

.block-conseils.menu {margin-bottom: 30px;}
.block-conseils.menu #conseils_entete {background: #fff;padding: 15px;margin: 0;}
.block-conseils.menu #conseils_search_widget {margin-top: 0;}
.block-conseils.menu #search_widget {background: #fff;max-width: unset;}