Configuration générale
/**********************************************************************/ /* MISE A ZERO DES STYLES */ /**********************************************************************/ * { margin: 0; padding: 0; outline: 0; } h1, h2, h3, h4 { border: none; font-weight:bold; } ul{ list-style-image:none; list-style-type:none; margin: 0!important; padding: 0!important; line-height: 1.3em; } body { font-family:arial!important; font-size:12px!important; color:#000; background:#fff; } a{ border:none!important; color:#000; text-decoration:none; } a:hover{ color:#000; text-decoration:underline; } a:visited{ color:#000; text-decoration:none; } hr{ border:1px solid #000; margin:3px 0; } img{ border:none; } /**********************************************************************/ /**********************************************************************/ /* STRUCTURE DE LA NEWSLETTER */ /**********************************************************************/ /*Cadre de la newsletter*/ table{ border:none; width:930px; border-collapse:collapse; border:1px solid #f5f4f4; margin:auto!important; margin-top:10px!important; background:#fff; /*padding:5px!important;*/ } /*Conteneur réel*/ table table{ border-collapse:collapse; margin:5px!important; border:none; } /*-------------------------------HEADER-------------------------------*/ /*Bandeau*/ table table thead tr th{ /*background:url(http://www.ssvp.fr/newsletters/ssvp_images_newsletter/bandeau-newsletter.jpg) 0 0 no-repeat; height:121px;*/ font-size:14px; text-align:right; } table table thead tr th h1{ color:#000; background:#fff; font-size:18px; margin:0 15px 0 10px!important; border-bottom:3px solid #000; text-align:right; text-transform:uppercase; } /*Date*/ table table td.date{ width:50%; padding:0 5px 0 10px!important; font-size:10px; color:#000; } /*Lien d'accès au site*/ table table td.site{ text-align:right; width:50%; padding:0 0 0 5px!important; font-size:10px; color:#000; } table table td.site a{ color:#000; } /*--------------------------------------------------------------------*/ /*------------------------------GAUCHE--------------------------------*/ table td.gauche{ margin:0; padding:0!important; width:257px; vertical-align:top; } table td.gauche table{ width:257px; margin:0 8px 0 5px!important; } table td.gauche table td{ padding:0!important; } table td.gauche table td img{ margin:0!important; } table td.gauche table td.agenda{ padding:0 0 0 5px!important; } table td.gauche table td.agenda ul{ background:#f2f2f2; padding:0 0 0 18px!important; } table td.gauche table td.agenda ul li{ padding:5px 0 10px!important; } table td.gauche table td.agenda ul li strong{ display:block; } /*--------------------------------------------------------------------*/ /*-------------------------------CORPS--------------------------------*/ table td.centre{ margin:0; padding:0!important; width:645px; vertical-align:top; } table td.centre table{ margin:0 11px 0 0!important; width:645px; } /*Edito*/ table td.centre table td.edito{ padding:10px 15px 25px!important; } table td.centre table td.edito strong{ font-size:18px; color:#76960f; } /*Titre*/ table td.centre table th.titre{ font-size:16px; height:20px; text-align:left; padding:8px 10px!important; color:#fff; background:#76960f; } table td.centre table th.titre a{ color:#fff; } /*Description*/ table td.centre table td.description{ padding:10px 15px 25px!important; font-size:12px; } table td.centre table td.description img{ float:right; margin:0 0 0 15px; } /*--------------------------------------------------------------------*/ /*---------------------------FOOTER-----------------------------------*/ table table tfoot td ul{ margin:0 10px!important; background-color: #f5f4f4; padding:10px 5px!important; } table table tfoot td ul li{ display:inline; } table table tfoot td ul li.desabonnement{ padding:0 0 0 540px; } table table tfoot td.non-lisible{ text-align:center; font-size:10px; } /*--------------------------------------------------------------------*/ /**********************************************************************/ /*-------------------------------------------------------------------------------------------------------------- == TITRES --------------------------------------------------------------------------------------------------------------*/ /*Definir sur les differents niveaux de h, en fonction du site*/ h3.titre-niv1{ background:#E14419 none 0 0 no-repeat; color:#FFFFFF; padding:0 7px; font-weight:bold; margin:0; } h4.titre-niv2{ font-weight: bold; color:#E14419; padding:0 7px; margin:0; text-decoration:underline; } h5.titre-niv3{ background:#95b72a none 0 0 no-repeat; color:#FFFFFF; padding:0 7px; font-weight:bold; margin:0; } h6.titre-niv4{ font-weight: bold; padding:0 2px; color:#95b72a; } /*-------------------------------------------------------------------------------------------------------------- == TEXTES --------------------------------------------------------------------------------------------------------------*/ span.texte1-rouge{ font-weight:bold; color:#ab2e0b; } span.texte2-vert{ font-weight:bold; color:#98ba2c; } span.citation{ background:transparent url(../images/puce-quote.gif) no-repeat scroll 0 0; color:#97280A; padding:8px 0 15px 31px; } /*-------------------------------------------------------------------------------------------------------------- == IMAGES --------------------------------------------------------------------------------------------------------------*/ img.droite{ float:right; } img.gauche{ float:left; }
