mise en forme content

themes/toutpratique/css/global.css

@@ -1268,6 +1268,10 @@ body .ac_results {
     margin-bottom: 20px;
     margin-top: 40px;
 }
+.article_content .content br {
+   display: block;
+   margin:0;
+}
 .article_content .content h3 {
     font-weight: bold;
     font-size: 18px;
@@ -1276,24 +1280,44 @@ body .ac_results {
     margin-bottom: 20px;
     margin-top: 20px;
 }
+.article_content .content h5, h4 {
+    font-size: 15px;
+    line-height: 24px;
+}
 .article_content .content p {margin-bottom: 0;}
     .article_content .content .info {
         background: #ccc;
         padding: 15px;
-        margin-bottom: 15px;
+        margin-top: 40px;
+        margin-bottom: 20px;
         background: url('../img/ico_danger.png') no-repeat left 15px center;
         padding-left: 170px;
     }
+    .article_content .content .info.asavoir { background-image: url('../img/ico_asavoir.png')}
+    .article_content .content .info.anoter { background-image: url('../img/ico_anoter.png')}
+    .article_content .content .info.truc { background-image: url('../img/ico_truc.png')}
+    .article_content .content .info h3 { 
+        background: none;
+        text-transform: none;
+        padding: 0;
+        font-weight: normal;
+        font-size: 15px;
+        margin: 0;
+        margin-bottom: 10px;
+    }
     .article_content .content .info h5 {
         font-size: 18px;
         text-transform: uppercase;
         font-family: 'pt_sansbold';
         color: #e4535d;
     }
-        .article_content .content .info.truc{ background-color: #d7e9e7;} 
+        .article_content .content .info.truc{ background-color: #dfeaed;} 
+            .article_content .content .info.truc h5 {color: #529bb6}
         .article_content .content .info.warning{ background-color: #f4dfe1;} 
-        .article_content .content .info.asavoir{ background-color: #ebebd9;} 
-        .article_content .content .info.anoter{ background-color: #ebd1dc;}
+        .article_content .content .info.asavoir{ background-color: #e3f0ee;} 
+            .article_content .content .info.asavoir h5 {color: #6ac5bb}
+        .article_content .content .info.anoter{ background-color: #ddd6e1;}
+            .article_content .content .info.anoter h5 {color: #8a669d}        
 .article_content .content a {
     color: #e44e58;
 }