/*
TOP 
*/
.top {position:absolute;top:0;left:0;right:0;height:70px;background:#fff;text-align:center;border-bottom:1px solid #ddd;z-index:100;}
.topb {display:block;height:69px;width:900px;margin:0 auto;}
.top .top_logo {float:left;height:69px;overflow:hidden;}
.top .top_logo img {float:left;height:70px;}
.top nav {float:left;}
.top nav a {float:left;height:69px;line-height:70px;padding:0 30px 0 30px;font-size:16px;color:#000;}
.top nav a.on {font-weight:bold;}

/*
FOOTER 
*/
footer {float:left;width:100%;height:auto;background:#000;padding:50px 0 50px 0;text-align:center;color:#fff;}
footer a {color:#fff;}
footer a:hover {text-decoration:underline;}

/*
ACCUEIL 
*/
.accueil_header {position:absolute;top:70px;left:0;right:0;bottom:0;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:0 5% 0 5%;text-align:center;}
.accueil_header img {display:block;height:170px;margin:0 auto;}
.accueil_header b {float:left;width:100%;font:normal 80px 'Playfair Display';color:#fff;line-height:1;margin:20px 0 70px 0;}
.accueil_header em {border:1px solid #fff;color:#fff;padding:10px 25px 10px 25px;margin:0 0 50px 0;font-size:15px;-webkit-transition:0.4s;font-weight:600;}
.accueil_header em:hover {background:#fff;color:#000;}
.accueil_suite {position:absolute;top:100%;left:0;right:0;}
.accueil_logo {float:left;width:100%;padding:50px 0 50px 0;}
.accueil_logo img {display:block;width:380px;margin:0 auto;}
.accueil_logo b {float:left;width:100%;text-align:center;font-size:15px;font-weight:normal;}
.accueil_programme {float:left;width:100%;padding:150px 15% 150px 15%;background:#f7f7f7;}
.accueil_programme strong {float:left;width:100%;text-align:center;font:normal 30px 'Playfair Display';}
.accueil_programmeb {float:left;width:100%;margin-top:50px;}
.accueil_programmec {display:flex;flex-wrap:wrap;}
.accueil_programmec a {width:29.33%;height:auto;border:1px solid #ddd;text-align:center;margin:0 2% 0 2%;color:#333;padding:0 0 50px 0;background:#fff;}
.accueil_programmec a img {float:left;width:100%;}
.accueil_programmec a i {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;margin-top:30px;}
.accueil_programmec a b {float:left;width:100%;font:bold 18px 'Playfair Display';padding:20px 50px 20px 50px;}
.accueil_programmec a em {float:left;width:100%;padding:0 20px 0 20px;}
.accueil_actu {float:left;width:100%;padding:150px 15% 150px 15%;}
.accueil_actu strong {float:left;width:100%;text-align:center;font:normal 30px 'Playfair Display';}
.accueil_actub {float:left;width:100%;margin-top:50px;}
.accueil_actuc {display:flex;flex-wrap:wrap;}
.accueil_actuc a {width:23%;height:auto;border:1px solid #ddd;text-align:center;margin:0 1% 0 1%;color:#333;padding:0 0 30px 0;background:#fff;}
.accueil_actuc a img {float:left;width:100%;}
.accueil_actuc a i {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;margin-top:30px;}
.accueil_actuc a b {float:left;width:100%;font:bold 18px 'Playfair Display';padding:20px 50px 20px 50px;}
.accueil_actuc a em {float:left;width:100%;}

/*
ASSOCIATION
*/
.asso_header {position:absolute;top:70px;left:0;right:0;bottom:30%;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:0 20% 0 20%;text-align:center;}
.asso_suite {position:absolute;top:70%;left:0;right:0;}
.asso_txt {float:left;width:100%;padding:150px 0 0 0;margin-bottom:-80px;}
.asso_txtb {display:block;width:700px;margin:0 auto;}
.asso_txt strong {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.asso_txt em {float:left;width:100%;text-align:center;padding:30px 0 30px 0;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;}
.asso_txt p {float:left;width:100%;text-align:center;font-size:16px;line-height:2;}

.asso_statuts {float:left;width:100%;padding:150px 0 0 0;text-align:center;}
.asso_statuts a {border:1px solid #000;padding:10px 20px 10px 20px;color:#000;font-weight:600;font-size:14px;}

/*
MECENE 
*/
.mecene {float:left;width:100%;padding:150px 0 0 0;}
.mecene_title {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.mecene1 {float:left;width:100%;margin-top:50px;}
.mecene1b {display:block;width:1200px;margin:0 auto;}
.mecene1b_left {float:left;width:50%;padding:0 40px 0 40px;}
.mecene1b_left span {float:left;width:100%;text-align:center;font:normal 26px 'Playfair Display';padding:50px 10% 50px 10%;}
.mecene1b_right {float:left;width:50%;padding:0 25px 0 25px;}
.mecene1b_right span {float:left;width:100%;text-align:center;font:normal 26px 'Playfair Display';padding:30px 10% 80px 10%;}
.mecene1b_right em {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;text-align:center;padding:80px 10% 0 10%;}
.mecene1b img {float:left;width:100%;}
.mecene2 {float:left;width:100%;padding:150px 0 150px 0;}
.mecene2b {display:block;width:1200px;margin:0 auto;}
.mecene2c {float:left;width:100%;border:1px solid #ddd;padding:50px 50px 50px 0;}
.mecene2c_left {float:left;width:50%;text-align:center;padding:50px;}
.mecene2c_lefta {float:left;width:100%;font:bold 26px 'Playfair Display';}
.mecene2c_leftb {float:left;width:100%;padding:20px 10% 20px 10%;}
.mecene2c_leftc {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;}
.mecene2c_leftd {float:left;width:100%;font:bold 16px 'Playfair Display';margin-top:10px;}
.mecene2c_lefte {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;border-top:1px solid #ddd;padding:20px 0 0 0;margin-top:20px;}
.mecene2c_leftf {float:left;width:100%;margin-top:10px;}
.mecene2c_leftg {float:left;width:100%;margin-top:20px;}
.mecene2c_leftg a {color:#333;text-decoration:underline;font-weight:bold;}
.mecene2c_right {float:left;width:50%;}
.mecene2c_right img {float:left;width:100%;}

/*
PROGRAMME 
*/
.programme {float:left;width:100%;padding:150px 0 0 0;}
.programmeb {float:left;width:100%;padding:0 30% 0 30%;float:left;width:100%;font-size:16px;}
.programme_title {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.programme_subtitle {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;text-align:center;margin:30px 0 30px;}
.programme_txt {float:left;width:100%;text-align:center;line-height:2;}
.programme_txt a {color:#000;text-decoration:underline;font-weight:bold;}
.programme_list {float:left;width:100%;padding:70px 20% 0 20%;}
.programme_list a {float:left;width:100%;padding:0 0 80px 0;}
.programme_list a img {float:left;width:100%;}
.programme_list a span {float:left;width:70%;background:#fff;margin:-50px 15% 0 15%;padding:30px 50px 50px 50px;text-align:center;}
.programme_list a span em {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;text-align:center;color:#000;}
.programme_list a span b {float:left;width:100%;font:bold 26px 'Playfair Display';margin-top:10px;color:#000;margin:30px 0 30px 0;}
.programme_list a span u {float:left;width:100%;color:#000;}

/*
PROGRAMME FICHE 
*/
.programme_fiche {float:left;width:100%;padding:70px 0 0 0;}
.programme_fiche_header {position:absolute;top:70px;left:0;right:0;bottom:30%;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:0 20% 0 20%;text-align:center;}
.programme_fiche_suite {position:absolute;top:70%;left:0;right:0;}
.programme_fiche_txt {float:left;width:100%;padding:150px 0 100px 0;}
.programme_fiche_txtb {display:block;width:800px;margin:0 auto;}
.programme_fiche_txt strong {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.programme_fiche_txt em {float:left;width:100%;text-align:center;padding:50px 0 50px 0;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:15px;}
.programme_fiche_txt p {float:left;width:100%;text-align:center;font-size:16px;line-height:2;}
.programme_fiche_txt p a {color:#333;text-decoration:underline;}
.programme_fiche_txt2 {float:left;width:100%;text-align:center;font-size:16px;line-height:2;background:#f7f7f7;padding:100px 0 150px 0;font-weight:600;}
.programme_fiche_txt2b {display:block;width:800px;margin:0 auto;}
.programme_fiche_txt2b a {color:#333;text-decoration:underline;}

/*
ACTU 
*/
.actu {float:left;width:100%;padding:150px 0 0 0;}
.actub {float:left;width:100%;padding:0 30% 0 30%;float:left;width:100%;font-size:16px;}
.actu_title {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.actu_txt {float:left;width:100%;text-align:center;line-height:2;margin-top:20px;}
.actu_list {float:left;width:100%;padding:70px 15% 0 15%;}
.actu_list a {float:left;width:50%;padding:0 40px 120px 40px;}
.actu_list a img {float:left;width:100%;}
.actu_list a span {float:left;width:100%;text-align:center;padding:30px 30px 0 30px;height:150px;}
.actu_list a span em {float:left;width:100%;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;text-align:center;color:#000;}
.actu_list a span b {float:left;width:100%;font:bold 26px 'Playfair Display';margin-top:10px;color:#000;margin:20px 0 20px 0;}
.actu_list a span u {float:left;width:100%;color:#000;}

/*
ACTU FICHE 
*/
.actu_fiche {float:left;width:100%;padding:70px 0 0 0;}
.actu_fiche_header {position:absolute;top:70px;left:0;right:0;bottom:30%;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:0 20% 0 20%;text-align:center;}
.actu_fiche_suite {position:absolute;top:70%;left:0;right:0;}
.actu_fiche_txt {float:left;width:100%;padding:150px 0 150px 0;}
.actu_fiche_txtb {display:block;width:800px;margin:0 auto;}
.actu_fiche_txt strong {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.actu_fiche_txt em {float:left;width:100%;text-align:center;padding:50px 0 50px 0;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:15px;}
.actu_fiche_txt p {float:left;width:100%;text-align:center;font-size:16px;line-height:2;}

/*
CONTACT 
*/
.contact_suite2 {position:absolute;top:100%;left:0;right:0;}
.contact_map {position:absolute;top:70px;left:0;right:50%;bottom:0;text-align:center;overflow:hidden;background:#e5e3df;}
.contact_map iframe {position:absolute;top:0;left:0;right:0;bottom:0;min-height:100%;min-width:100%;}
.contact_text {position:absolute;top:70px;left:50%;right:0;bottom:0;text-align:center;}
.contact_text strong {float:left;width:100%;text-align:center;font:bold 70px 'Playfair Display';}
.contact_text span {float:left;width:100%;margin-top:50px;font-size:14px;}
.contact_text span b {text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;}
.contact_text span a {color:#333;text-decoration:underline;}
.contact_portrait {float:left;width:100%;margin-top:0;padding:0 10% 0 10%;}
.contact_portrait span {display:flex;justify-content:center;font-size:13px;}
.contact_portrait div {width:130px;margin:0 20px 0 20px;}
.contact_portrait div img {display:block;width:100px;margin:0 auto;}
.contact_portrait div b {float:left;width:100%;margin-top:15px;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;}
.contact_portrait div em {float:left;width:100%;}

.copyright {font-size:13px;}


/*
PARUTIONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.parutions {display:flex;padding:0;width:100%;flex-wrap:wrap;margin-top:69px;}
.parutions a {float:left;width:33.33%;height:auto;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-right:none;margin-bottom:-1px;}
.parutions a img {float:left;width:100%;}
.parutions a b {float:left;width:100%;color:#000;text-align:center;padding-top:10px;font-weight:normal;}
.parutions a i {float:left;width:100%;color:#333;text-align:center;font-size:12px;}

/*
RESPONSIVE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width: 1600px) {
.accueil_header img {height:150px;}
.accueil_header u {font-size:15px;}
.accueil_header {padding:0 10% 0 10%;}
.accueil_header b {font-size:50px;}
.accueil_header em {font-size:14px;margin-bottom:0}
.accueil_programme {padding:100px 5% 100px 5%;}
.accueil_actu {padding:100px 5% 100px 5%;}
.accueil_programmec a b {padding:20px;}
.accueil_actuc a b {padding:20px;}
.asso_txt strong, .mecene_title, .programme_title, .programme_fiche_txt strong, .actu_title, .actu_fiche_txt strong, .contact_text strong {font-size:60px;}
.asso_txt, .programme_fiche_txt, .actu_fiche_txt {padding:50px 0 100px 0;}
.programme_list {padding:70px 10% 0 10%;}
.actu_list {padding:70px 10% 0 10%;}
.programmeb {padding:0 17% 0 17%;}
.actub {padding:0 17% 0 17%;}
.mecene1b {width:950px;}
.mecene2b {width:900px;}
.mecene2 {padding:50px 0 50px 0;}
.asso_statuts {padding:25px 0 50px 0;}
}

@media screen and (max-width: 1300px) {
.mecene1b {width:1100px;}
.mecene2b {width:1050px;}
}

@media screen and (max-width:1024px) {
footer {padding:30px 0 30px 0;}
.accueil_programme {padding:50px 5% 50px 5%;}
.accueil_actu {padding:50px 5% 50px 5%;}
.accueil_programmec a b {padding:20px;}
.accueil_actuc a b {padding:20px;}
.asso_txt strong, .mecene_title, .programme_title, .programme_fiche_txt strong, .actu_title, .actu_fiche_txt strong, .contact_text strong {font-size:40px;}
.asso_txt, .programme_fiche_txt, .actu_fiche_txt {padding:50px 0 100px 0;}
.programme_list {padding:70px 7% 0 7%;}
.actu_list {padding:70px 5% 0 5%;}
.programmeb {padding:0 17% 0 17%;}
.actub {padding:0 17% 0 17%;}
.mecene1b {width:950px;}
.mecene2b {width:900px;}
.mecene2 {padding:50px 0 50px 0;}
}




/*
MOBILE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width: 768px) {

/*
TOP 
*/
.top {position:fixed;height:120px;overflow:hidden;border:none;background:none;}
.topb {float:left;height:70px;width:100%;}
.top .top_logo {float:left;height:70px;width:100%;background:#fff;}
.top .top_logo img {float:none;display:block;margin:0 auto;height:70px;}
.top nav {float:left;width:100%;background:rgba(0,0,0,0.90);text-align:center;}
.top nav a {float:none;display:inline-block;height:50px;line-height:50px;padding:0 4px 0 4px;font-size:12px;color:#fff;}

/*
FOOTER 
*/
footer {padding:30px 5px 50px 5px;font-size:9px;}

/*
ACCUEIL 
*/
.accueil_header {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;width:100%;height:auto;margin-top:120px;padding:100px 20px 100px 20px;}
.accueil_header b {font-size:30px;}
.accueil_header em {margin-top:30px;font-size:13px;margin-bottom:30px;}
.accueil_suite {position:relative;top:auto;left:auto;right:auto;float:left;width:100%;}
.accueil_logo {padding:30px 0 30px 0;}
.accueil_logo img {width:220px;}
.accueil_programme {padding:50px 30px 50px 30px;}
.accueil_programme strong {font-size:26px;}
.accueil_programmeb {margin-top:30px;}
.accueil_programmec {display:block;float:left;width:100%;}
.accueil_programmec a {float:left;width:100%;margin:0 0 30px 0;padding:0 0 30px 0;}
.accueil_actu {padding:50px 30px 20px 30px;}
.accueil_actu strong {font-size:26px;}
.accueil_actub {margin-top:30px;}
.accueil_actuc {display:block;float:left;width:100%;}
.accueil_actuc a {float:left;width:100%;margin:0 0 30px 0;padding:0 0 30px 0;}

/*
ASSOCIATION
*/
.asso_header {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;height:300px;width:100%;margin-top:120px;padding:0 20px 0 20px;}
.asso_suite {position:relative;top:auto;left:auto;right:auto;float:left;width:100%;}
.asso_txt {padding:50px 30px 50px 30px;margin-bottom:-50px;}
.asso_txtb {float:left;width:100%;}
.asso_txt strong {font-size:30px;}
.asso_txt p {text-align:justify;}
.asso_statuts {padding:40px 0 0 0;}

/*
MECENE 
*/
.mecene {padding:150px 0 0 0;}
.mecene_title {font-size:30px;}
.mecene1 {margin-top:30px;padding:0 30px 0 30px;}
.mecene1b {float:left;width:100%;}
.mecene1b_left {width:100%;padding:0;}
.mecene1b_right {width:100%;padding:0;border-top:1px solid #ddd;}
.mecene2 {padding:50px 30px 50px 30px;}
.mecene2b {float:left;width:100%;}
.mecene2c {float:left;width:100%;border:1px solid #ddd;padding:50px 20px 50px 20px;}
.mecene2c_left {float:left;width:100%;text-align:center;padding:0;}
.mecene2c_leftb {padding:20px 0 20px 0;}
.mecene2c_right {float:left;width:100%;}

/*
PROGRAMME 
*/
.programme {padding:150px 0 0 0;}
.programmeb {padding:0 30px 0 30px;}
.programme_title {font-size:30px;}
.programme_list {padding:50px 30px 0 30px;}
.programme_list a {padding:0 0 50px 0;}
.programme_list a span {width:90%;margin:-35px 5% 0 5%;padding:20px 20px 50px 20px;}

/*
PROGRAMME FICHE 
*/
.programme_fiche {padding:0;}
.programme_fiche_header {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;height:300px;width:100%;margin-top:120px;padding:0 20px 0 20px;}
.programme_fiche_suite {position:relative;top:auto;left:auto;right:auto;float:left;width:100%;}
.programme_fiche_txt {padding:50px 30px 50px 30px;}
.programme_fiche_txtb {float:left;width:100%;}
.programme_fiche_txt strong {font-size:30px;}
.programme_fiche_txt p {text-align:justify;}
.programme_fiche_txt2 {padding:50px 30px 50px 30px;font-size:15px;}
.programme_fiche_txt2b {float:left;width:100%;}

/*
ACTU 
*/
.actu {padding:150px 0 0 0;}
.actub {padding:0 30px 0 30px;}
.actu_title {font-size:30px;}
.actu_list {padding:50px 30px 0 30px;}
.actu_list a {width:100%;padding:0 0 50px 0;}
.actu_list a span {padding:30px 30px 0 30px;height:auto;}

/*
ACTU FICHE 
*/
.actu_fiche {padding:0;}
.actu_fiche_header {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;height:300px;width:100%;margin-top:120px;padding:0 20px 0 20px;}
.actu_fiche_suite {position:relative;top:auto;left:auto;right:auto;float:left;width:100%;}
.actu_fiche_txt {padding:50px 30px 50px 30px;}
.actu_fiche_txtb {float:left;width:100%;}
.actu_fiche_txt strong {font-size:30px;}
.actu_fiche_txt p {text-align:justify;}

/*
CONTACT 
*/
.contact_suite2 {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;width:100%;}
.contact_map {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;height:300px;width:100%;margin-top:120px;padding:0 20px 0 20px;}
.contact_text {position:relative;top:auto;left:auto;right:auto;bottom:auto;float:left;height:auto;width:100%;margin-top:50px;padding:0 20px 50px 20px;}
.contact_text strong {font-size:30px;}
.contact_text span {margin-top:30px;}
.contact_portrait {padding:0;}
.contact_portrait span {display:block;float:left;width:100%;margin:0;}
.contact_portrait div {float:left;width:100%;margin:50px 0 0 0;}
.contact_portrait div img {display:block;width:100px;margin:0 auto;}
.contact_portrait div b {float:left;width:100%;margin-top:15px;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:12px;}
.contact_portrait div em {float:left;width:100%;}


.parutions {margin-top:120px;}
.parutions a {width:100%;}

	
}