Madani Abderrahim

Biographie

Ses œuvres

Ancienne époque de Madani

Madani Abderrahim

Format: 70 x 110 cm
Référence: 3213
Prix: 23 000 Dirhams

Femme berbère de Madani

Madani Abderrahim

Format: 100 x 66 cm
Référence: 2385
Prix: 9 500 Dirhams

Très grande scène de Madani

Madani Abderrahim

Format: 200 x 63 cm
Référence: Ref.1640 as-td
Prix: 25 000 Dirhams

/* ----------------------------------------- */ /* Modèle de contenu : Modèle de contenu pour Artiste unique - démarrer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Modèle de contenu pour Artiste unique - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Loop item in oeuvres - démarrer */ /* ----------------------------------------- */ div.titredeleouvreconteneur { border-bottom:1px solid #eee; margin-bottom: 4px; width:100%; height:60px; line-height:60px; text-align:center; /* centrage horizontal */ } div.titredeleouvrebloc { width:90%; /* largeur du bloc */ padding:10px; /* aération interne du bloc */ vertical-align:middle; display:inline-block; line-height:1.2; /* on rétablit le line-height */ text-align:center; /* ... et l'alignement du texte */ } .titredeleouvrebloc a{ text-decoration:none; font-weight: 500; } .titredeleouvrebloc a:hover{ text-decoration:underline; } .myartiste a{ text-decoration:none !important; } .myartiste a:hover{ text-decoration:underline !important; } html{ font-family: "Helvetica Neue", sans-serif; width:100%; color:#666666; text-align:center; } button{ display:inline-block; vertical-align:middle; border-radius:30px; margin:.20rem; font-size: 1rem; color:#666666; background: #ffffff; border:1px solid #666666; } button:hover{ border:1px solid #666666; background:#666666; color:#ffffff; } .modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 12% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 700px; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .img_prt { width: 460px; float: left; } .des_prt { float: right; width: 340px; } .frs_div, .sec_div { width: 100%; display: table; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .des_prt p { text-align: left; padding-left: 2em; } span.open { cursor: pointer; } .lSPrev .custom-prev-html i.fa, .lSNext .custom-next-html i.fa{ font-size:30px !important; } .lSAction > a:hover{ background-color:#fff; } .modal .modal-content { max-width: 900px; margin: 40px auto 0; position:relative; } .modal { background-color: rgba(0, 0, 0, 0.8) !important; } .modal .modal-content .view_count_sec { float: left; padding-left: 1rem; text-align: left; width: 100%; } .modal .modal-content .des_prt p { clear: both; margin: 0; padding-left: 1rem; text-align: left; } .modal .modal-content .frs_div, .modal .modal-content .sec_div { display: table; text-align: left; width: 100%; } .modal .modal-content.close { background-color: #fff; color: #376862; float: right; font-size: 28px; font-weight: bold; padding: 10px; position: absolute; right: 0; top: 0; } .modal .modal-content .close:hover,.modal .modal-content .close:focus { color: #fff; background-color: #376862; } .modal .modal-content .view_count_sec .post-views.entry-meta { padding: 0; } .connected-carousels .stage{width:100% !important;} .connected-carousels .navigation { width: 85% !important; } .connected-carousels .carousel-navigation li.active img { border-color: #226860; } .connected-carousels .carousel-navigation { position: relative; width: 100% !important; height:85px !important; } .connected-carousels .carousel-navigation,.connected-carousels .carousel-stage { background: #ffffff none repeat scroll 0 0; border: 0 none !important; border-radius: 0 !important; box-shadow: none !important; height: 100%; width: 100%; } .connected-carousels .carousel-navigation li img { display: block; height: 75px; width: 75px; } .connected-carousels .prev-navigation, .connected-carousels .next-navigation { background: #226860 !important; } a, a:hover { color: #376862 !important; } @media(max-width:768px){ .img_prt, .des_prt { width: 100%; float: left; } } /* ----------------------------------------- */ /* Modèle de contenu : Loop item in oeuvres - terminer */ /* ----------------------------------------- */

//----------------------------------------- // Modèle de contenu : Modèle de contenu pour Artiste unique - terminer //----------------------------------------- //----------------------------------------- // Modèle de contenu : Loop item in oeuvres - démarrer //----------------------------------------- $(document).ready(function(){ $(".open").on("click", function(){ var pop_id=$(this).attr('id'); var pop_hashid='#'+pop_id+'_modal'; $(pop_hashid).css('display','block'); }); $(".close").on("click", function(){ $(".modal").hide(); }); $(window).click(function(e) { console.log(e.target.className); console.log(e.target.id); if (e.target.className == 'modal') { var hide_id='#'+e.target.id; $(hide_id).css('display','none'); } if (e.target.className == 'close') { var hide_id='#'+e.target.id+'_modal'; $(hide_id).css('display','none'); } }); }); //----------------------------------------- // Modèle de contenu : Loop item in oeuvres - terminer //-----------------------------------------