/* CSS Document */
/************GENERAL************/
*{
margin:0;
padding:0;
font-family:verdana,arial;
font-size:12px;
}

a{
color:black;
text-decoration:none;
}

img{
border:none;
text-decoration:none;
}

table, tr, td{
border-collapse: collapse;
border:none;
}

table#main{
margin:0 auto;
}

h1{
font-size:17px;
color:white;
text-align:center;
margin:5px 0 7px 0 ;
}

h2{
text-align:center;
color:white;
margin-top:12px;
font-size:18px;
font-weight: normal;
}

h3{
text-align:center;
margin-top:12px;
font-size:18px;
font-weight: normal;
}

.bordure_grise{
border:1px solid #B8B8B8;
}
/************HEADER************/
#header{
border:1px solid #B8B8B8;
background: url(http://www.comparer-magasins.com/livraison_courses_en_ligne/logo_sac_beta.jpg);
}

#header p{
font-size:9px;
}

/************MENU************/
#menu{
height:400px;
background-color: #FAF8F8;
border:1px solid #B8B8B8;
}

#menu li{
list-style: none;
margin:5px 10px;
padding-bottom:5px;
border-bottom:1px solid black;
font-size:15px;
}

#menu li a{
vertical-align: text-top;
margin-left:5px;
}


/************contenu************/
#contenu{
padding:0;
}

		/************LOGOS MENU******************/
		ul.marchands_index li{
		list-style-type: none;
		text-align: center;
		}
    /************PUSH DRAG & DROP************/
    .fond_vert{
    background-color: #94D837;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_comp_marchand{
    padding:20px 10px 20px 10px;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .push_drag{  
    background-color: #FAF8F8;
    width:200px;
    }
    
    .push_drag4{
    float:left;    
    margin-left:4px;
    background-color: #FAF8F8;
    width:200px;
    }
    
    .push_drag td, .push_drag4 td{
    border:1px solid #B8B8B8;
    }
    
    .push_drag .logos, .push_drag4 .logos{
    height:238px;
    }
    
    .push_drag .logos img, .push_drag4 .logos img{
    margin-top:10px;
    margin-bottom:5px;
    }
    
    .push_drag h1, .push_drag4 h1,{  

    }

    
    /************RECEPTACLE************/
    #receptacle1{
    background-color: #FAF8F8;
    margin-top:5px;
    border:1px solid #B8B8B8;
    padding-bottom:10px;
    }
    
    #receptacle1 .carre_blanc1{
    height:0px;
    width:180px;
    background-color: #F2FFC8;
    border:1px solid #B8B8B8;
    text-align: left;
    padding:5px;
    
    }
    
    #receptacle1 a img{
    margin-top:15px;
    margin-bottom:15px;
    }
    
    .carre_blanc1 h2{
    color:black;
    text-align:center;
    margin-top:12px;
    font-size:18px;
    font-weight: normal;
    }
    
    .carre_blanc1 h3{
    font-size:12px;
    
    margin:0;
    padding:0;
    vertical-align: text-top;
    display:inline;
    }
    
    /****************Push marchands****************/
    #receptacle{
    background-color: #FAF8F8;
    margin-top:5px;
    border:1px solid #B8B8B8;
    padding-top:30px;
    }
    
    #receptacle .carre_blanc{
    height:0px;
    width:180px;
    background-color: #F2FFC8;
    border:1px solid #B8B8B8;
    text-align: left;
    padding:5px;
    }
    
    #receptacle a img{
    margin-top:15px;
    margin-bottom:15px;
    }
    
    .carre_blanc h2{
    color:black;
    text-align:center;
    margin-top:12px;
    font-size:18px;
    font-weight: normal;
    }
    
    .carre_blanc h3{
    font-size:12px;
    
    margin:0;
    padding:0;
    vertical-align: text-top;
    display:inline;
    }
    /************TAB COMPARER MARCHANDS************/

    #tab_marchands td{
    padding:4px;
    }
    
    
    .grey, .grey2, .grey_head, .greyA, .greyA2{
    border:1px solid #B8B8B8;
    font-size:10px;
    padding:0;
    margin:0;
    }
    
    .white{
    width:200px;
    }
    
    .greyA{
    background-color: #FAF8F8;
    height:20px;
    vertical-align: text-top;
    } 
    
    .greyA2{
    background-color: #F5F3F3;
    height:20px;
    vertical-align: text-top;
    } 
    
    .greyA2 h3, .greyA h3{
    font-size:10px;
    line-height:1;
    margin:0;
    padding:0;
    vertical-align: text-top;
    display:inline;
    }
    
      .greyA img, .greyA2 img{
      margin:5px 2px 0 2px;
      }
         
         
    .grey_head{
    background-color:white;
    height:70px;
    width:190px;
    }
    
    .grey{
    background-color: #FAF8F8;
    height:20px;
    width:190px;
    }
    
    .grey b, .grey2 b{font-size:10px;}

    .grey2{
    background-color: #F5F3F3;
    width:190px;
    }
    
    
    /************Index comparer prix************/
    .fond_gris_prix{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_prix p{
    margin:0 15px 0 15px; 
    }
    
    .fond_gris_prix h2{
    text-align:center;
    color:black;
    margin:12px 0 12px 0;
    font-size:18px;
    font-weight: normal;
    }      
    
    #les_produits_types{
    float:left;
    height:81;
    width:210px;
    margin-left:50px !important;
    margin-left:35px;
    text-align: left;
    margin-top:3px;
    border:1px solid #B8B8B8;
    }
    
    #les_produits_types img{
    float:left;
    margin-right:5px;
    }
    
    #les_produits_types p{
    font-size:10px;
    margin-top:5px;
    }
    
    #les_produits_types span{
    font-weight:bold;
    }
    
    
    /************TAB COMPARER PRIX************/
    .fond_jaune{
    background-color: #FBD750;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    #panier_special{
    margin:0 17px 0 17px;
    }
    
    
    /************panier type************/
    #panier_type{
    margin:0 17px 0 17px;
    }
    
    #panier_type .greyA2 img, #panier_type .greyA img{
    
    }
    
    #panier_type b{
    text-align:center;
    font-size:16px;
    }

    /************PAYSAN************/
    .paysan{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .paysan h3{
    text-align:left;
    margin-left:25px;
    font-size:13px;
    
    }
    
    .paysan ul{
    list-style-type: disc;
    margin-left:260px;
    }
    
    .paysan a img{
    position:relative;
    margin:0px 0 0 260px;
    

    }
    
    .paysan img{
    position:absolute;
    margin-top:-290px;
    margin-left:-450px;
    }
    
    
    /************Code Postal************/
    .fond_orange{
    background-color: #FF9C00;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_postal{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_postal img{
    float:left;
    margin:0 10px 0 10px;
    }
    
    .fond_gris_postal form{
    margin:15px 0 0 150px;
    }
    
    .fond_gris_res_postal{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_res_postal table{
    margin:20px 0 0 0;
    }
    
    .fond_gris_res_postal img{
    margin:20px 20px 5px 20px;
    }
    
    /************Infos marchands************/ 
    .fond_violet{
    background-color: #DB9DFA;
    border:1px solid #B8B8B8;
    }             
    
    .fond_gris_infos{
    padding:0px 0 10px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_infos table{
    float:left;
    width:175px;
    margin:10px 0 0 25px !important;
    margin:10px 0 0px 17px;
    border:1px solid #B8B8B8;    
    }

    .fond_gris_infos a{          
    margin:20px 20px 5px 20px;
    }
    
     /************FICHE MARCHAND************/
    .fond_gris_fiche{
    padding:20px 0 20px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_fiche div{
    width:700px;
    min-height:100px;
    padding:10px;
    margin:10px auto;
    background-color: #EEE8F1;
    text-align:justify;
    }
    
    .fond_gris_fiche div img{
    margin:15px 0;
    }
    
    .fond_gris_fiche div td img{
    margin:0px 0;
    }
    
    /************FICHE MARCHAND tab************/
          table#infos_fiche_marchand{
          margin:15px auto 10px auto;
          }          
          
          table#infos_fiche_marchand td{
          background-color:#DB9DFA;
          border:1px solid #F1F1F1;
          width:310px;
          padding:3px;
          text-align:left;
          }     
                
          
          #fiche_entete{
          width:406px;
          margin:10px auto 0 auto;
          padding:7px 7px 0 7px;
          background-color:#DBE3FF;
          border:1px solid grey;
          text-align:justify;
          }
    /************etiquette codes promos************/        
          #etiquette_promo{
          text-align:left;
          font-size: 9px;
          }
          
          #etiquette_promo p{
          padding:4px;
          font-size:9px;
          margin-left:10px;
          }
          
          #etiquette_promo h4{
          margin-left:10px;
          margin-top:4px;
          font-size: 13px;
          color:red;
          }
    /************AVIS affichage************/ 
          #avis table{
          width:600px;
          height:100px;
          margin-top:15px;
          background-color: ;
          border:1px dashed black;
          }
          
          #avis td{
          padding:7px;
          }
          
          #avis table img{
          float:left;
          }
          
          #avis table h4{
          font-size:16px;
          text-align:center;
          margin-top:10px;      
          }
          
          #avis table h5{
          font-size:14px;
          color:red;          
          text-align:center;   
          }
          
          #avis table p{
          text-align:left;
          }
          
          #avis table span{
          font-size:10px;
          font-weight: normal;
          text-align:center;    
          }
          
    /************AVIS formulaire************/ 
    .fond_rouge{
    background-color: #FF5A5A;
    border:1px solid #B8B8B8;
    }             
    
    .fond_gris_avis{
    padding:0px 0 10px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_gris_avis table{
    margin-left:200px;
    }
    
    .fond_gris_avis td{
    padding:5px 0;
    }
    
    .fond_gris_avis textarea{
    height:300;
    width:450;
    }
    
    /************Newsletter************/ 
    .fond_turquoise{
    background-color: #86E1E2;
    border:1px solid #B8B8B8;
    }    
                     
    .fond_gris_turquoise{
    padding:0px 0 10px 0;
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    }
    
    .fond_turquoise_avis table{
    margin-left:200px;
    }
    
    .fond_turquoise_avis td{
    padding:5px 0;
    }
    
    input#valide_news{
    background-color: #FAF8F8;
    border:none;
    background-image: url(http://www.comparer-magasins.com/livraison_courses_en_ligne/bouton_newsletter.gif);
    height:28px;
    width:130px;
    cursor: hand;
    }
    
    
    /*****************Gazette****************/
    .gazette{
    background-color: #FCE3FA;
    border:1px solid #B8B8B8;
    
    }
    
    .fond_gris_gazette{
    background-color: #FAF8F8;
    border:1px solid #B8B8B8;
    border-top:none;
    }
    
    .gazette h1{    
    font-size:22px;
    color:black;
    margin-top:10px;
    }
    
    .fond_gris_gazette h2{
    font-size:18px;
    color:black;
    margin-top:10px;
    }
    
    .fond_gris_gazette h3, .fond_gris_gazette h4, .fond_gris_gazette h5{
    font-size:14px;
    color:black;
    margin:10px auto 5px auto;
    background-color: #F99766;
    font-weight:normal;
    text-align:center;
    }
    
    .fond_gris_gazette h3{
    background-color: #6ED2EB;
    }
    
    .fond_gris_gazette h4{
    background-color: #F99766;
    }
    
    .fond_gris_gazette h5{
    background-color: #BEDF46;
    }
    .fond_gris_gazette a{
    font-weight:bold;
    }
    
        table#dossier{
        margin:30px auto 15px auto;
        text-align:justify;
        
        }
        
        table#dossier td{
        padding:7px 5px 10px 5px;
        }
        
        table#dossier img{
        float:left;
        padding:0px 5px 0px 0px;
        
        }
        
        table#breves{
        margin:13px auto 15px auto;
        text-align:left;
        
        }
        
        table#breves td{
        padding:7px 5px 10px 5px;
        }
        
        table.flash_special1{
        float:left;
        margin:0 0px 0 35px !important;
        margin:0 0px 0 15px;
        text-align:left;
        }
        
        table.flash_special1 td{
        padding:7px 5px 10px 5px;
        }
        
        table.flash_special2{
        float:right;
        margin:0 40px 0 0px !important;
        margin:0 15px 0 0px;
        text-align:left;
        }
        
        table.flash_special2 td{
        padding:7px 5px 10px 5px;
        }
        
        table.flash_special1 p, table.flash_special2 p{
        text-align: justify;
        }
    /***************PLAN DU SITE***************/
    #requete{
    margin-left:8px;
    margin-right:8px;
    }
    
    #requete td{
    padding:0 5px 4px 0;
    }
    /************RUBRIQUES CONNEXES************/
    .promos1{
    float:left;
    width:250px;

    margin-top:15px;
    margin-right:10px;
    padding-top:5px;
    border:1px solid #B8B8B8;
    background-color: #FDE200 ;
    text-align:center;
    }
     
    .promos1 p, .promos1 p a{
    margin-top:5px;
    margin-bottom:5px;
    font-size:10px;
    text-decoration: none;
    color:black;
    }
    
    .promos2{
    float:left;
    width:250px;

    margin-top:15px;
    margin-right:10px;
    padding-top:5px;
    border:1px solid #B8B8B8;
    background-color: #B6DA43 ;
    text-align:center;
    }
     
    .promos2 p, .promos2 p a{
    margin-top:5px;
    margin-bottom:5px;
    font-size:10px;
    text-decoration: none;
    color:black;
    }
    
    .coeur{
    float:left;
    width:512px;
    margin-top:10px;
    border:1px solid #B8B8B8;
    background-color: #85BCEE;
    }
    
    .coeur a{
    margin-left:100px;
    }
    
    .coeur p{
    margin-bottom:5px;
    }
    
    .coeur img{
    float:left;
    margin:20px 10px 40px 10px;
    }
    
    .coeur h4, .avis p{
    margin:5px 10px 0 5px;
    text-align:left;
    }
    
    #pub{
    float:right;
    margin-top:15px;
    }
/************FOOTER************/
#footer{
height:94px;
border:1px solid #B8B8B8;
background: url(http://www.comparer-magasins.com/livraison_courses_en_ligne/footer_vert.gif) repeat-x;
}

#footer span, #footer span a{
color:white;
text-decoration:none;
}
#flash{
position:absolute;
margin:133px 0pt 0pt -1px;
padding-top:0 !important;
padding-top:17px;
z-index: 1;
}