/*******************************/
/*  Parties pour referencement et le preload*/
/*******************************/
.hidden_preloadzone,
hidden_preloadzone_progressbar
{
  /*display: none;*/
    position:absolute;
   top: -5000px;
}
.beginning_body,
.ending_body
{
   position:absolute;
   top: -5000px;	    	
}

.toto
{
background-image: url(../images/trefle_topRight2.jpg);
}
/*  End Parties pour referencement */


/*Propriete generale pour les div ossature img */
.img_bord_top,
.img_bord_left,
.img_bord_right,
.img_bord_bottom,
.logo,
.societe,
.img_header_space1,
.realisations,
.img_header_space2,
.packs,
.img_header_space3,
.ref,
.img_header_space4,
.contact,
.home,
#header,
.beginning_body,
.ending_body,
.left_pastille,
.img_prev,
.img_next,
#right_col,
.img_pStart,
.img_pWeb,
.img_pPrint,
.img_pWebPrint,
.img_pPro,
.img_pGold,
.img_pEcom,
.img_footer_up_fish,
.img_footer_up_fish_home,
#img_footer,
.trefle_top,
.trefle_bottom,
.trefe_top_over,
.tefle_bottom_over,
.footer_logo
{
   background-repeat: no-repeat;
	 text-indent: -5000px;
	 display: block;
}

#globalDiv
{
  padding-top: 28px;
  margin: 0 auto;
  width: 1024px;
}


/****************/
/*  Bordures    */
/****************/

.img_bord_left,
.mainDiv,
.img_bord_right
{
  float: left;
  height: 768px;
}

.line2
{
  height: 768px;
}

.img_bord_top
{
   background-image: url(../images/bt.jpg);    
}
.img_bord_bottom
{
   background-image: url(../images/bb.jpg);	 
}
.img_bord_top,
.img_bord_bottom
{
  width: 1024px;
  height: 10px;
}
.img_bord_left
{
   background-image: url(../images/bl.jpg);	 
}
.img_bord_right
{
   background-image: url(../images/br.jpg);	 
}
.img_bord_left,
.img_bord_right
{
  width: 10px;
  height: 768px;
}
/*  End Bordures */



/****************/
/*  Header      */
/****************/
#header
{
 font-size: 18.5px; 
 width: 1004px; 
 height: 100px;
 background-color: white;
}
.logo,
.societe,
.img_header_space1,
.realisations,
.img_header_space2,
.packs,
.img_header_space3,
.ref,
.img_header_space4,
.contact,
.home
{
  float: left;
  height: 100px;
}

.logo,
.home
{
  width: 157px;
  height: 100px;
}

.societe,
.realisations,
.packs,
.ref,
.contact
{
  width: 118px;
  height: 100px;
}

#header .logo,
#header .logo:visited
{
  background-image: url(../images/h_logo.jpg);  
}
#header .logo:hover
{
   background-image: url(../images/h_logo2.jpg);
}

#header .societe,
#header .societe:visited
{
   background-image: url(../images/h_societe.jpg);
}
#header .societe:hover
{
   background-image: url(../images/h_societe2.jpg);
}

#header .realisations,
#header .realisations:visited
{
   background-image: url(../images/h_realisations.jpg);
}
#header .realisations:hover
{
   background-image: url(../images/h_realisations2.jpg);
}

#header .packs,
#header .packs:visited
{
   background-image: url(../images/h_packs.jpg);
}
#header .packs:hover
{
   background-image: url(../images/h_packs2.jpg);
}

#header .ref,
#header .ref:visited
{
   background-image: url(../images/h_ref.jpg);
}
#header .ref:hover
{
   background-image: url(../images/h_ref2.jpg);
}

#header .contact,
#header .contact:visited
{
   background-image: url(../images/h_contact.jpg);
}
#header .contact:hover
{
   background-image: url(../images/h_contact2.jpg);
}

#header .home,
#header .home:visited
{
   background-image: url(../images/h_accueil.jpg);
}
#header .home:hover
{
   background-image: url(../images/h_accueil2.jpg);
}
.img_header_space1,
.img_header_space2,
.img_header_space3,
.img_header_space4
{
 width: 25px;
 height: 100px;
}
.img_header_space1
{
   background-image: url(../images/h_space1.jpg);	    
}
.img_header_space2
{
   background-image: url(../images/h_space2.jpg);	 
}
.img_header_space3
{
   background-image: url(../images/h_space3.jpg);	 
}
.img_header_space4
{
   background-image: url(../images/h_space4.jpg);	 
}
/*  End Header  */


/****************/
/*  Footer      */
/****************/
/*Partie graphique du footer */
#img_footer
{
  width: 1004px;
  height: 143px;
  background-image: url(../images/footer.jpg);
}

/*Footer présent dans le bg gris */
#footer
{ 
 width: 1024px;
 margin-top: 15px; 
}

#footer .splitter
{
  clear: both;
  width: 1004px;
  height: 1px;  
  background-image: url(../images/footer_hr.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  margin-left: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  
}

#footer .f1,
#footer .f2
{
  padding-left: 20px;
  width: 1024px;  
}

/*  End Footer  */


/**********************/
/*  mainContentSquare */
/**********************/
#center_col,
#left_col,
#right_col
{
  float: left;  
}

#mainContentSquare
{ 
  background-color: white;
  width: 1004px;
  height: 525px;
}
/*  End mainContentSquare  */



/**********************/
/*  Menu gauche       */
/**********************/

#left_col
{ 
  width: 129px; /*157 - paddingleft */
  height: 525px;
  padding-left: 28px;
  padding-top: 92px;
}
#left_col .left_pastille
{
  margin-left:34px;
  width: 62px;
  height: 63px;
}

#left_col #lm_societe .left_pastille
{  
  background-image: url(../images/lm_pastille_societe.jpg);
}

#left_col #lm_packs .left_pastille
{  
  background-image: url(../images/lm_pastille_packs.jpg);
}

#left_col #lm_realisations .left_pastille
{  
  background-image: url(../images/lm_pastille_realisations.jpg);
}

#left_col #lm_ref .left_pastille
{  
  background-image: url(../images/lm_pastille_ref.jpg);
}

#left_col #lm_web .left_pastille
{  
  background-image: url(../images/lm_pastille_web.jpg);
}

#left_col #lm_contact .left_pastille
{  
  background-image: url(../images/lm_pastille_contact.jpg);
}

#left_col #lm_references .left_pastille
{  
  background-image: url(../images/lm_pastille_references.jpg);
}

#left_col .img_prev
{  
  background-image: url(../images/prev_arrow.gif);
  width: 98px;
  height: 42px;
}


/*  End menu gauche  */




/******************************/
/*  Colonne centrale contenu  */
/******************************/
#center_col h2
{
 margin:0; 
}
#center_col
{ 
  width: 690px;
  height: 525px;
  padding-top: 48px;
}
/*  End Colonne centrale contenu  */




/**********************/
/*  Menu droit       */
/**********************/

#right_col
{ 
  width: 157px;
  height: 525px;    
}
#right_col .mainRight
{
  height: 455px;
}

.img_footer_up_fish
{
  padding-left: 78px; /* 157 - width */
  padding-top: 3px;
}

.img_footer_up_fish,
.img_footer_up_fish_home
{
  width: 79px;
  height: 52px;  
  background-image: url(../images/f_up_fish.jpg);
  background-position: bottom right;
}


#right_col .img_next
{  
  background-image: url(../images/next_arrow.gif);
  width: 157px;
  height: 42px;
}
#right_col .next
{
  padding-top: 333px;
}

/*  End menu droit  */






/**********************/
/*  Body et fonts     */
/**********************/

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #709699;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #618587;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #709699;
	text-decoration: none;
}

body
{
  margin: 0;
  padding: 0;
  background-color: #DFE4CE;
  font-family: Arial, Verdana,Helvetica, sans-serif;
  color: #709699; /* texte contenu */  
}
body,
#reseaux h4,
.nodeco
{
  font-size: 12px; /* Taille du contenu par defaut */
}



#footer .f1{font-size: 12px;}
#footer .f1 .pipe { font-size: 14px;}


#footer .f2{font-size: 10px;}
#footer .f2 .pipe { font-size: 12px;}

#footer .image a,
#footer .image a img,
#footer .image a:visited
{
  text-decoration: none;
  border: 0px;
}

#footer,
#footer a,
#footer a:visited,
#footer .title a:hover
{
  font-size: 10px;
  color: #91A3B2;
	text-decoration: none;    
}

#footer .title,
#footer .title a,
#footer .title a:visited
{
  font-size: 10px;
  color: #4F8799;
  font-weight: bold;
} 

#footer .pipe {color: #4F8799;}

#footer .f2 div
{
  padding-top: 5px;
}


/* couleurs des titres */
#left_col,
#left_col a
{
  color: #709699;
} 
#presentation h1,
#charte-qualite h1,
#reseaux h1
 {color: #00B0CC;}

.yellow_puce{color: #FFD300;font-size:14px;font-weight: bold;padding-right: 5px;}
#charte-qualite .yellow_puce {padding-left: 5px;}
#presentation .colonnesPaddingRight {padding-right: 60px;}

.line2 .mainDiv #mainContentSquare #home_center_col a
{
  font-family: Arial, Verdana,Helvetica, sans-serif;
  color: #709699; /* texte contenu */
  font-size: 12px;
  font-weight: normal;
}

.line2 .mainDiv #mainContentSquare #home_center_col .col_left h2,
.line2 .mainDiv #mainContentSquare #home_center_col .col_right h2,
.line2 .mainDiv #mainContentSquare #home_center_col .col_left .titreH2,
.line2 .mainDiv #mainContentSquare #home_center_col .col_right .titreH2
{
  font-weight: bold;
  color: #02B0C9;
  font-size: 16px;
  padding: 0px;
  margin: 0px;  
}
.line2 .mainDiv #mainContentSquare #home_center_col h2,
.line2 .mainDiv #mainContentSquare #home_center_col .titreH2
{
  padding: 0px;
  margin: 0px;
}

#presentation h2,
#charte-qualite h2,
#reseaux h2,
#left_col #lm_societe,
#left_col #lm_societe h1 a  
{color: #FFD300;}

#realisations h2,
#left_col #lm_realisations,
#left_col #lm_realisations h1 a  
{color: #E4A000;}


#presentation h3,
#charte-qualite h3,
#reseaux h3,
#realisations h4,
#packs h4,
#references h4
{
  color:#709699;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-bottom: 0px;
}

#packs h1,
#left_col #lm_packs .puce,
#left_col #lm_packs h1 a,
#packs h2,
.errMsg
{color: #D16517;}
#center_col #packs #box8 .leftPart .footer_Pack a {font-weight: bold;}

#center_col #packs #box8 .pStart .packColor,
#center_col #packs #box8 .pStart .footer_Pack a:hover,
#center_col #packs #box8 .pStart .leftPart .price,
#center_col #packs #box8 .pStart .noTvaStar,
#center_col #packs #box8 .pStart .titre,
#center_col #packs #box8 .pStart .puce,
#center_col #packs #box8 .pStart .priceBottom .price
{ 
  color: #A12B79;
}
#center_col #packs #box8 .pWeb .packColor,
#center_col #packs #box8 .pWeb .footer_Pack a:hover,
#center_col #packs #box8 .pWeb .leftPart .price,
#center_col #packs #box8 .pWeb .noTvaStar,
#center_col #packs #box8 .pWeb .titre,
#center_col #packs #box8 .pWeb .puce,
#center_col #packs #box8 .pWeb .priceBottom .price
{ 
  color: #32A8FF;
}
#center_col #packs #box8 .pPrint .packColor,
#center_col #packs #box8 .pPrint .footer_Pack a:hover,
#center_col #packs #box8 .pPrint .leftPart .price,
#center_col #packs #box8 .pPrint .noTvaStar,
#center_col #packs #box8 .pPrint .titre,
#center_col #packs #box8 .pPrint .puce,
#center_col #packs #box8 .pPrint .priceBottom .price
{ 
  color: #CADB2A;
}
#center_col #packs #box8 .pWebPrint .packColor,
#center_col #packs #box8 .pWebPrint .footer_Pack a:hover,
#center_col #packs #box8 .pWebPrint .leftPart .price,
#center_col #packs #box8 .pWebPrint .noTvaStar,
#center_col #packs #box8 .pWebPrint .titre,
#center_col #packs #box8 .pWebPrint .puce,
#center_col #packs #box8 .pWebPrint .priceBottom .price
{ 
  color: #00AC96;
}
#center_col #packs #box8 .pPro .packColor,
#center_col #packs #box8 .pPro .footer_Pack a:hover,
#center_col #packs #box8 .pPro .leftPart .price,
#center_col #packs #box8 .pPro .noTvaStar,
#center_col #packs #box8 .pPro .titre,
#center_col #packs #box8 .pPro .puce,
#center_col #packs #box8 .pPro .priceBottom .price
{ 
  color: #D06517;
}
#center_col #packs #box8 .pECom .packColor,
#center_col #packs #box8 .pECom .footer_Pack a:hover,
#center_col #packs #box8 .pECom .leftPart .price,
#center_col #packs #box8 .pECom .noTvaStar,
#center_col #packs #box8 .pECom .titre,
#center_col #packs #box8 .pECom .puce,
#center_col #packs #box8 .pEcom .priceBottom .price
{ 
  color: #3F3F3F;
}
#center_col #packs #box8 .pGold .packColor,
#center_col #packs #box8 .pGold .footer_Pack a:hover,
#center_col #packs #box8 .pGold .leftPart .price,
#center_col #packs #box8 .pGold .noTvaStar,
#center_col #packs #box8 .pGold .titre,
#center_col #packs #box8 .pGold .puce,
#center_col #packs #box8 .pGold .priceBottom .price
{ 
  color: #E79606;
}
#center_col #packs #box8 .pSurMes .packColor,
#center_col #packs #box8 .pSurMes .footer_Pack a:hover,
#center_col #packs #box8 .pSurMes .leftPart .price,
#center_col #packs #box8 .pSurMes .noTvaStar,
#center_col #packs #box8 .pSurMes .titre,
#center_col #packs #box8 .pSurMes .puce,
#center_col #packs #box8 .pSurMes .priceBottom .price
{ 
  color: #F94687;
}





#ref h2,
#left_col #lm_ref,
#left_col #lm_ref h1 a
{color: #A38977;}



#contact h2,
#left_col #lm_contact,
#left_col #lm_contact h1 a
{color: #709699;}


#references h2,
#left_col #lm_references,
#left_col #lm_references h1 a,
#references #box8 .rightPart .titre,
#references #box8 .rightPart .texte strong
{color: #A48978;}
#references #box8 .rightPart .texte strong{ padding-right: 2px;}

/* Taille des titres */
#left_col h1 /* titre principal du menu de gauche. C'est le titre majeur semantiquement pour le referencement */
{  
  margin: 0px;
  padding-bottom: 5px;
  padding-right: 31px;
  text-align: right;
  font-weight: normal;
}

#left_col h1 a,
#left_col h1 a:visited,
#left_col h1 a:hover
{
  position: relative;
  bottom: 10px;
  font-size: 15px;
  font-weight: normal;
}

#left_col h3 .puce
{
  display: inline;
  font-size: 15px;
}
#left_col h3
{
 font-size: 11px;
 font-weight: normal;
 margin: 0px;
}
#left_col .strong h3
{
  font-weight: bold;
}

.line2 .mainDiv #mainContentSquare h2 /* titre principal du cadre central */
{
  font-size: 16px;
}

#charte-qualite h3:hover,
#reseaux h3:hover
{
  cursor: pointer;
}

#reseaux h4
{
  margin-bottom: 0px;
  color: #FFD300;  
}
#reseaux .nodeco
{
  margin:0;
  display: inline;
}
/*  End Body et fonts     */




/*********************/
/* Elements generaux */
/*********************/

.alinea_space 
{
	width:20px;
	float:left;
}

em
{
  font-style:normal;
}

a
{  
  text-decoration: none;
}
a:hover
{  
  text-decoration: none;
}

.nodeco
{
  text-decoration: none;
  font-weight: normal;
}
/* End Elements generaux */







/**********************/
/* Références */
/**********************/


#left_col #lm_references .puce
{
  display: inline;
  font-size: 15px;
}

#center_col #references .intro
{
  height: 60px;
}


#center_col #references #box8 .leftPart,
#center_col #references #box8 .rightPart,
#center_col #references #box8 .singleRef
{
  float: left;
  display: block;
  background-repeat: no-repeat;
}

#center_col #references #box8 .l1,
#center_col #references #box8 .l2,
#center_col #references #box8 .l3
{
  clear: left;
  width: 396px;
  height: 133px;
}

#center_col #references #box8 .leftPart
{
  width: 396px;
  height : 399px;
}
#center_col #references #box8 .rightPart
{
  background-image: url(../images/references/bg_rightPart.jpg);
  width: 294px;
  height : 380px;
}

#center_col #references #box8 .leftPart .singleRef
{
  width: 116px;
  height : 116px;
  padding-right: 16px;
  padding-bottom: 16px;
}

#center_col #references #box8 .leftPart .artisans  {background-image: url(../images/references/artisans.jpg);}
#center_col #references #box8 .leftPart .auberge {background-image: url(../images/references/auberge.jpg);}
#center_col #references #box8 .leftPart .biogenese {background-image: url(../images/references/biogenese.jpg);}
#center_col #references #box8 .leftPart .biohome {background-image: url(../images/references/biohome.jpg);}
#center_col #references #box8 .leftPart .bioui {background-image: url(../images/references/bioui.jpg);}
#center_col #references #box8 .leftPart .ecolokit {background-image: url(../images/references/ecolokit.jpg);}
#center_col #references #box8 .leftPart .gangsterre{background-image: url(../images/references/gangsterre.jpg);}
#center_col #references #box8 .leftPart .iness {background-image: url(../images/references/iness.jpg);}
#center_col #references #box8 .leftPart .isohome {background-image: url(../images/references/isohome.jpg);}
#center_col #references #box8 .leftPart .joseechiappe {background-image: url(../images/references/josee-chiappe.jpg);}
#center_col #references #box8 .leftPart .les7collines {background-image: url(../images/references/les7collines.jpg);}
#center_col #references #box8 .leftPart .marlouzette {background-image: url(../images/references/marlouzette.jpg);}
#center_col #references #box8 .leftPart .modulebois {background-image: url(../images/references/modulebois.jpg);}
#center_col #references #box8 .leftPart .odesia    {background-image: url(../images/references/odesia.jpg);}
#center_col #references #box8 .leftPart .pev       {background-image: url(../images/references/pev.jpg);}
#center_col #references #box8 .leftPart .revelis   {background-image: url(../images/references/revelis.jpg);}
#center_col #references #box8 .leftPart .tinid     {background-image: url(../images/references/tinid.jpg);}
#center_col #references #box8 .leftPart .workshop  {background-image: url(../images/references/workshop.jpg);}
#center_col #references #box8 .leftPart .vierge    {background-image: url(../images/references/vierge.jpg);}

#center_col #references #box8 .rightPart .titre
{
  font-weight: bold;
  position: relative;
  top: 23px;
  left: 10px;
}

#center_col #references #box8 .rightPart .texte
{
  position: relative;
  top: 5px;
  left: 10px;
  width: 265px;
}
#center_col #references #box8 .rightPart .travaux
{
  position: relative;
  top: 333px;
  left: 41px;
  color:#A48978;
  font-size:15px;
}
#center_col #references #box8 .rightPart .travaux a
{
  color:#A48978;
  font-size:15px;
}


#center_col #references #box8 .rightPart .biohome,
#center_col #references #box8 .rightPart .bioui,
#center_col #references #box8 .rightPart .ecolokit,
#center_col #references #box8 .rightPart .gangsterre,
#center_col #references #box8 .rightPart .iness,
#center_col #references #box8 .rightPart .josee-chiappe,
#center_col #references #box8 .rightPart .les7collines,
#center_col #references #box8 .rightPart .marlouzette,
#center_col #references #box8 .rightPart .modulebois,
#center_col #references #box8 .rightPart .odesia,
#center_col #references #box8 .rightPart .pev,
#center_col #references #box8 .rightPart .tinid,
#center_col #references #box8 .rightPart .workshop
{
  display: none;
}


/**********************/
/* Formulaire contact */
/**********************/



#contact .bruno
{
  position: relative;
  top: -46px;
  left: 513px;
}


#left_col #lm_contact .prev
{
  padding-top: 1px;
}

#left_col #lm_contact .puce
{
  display: inline;
  font-size: 15px;
}


#left_col #warningMsgMagicWords
{
  margin-left: -20px;
  color : #D06517; /* rouge */
	width: 137px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #D06517; /* rouge */
  visibility: hidden;			
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#left_col #lm_contact .prev
{
  /*padding-top: 57px; */
}

#contact .puce_bleu
{
  background-image: url(../images/puce_bleu.jpg);
  width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  float: left;
  margin-right: 1px;
}

#left_col #lm_contact h1
{
  padding-right: 27px;
}


#contact #mapNenuphare
{
  overflow: visible;
  width: 685px;
  height: 380px;
  z-index:1;
  border: solid 1px #709699;
  position: relative;
  top: -38px;
}

#contact .bg_googleMap_tl,
#contact .bg_googleMap_tr,
#contact .bg_googleMap_bl,
#contact .bg_googleMap_br
{
  display: inline;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  z-index:2;
  position: relative;
}
#contact .bg_googleMap_tl{background-image: url(../images/bg_googleMap_tl.gif); top: 22px; left: -2px;}
#contact .bg_googleMap_tr{background-image: url(../images/bg_googleMap_tr.gif);top: 7px; left: 672px;}
#contact .bg_googleMap_bl{background-image: url(../images/bg_googleMap_bl.gif);top: 359px; left: -2px;}
#contact .bg_googleMap_br{background-image: url(../images/bg_googleMap_br.gif);top: 344px; left: 672px;}

/* End Formulaire contact */








/************/
/* mootools */
/************/

/* progress bar*/
#box			{ background:url(../images/progress-bar-back.gif) right center no-repeat; width:220px; height:20px; float:left; }
#perc			{ background:url(../images/progress-bar.gif) right center no-repeat; height:20px; }
#progress-bar
{
  position: relative;
  top: 5px;  
  left: 705px;
  padding-top: 10px;
  margin: 0 auto;
  
}


/* noobslide */

.buttons span{cursor:pointer;}
.buttons span.active, 
.buttons span:hover{font-weight: bold;}

#center_col #box8{
	position:absolute;
}
#center_col #box8 div{
	width:690px;
	float:left;
}
#center_col #box8 .buttons{
	text-align:left
}
#center_col #box8 .next{
	float:right
}
#center_col .sample8 .buttons{
	text-align:center;
	clear:both;
}
#center_col #box8 h3
{
 display: none;
}
#center_col .mask1
{
	position:relative;
	width:690px;
	height:525px;
	overflow:hidden;
}



/*********/
/* Packs */
/*********/

#left_col #lm_packs .prev
{
  padding-top: 1px;
}

#left_col #lm_packs .puce
{
  display: inline;
  font-size: 15px;
}


#center_col #packs #box8 .intro{height: 59px;}
#center_col #packs #box8 .leftPart
{
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px; 
}

#center_col #packs #box8 .puce 
{
  clear: left;
  float: left;   
  margin-right: 7px;
  font-weight: bold; 
  font-size: 14px; 
}
#center_col #packs #box8 .leftPart .titre
{
  margin-bottom: 10px;
}

#center_col #packs #box8 .titre
{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
}
#center_col #packs #box8 .leftPart .price
{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-style:italic;
  font-weight:normal;
}
#center_col #packs #box8 .priceBottom .price
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
}


#center_col #packs #box8 .leftPart .devis
{
  margin-top: 3px;
}

#center_col #packs #box8 .leftPart,
#center_col #packs #box8 .rightPart
{
  float: left;  
  height: 380px;
  background-repeat: no-repeat;
}

#center_col #packs #box8 .leftPart { width: 434px;}
#center_col #packs #box8 .rightPart { width: 220px; margin-left: 26px;}

#center_col #packs #box8 .rightPart .titre
{
  position: relative;
  top: -287px;
  left: 41px;
}

#center_col #packs #box8 .rightPart .priceBottom
{
  position: relative;
  top: 25px;
  left: 0px;
}
#center_col #packs #box8 .rightPart .priceBottom .contenu
{
  margin-top: 12px;
  margin-left: 40px;
  font-weight: bold;
}

#center_col #packs #box8 .box
{
  background-repeat: no-repeat;
  width: 220px;
  height: 300px;
} 

#center_col #packs #box8 .priceBottom
{
  background-repeat: no-repeat;
  width: 220px;
  height: 43px;
} 

#center_col #packs #box8 .pStart .leftPart {background-image: url(../images/bg_pStart.jpg);}
#center_col #packs #box8 .pStart .box{background-image: url(../images/box_Start.jpg);}
#center_col #packs #box8 .pStart .priceBottom {background-image: url(../images/bg_prix_Start.jpg);}

#center_col #packs #box8 .pWeb .leftPart {background-image: url(../images/bg_pWeb.jpg);}
#center_col #packs #box8 .pWeb .box{background-image: url(../images/box_Web.jpg);}
#center_col #packs #box8 .pWeb .priceBottom {background-image: url(../images/bg_prix_Web.jpg);}

#center_col #packs #box8 .pPrint .leftPart {background-image: url(../images/bg_pPrint.jpg);}
#center_col #packs #box8 .pPrint .box{background-image: url(../images/box_Print.jpg);}
#center_col #packs #box8 .pPrint .priceBottom {background-image: url(../images/bg_prix_Print.jpg);}

#center_col #packs #box8 .pWebPrint .leftPart {background-image: url(../images/bg_pWebPrint.jpg);}
#center_col #packs #box8 .pWebPrint .box{background-image: url(../images/box_WebPrint.jpg);}
#center_col #packs #box8 .pWebPrint .priceBottom {background-image: url(../images/bg_prix_WebPrint.jpg);}

#center_col #packs #box8 .pECom .leftPart {background-image: url(../images/bg_pECom.jpg);}
#center_col #packs #box8 .pECom .box{background-image: url(../images/box_ECom.jpg);}
#center_col #packs #box8 .pECom .priceBottom {background-image: url(../images/bg_prix_ECom.jpg);}

#center_col #packs #box8 .pGold .leftPart {background-image: url(../images/bg_pGold.jpg);}
#center_col #packs #box8 .pGold .box{background-image: url(../images/box_Gold.jpg);}
#center_col #packs #box8 .pGold .priceBottom {background-image: url(../images/bg_prix_Gold.jpg);}

#center_col #packs #box8 .pPro .leftPart {background-image: url(../images/bg_pPro.jpg);}
#center_col #packs #box8 .pPro .box{background-image: url(../images/box_Pro.jpg);}
#center_col #packs #box8 .pPro .priceBottom {background-image: url(../images/bg_prix_Pro.jpg);}

#center_col #packs #box8 .pSurMes .leftPart {background-image: url(../images/bg_pSurMes.jpg);}
#center_col #packs #box8 .pSurMes .box{background-image: url(../images/box_SurMes.jpg);}
#center_col #packs #box8 .pSurMes .priceBottom {background-image: url(../images/bg_prix_SurMes.jpg);}

#center_col #packs .noTva
{
  position: relative;
  top: -50px;
  left: 2px;
  width: 226px;
}


#center_col #packs #box8 .leftPart .footer_Pack
{
  position: relative;
  left: 31px;
}
#center_col #packs #box8 .pStart .center .leftPart .footer_Pack{top: 197px;}
#center_col #packs #box8 .pWeb .center .leftPart .footer_Pack{top: 167px;}
#center_col #packs #box8 .pPrint .center .leftPart .footer_Pack{top: 152px;}
#center_col #packs #box8 .pWebPrint .center .leftPart .footer_Pack{top: 152px;}
#center_col #packs #box8 .pPro .center .leftPart .footer_Pack{top: 107px;}
#center_col #packs #box8 .pECom .center .leftPart .footer_Pack{top: 90px;}
#center_col #packs #box8 .pGold .center .leftPart .footer_Pack{top: 77px;}
#center_col #packs #box8 .pSurMes .center .leftPart .footer_Pack{top: 88px;}


#center_col #packs .noTvaStar
{
  position: relative;
  left: 0px;
  top: -30px;
  z-index:2;
}

#center_col #packs #box8 .footer_Pack .packColor
{
  font-weight: bold;  
}

/*****************/
/* Realisations */
/*****************/

#left_col #lm_realisations .prev
{
  padding-top: 57px;
}

#realisations #box8 .screenshot
{  
  background-position: center;
  width: 690px;
  height: 380px;
  clear: both;
  text-align: center;
  margin-top : 27px;  
}
#center_col  #realisations #box8 .img_biohome,
#center_col  #realisations #box8 .img_pev,
#center_col  #realisations #box8 .img_iness,
#center_col  #realisations #box8 .img_auberge-du-sud,
#center_col  #realisations #box8 .img_7collines,
#center_col  #realisations #box8 .img_revelis,
#center_col  #realisations #box8 .img_josee-chiappe,
#center_col  #realisations #box8 .img_biogenese,
#center_col  #realisations #box8 .img_ecolokit,
#center_col  #realisations #box8 .img_marlouzette,
#center_col  #realisations #box8 .img_tinid,
#center_col  #realisations #box8 .img_workshop,
#center_col  #realisations #box8 .img_bioui,
#center_col  #realisations #box8 .img_odesia,
#center_col #realisations #box8 .img_isohome,
#center_col #realisations #box8 .img_artisanducoeur,
#center_col #realisations #box8 .img_gangsterre,
#center_col #realisations #box8 .img_moduledubois,
#center_col #realisations #box8 .img_marlouzette-bleu,
#center_col #realisations #box8 .img_marlouzette-vert,
#center_col #realisations #box8 .img_marlouzette-jaune,
#center_col #realisations #box8 .img_marlouzette-orange,
#center_col #realisations #box8 .img_marlouzette-rouge
{
  display: block;
}


#realisations #webdesign #box8 .img_biohome { background-image: url(../images/webdesign/normal/biohome.jpg);}
#realisations #webdesign #box8 .img_auberge-du-sud { background-image: url(../images/webdesign/normal/auberge-du-sud.jpg);}
#realisations #webdesign #box8 .img_josee-chiappe { background-image: url(../images/webdesign/normal/josee-chiappe.jpg);}
#realisations #webdesign #box8 .img_biogenese { background-image: url(../images/webdesign/normal/biogenese.jpg);}
#realisations #webdesign #box8 .img_ecolokit { background-image: url(../images/webdesign/normal/ecolokit.jpg);}
#realisations #webdesign #box8 .img_marlouzette { background-image: url(../images/webdesign/normal/marlouzette.jpg);}
#realisations #webdesign #box8 .img_tinid { background-image: url(../images/webdesign/normal/tinid.jpg);}
#realisations #webdesign #box8 .img_bioui{ background-image: url(../images/webdesign/normal/bioui.jpg);}
#realisations #webdesign #box8 .img_isohome{ background-image: url(../images/webdesign/normal/isohome.jpg);}
#realisations #webdesign #box8 .img_odesia{ background-image: url(../images/webdesign/normal/odesia.jpg);}
#realisations #webdesign #box8 .img_artisanducoeur{ background-image: url(../images/webdesign/normal/artisanducoeur.jpg);}
#realisations #webdesign #box8 .img_gangsterre{ background-image: url(../images/webdesign/normal/gangsterre.jpg);}
#realisations #webdesign #box8 .img_moduledubois{ background-image: url(../images/webdesign/normal/moduledubois.jpg);}


#realisations #charte-graphique #box8 .img_biohome { background-image: url(../images/charte-graphique/normal/biohome.jpg);}
#realisations #charte-graphique #box8 .img_pev { background-image: url(../images/charte-graphique/normal/pev.jpg);}
#realisations #charte-graphique #box8 .img_iness { background-image: url(../images/charte-graphique/normal/iness.jpg);}
#realisations #charte-graphique #box8 .img_auberge-du-sud { background-image: url(../images/charte-graphique/normal/auberge-du-sud.jpg);}
#realisations #charte-graphique #box8 .img_7collines { background-image: url(../images/charte-graphique/normal/7collines.jpg);}
#realisations #charte-graphique #box8 .img_revelis { background-image: url(../images/charte-graphique/normal/revelis.jpg);}
#realisations #charte-graphique #box8 .img_josee-chiappe { background-image: url(../images/charte-graphique/normal/josee-chiappe.jpg);}
#realisations #charte-graphique #box8 .img_biogenese { background-image: url(../images/charte-graphique/normal/biogenese.jpg);}
#realisations #charte-graphique #box8 .img_ecolokit { background-image: url(../images/charte-graphique/normal/ecolokit.jpg);}
#realisations #charte-graphique #box8 .img_marlouzette { background-image: url(../images/charte-graphique/normal/marlouzette.jpg);}
#realisations #charte-graphique #box8 .img_tinid { background-image: url(../images/charte-graphique/normal/tinid.jpg);}
#realisations #charte-graphique #box8 .img_workshop { background-image: url(../images/charte-graphique/normal/workshop.jpg);}
#realisations #charte-graphique #box8 .img_bioui{ background-image: url(../images/charte-graphique/normal/bioui.jpg);}

#realisations #logo-papeterie #box8 .img_biohome { background-image: url(../images/logo-papeterie/normal/biohome.jpg);}
#realisations #logo-papeterie #box8 .img_pev { background-image: url(../images/logo-papeterie/normal/pev.jpg);}
#realisations #logo-papeterie #box8 .img_iness { background-image: url(../images/logo-papeterie/normal/iness.jpg);}
#realisations #logo-papeterie #box8 .img_auberge-du-sud { background-image: url(../images/logo-papeterie/normal/auberge-du-sud.jpg);}
#realisations #logo-papeterie #box8 .img_7collines { background-image: url(../images/logo-papeterie/normal/7collines.jpg);}
#realisations #logo-papeterie #box8 .img_revelis { background-image: url(../images/logo-papeterie/normal/revelis.jpg);}
#realisations #logo-papeterie #box8 .img_josee-chiappe { background-image: url(../images/logo-papeterie/normal/josee-chiappe.jpg);}
#realisations #logo-papeterie #box8 .img_biogenese { background-image: url(../images/logo-papeterie/normal/biogenese.jpg);}
#realisations #logo-papeterie #box8 .img_ecolokit { background-image: url(../images/logo-papeterie/normal/ecolokit.jpg);}
#realisations #logo-papeterie #box8 .img_marlouzette { background-image: url(../images/logo-papeterie/normal/marlouzette.jpg);}
#realisations #logo-papeterie #box8 .img_tinid { background-image: url(../images/logo-papeterie/normal/tinid.jpg);}

#realisations #plaquette #box8 .img_biohome { background-image: url(../images/plaquettes/normal/biohome.jpg);}
#realisations #plaquette #box8 .img_pev { background-image: url(../images/plaquettes/normal/pev.jpg);}
#realisations #plaquette #box8 .img_iness { background-image: url(../images/plaquettes/normal/iness.jpg);}
#realisations #plaquette #box8 .img_7collines { background-image: url(../images/plaquettes/normal/7collines.jpg);}
#realisations #plaquette #box8 .img_tinid { background-image: url(../images/plaquettes/normal/tinid.jpg);}
#realisations #plaquette #box8 .img_workshop{ background-image: url(../images/plaquettes/normal/workshop.jpg);}

#realisations #packaging #box8 .img_marlouzette-bleu { background-image: url(../images/packaging/normal/marlouzette-bleu.jpg);}
#realisations #packaging #box8 .img_marlouzette-jaune { background-image: url(../images/packaging/normal/marlouzette-jaune.jpg);}
#realisations #packaging #box8 .img_marlouzette-orange { background-image: url(../images/packaging/normal/marlouzette-orange.jpg);}
#realisations #packaging #box8 .img_marlouzette-rouge { background-image: url(../images/packaging/normal/marlouzette-rouge.jpg);}
#realisations #packaging #box8 .img_marlouzette-vert { background-image: url(../images/packaging/normal/marlouzette-vert.jpg);}

#realisations .pLogo a,
#realisations .pPackaging a,
#realisations .pCharte a,
#realisations .pWebdesign a,
#realisations .pPlaquette a
{
  text-decoration: none;
}





/*************/
/* Home page */
/*************/

#home_center_col
{
  width: 1002px;
  height: 523px;
}

#home_center_col .trefle_top {background-position: bottom left;}
#home_center_col .trefle_bottom {background-position: top left;}
#home_center_col .col_left  .trefle_top{ background-image: url(../images/trefle_topLeft.jpg);}
#home_center_col .col_right .trefle_top{ background-image: url(../images/trefle_topRight.jpg);}
#home_center_col .col_left  .trefle_bottom{ background-image: url(../images/trefle_bottomLeft.jpg);}
#home_center_col .col_right .trefle_bottom{ background-image: url(../images/trefle_bottomRight.jpg);}

#home_center_col .trefle_top,
#home_center_col .trefle_bottom
{    
  width: 153px;
  height: 153px;  
}

#home_center_col .col_left .titre_top,
#home_center_col .col_left .titre_bottom
{
  width: 354px;
}

#home_center_col .l1 .titre_top,
#home_center_col .l1 .trefle_top
{
  padding-top: 125px;
}

#home_center_col .trefle_top { margin-bottom: 9px;}

#home_center_col,
#home_center_col .l1,
#home_center_col .l1_init,
#home_center_col .l2
{
  clear: both;
}

#home_center_col .col_left,
#home_center_col .col_right
{
  float: left;
}


#home_center_col .col_left 
{
  width: 517px;
  text-align: right;
}
#home_center_col .col_right 
{
  width: 478px;
  text-align: left;
}

#home_center_col .titre_top,
#home_center_col .trefle_top,
#home_center_col .desc,
#home_center_col .titre_bottom,
#home_center_col .trefle_bottom,
#home_center_col .titreH2
{
  display: block;
}


#home_center_col .titre_top,
#home_center_col .trefle_top,
#home_center_col .titre_bottom,
#home_center_col .trefle_bottom
{
  float: left;
}

#home_center_col .titre_top
{
  position: relative;
  top: -21px;
}
#home_center_col .titre_bottom
{
  position: relative;
  top: 150px;
}

#home_center_col .col_left .titre_top     { right: 4px;}
#home_center_col .col_left .titre_bottom  { right: 2px;}
#home_center_col .col_right .titre_top    { left: 4px;}
#home_center_col .col_right .titre_bottom { left: 2px;}

#home_center_col .desc
{
  display:none;
}
#home_center_col .titre_top .desc {padding-top: 5px;}
#home_center_col .titre_bottom .desc {padding-bottom: 12px;}


#home_center_col .l1_init .trefle_top{ background-image: url(../images/trefle_topLeft2.jpg);width: 227px;height: 227px;padding-top: 51px;}
#home_center_col .l1_init  .titre_top {top: -15px; width: 280px;padding-top: 51px;}
#home_center_col .l1_init .desc {display: block;}


#home_center_col .col_left  .l1:hover .trefle_top{ background-image: url(../images/trefle_topLeft2.jpg);}
#home_center_col .col_right .l1:hover .trefle_top{ background-image: url(../images/trefle_topRight2.jpg);}
#home_center_col .col_left  .l2:hover .trefle_bottom{ background-image: url(../images/trefle_bottomLeft2.jpg);}
#home_center_col .col_right .l2:hover .trefle_bottom{ background-image: url(../images/trefle_bottomRight2.jpg);}

#home_center_col .l1:hover .trefle_top,
#home_center_col .l2:hover .trefle_bottom
{  
  width: 227px;
  height: 227px;  
}

#home_center_col .l1:hover .titre_top{top: -15px;}
#home_center_col .col_left .l2:hover .titre_bottom{top: 162px;}
#home_center_col .col_right .l2:hover .titre_bottom{top: 158px;}

#home_center_col .col_left .l1:hover .titre_top {width: 280px;}
#home_center_col .col_right .l1:hover .titre_top {width: 250px;}
#home_center_col .col_left .l2:hover .titre_bottom {width: 278px;}

#home_center_col .l1:hover .titre_top,
#home_center_col .l1:hover .trefle_top
{
  padding-top: 51px;
}
#home_center_col .l1:hover .desc {display: block;}
#home_center_col .l2:hover .desc {display: block;}



#home_center_col .col_right .l2:hover .img_footer_up_fish_home
{
  bottom: -94px;  
}



#home_center_col .img_footer_up_fish_home
{
  z-index: 0;
  float: right;
  padding-left: 0px;  
  position: relative;
  bottom: -186px;
  left: 9px;
}
#home_center_col .img_footer_up_fish {visibility: hidden;}




#home_center_col .col_right
{
  z-index:2;
}