/***** contenu dynamique *****/
.dynamique h1,
.dynamique h2,
.dynamique h3,
.dynamique h4,
.dynamique h5,
.dynamique h6 									{ font: 500 19px/28px "Open Sans"; position: relative; color: #ec6608; margin: 40px 0 15px 0;}
.dynamique ul									{ margin: 20px 0;}
.dynamique ul li								{ padding: 0 0 0 20px; position: relative; margin-top: 10px;}
.dynamique ul li:before							{ position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #ec6608; content: "";}
.dynamique ol									{ margin: 20px 0;}
.dynamique ol li								{ padding: 0 0 0 10px; position: relative; margin-top: 10px; margin-left: 18px;}
.dynamique ol li::marker						{ color: #ec6608; font-size: 15px; font-weight: 500;}
.dynamique p a,				 
.dynamique li a 								{ color: #ec6608; border-color: #ec6608;}
.dynamique :last-child 							{ margin-bottom: 0;}

.bottom_back 									{ border-top: 2px solid #ec6608; padding: 40px 0 20px 0;}
.bottom_back a 									{ display: inline-block; font-size: 14px; line-height: 20px; padding-left: 20px; background: url("../images/arrow_back.svg") 0 5px no-repeat;}

@media (min-width:1201px) {
.dynamique p a:hover,				 
.dynamique li a:hover 							{ color: #1b233c; border-color: #1b233c;}
.bottom_back a:hover							{ color: #ec6608;}
}
@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:700px) {

}


/***** competences *****/
#competence .top_page 							{ padding-bottom: 0;}
#competence .top_page .titre_main				{ margin: 0 0 10px 0;}
#competence .dynamique img.illustration			{ max-width: 400px; float: right; margin: 0 0 20px 60px;}
#competence .matieres							{ padding-bottom: 40px;}

@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:700px) {

}






/***** fiche avocat *****/
#avocat .top_page .texte 						{ max-width: none; display: grid; grid-template-columns: 450px 1fr; grid-gap: 80px; align-items: center; padding-bottom: 0;}
#avocat .top_page .texte:before 				{ width: 200vw; height: 60px; position: absolute; left: -50vw; bottom: 0; background: #fff; content: "";}
#avocat .top_page .texte .row 					{ position: relative; padding-bottom: 60px;}
#avocat .top_page .texte img 					{ width: 100%; position: static; transform: none; z-index: 80;}
#avocat .top_page .sous_titre 					{ margin: -5px 0 25px 0;}
#avocat .top_page .texte p  					{ line-height: 26px;}
#avocat .top_page .texte p a					{ border: none; padding: 0 0 0 30px; color: #fff; display: inline-block;}
#avocat .top_page .texte p a.tel 				{ background: url("../images/tel_orange.svg") 0 6px no-repeat;}
#avocat .top_page .texte p a.gsm 				{ background: url("../images/gsm_orange.svg") 1px 4px no-repeat;}
#avocat .top_page .texte p a.email 				{ background: url("../images/email_orange.svg") 0 9px no-repeat;}
#avocat .top_page .texte p.langs 				{ padding: 0 0 0 30px; background: url("../images/speech_orange.svg") 0 7px no-repeat; text-transform: uppercase;}

@media (max-width:1200px) {
#avocat .top_page .texte 						{ grid-template-columns: 400px 1fr; grid-gap: 60px; }
}
@media (max-width:1000px) {
#avocat .top_page .texte 						{ grid-template-columns: 300px 1fr; grid-gap: 50px; }
}
@media (max-width:700px) {
#avocat .top_page .texte 						{ grid-template-columns: 1fr; grid-gap: 40px; }
#avocat .top_page .texte img 					{ width: 100%; max-width: 380px; margin: 0 auto;}
#avocat .top_page .texte:before 				{ display: none;}
}
@media (max-width:450px) {
#avocat .top_page .texte img 					{ max-width: 300px;}
}




#blog .nav_onglets 								{ margin-bottom: 40px; font-size: 0; line-height: 0; letter-spacing: 0;}
#blog .nav_onglets .link						{ background: #f2f2f2; color: #1b233c; margin-left: 10px;}
#blog .nav_onglets .link:first-child			{ margin: 0;}
#blog .nav_onglets .link.active					{ background: #ec6608; color: #fff;}

@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:700px) {
#blog .nav_onglets .link						{ display: block; width: 100%; margin: 10px auto;}
}





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

#blog .blog 									{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 40px; padding-bottom: 20px;}
#blog .blog.videos 								{ grid-template-columns: 1fr 1fr 1fr;}
#blog .blog .item 								{ position: relative;}
#blog .blog .item a 							{ display: block; height: 100%; background: #f2f2f2;}
#blog .blog .item .photo 						{ position: relative; overflow: hidden;}
#blog .blog .item .photo img 					{ display: block; width: 100%; height: auto; transition: filter 400ms ease-in-out;}
#blog .blog .item .photo .date 					{ width: 90px; height: 29px; text-align: center; font-size: 12px; line-height: 29px; font-weight: 500; background: #fff; position: absolute; right: 15px; top: 15px; text-transform: uppercase; z-index: 10;}
#blog .blog .item .titre 						{ padding: 20px 30px; background: #f2f2f2; color: #1b233c; display: grid; align-items: center; min-height: 90px; font-size: 14px; line-height: 24px; font-weight: 500; transition: color 400ms ease-in-out;}
#blog .blog .item .titre i 						{ color: #ec6608; font-size: 14px; font-style: normal; display: block; padding-top: 2px;}

#blog .blog.videos 								{ grid-template-columns: 1fr 1fr 1fr;}
#blog .blog.videos .item a:after 				{ width: 35px; height: 40px; background: url("../images/play.svg") 50% no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "";}

@media (min-width:1201px) {
#blog .blog .item a:hover .photo img			{ filter: brightness(0.65);}
#blog .blog .item a:hover .titre 				{ color: #ec6608;}
}
@media (max-width:1200px) {
#blog .blog 									{ grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#blog .blog .item .photo .date 					{ right: 15px; top: 15px;}
#blog .blog.videos 								{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:1000px) {
#blog .blog 									{ margin: 0 auto;}
#blog .blog .item .photo .promo 				{ transform: scale(0.85); transform-origin: left top; left: 15px; top: 15px;}
}
@media (max-width:700px) {
#blog .top_page .chapo 							{ display: none;}
#blog .blog 									{ grid-template-columns: 1fr;}

#blog .blog .item .photo .promo 				{ transform: scale(0.70);}
#blog .blog .item .photo .date 					{ width: 90px; height: 29px; font-size: 11px; line-height: 29px;}
#blog .blog .item .titre 						{ padding: 15px 25px; min-height: inherit; font-size: 14px; line-height: 20px;}
#blog .blog.videos 								{ grid-template-columns: 1fr;}

}




/***** page article - evenement *****/
#blog .article .top_page .texte>.date 			{ width: 90px; height: 29px; text-align: center; font-size: 12px; line-height: 29px; font-weight: 500; background: #ec6608; color: #fff; border-radius: 8px; text-transform: uppercase; z-index: 10; margin: -10px 0 15px 0;}
#blog .article .date_heure 						{ font-size: 0; line-height: 0; letter-spacing: 0; margin-top: 30px;}
#blog .article .date_heure .date				{ display: inline-block; font-size: 14px; line-height: 20px; letter-spacing: 0.8px; margin-right: 20px; background: url("../images/date.svg") 0 50% no-repeat; padding-left: 28px;}
#blog .article .date_heure .heure				{ display: inline-block; font-size: 14px; line-height: 20px; letter-spacing: 0.8px; background: url("../images/heure.svg") 0 50% no-repeat; padding-left: 25px;}
#blog .article .adresse  						{ margin: 25px 0 0 0;}
#blog .article .adresse b						{ display: block; font-size: 14px; letter-spacing: 0.8px; text-transform: uppercase; padding-bottom: 5px;}
#blog .article .dynamique img.illustration		{ max-width: 400px; float: right; margin: 0 0 20px 60px;}
#blog .bloc_texte.dynamique img 				{ width:inherit; display:inline; }

@media (max-width:1200px) {
#blog .article .titre_main						{ font-size: 20px; line-height: 28px; margin-bottom: 25px;}
#blog .article .photo img						{ margin: 40px 0; border-radius: 10px;}
#blog .article .content  						{ margin: 40px 0;}
}
@media (max-width:1000px) {
#blog .article .photo img						{ margin: 30px 0;}
#blog .article .content  						{ margin: 30px 0;}
}
@media (max-width:700px) {
#blog .article .top_page .chapo 				{ display: block;}
#blog .article .bloc_texte						{ margin-top: 35px;}
#blog .article .titre_main						{ font-size: 16px; line-height: 22px; margin-bottom: 20px;}
#blog .article .photo img						{ margin: 25px 0; border-radius: 5px;}
#blog .article .content  						{ margin: 25px 0;}
#blog .article .content h1,
#blog .article .content h2,
#blog .article .content h3,
#blog .article .content h4,
#blog .article .content h5,
#blog .article .content h6 						{ font-size: 18px; line-height: 26px; margin: 20px 0 10px 0;}
#blog .article .content ul						{ margin-bottom: 10px;}
#blog .article .content ul li					{ padding-left: 18px;}
#blog .article .content ul li:before			{ top: 15px; width: 5px; height: 5px;}
#blog .article .dynamique img.illustration		{ max-width: 100%; display: block;}
}