﻿/*General */

div.Newsletter {
padding:0 0 0 20px !important;
margin:0 !important;

}


div.fond * p, div.fond  * ul li {
font-family : Arial;
font-size:12px;
color : #666666;
font-weight: normal;

}
div.fond * a:link, div.fond * a:visited {
color : #ff8200 !important;
font-weight: normal;
text-decoration:underline;
font-size:12px;
}

div.fond * a:hover{
color : #7BA1CD;

}

div.fond * img {
border :none;
}

.maj {
text-transform:uppercase;
}

/* fond page bleu ciel*/

div.fond {
background-color :#f0f6fc;
width:760px;
height:auto;
padding:0 !important;
/*margin:0 0 20px 0 !important;*/
margin:0;
}


/* h1 et h2 pour toute la newsletter*/
div.fond h1{
font-family : Arial;
color:#ff8200;
font-weight:bold;
padding: 0 80px 0px 10px;
margin:0;
display:inline;
}

div.fond h2{
font-family : Arial;
display:inline;
/*font-size: 13px;*/
font-weight:bold;
}

/*en tete newsletter*/
div.fond h1.principal{
font-family : Arial;
font-size: 16px;
color:#ff8200;
font-weight:bold;
padding: 0 80px 0px 10px;
margin:0;


}

div.fond h2.principal{
font-family : Arial;
font-size: 13px;
color:#2463ab;
font-weight:bold;
float:right;
position:absolute;
padding: 0 ;
margin:2px 0 0 0;
text-align:right;
width:330px;

}

div.fond em {
font-style :normal;
font-weight:normal;
}

/*conteneur global */

table.conteneur_global {

margin:10px 0 0 17px; 
width :740px ;
height:auto;
border-collapse:collapse;
border-spacing:0;

}
/* 4 images coins */

/* coin haut gauche*/
table.conteneur_global thead tr th.coin_HG {
background : #ffffff url('images/bordure_coinHG.gif') no-repeat top left;
border-right:solid 1px #707981;
height:30px;
width:280px;
margin:0;
padding:0;

}
/* coin haut droit*/
table.conteneur_global thead tr th.coin_HD {
background : #ffffff url('images/bordure_coinHD.gif') no-repeat top right;
height:30px;
border:none;
width:460px;
margin:0;
padding:0;
}

/* coin bas gauche*/
table.conteneur_global tfoot tr td.coin_BG {
background : #ffffff url('images/bordure_coinBG.gif') no-repeat top left;
height:30px;
width:280px ;
border-right:solid 1px #707981;
margin:0;
padding:0;
}
/* coin  bas droit */
table.conteneur_global tfoot tr td.coin_BD {
background : #fff url('images/bordure_coinBD.gif') no-repeat top right;
height:30px;
width:460px;
margin:0;
padding:0;
}

/* zone centrale*/
table.conteneur_global tbody tr td{
background-color: #ffffff;

}


table.conteneur_global tbody tr td.centre_G {
background: #ffffff url('images/pix_bord.gif')repeat-y top left !important;
border-right:solid 1px #707981;
/border-left:solid 1px #707981; /*hack ie */
width:280px;
height:auto;
vertical-align:top;
background-color: #ffffff ;
}

table.conteneur_global tbody tr td.centre_D{
background-color: #ffffff ;
border-right:solid 1px #707981;
height:auto;
width:460px;
}

*html
table.conteneur_global tbody tr td.centre_D {
	width:280px;
	border-right:solid 1px #707981;
}


td.centre_G div {
width:250px;
height:auto;
margin-top :30px;
margin-left:12px ;
background-color:#fff;
}

td.centre_G div p, td.centre_D div p{
padding:5px 7px 10px 7px;
margin: 0;
}


td.centre_G div ul li, td.centre_D  div ul li{
padding:1px;
}

td.centre_G div h1 {
font-family: Verdana !important;
font-size:13px !important;
font-weight : bold !important;
display :block;
margin :0;
padding:7px 0 10px 42px ;
}



/* --------------------------- */
/* conteneurs zone centrale gauche*/
/* --------------------------- */

/*1er bloc conseil*/

div.bloc_conseil {
border:solid 1px #ff8200;
margin-top :0 !important;
}

div.bloc_conseil h1{
background :#ff8200 url('images/calendrier.gif') no-repeat 2px 2px;
color :#ffffff ;
padding:7px 0 10px 40px;
}

div.bloc_conseil h2 {
display :block;
margin :0;
color : #666666;
font-size:12px;
font-weight:bold;
padding:5px 7px 0 7px;
margin:0;
background :#ffffff url('images/pix_orange.gif') repeat-x 0 0;
}



/* 2eme bloc devis*/
div.bloc_devis{

border-right:solid 2px #aacbeb ;
border-left :solid 1px #aacbeb;
border-bottom :solid 1px #aacbeb;
border-top :solid 1px #aacbeb;
padding-bottom:10px ;

}

div.bloc_devis h1{
background: white url('images/pix_bleuciel.gif') repeat-x scroll left bottom;
color :#666666 ;


}

div.bloc_devis ul{
padding:10px 0 0 20px;
margin:0 0 0 20px;

}

div.bloc_devis ul li {
padding :0 0 3px 10px !important;
/*padding :0;*/
margin:0;
list-style-type:none !important;
list-style-image:url('images/pict-puce-type.gif')!important;


}

div.bloc_devis a{
font-size:13px;
}

/*3ÃƒÂ¨me bloc affiliation */

div.bloc_affiliation {
padding:0;
text-align:center;
}

/* 4eme chiffre */
div.bloc_chiffre {
border:none ;

}

div.bloc_chiffre h1{
background : #ffffff url('images/chiffre.gif') no-repeat 0 0;
color :#2362ab ;
padding:7px 0 0 35px;
height:25px;

}

div.bloc_chiffre h2{
display:block;
border : solid #ff8200 1px;
padding: 5px 5px 5px 100px;
color :#ff8200;
margin-right:20px;
font-size : 16px;
margin-bottom:0;
margin-top :0;

}
div.bloc_chiffre p{
font-size :10px;
padding-left:0 !important;
}

/* 5 eme bloc */

div.bloc_marque{

border-right:solid 2px #707981 ;
border-left :solid 1px #707981;
border-bottom :solid 1px #707981;
border-top :none;

}

div.bloc_marque h1 {
background : #707981 url('images/pix_gris.gif') repeat-x 0 bottom;
color : #ffffff;
padding:7px 0 10px 20px !important;


}

div.bloc_marque p{
font-size : 12px;
font-family : Verdana;
}

div.bloc_marque img{
margin: 20px 0 20px 60px;
}

/* 6 bloc contact*/

div.bloc_contact{
border :none;

}

div.bloc_contact h1{
background :#ffffff url('images/pict-phone.gif') no-repeat 0 0;
padding: 7px 0 0 35px;
height:27px;
}

div.bloc_contact h1 a:link, h1 a:visited{
font-family:Verdana !important;
font-weight: bold !important;
font-size:13px !important;
}

div.bloc_contact h1 a:hover{
font-weight: bold !important;
font-size:13px;
}

div.bloc_contact p{
padding-left:32px;
}


/* --------------------------- */
/* conteneurs zone centrale droite*/
/* --------------------------- */

td.centre_D{
padding-left:10px;
vertical-align :top;
}

div.bloc_news {
padding:0 10px 20px 0 !important;
width:440px;
margin-bottom:10px;
}
*html
div.bloc_news{
	width:400px;
}

/* titre */

div.titre {
background: #ffffff url('images/puce-titre.gif') no-repeat top left;
margin:0;
padding:0;
width:430px;
}

div.souligne {
background: #ffffff url('images/pix_tricolore.gif') repeat-x bottom right ;
margin-left:30px;
height:19px;
padding:0;

}

div.souligne h1, div.souligne h2 a{
display:inline;
vertical-align:top;
}

div.souligne h1, div.souligne h2 a {
font-family: Verdana !important;
font-weight : bold !important;
}


div.souligne h1 {
font-size:10px;
color : #2362ab;
text-align:left;
padding:0;
margin:0;
}

div.souligne h2 {
text-align:right;
padding-left:30px;
text-align :right;
}

div.souligne h2 a {
font-size:10px !important;
text-decoration : none !important;
}

/* sous blocs actu - dossier */

div.actu_imgG, div.actu_imgD, div.dossier {
width:90% !important;
/width:100%; /*hack IE*/
padding : 10px 10px 10px 29px !important;
margin:0 ;
height:auto;
}

/* conteneurs div.actu */

div.actu_imgG .texte{
margin:0 0 0 130px;
padding:0;
}

div.actu_imgD .texte{
padding :0;
margin:0 130px 0 0 ;
}

div.texte h1 {
padding:0  !important;
/margin-bottom:10px;
}

div.texte h1 a,  div.texte h1 a {
font-family :Arial !important;
font-weight:bold !important;
font-size:12px !important;
color:#ff8200 !important;
}

div.actu_imgG .texte p, div.actu_imgD .texte p, div.dossier p, div.bloc_promo p, div.bloc_newKa p {

padding:10px 0 0 0 !important;
margin:0;
/*text-align:justify !important;*/
}


//* bloc actu  image ÃƒÂ  gauche  */

/*div.actu_imgG img{
position:relative;
float:left;
padding :0 ;
/margin:0 10px 10px 0;
}*/


/* bloc actu image ÃƒÂ  droite  */

/*div.actu_imgD img{
position:relative;
float :right;
padding:0 0 10px 10px ;
/margin:0 0 10px 10px;
}*/

/* contenu bloc dossier*/

div.dossier img{
padding:0 0 10px 0;
margin:0;
}

/* publi rÃƒÂ©dactionnel */

div.bloc_pubredac{
border : solid 1px #d4e7fb;
width:430px;
margin:0 10px 10px 0;
}

div.bloc_pubredac img {

width:100px;
height:10px;
padding :10px;
/margin:10px;
float:left;
position:relative;
}

div.bloc_pubredac h1 {
color:#666666;
font-weight:bold;
font-size :13px;
display :block;
margin:0;
width:auto;
position:relative;
padding: 10px 10px 0 0;
}

/* bloc promo / news ka */
div.bloc_promos, div.bloc_newKa{
padding : 20px 0 0 29px;
margin:0;
}


div.bloc_promos h1, div.bloc_newKa h1{
font-size:12px;
font-weight:bold;
padding-left:25px;
display:block;
height:17px;
}

div.bloc_promos h1{
background: white url('images/cadeau.gif') no-repeat 0 0;

}

div.bloc_newKa h1{
background: white url('images/new.gif') no-repeat 0 0;
}

div.promo {
width:100%;
padding:0;
margin:0;
}

div.promo a img {
position:relative;
float:left;
padding :10px 10px 10px 0;
height:35px;
width: 74px;
/margin:10px 10px 10px 0; /*hack IE*/

}

div.promo p{

padding-right:0 !important;

}

div.bloc_newKa ul{
padding:0 0 0 20px;
margin:0;
}

div.bloc_newKa ul li {

margin:10px 0 0 0 ;
padding:0 0 3px 10px !important;
list-style-type:none !important;
list-style-image:url('images/pict-puce-type.gif')!important;

}

/* bloc pub centrale */

div.bloc_pub{
padding:0;
text-align:center;
margin-top:20px;
}

/***** nouvelle charte novembre 2010 *****/
div.letterMain {width:100%;font-size: 12px;border:none;}

div.letterMain table td
{vertical-align:top;
}
div.letterMain a
{color:#FF6E1F;
}
div.letterMain a:hover
{font-weight:bolder;
}

div.letterMain strong a:hover
{color:#005CBF;
}

div.letterMain table h2,div.letterMain table h3, div.letterMain p, div.letterMain ul, div.letterMain li
{margin:0 !important;padding:0 !important;
}
* h2.titreNews
{color:#0b52ad;font-size:16px !important;font-weight:bold !important;background:#b4d1ee;padding:10px !important;width:740px !important;
}
* h2.titreNews span
{color:#fff;font-size:13px !important;padding-right:10px !important;
}
div.letterMain ul
{list-style:none !important;
}
div.letterMain ul.linksMenu li
{list-style:none !important;
background: url(images/puce-tiret-4x1-orange.gif) no-repeat 0 7px ;
padding:0 0 0 11px !important;
}
div.letterMain .Emphasis
{color:#F86E1F;font-weight:bold;
}



* table.letterContent { background:#ecf5fe;padding:0px;}
* table.letterContent td{ vertical-align:top;}
* table.letterContent h2{ color:#3e63b6;font-size:16px !important;padding:8px 0 6px 12px !important;font-weight:bold !important;}


/** encarts a la une ***/
table.letterEncarts { padding:4px;font-size:12px;}
table.letterEncarts h3, table.letterEncarts .h3{ color:#01d2ff;font-size:13px;font-weight:bold;}
table.letterEncarts p
{ color:#818180;padding:0 10px;}


table.letterEncarts .letterChiffre,table.letterEncarts .letterComparer,table.letterEncarts .cadeauDuMois, table.letterEncarts .Nouveau 
{padding-left:8px;}

table.letterEncarts .letterChiffre
{height:150px;}

table.letterEncarts .letterChiffre span
{ color:#FF6E1F !important;font-weight:bold;font-size:14px;}

table.letterEncarts .letterComparer
{ background: url(images/comparer-en-2-minute.png) no-repeat 100px 0; height:180px;padding-top:22px;}

table.letterEncarts .letterComparer h3
{color:#176FD8;padding-bottom:10px;}

table.letterEncarts .cadeauDuMois
{background: url(images/cadeau-du-mois.png) no-repeat top center; height:250px;padding-top:130px;
}
table.letterEncarts .cadeauDuMois p
{color:#176fd0 !important;
}

table.letterEncarts .Nouveau h3
{color:#9a9a9c;}
table.letterEncarts .Nouveau p
{color:#FF8201;}
table.letterEncarts .Nouveau p span
{color:#9a9a9c;}

/****  articles news ***/
div.letterNews
{border-top: solid #ECF5FE 10px;
background:#ffffff;
padding:0 0 20px 0;
width:auto;margin:0;
}

div.letterResume
{padding-left:120px;
}
div.letterResume h3
{color:#FF6E1F;font-size:14px;font-weight:bold !important;padding:10px 0 !important;
}
div.letterResume p
{color:#9A9AAD;font-size:12px;padding:10px;
}
div.letterResume img
{position:relative;float:left;margin-right:8px;width:120px;
}
/**** dossier du mois***/
div.letterDossier
{clear:both;border: ridge 3px #aeb8c3; background:#b4d1ee;width:auto;padding:10px;
color:#6d7075;height:310px /*patch IE*/;margin:0 13px 0 13px !important;
}
div.letterDossier h2
{margin:0 0 14px 0 !important;font-weight:bold !important;
}
div.letterDossier h2, div.letterDossier a
{color:#fff;
}
div.letterDossier img.pub
{position:relative;float:left;margin:0 10px 10px 0;height:250px;width:250px;border:none;
}
div.letterDossier p
{font-size:14px;
}
div.letterDossier p.reseauxSociaux
{vertical-align:top;height:48px;padding-top:50px;
}
div.letterDossier p.reseauxSociaux span 
{float:left;
}











