/**************************************************************
   AUTHOR:  Tayeb TTALBI
   DATE:    2007.11.13
   
   Couleurs de base:
   Jaune: #FFE800
   Orange: #EC8922
   Rouge: #BF1E2E
   vert: #99CA3C
   vertp: #C9DC44
 **************************************************************/




/**************************************************************
   #content (taille du site) header
 **************************************************************/

#conteneur {
position:relative;
width:977px;
margin:0 auto;
}

	#top_menu {
	color:#000;
	float:left;
	margin:169px 0 0 235px;
	}
	#top_menu ul{
	list-style:none;
	margin:0;
	padding: 0;
	}
	
	#top_menu  li {
	float:left;
	background:url(../images/bg_menutop.jpg) no-repeat left;
	padding:0 30px 0 10px
	}
	
	#top_menu  a {
	padding:5px;
	color:#666;
	text-decoration:none
	}
	#top_menu  a.active, #top_menu  a:hover  {
	color:#BF1E2E;
	}
	#top_menu  a.red {
	color:#BF1E2E;
	}
	
#header {
width:100%;
height:194px;
background:url(../images/header.jpg) no-repeat 93px 0;
clear:both;
overflow:visible;
z-index:1
}
#header #pollination a{
width:200px;
height:60px;
position:absolute;
top:70px;
left:560px;
z-index:0;
text-indent:-2000px
}

/**************************************************************
   #Content 
 **************************************************************/
 #content {
 background:url(../images/bg_content_middle.png) repeat-y 95px;
 /*border: 1px solid red;*/
 overflow:visible;
  }
 #content_footer {
 background: #C1FA7E url(../images/bg_content_bottom.png) no-repeat 0 bottom;
 clear:both;
 height:56px;
 margin:0 0 0 95px;
 
 }
/**************************************************************
   #partieG (partie gauche du site)
 **************************************************************/
 
#partieG {
position:absolute;
top:140px;
left:1px;
width:226px;
margin:0 15px 0 0;
padding:0 0 7px 0;
overflow:auto;
}
	/**************************************************************
	   #menu accordion
	 **************************************************************/
	 #accordion {
	 background: url(../images/bg_accordion.jpg) repeat-y 5px ;
	 overflow:auto
	 }	
	 ul#menu{
	 background: url(../images/bg_partieG_top.jpg) no-repeat left top;
	 list-style:none;
	 padding:25px 0 30px 15px;
	 margin:0;
	 list-style-image:none
	 }
	 ul#menu li {
	 background:url(../images/bg_menu.jpg) no-repeat left 18px;
	 padding:20px 0 0 0
	 }
	 ul#menu li a{
	 display:block;
	 margin: 0px 35px 0 30px;
	 border-bottom:1px dotted #333;
	 text-decoration:none;
	 padding:0 0 3px 0;
	 color:#333
	 }
	 ul#menu li a.red{
	 color:#BF1E2E;
	 }
	 ul#menu li a.red:hover{
	 color:#333;
	 }
	 ul#menu li a:hover{
	 color:#BF1E2E;
	 border-bottom:1px dotted #fff;
	 }
	 
	 /** 2eme niveau **/
		 ul#menu ul{
		 margin:5px 0 0 5px;
		 padding:0;
		 list-style:none;
		 list-style-image:none
		 }
		 
		 ul#menu ul li{
		  padding:5px;
		  background:url(../images/puce.gif) no-repeat 22px 10px;
		 }
		 ul#menu ul li a{
		 border-bottom:1px dotted #EC8922;
		 }
	 

	 
	 
	 
/**************************************************************
   #partieC (partie centrale du site)
 **************************************************************/
 
#partieC {
padding:0 40px 0 245px;
overflow:visible;
background:url(../images/bg_content_top.jpg) no-repeat  right top;
z-index:98;
height:100%;
min-height:500px;
line-height:20px;
display:block;
}

/**************************************************************
   LA PAGE TEAM
 **************************************************************/
 ul#team {
 list-style:none;
 margin:50px 0;
 overflow:auto;
 height:100%
 }
 
 ul#team a{
 text-indent:-2000px;
 color:#E7FAD1;
 display:block;
 height: 296px;
 width:166px;
 }
 
  ul#team .axel,  ul#team .gianfranco,  ul#team .lahcen {
  background:url(../images/team_axel.jpg) no-repeat top;
  height: 296px;
  width:166px;
  margin:0 0px 0 40px;
  padding:2px;
  float:left;
  }
  ul#team .gianfranco {
  background:url(../images/team_gianfranco.jpg) no-repeat top;
  }
  ul#team .lahcen {
  background:url(../images/team_lahcen.jpg) no-repeat top;
  }
  
  .team_details {
  float:right;
  width:480px;
  padding:35px 0
  }
  .team_img
  {
  float:left;
  padding:30px 20px
  }
 
/**************************************************************
   Page case studies
 **************************************************************/
 .projet {
 clear:both;
 overflow:auto;
 margin:0 0 20px 0
 }
 .prj_description {
 float:left;
 width:540px
 }
 .prj_description .img_projet {
 margin:30px auto;
 text-align:center;
 }
 .prj_details {
 float:left;
 width:130px;
 margin:30px 0 0 15px;
 border-top:1px dotted #EC8922;
 padding:0px  0 0 0 
 }
 .prj_details ul {
 list-style:none;
 list-style-image:none;
 margin:0;
 padding:0
 }
 .prj_details ul li{
 border-bottom:1px  dotted #EC8922;
 }
  .prj_details ul li.link{
  padding:15px 0 5px 10px;
  background:url(../images/puce.gif) no-repeat left 23px ;
 }
 .prj_details ul li.link a{
 text-decoration:none
 }
/**************************************************************
   Page Audit
**************************************************************/ 
#auditContent, #auditMedia, #auditStyle {
background:url(../images/audit/bg_content.jpg) no-repeat top;
height:242px;
width:204px;
float:left;
padding:25px 5px 0 5px;
}
#methodeContent, #methodeMedia, #methodeStyle {
background:url(../images/bg_content_methode.jpg) no-repeat top;
height:420px;
width:204px;
float:left;
padding:25px 5px 0 5px;
display:block;
}
#auditStyle, #methodeStyle {
margin:0 25px 10px 25px;
}
#auditContent h2, #auditMedia h2, #auditStyle h2, #methodeContent h2, #methodeMedia h2, #methodeStyle h2 {
text-align:center;
border:none;
color:#99CA3C;
}
#auditContent ul, #auditMedia ul, #auditStyle ul, #methodeContent ul, #methodeMedia ul, #methodeStyle ul {
list-style:url(../images/puce6.gif);
font-size:11px;
margin:10px 5px 0 25px;
padding:0;
}
#audit_form {
clear:both;
}
#audit_form h3 {
color:#666;
font-size:12px;
font-weight:bold;
clear:both;
border:none;
padding-left:5px
}
#audit_form  fieldset {
margin:10px 0;
padding:0;
background:#F4FDE9 url(../images/audit/bg_fieldset_top.jpg) no-repeat top;
width:663px;
display:block
}
#audit_form legend {
display:none;
}
#audit_form  h2 {
margin: 0px 0 0 10px;
padding:16px 0 0px 20px;
font-size:16px;
color:#BF1E2E;
background:url(../images/puce5.gif) no-repeat left 18px;
border:none
}
	h2.audit, h2.estimation {
	cursor:pointer;
	}
.audit_element, .estimation_element {
padding:10px 5px;
}
#audit_form ul{
background:url(../images/audit/bg_form_ligne.jpg) no-repeat bottom;
width:644px;
margin:0 auto 20px auto;
padding:5px
}
.auditBottom {
background:url(../images/audit/bg_fieldset_bottom.jpg) no-repeat bottom;
height:16px;
}

#audit_form label {
	width:auto;
	padding: 0 5px
}
#audit_form input {
float:left;
}

#audit_form ul {
list-style:none;
clear:both;
overflow:auto;
}
#audit_form ul li {
float:left;
width:30%
}
#audit_form ul.ouinon li {
width:auto;
padding-right:30px
}

#audit_form #coordonnees label{
width:130px;
}
legend.estimation, legend.audit {
cursor:pointer;
}
.audit_element input, .estimation_element input {
border:0px;
background:none
}
.coordonneesContent{
width:60%;
margin:0 auto;
}

/**************************************************************
   Page Home
**************************************************************/ 
#home h2 {
border-bottom:1px dotted #333
}
#home h3{
border-bottom:0px}
.tobeornot {
overflow:auto;
border-bottom: 1px dotted #BF1E2E;
height:100%
}


/**************************************************************
   Page services // contact 
**************************************************************/ 
.services, .contact, .nostaches{
width: 30%; 
float:left;
margin:0 20px 0 0
}
.nostaches{
margin:0 18px 0 0;
width: 30%; 
}



.services h2 , .contact h2, .nostaches h2{
background:url(../images/puce2.gif) no-repeat left;
padding-left:15px;
border-bottom:0
}
.services h2 span, .contact h2 span, .nostaches h2 span{
border-bottom:1px dotted #EC8922;
display:block
}
.services ul, .contact ul, .nostaches h2 ul {
margin-left:30px
}
/**************************************************************
   Page partenaires
**************************************************************/ 
.partenaires {
margin:10px 0  30px 0;
padding:0 0 10px 0;
border-bottom:1px solid #C9DC44;
}
.partenaires h2{
border:0px;
margin:0;
padding:0
}

/**************************************************************
   Page news
**************************************************************/ 

.news-list h2{
font-size:15px;
margin:0;
width:98%;
}
.news-list .news_date{
display:block;
font-size:12px;
padding-bottom: 3px;
margin:0;
} 
.news-list {
	margin:20px auto;
	width:100%;
	clear:both;
	overflow:visible;
	padding-bottom:15px;
	display:block;
	
	/*background:url(../images/separator.jpg) no-repeat bottom;*/
}
.news_logo {
	float:left;
	width:163px;
	/*height:131px;*/
	text-align:center;
	padding-top:20px;
	margin-right:5px;
}
.news_content {
	margin-left:0;
	width:510px;
	float:right;
}
.news_content_detail{
	float:left; 
	width:663px;
}
.newsTop ,.newsTopdetail {
	margin:10px 0 0 0;
	padding:0;
	width:500px;
	display:block;
}
.newsTop {
	border-bottom:1px dotted #99CA3C;
	padding-bottom: 30px;
}
.newsTop p ,.newsTopdetail p{
	padding:0;
	margin:0 auto;
}
.newsBottom, .newsBottomdetail {
	height:16px;	
}
.newsTopdetail {
	width:663px;
}
.news h2 {
	width:495px;
	margin:0;
	float:right;
	font-size: 14px;
}

.tx-ttnews-browsebox {
  clear:both;
  margin:auto;
}
.tx-ttnews-browsebox p{
	text-align:right;
}


/**************************************************************
   Page contact
**************************************************************/
 fieldset.contact
 {
 width:70%;
 margin:30px 0 30px 140px
 
 }
 .contact_detail{
 padding-left:15px;
 }
  #blockContact {
 background:url(../images/bg_contact_content.jpg) no-repeat left;
 width: 324px;
 color:#333;
 margin-left:10px;
 float:left
 }
 #blockContact .contactContent, .contactStyle, .contactMedia{
 background:url(../images/bg_contact_top.jpg) no-repeat top left;
 padding:10px 50px 0 25px
  }
  .contactContent, .contactStyle, .contactMedia{
  background:none
  }
  #blockContact h2 {
  text-indent:40px;
  border:0;
  }
  #blockContact .contactContent ul, .contactStyle ul, .contactMedia ul {
  list-style:none;
  list-style-image:none;
  background:url(../images/accolade1.gif) no-repeat left 3px;
  margin:0;
  padding: 0 0 10px 40px
  }
  
  #blockContact .contactContent li,  .contactStyle li,  .contactMedia li   {
  line-height:15px;
  padding:0;
  margin:0;
  }
  
  #blockContact .contactStyle {
  border:1px dotted #C7C7C7;
  border-width: 1px 0;
  margin:20px 34px 15px 4px;
  padding:10px 50px 10px 22px;
  background:none
  }
  
  #blockContact .separator {
   background:url(../images/separator3.jpg); 
 }
 #contactCompany {
 background:url(../images/bg_contact_bottom.jpg) no-repeat bottom left;
   padding:0px 50px 20px 25px


 }
 #contactCompany p{
 margin-left:40px;
 font-size:11px;
 line-height:normal
 }
/**************************************************************
   Page sitemap (voir css/sitemap)
**************************************************************/




/**************************************************************
   footer
 **************************************************************/
 #footer{
 color:#99CA3C;
 padding:15px 10px 20px 40px;
 clear:both;
 text-align:right;
 font-size:11px
 }
 
/**************************************************************
   Pagination
**************************************************************/ 
.pagination{
clear:both;
padding:5px;
text-align:center
}

.pagination a {
background:#ccc;
color:#333;
padding:5px;

}
.pagination a:hover {
background:#FCD800;
color:#000;
}
.pagination .pageactuelle {
background:#687100;
color:#fff;
padding:5px;
}

/**************************************************************
   verification formulaire
 **************************************************************/
 .error_form {
 font-size:11px;
 margin:0px auto 20px auto ;
 color:#BF1E2E;
 clear:both;
 line-height:normal;
}
 .error_form ul{
 list-style-image:url(../images/puce3.gif);
 color:#666;
 margin:10px 0 0 30px;
 padding:0
 }
 .error_form ul li{
 padding:0;
 margin:0
 }
  a.link{
  padding:15px 0 5px 10px;
  background:url(../images/puce.gif) no-repeat left 23px ;
  display:block
 }
 
/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.width_auto {
width: auto;
float:left;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #99CA3C;
}

.orange {
  color: #EC8922;
}

.red {
color:#BF1E2E;
}
.black {
color:#333;
}
.white {
color:#fff;
}
.orange {
  color: #EC8922;
}

.orange a {
  color: #999;
}

.orange a:hover {
  color: #EEE;
}
.grey {
color:#666;
}
.gradient {
  margin-bottom: 2em;
  background: #555 url(../images/bg/gradient.jpg) repeat-x bottom left; 
}
.pointer {
cursor: pointer;
}

.center
{
margin:0 auto;
text-align:center
}
.fond1 {
background:#E4DFD7;
}
.fond2 {
background:#E6E4E0;
}

.top {
border-top: 1px dotted #C9DC44;
text-align:right;
margin:10px 0;
padding:10px 0;
clear:both;
display:none;
}
.top a {
color:#99CA3C;
}
.ztxt {
  background: #fff;
  border: 1px solid #666;
}
.messageOK {

}
/**************************************************************
   Page commander pack seo
 **************************************************************/
 #formSeo, #formContact {
 float:right;
 width:330px;
 padding:20px 0 0 15px;
 }
  #formSeo form,  #formSeo fieldset, #formContact form,  #formContact fieldset{
  margin:0;
  padding:0;;
  width: 100%
  }
 #formSeo label, #formContact label {
 /*display:block;
 float:none*/
 width:100px
 }
 #blockSeo {
 background:url(../images/bg_commander_content.jpg) repeat-y left;
 width: 324px;
 color:#333;
 margin-left:10px;
 float:left
 }
 #blockSeo #seoOffre{
 background:url(../images/bg_commander_top.jpg) no-repeat top left;
 padding:10px 50px 0 25px
 }
 #blockSeo #seoOffre h2{
 background:url(../images/bg_commander_offre.jpg) no-repeat left;
 text-indent:60px;
 padding:25px 0;
 color: #BF1E2E;
  border-bottom-color:#fff;
  text-transform:uppercase
 }
  #blockSeo ul {
  list-style:url(../images/puce4.jpg);
  margin:10px 0 0 20px;
  }
  #blockSeo #seoCadeau{
 background:url(../images/bg_commander_bottom.jpg) no-repeat  left bottom;
  padding:0px 50px 20px 25px
 }
  #blockSeo #seoCadeau h2{
 background:url(../images/bg_commander_cadeau.jpg) no-repeat left;
 text-indent:60px;
 padding:25px 0;
 color: #BF1E2E;
 border-bottom-color:#fff;
   text-transform:uppercase

 }
 #blockSeo #seoCadeau p{
 padding-left: 20px;
 }
 .separator {
 background:url(../images/separator2.jpg) repeat-x;
 height:2px;
 margin:20px 34px 15px 4px
 }
 .labelNormal
 {
 text-indent: 10px
 }
 
  .titreGreenBig {
 color:#99CA3C;
 font-size:16px; font-weight:bold; margin:20px 0; display:block; border-bottom:none
 }
 
/*
EA
*/
.clearboth {
	clear:both;
}
/*  END EA */

 /*********************************************/
 .seoitem {
 width:140px;
 height:100px;
 margin:10px 20px 0 0;
 padding:5px;
 float:left;
 border:1px dotted #ccc;
 overflow:hidden;
 text-align:center
 }
#service_left {


	width:220px;
	float:left;
}
#service_right {
	width:440px;
	float:right;
	margin-top:40px;
}
/**********************************************/
#ref_prj_desc h3 {
  font: 400 12px verdana, arial, sans-serif;
  color: #666;
  padding: 0;
  margin: 0 0 15px 0;
  border: 0;
  width:auto;
  line-height: 170%;
}

/*************************************************/
.partenaire {
	margin:20px 0;
	display:table;
	width:100%;
	height:100px;
	clear:both;
}
.partenaire_logo {
	width:25%;
	height:100px;
	float:left;
	margin:5px 0;
}
.partenaire_text {
	width:73%;
	float:right;
	margin:5px 0;
}
/***************************************************/
.encadre {
	background: url(../images/bg_content_SMTM.jpg) no-repeat bottom;
	width: 659px;
	height: 166px;
	padding: 10px 20px 0 10px;
	display:block;
}
.encadre_footer {
	background: url(../images/bg_content_methode_BeeToB_contact.jpg) no-repeat bottom;
	width: 669px;
	height: 75px;
	padding: 13px 10px 0 10px;
	margin-top: 40px;	
	display:block;
}

.encadre_footer p {
	text-align:center;
}
.encadre_footer_txt_long {
	background: url(../images/bg_content_methode_BeeToB_contact.jpg) no-repeat bottom;
	width: 669px;
	height: 83px;
	padding: 05px 10px 0 10px;
	margin-top: 40px;	
	display:block;
}
.encadre_footer_txt_long p {
	text-align:center;
}

.mbb_bloc_img {
	/*padding-top: -17px;*/	
}

.widthL {
	width: 310px;
}
/*****************************************************/
#normal_link a { 
	font: 400 12px verdana, arial, sans-serif;
	color: #666;
	padding: 0;
	text-decoration:underline;
}
/*****************************************************/ 
.bottom_bloc {
	clear:both;
	padding-top:30px;
	margin:0;
	display:table;
}
/****************************************************/

	 #audit_gratuit {
	 background:  url(../images/bg_newsletter_bottom.png) no-repeat left bottom;
	 margin:0 9px 0 4px;
	 padding:0 0 20px 0;
	 border-top:1px solid #fff;
	 overflow:auto;
	 }
	 #audit_gratuit ul{
	 background: #f9bb12;
	 list-style:none;
	 padding:0 20px 3px 15px;
	 margin:0;
	 list-style-image:none;
	 }
	 #audit_gratuit li {
		background:url(../images/bg_menu.jpg) no-repeat left 20px;
		height:19px;
		padding: 20px 0 0 30px;
	 }
	  #audit_gratuit li a{
	   /*border-bottom:1px dotted #FFF;*/
	   color:#FFF;
	   font-weight:bold;
	   text-decoration:none;
	  }
/*****************************************************/
/********************Home*****************************/
/*****************************************************/
p{
	text-align:justify;
}
#col {
	margin:0 0 10px 0;
}
#col2 h2, #col1 h2 {
font-size:17px;
}
#col1 h4 span{
font: bold 14px Verdana;
  color:#555555;
}
#col1 {
	margin:0;
	width:370px;
	border-right:1px dotted #bf1e2e;
	padding:0 30px 0 0;
	float:left;
	height:100%;
	clear:none;
}
#col2 {
	margin:0;
	width:250px;
	padding:0 0 0 20px;
	float:left;
	clear:none;
}
#col2 img, #col1 img {
	margin:10px 0 10px 10px;
	clear:both;
	width:auto;
}
#nouvelles {
	clear:both;
	margin-top:10px;
}
.nouvellesh2{
	border:0;
	border-top:1px dotted #bf1e2e;
	color:#bf1e2e;
	padding-top:15px;
}
.div vide{
	height:300px;
}
.cms{
	margin-left:15px;
}
.cms h2{
	margin-left:20px;
}
.txtright {
	text-align:right;
}
/*****************************************************/
/*****************************************************/
.normal_list ul li {
	padding:2px 0;
}

/*****************************************************/
/*****************************************************/
#bloc_encadre {
	height:204px; 
	width:679px; 
	padding:0 5px 0 5px; 
	background:url(../images/bloc_butin.jpg) no-repeat center;
}
#bloc_encadre p {
	text-align:left;	
}
#bloc_encadre a {
	font-weight:600;	
}
#bloc_encadre_large {
	height:234px; 
	width:679px; 
	padding:0 5px 0 5px; 
	background:url(../images/bloc_butin_large.jpg) no-repeat center;
}
#bloc_encadre_large p {
	text-align:left;	
}
#bloc_encadre_large a {
	font-weight:600;	
}
.bloc_encadre_butin {  
	color:#a4b23b;
	font-size:20px;
	padding:0 0 0 25px;
	
}
.bloc_encadre_texte {
	text-align:left;
	font-weight:600;
}
.bloc_encadre_img {
	margin:0;
}
/*****************************************************/
/*****************************************************/
.home_separator {
	width:100%;
	border-bottom:1px dotted #BF1E2E;
	margin-bottom:40px;
}
.p_separator {
	width:100%;
	margin-bottom:40px;
}
/*****************************************************/
/*****************************************************/
.pagination {
	width:100%;
	height:15px;
	text-align:middle;
}
/*****************************************************/
/*****************************************************/
.decale {
	margin-left:20px;
}
/*****************************************************/
/*****************************************************/
.img_bloc_1 {
	float: left; 
	padding: 0 10px 0 10px;
}

a.upline {
font-family:Verdana;
color:#ff9933;
position:absolute;
top:115px;
left:222px;
font-size:11px;
text-decoration:none;
font-weight:normal;

}