Codage Listing

<span class="avatarpris">avatar pris</span>

<span class="avatarlibre">avatar scénario</span>

<span class="avatarreserve">avatar réservé</span>

<div class="post_admin"><div id="fond"><div id="titrep">Titre principal</div>
<div id="contenu">Etiam ac nisl nibh. Vivamus porta tincidunt consectetur. Suspendisse sodales risus vitae scelerisque cursus. Nam vitae lacinia sem. Nunc scelerisque porta mauris, nec vehicula odio aliquam quis. Phasellus neque ligula, vestibulum in arcu eu, dictum tempus lacus. Pellentesque eu pulvinar tortor. </div>

<div id="titres">Titre secondaire</div>
<div id="contenu">

Etiam ac nisl nibh. Vivamus porta tincidunt consectetur. Suspendisse sodales risus vitae scelerisque cursus. Nam vitae lacinia sem. Nunc scelerisque porta mauris, nec vehicula odio aliquam quis. Phasellus neque ligula, vestibulum in arcu eu, dictum tempus lacus. Pellentesque eu pulvinar tortor.

<span class="cs">effet1</span>
<span class="form">effet2</span>
<span class="cs2">effet3</span></div></div></div>

/*** post administratif **/


.avatarpris{color:#dc3a73;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase; font-size: 10px;}

.avatarlibre{color:#36ccaa;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase;font-size: 10px;}

.avatarreserve{color:#e2a84b;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase;font-size: 10px;}

#fond {
    background-color: #f6eff1;
    border-radius: 5px;
    border: 1px solid #e5cdc2;
    margin: 20px auto auto;
    padding-bottom: 20px;
    padding-top: 22px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: justify;
    width: 400px;
}

#titrep {
    color: #9b5851;
   
    padding-top: 18px;
    border-bottom: dotted 1px #9b5851;
    font-size: 25px;
    letter-spacing: 5px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
  font-family: Niconne, cursive;
}

#titres {
    background: none;
    border-left: 3px solid #e3a66d;
  border-bottom: 1px solid #e3a66d;
      color: #e3a66d;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
    padding-left: 15px;
    text-transform: capitalize;
}

#contenu a {color: #c0927a;}

#contenu {
    color: #aeadaf;
    font-size: 10px;
    line-height: 13px;
    margin: auto auto 5px;
    text-align: justify;
}

#contenufiche {
    color: #937268;
    font-size: 11px;
    margin: auto;
    margin-bottom: 5px;
    text-align: justify;
  height:230px;
  overflow:auto;
 background-color: #ead5c8;
width:200px!important;
  padding:5px;
}

#contenulien {
    color: #745e63;
    font-size: 10px;
    margin: auto;
    margin-bottom: 5px;
    text-align: justify;
  height:90px;
  overflow:auto;
  width:240px;
  padding:5px;
background-color: #ead5c8;

}


.imgpostadmin01{
  width:300px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000; }



.imgppub{
  width:400px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000; }

.imgpostadmin02{
  width:100px;
  height:100px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000;
float:right;
  -webkit-border-radius: 500px;
border-radius: 500px;

}
.imgpostadmin02l{
  width:100px;
  height:100px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000;
float:left;
  -webkit-border-radius: 500px;
border-radius: 500px;

}

 .cs {
    color: #cc823d;
    font-weight: 800;
    font-family: verdana;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
  font-family: 'Playfair Display', serif;
}
 
.cs2 {
  color:#b2cdc5; font-weight:800;font-family: 'Playfair Display', serif;text-transform: uppercase;font-size:10px;}

.form, #form {
  color:#e9af8c; font-weight:800;font-size:10px;font-family: 'Playfair Display', serif;text-transform: uppercase;}


.delai {
  color:#b2cdc5; font-weight:800; font-family:arial;font-family: 'Playfair Display', serif;text-transform: uppercase;}



#imgsujet {
width:500px;
height:150px;
margin:auto;
overflow:hidden;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px; }

.avatar_presentation img{
  width:150px;
  border-right:10px solid #e9af8c;
}

.avatar_presentation{
  float:left;
  padding-left:5px;
}