/***** top_page *****/
.top_page                           { margin: 180px 0 50px; text-align: center;}
.top_page .content                  { max-width: 1030px; margin: 0 auto;}
.top_page .titre_main               { margin-bottom: 15px;  font-size: 40px; line-height: 50px;}

@media (max-width:1200px) { 
    
}
@media (max-width:700px)            {
.top_page                           { margin-top: 150px;}
.top_page .titre_main               { margin-bottom: 30px; font-size: 25px; line-height: 32px;}
}




/***** page content *****/
.page_content 								{ position: relative;}
.page_content .ul_list a, 
.page_content p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px; color: var(--second-color);}
.mediadevis                                 { position: relative;}
.mediadevis::before                         { content: ""; display: block; position: absolute; width: 1715px; height: 1715px; background: var(--grey); transform: rotate(-45deg); left: 72%; top: 52%; transform-origin: left top;}
.mediadevis .link                           { position: absolute; top: calc(50% - 30px); width: max-content; left: 0; right: 0; margin: auto; z-index: 3;}
.mediadevis img                             { width: 100%; height: auto; display: block; border-radius: 20px; position: relative; z-index: 2; min-height: 300px; object-fit: cover;}

@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover						{ border-color: var(--second-color);}
}
@media (max-width:1000px) {
.page_content 								{ padding-bottom: 0;}
.mediadevis::before                         { display: none;}
}
@media (max-width:700px) {
.mediadevis img                             { border-radius: 10px;}
}



/***** bloc texte *****/
.bloc_texte							{ margin: 80px auto; position: relative;}
.bloc_texte p          				{ margin-top: 15px;}
.bloc_texte :last-child				{ margin-bottom: 0;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
.bloc_quote                         { font-size: 24px; line-height: 30px; margin-bottom: 60px;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 40px 0;}
}


.photo_texte                        { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin: 90px 0;}
.photo_texte .photo img             { border-radius: 40px;}
.photo_texte .texte                 { padding-left: 70px;}
.photo_texte.reverse .texte         { grid-area: 1/1; padding-left: 0; padding-right: 70px;}
.photo_texte.reverse .photo         { grid-area: 1/2;}

@media (max-width:1200px) {
.photo_texte .texte                   { padding-left: 45px;}
.photo_texte.reverse .texte           { padding-right: 45px;}
}

@media (max-width:1000px) {
.photo_texte                        { grid-template-columns: 1fr; gap: 30px; margin: 50px 0;}
.photo_texte .photo img             { border-radius: 20px;} 
.photo_texte.reverse .photo         { grid-area: 1;}
.photo_texte .texte                 { padding: 0;}
.photo_texte.reverse .texte         { grid-area: 2;padding-right: 0px;}
.photo_texte .photo img 	        { border-radius: 20px; height: 400px;}
}