body{ background-image: url(https://i.servimg.com/u/f11/19/11/94/28/rect10.png); color: #d0e4fe; text-align:justify; font-family: Arial; } #content{ margin: 0 auto; max-width:1260px; } #encart{ max-width: 500px; margin: 0 auto; font-size: 15px; font-family: 'Arial'; } #pub{ display:block; height: 250px; width:100%; padding: 0 1.25%; } a .creat:hover{ border: 2px solid #fff; } .creat{ width: 30%; height: 200px; float: left; padding: 10px 0; margin: 0 1.25%; text-align: center; } #acce_forum{ width: 100%; } #acce_forum a{ display: block; width: 180px; background-color: #e9e9e6; border-bottom: 1px dotted silver; text-align: center; padding: 10px; margin: auto; color: #4f4f4f; font-family: 'Book Antiqua'; font-size:11px; text-transform: uppercase; } #acce_forum a:hover{ color: #dd6900; } #partie1, #partie2, #partie3, #partie4 { width: 100%; height: 40px; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s; } #partie1:hover, #partie2:hover, #partie3:hover, #partie4:hover { height: 350px; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s; } .titre { display: block; width: 100%; height: 40px; font-size: 1.5em; letter-spacing: 2px; font-family: 'Book Antiqua'; padding-top: 5px; color: #d0e4fe; } .content { width: 100%; height: 300px; overflow: auto; margin: auto; padding: 6px; font-size: 1em; text-align: justify; } .content img{ display: block; margin: auto; } h1{ text-align: center; font-size: 40px; font-family: 'Book Antiqua'; color: #d0e4fe; } a{ text-decoration: none; color: #adadad; } a:hover{ color: #ffffff; }