/* ----------------------------------------- */ /* Modèle de contenu : members-content-template-francais - démarrer */ /* ----------------------------------------- */ .memcont{float: left; margin: 1.66%; padding: 3%; width: 30%; border: 1px solid #ccc; height: 100%;} .memlogo table,tr,td {height:140px; vertical-align:middle; border:0px!important; padding:0pc!important;} .memlogo{height: 100%;width: 100%;} .memlogo img{max-height:120px;} .memdesc {height: 160px;} .memlink {text-align: center;} .memlink a{border: 1px solid #ccc; padding:10px 20px;} .memlink a:hover{color:#ffcc33;} /* @media Rule */ @media all and (max-width: 480px) { .memcont{float:left; margin:15px 15px 15px 20px; padding:20px; width:200px; border: 1px solid #ccc; height:380px;} .memlogo table,tr,td {height:120px; vertical-align:middle; border:0px!important; padding:0pc!important;} .memlogo{height:100px;width:200px;margin-bottom:20px;} .memlogo img{max-height:100px;max-width:200px;} .memdesc {height: 200px;} .memlink {text-align: center;} .memlink a{border: 1px solid #ccc; padding:10px 20px;} .memlink a:hover{color:#ffcc33;} } /* @media Rule */ @media all and (min-width: 481px) and (max-width: 800px) { .memcont{float:left; margin:15px 15px 15px 20px; padding:20px; width:260px; border: 1px solid #ccc; height:360px;} .memlogo table,tr,td {height:140px; vertical-align:middle; border:0px!important; padding:0pc!important;} .memlogo{height:120px; width:240px; margin-bottom:20px;} .memlogo img{max-height:120px; max-width:240px;} .memdesc {height: 160px;} .memlink {text-align: center;} .memlink a{border: 1px solid #ccc; padding:10px 20px;} .memlink a:hover{color:#ffcc33;} } /* ----------------------------------------- */ /* Modèle de contenu : members-content-template-francais - terminer */ /* ----------------------------------------- */

Manage consent