/* CA-NoUS 869: DBO 16/01/2012 Modification*/


/*---------- DEBUT devenez client & page produit ----------*/
    .produit #main,
    .dossiers #main {
        padding: 0 !important;
        background: #fff url(../img/sprite_horizontal.png) repeat-y -980px 0;
/* CA-NoUS 869: DBO : 16/01/2012 début modification*/
height : 1%;
/*CA-NoUS 869: DBO : 16/01/2012 fin modification*/
    }
    
    #mainColsTitle {
        position: absolute;
        top: 0;
        left: 320px;
        width: 480px;
        height: 80px;
        background-color: #fff;
    }
    
    #mainColsTitle .col1,
    #mainColsTitle .cb {
        display: none;
    }
    
    #mainColsTitle h1 {
        margin: 3px 20px 15px 20px;
    }
    
    .produit #mainColsContent,
    .dossiers #mainColsContent {
        padding: 0 0 40px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -1960px bottom;
    }
    
    /*----- DEBUT Colonne de gauche -----*/
    #mainColsContent .col1 {
        float: left;
        width: 320px;
    }
    
    #mainColsContent .col1 ul {
        list-style: none;
    }
    
    #mainColsContent .col1 .context,
    #mainColsContent .col1 .context2 {
        background: #eee url(../img/sprite_blocs.png) no-repeat -980px bottom;
    }
    
    #mainColsContent .col1 .context ul,
    #mainColsContent .col1 .context2 ul {
        padding: 33px 0 20px 17px;
    }
    
    #mainColsContent .col1 .context ul li a,
    #mainColsContent .col1 .context2 ul li a {
        display: block;
        height: 15px;
        width: 259px;
        padding: 1px 0px 0px 5px;
        font-size: 1.167em;
        color: #666;
        position: relative;
        z-index: 10;
        overflow: hidden;
    }
    
    .p1 #mainColsContent .col1 .context ul #liP1 a, .p1 #mainColsContent .col1 .context2 ul #liP1 a,
    .p2 #mainColsContent .col1 .context ul #liP2 a, .p2 #mainColsContent .col1 .context2 ul #liP2 a,
    .p3 #mainColsContent .col1 .context ul #liP3 a, .p3 #mainColsContent .col1 .context2 ul #liP3 a,
    .p4 #mainColsContent .col1 .context ul #liP4 a, .p4 #mainColsContent .col1 .context2 ul #liP4 a,
    .p5 #mainColsContent .col1 .context ul #liP5 a, .p5 #mainColsContent .col1 .context2 ul #liP5 a,
    .p6 #mainColsContent .col1 .context ul #liP6 a, .p6 #mainColsContent .col1 .context2 ul #liP6 a,
    .p7 #mainColsContent .col1 .context ul #liP7 a, .p7 #mainColsContent .col1 .context2 ul #liP7 a,
    .p8 #mainColsContent .col1 .context ul #liP8 a, .p8 #mainColsContent .col1 .context2 ul #liP8 a {
        color: #000;
        background: transparent url(../img/sprite_btns.png) no-repeat 0 -136px;
    }
    
    .p1 #mainColsContent .col1 .context ul #liP1 a:hover, .p1 #mainColsContent .col1 .context ul #liP1 a:hover,
    .p2 #mainColsContent .col1 .context ul #liP2 a:hover, .p2 #mainColsContent .col1 .context ul #liP2 a:hover,
    .p3 #mainColsContent .col1 .context ul #liP3 a:hover, .p3 #mainColsContent .col1 .context ul #liP3 a:hover,
    .p4 #mainColsContent .col1 .context ul #liP4 a:hover, .p4 #mainColsContent .col1 .context ul #liP4 a:hover,
    .p5 #mainColsContent .col1 .context ul #liP5 a:hover, .p5 #mainColsContent .col1 .context ul #liP5 a:hover,
    .p6 #mainColsContent .col1 .context ul #liP6 a:hover, .p6 #mainColsContent .col1 .context ul #liP6 a:hover,
    .p7 #mainColsContent .col1 .context ul #liP7 a:hover, .p7 #mainColsContent .col1 .context ul #liP7 a:hover,
    .p8 #mainColsContent .col1 .context ul #liP8 a:hover, .p8 #mainColsContent .col1 .context ul #liP8 a:hover {
        text-decoration: none;
    }
    
    #mainColsContent .col1 .rdv,
    #mainColsContent .col1 .rdv2 {
        padding: 25px 0;
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 bottom;
    }
    
    #mainColsContent .col1 .rdv ul li a,
    #mainColsContent .col1 .rdv2 ul li a {
        display: block;
        padding: 10px 40px;
        width: 222px;
        height: 20px;
        font-weight: bold;
        font-style: italic;
        color: #fff;
        background: transparent url(../img/sprite_btns.png) no-repeat 0 -167px;
        overflow: hidden;
    }
    
    #mainColsContent .col1 .rdv2 ul li.code_acces a {
        background-position: -316px -167px;
    }
    
    #mainColsContent .col1 .utils {
        margin: 0 20px;
        padding: 0 0 15px 0;
        height: 29px;
    }
    
    #mainColsContent .col1 .rdv2 > div {
        display: none;
    }
    
    #mainColsContent .col1 .rdv2 .utils {
        display: block;
        margin-top: 10px;
        padding: 0;
    }
    
    #mainColsContent .col1 .utils span {
        float: left;
        display: block;
        height: 29px;
        font-size: .917em;
        line-height: 1em;
    }
    
    #mainColsContent .col1 .utils span a {
        color: #666;
        display: block;
        height: 26px;
        padding: 3px 10px 0 35px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 11px -1744px;
        overflow: hidden;
    }
    
    #mainColsContent .col1 .utils span.iconPrint {
        width: 119px;
        background: transparent url(../img/sprite_btns.png) no-repeat -316px -136px;
    }
    
    #mainColsContent .col1 .utils span.iconPrint a {
        width: 74px;
        background-position: 11px -1744px;
    }
    
    #mainColsContent .col1 .utils span.iconDownload {
        width: 148px;
        margin: 0 0 0 13px;
        background: transparent url(../img/sprite_btns.png) no-repeat -435px -136px;
    }
    
    #mainColsContent .col1 .utils span.iconDownload a {
        width: 103px;
        background-position: 12px -1793px;
    }
    
    #mainColsContent .col1 .plus {
        margin: 20px 30px 20px 35px;
    }
    
    #mainColsContent .col1 .plus ul li {
        margin: 0 0 10px 0;
    }
    
    #mainColsContent .col1 .plus ul li a {
        display: block;
        padding: 0 0 0 20px;
        color: #666;
        line-height: 1.22em;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -1699px;
    }
    
    /*----- FIN Colonne de gauche -----*/
    
    .produit #mainColsContent .col2,
    .dossiers #mainColsContent .col2 {
        float: left;
        width: 460px;
        padding: 0 0 0 20px;
        margin: 80px 0 0 0;
/*CA-NoUS 869: DBO 16/01/2012 Début modification*/
        margin-right : -50%;
/*CA-NoUS 869: DBO 16/01/2012 Fin modification*/
        background: transparent url(../img/sprite_horizontal.png) no-repeat -2940px 0;
    }
    
    .produit #main #p1,
    .produit #main #p2,
    .produit #main #p3,
    .produit #main #p4,
    .produit #main #p5,
    .produit #main #p6,
    .produit #main #p7,
    .produit #main #p8 {
        display: none;
    }
    
    .produit #main.p1 #p1,
    .produit #main.p2 #p2,
    .produit #main.p3 #p3,
    .produit #main.p4 #p4,
    .produit #main.p5 #p5,
    .produit #main.p6 #p6,
    .produit #main.p7 #p7,
    .produit #main.p8 #p8 {
        display: block;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte,
    .dossiers #mainColsContent .col2 .partiezonetexte {
        margin-right: 20px;
    }
    
    .produit #mainColsContent .col2 .tg {
        padding: 0 0 8px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -4774px bottom;
        margin: 0 -20px 10px 0;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte ul {
        margin: 0 0 1em 30px;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .fp_c_item_mentions_legales {
        font-size: .834em;
        color: #9c9c9c;
    }
    
    .produit #mainColsContent .col2 .p_next {
        display: block;
        margin: 2em 20px;
        padding: 0 22px 0 0;
        text-align: right;
        background: #fff url(../img/sprite_pictos.png) no-repeat right -2500px;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil {
        color: #454545;
        width: 405px;
        padding: 10px 20px 10px 25px;
        margin: 20px 0 20px -10px;
        background: #fff url(../img/sprite_blocs_produit.png) no-repeat 0 0;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus .titre,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil .titre {
        font-size: 1.667em;
        margin: 0 0 10px 0;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus .titre,
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus a {
        color: #739700;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil {
        background-position: -450px 0;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil .titre,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil a {
        color: #fd7200;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus p,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil p {
        margin: 0 0 8px 0;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus ul,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil ul {
        margin: 0 0 8px 37px;
        list-style: none;
    }
    
    .produit #mainColsContent .col2 .partiezonetexte .blocPlus ul li,
    .produit #mainColsContent .col2 .partiezonetexte .blcConseil ul li {
        margin: 0 0 8px 0;
        padding: 0 0 0 8px;
        background: transparent url(../img/puce_blocsproduit.png) no-repeat 0 7px;
    }

    /*----- DEBUT Colonne de droite -----*/
    #mainColsContent .col3 {
        float: right;
        width: 154px;
        padding: 0 13px;
        margin: 80px 0 0 0;
    }
    
    #mainColsContent .col3 .callback {
        width: 134px;
        height: 102px;
        position: relative;
        padding: 90px 10px 0 10px;
        text-align: center;
        background: #fff url(../img/sprite_blocs.png) no-repeat -980px 0;
    }
    
    #mainColsContent .col3 .callback p {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 65px;
        color: #666;
        text-align: left;
        overflow: hidden;
    }
    
    .produit #mainColsContent .col3 .decouvrir {
        position: absolute;
        right: 14px;
        top: 34px;
        white-space: nowrap;
    }
    
    .produit #mainColsContent .col3 .decouvrir a {
        font-size: .834em;
        text-transform: uppercase;
        color: #666;
        padding: 2px 22px 0 0;
        display: block;
        min-height: 14px;
        background: #fff url(../img/sprite_pictos.png) no-repeat right -2500px;
    }
    
    #mainColsContent .col3 .liaisonMag {
        display: none;
        margin: 12px 0;
    }
    
    #mainColsContent .col3 .liaisonMag h3 {
        margin: 0;
        font-size: 1em;
        color: #27848a;
        text-transform: uppercase;
        padding: 0 0 0 40px;
        min-height: 23px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -2200px;
    }
    
    #mainColsContent .col3 .liaisonMag p {
        font-style: italic;
        color: #465155;
        margin: -8px 0 0 40px;
    }
    
    #mainColsContent .col3 .liaisonMag ul {
        margin: 0;
        list-style: none;
    }
    
    #mainColsContent .col3 .liaisonMag ul li {
        margin: 6px 0 10px 0;
        padding: 0 0 0 20px;
        clear: both;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -2048px;
    }
    
    #mainColsContent .col3 .liaisonMag ul li:after {
        clear: both;
        content: "";
        display: block;
    }
    
    #mainColsContent .col3 .liaisonMag ul li .themeArt {
        color: #465155;
        font-size: 1.084em;
        font-style: italic;
    }
    
    #mainColsContent .col3 .liaisonMag ul li .dateArt {
        color: #999;
        font-style: italic;
    }
    
    #mainColsContent .col3 .liaisonMag ul li .titleArt {
        color: #666;
        font-style: italic;
        line-height: 1.22em;
    }
    
    #mainColsContent .col3 .liaisonMag ul li img {
        padding: 4px;
        border: 1px solid #cecece;
        background-color: #fff;
        margin: 2px 5px 0 0;
        float: left;
    }
    
    #mainColsContent .col3 .liaisonMag .allArt {
        background: none;
        padding: 0;
    }
    
    #mainColsContent .col3 .liaisonMag .allArt a {
        font-style: italic;
        color: #27848a;
        padding: 0 0 0 20px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -25px;
    }
    
    #mainColsContent .col3 .liaisonProduit {
        padding: 10px;
        margin: 12px 0;
        background-color: #b9bcc2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
    }
    
    #mainColsContent .col3 .liaisonProduit h3 {
        font-size: .834em;
        font-weight: bold;
        text-transform: uppercase;
        color: #007c84;
        margin: 0;
    }
    
    #mainColsContent .col3 .liaisonProduit ul  {
        list-style: none;
        line-height: 1.22em;
    }
    
    #mainColsContent .col3 .liaisonProduit ul li {
        margin: 3px 0;
        padding: 0 0 0 8px;
        background: transparent url(../img/puce_liaisonproduit.png) no-repeat 0 7px;
    }
    
    #mainColsContent .col3 .liaisonProduit ul li a {
        color: #fff;
        font-style: italic;
    }
	
	/*TABLEAUX*/
	.produit  .mainContent table{background:#DDD;}
	.produit  .mainContent table th, .produit  .mainContent table td  {border:1px solid white;padding:3px}
	.produit  .mainContent table td {background:#EEE}
    
    /*----- FIN Colonne de droite -----*/

   .produit #mainColsContent .col2 .partiezonetexte .blcEnligne {
    background: url("../img/sprite_blocs_produit.png") no-repeat scroll 0 0 #FFFFFF;
    color: #454545;
    margin: 20px 0 20px -10px;
    padding: 10px 20px 10px 25px;
    width: 405px;
    }
.produit #mainColsContent .col2 .partiezonetexte .blcEnligne .titre {
color : #739700;
font-weight : bold;
}
    
/*---------- FIN devenez client & page produit ----------*/