$grey:#61676A; $marron:#9A9289; $vert:#7BAE53; #main_plume{ background:white; } .author{ color:rgba(0,0,0,0.6); padding:20px 0; padding-right:25px; text-align:right; } #plume_wrapper{ #plume_header{ .plume_logo_mobile{ display:none; } text-align:center; img{ display:block; margin:auto; width:990px; max-width:100%; padding:20px; } .baseline{ font-size:25px; font-weight:normal; } .hr{ margin:20px 0; height:30px; background:$grey; } } .sommaire{ float:left; width:30%; text-align:left; .sommaire_panel{ background:$marron; padding:20px; .content{ padding:10px 20px; border:dashed 1px white; h2{ font-weight:bold; color:white; font-size:40px; text-align:center; text-transform:uppercase; margin-top:0; padding-top:0; } h3{ text-transform:uppercase; margin:0; padding:0; margin-top:10px; font-weight:bold; color:white; } a{ display:block; color:black; font-size:18px; &:hover{ text-decoration:none; } } } } } .plume_home{ max-width:1250px; margin:auto; .right_plume{ margin-left:2%; width:68%; float:left; } .plume-article_header{ .plume_cat{ text-transform:uppercase; color:$vert; font-size:25px; margin-top:15px; font-weight:bold; margin-bottom:20px; } h1{ font-size:30px; margin:10px 0; font-weight:bold; color:black; text-transform:none; } } .render_block{ padding:30px 0; padding-bottom:100px; } .plume_event{ border-bottom:1px dashed $marron; padding: 10px 0; h2{ color:$vert; font-size:20px; text-transform:none; margin:0; } .date{ margin: 5px 0; } margin-bottom:10px; } .plume_breve{ border-bottom:1px dashed $marron; padding: 10px 0; h2{ color:$vert; font-size:20px; text-transform:none; margin:0; } margin-bottom:10px; .render_block{ padding-bottom:20px; padding-top:20px; } } a{ .article{ width:50%; float:left; text-decoration:none !important; &.article_large{ float:none; width:auto; margin-top:60px; margin-bottom:100px; .image{ width:47%; margin-left:1%; float:left; } .description{ margin-left:50%; padding-left:20px; } } .inner{ margin:0 20px; } .image{ height:300px; } .desc{ text-decoration:none !important; color:black !important; } .plume_cat{ text-transform:uppercase; color:$vert; font-size:30px; margin-top:15px; font-weight:bold; line-height:1em; } h2{ font-size:20px; margin:10px 0; font-weight:bold; } *{ text-decoration:none !important; &:hover{ text-decoration:none !important; } } } } } .plume_bottom{ background:$grey; padding:10px 20px; margin-top:20px; .big{ font-size:20px; } p{ margin:5px 0; } *{ color:white; } } } .fill_img{ background:center center no-repeat; background-size:100%; background-size:cover; } .plume_right_buttons{ margin-top:50px; text-align:right; .btn{ background:$vert; color:white; font-weight:bold; padding:10px 20px; text-transform:uppercase; border-radius:0; } }