/* CSS Pepper and salt */
body{
 background-color:#123; 
}

#container{
  margin:0 auto;  
  width:850px;
 /*height: 1050px; */
  background-color:#fff;
  border-top: 4px solid #1f1f1e;
  border-right: 2px solid #1f1f1e;
  border-left: 2px solid #1f1f1e;
  font-family: calibri,arial;
}


#bloc_menu{
  margin-left:250px;
}

#logo{
  float: left;
  margin: -10px 0 0 20px;
  width: 170px;
  height: 80px;
}

#logo p{
  color: #fff;
  padding: 0 5px;
  margin: 5px 0 0 10px;
  font-size: 24px;  
}

#and{
 color: #f30;
}

/* ====================== MENU JQUERY======================================*/

#menu {
  font:15px tahoma;
  position:relative;
  padding:16px 17px 0 5px;
  margin:10px 0;
  overflow:hidden;
  background:url(../img/bg.png) no-repeat;   
  height:59px;
  }
  
#menu li {
  float:left;
  list-style:none;
  }
  
#menu li.backLava {
  background-color:#FF7C00;
  width:10px;
  position:absolute;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }
  
#menu li a {
  text-decoration:none;
  color:white;
  text-align:center;
  padding:2px 12px;
  z-index:10;
  display:block;
  position:relative;
  margin:auto 5px;
  }

                        
/*==============================================================================*/

/*=================================Zone identitaire=============================================*/



#banniere img{
 margin-left: 80px;

}

#slogan{

  float: left;
  width: 350px;
  margin-left:20px;
  margin-top: 100px;
  font-size: 26px;
  font-family: arial;
} 

#projet{
  color: #f23200;
}

/*=================================Zone contenu=============================================*/  

#contenu{
 width: 850px;
 font-size: 16px;
 margin-top: 0px;
 
  
}
#contenu img{
  border: none;
}
#contenu h2{
  margin:0 0 0 20px;
  color: #fff;
  padding-top: 20px;


}

#contenu p{
  margin: 5px 0 0px 20px;
  padding-right: 10px;
  color: #fff;
} 



#support{
  float: left;
  width: 283px;
  background-color: #B00507;
  height: 170px;
}



#service{
  width: 284px;
  background-color: #FF7C00;
  margin-left: 283px;
  height: 170px;
}

img.icone{
  float: right;
  margin-top:5px;
  margin-right: 5px;
  margin-left:0;

}

img.plus{
  float: left;
  margin-bottom:5px;
  margin-left: 10px;

}

img.service{
  float:left;
  margin-top: 0px;
  margin-left: 0px;

}

#strategie{
  float: right;
  width: 283px;
  background-color: #8DAE20;
  height: 170px;
}




#box_bienvenue h2{
  color: #000;
  font-size: 26px;
  padding-top:5px;

} 

#box_bienvenue p{
  color: #000;
}

#box_bienvenue p.color{
  color: #666;
}

#bord img{
  margin:10px 0 0 -1px;

}
#contenu_bas{
  background-color: #1f1f1e;
  height: 200px;
  margin-top: -4px;
}

#contenu_bas th{
  color: #fff;
  font-size: 22px;
}
#contenu_bas td{
padding: 0 10px;
color:#FFFFFF;
font-size:12px;
}
#contenu_bas p{
  margin:0 5px 0 0px;
  font-size: 12px;
  color: #fff;

}
#contenu_bas img{
  margin-left: 0px;

}



#footer{
  height: 80px;
  background-color: #262727;
  border-bottom:2px solid #262727;
  color: #878888;
}


#footer a{
  color: #878888;
  text-decoration: none;
}

#footer a.souligne{
  color: #878888;
  text-decoration: underline;
}


#footer p{
  margin-top:-25px;
  padding-left:10px;
  font-weight: bold;
}

#menu_pied{
  float:right;
  margin:-15px 15px 0px 0px;
  padding:0;

}

#menu_pied li{
  display:inline;
  padding-right: 5px;
  font-size: 16px;
}

}
#menu_pied li.bordure{
  border-right: 0px;

}
/********************************************************************/
/********************************page nos services *****************/ 
/********************************************************************/
#contenu_service{margin-top: 20px;}
        #icone_service p{font-size: 14px;padding: 0 5px;}
        #icone_service table{margin:10px;}
        #icone_service td{vertical-align:top;padding-bottom:5px;} 
        #icone_service td.image{width:60px;height:60px;} /* height obligatoire pour i7 sinon ca bouge le tableaux avec*/      
        #icone_service img{width:50px;border:none;}
        #icone_service a:hover img {width:55px }   
#intro_service{
 font-family: Verdana;
}        
#intro_service h3{
  background: url(../img/back_tire_service.png) no-repeat ;
  padding-top:15px;
  height:55px;
  width: 808px;
  text-align: center;
  font-size:16px;
  color:#3B3E3E;
  margin-left:18px;
}
#intro_service p{
 background: url(../img/intro_services_back.png) no-repeat ; 
 width: 697px;
 height: 192px;
 margin-top:-10px;
 margin-left:73px;
 padding:68px 20px 0 35px;
 color:#3B3E3E;
 font-style: italic;  
}
#type_site{
 width:842px;
 margin-left:-4px;
 height:260px:
}
#site_statique{
 float:left;
 margin:-70px 0 0 12px;
 width:422px;
 background: url(../img/box_strattext.png) no-repeat;
 height:238px;
}
#site_statique p{
 color:#fff;
 padding:53px 30px 0 30px;
 width:343px;
 font-weight: bold;
 font-family: Verdana;
 font-size:12px;
 text-indent: 25px; 
}
#site_statique p:first-letter{
 font-size:16px;
 color:#B00507;
}
#site_dynamique{
 float:right;
 margin-top:-70px;
 background: url(../img/site_dynamique.png) no-repeat;
 width:408px;
 height:238px;
}
#site_dynamique p{
 color:#fff;
 width:343px;
 padding:22px 30px 0 30px;
 font-weight: bold;
 font-size:12px;
 font-family: Verdana;
 text-indent: 25px;    
}
#site_dynamique p:first-letter{
 font-size:16px;
 color:#8DAE20;
}
/***************************** ***********Module***********/ 
  #icone_service {
  height:600px;  
  }
  #icone_service p{
  font-family: Verdana;
  font-size:12px;
  text-indent:25px;
  color:#003C7D;
  text-align: left;
  }
  #icone_service p:first-letter {
  font-size:16px;
  color:#F95214;
  
  }  
     
/**********************page nos strategie- referencement et touche de nouveauté **********************/  
 #stra_ref_nouv{
 padding:5px;
 font-family: verdana;
 
 }
 #stra_ref_nouv span{
 font-size:18px;
 } 
 #stra_ref_nouv p{
  font-family: verdana;
 font-size:14px;
 font-weight: bold;
 }   
/**********************rubrique strategie **********************/ 

 #strategie_box1{
 float:left;
 width:415px;
 height: 265px;
 background: url(../img/box_strattext.jpg) no-repeat;
 }
 #strategie_box1 p{
  font-family: verdana;
  width:380px;
  margin-left:20px;
  margin-top:60px;
  color:#fff;
 }
 #strategie_box2{
  float:right;
 width:415px;
   height: 265px; 
 }
/**********************rubrique referencement **********************/ 
 #referencement_box1{
  float:left;
 width:415px;
 height:350px;      

 }
  #referencement_box2{
  float:right;
  width:415px;
  height:350px;
  background: url(../img/box_offre_text.jpg) no-repeat;
  color:#fff;
 }
 #referencement_box2 p{
 margin-left:20px;
 margin-top:70px;
 width:380px;
 }  
/**********************rubrique nouveaute **********************/ 
  #rub_nouveaute{
  
  } 
 #nouveaute_box1{
  float:left;
  width:415px;
  background: url(../img/box_nouv.jpg) no-repeat; 
   height: 235px; 
 }
   #nouveaute_box1 p{
  font-family: verdana;
  width:380px;
  margin-left:20px;
  margin-top:60px;
  color:#fff;
  }
  #nouveaute_box2{
  float:right;
 width:415px;
   height:235px; 
 }  
 /********************************************************************/
/********************************page PRIX *****************/ 
/********************************************************************/    
 #pack_prix{
 height:1000px;
 }
 #colonnea{
 margin-left:44px;
 float: left;
 width:380px;
 }
 /***************************************************************pack_pepper*****/ 
 #pack_pepper{
 width:356px;
 height:300px;
 background: url(../img/pack_pepper.jpg) no-repeat; 
 }
#pack_pepper p{
padding:130px 0 0 10px;  
color:#fff;
  }
#pack_pepper img{
padding-right:5px;  
  }
/******************************************************************pack_salt**/ 
  #pack_salt{
  width:359px;
  height:389px;
  background: url(../img/pack_salt.jpg) no-repeat; 
  }
  #pack_salt p{
  padding:130px 0 0 10px;
  color:#fff; 
  }
 #pack_salt img{
padding-right:5px;  
  }
  /******************************************************************ecommerce**/ 
 #ecommerce{
 margin-top:35px;
 width:358px;
 height:162px; 
 background: url(../img/cms_ecommerce.jpg) no-repeat;
 }
 #ecommerce p{
 padding:130px 0 0 10px;
 color:#fff; 
 }
 #ecommerce img{
 padding-right:5px;
 }
/******************************************************************Emailing**/  
  #colonneb{
 margin-right:20px;
 float: right; 
 width:380px;
 }
 #Emailing{
 width:356px;
 height:300px; 
 background: url(../img/Emailing.jpg) no-repeat;
 }
 #Emailing p{
 padding:130px 0 0 10px;
 color:#fff; 
 }
 #Emailing img{
 padding-right:5px;
 } 
 /******************************************************************cms_light**/ 
 #cms_light{
 width:360px;
 height:389px; 
 background: url(../img/cms_light.jpg) no-repeat; 
 }
 #cms_light p{
 padding:130px 0 0 10px;
 color:#fff; 
 }
 #cms_light img{
 padding-right:5px;
 }
/******************************************************************cms_light**/ 

 #referencement{
 margin-top:35px;
 width:358px;
 height:231px; 
 background: url(../img/referencement.jpg) no-repeat;
 }
 #referencement p{
 padding:130px 0 0 10px;
 color:#fff; 
 }
 #referencement img{
 padding-right:5px;
 }
 /******************************************************************/
 /**********************************CONTACT************************ /
 /******************************************************************/
 #contact_page{
 width:850px;
 height:870px;
 }
 #contact_page a{
 color:#38638F;
 }
  #contact_page h2{
  font-size: 15px;
  font-family: Verdana;
  color:#1F86B8;
  }
  #contact_page span{
  color:#A9A9A9;
  }
 #rub1_contact{
  width:440px;
 float: left;
 }
  #rub2_contact{
  margin-top:300px;
   width:400px;
 float: right;
 }
 /******************************************************************/
 /**********************************mention************************ /
 /******************************************************************/ 
#mention_legal{
overflow:auto; 
padding:15px;
width: 820px;
height: 600px;
margin-top: 00px;
margin-left: 00px;
} 
#mention_legal p{
font-size:13px;
color:#878888;
font-family:Verdana;
}
#mention_legal span{
color:#1F86B8;
font-family:Verdana;
font-size:15px;
padding:4px;
}
#mention_legal h1{
text-align:center;
font-size:18px;
font-family:Verdana;
text-decoration:underline;
color:#3F3F3F;
}