/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0;
}

a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#000;
}


/*#3BtnBg{
	background-image:url(media/bgSlogan1.jpg);
	background-repeat:repeat-x;
	width:800px;
	height:204px;
}*/


/*Scroller*/
#pscroller2{
width: 140px;
height: 180px;
/*border: 1px solid black;*/
padding: 0px;
}

#pscroller2 a{
text-decoration: none;
}
/*fin scroller*/

/*Menu and links Style*/

a.linkGris{
	text-decoration:none;
	color:#7F8180;
}
a.linkGris:hover{
	text-decoration:none;
	color:#376EFC;
}



/**/

a.linkRose{
	text-decoration:none;
	color:#EA56A0;
}
a.linkRose:hover{
	text-decoration:none;
	color:#7F8180;
}


/**/

/**/

a.linkBlue{
	text-decoration:none;
	color:#376EFC;
}
a.linkBlue:hover{
	text-decoration:none;
	color:#7F8180;
}

/**/
/*fin menu and links style*/
/**************************/
a.linkMail{
	text-decoration:none;
	color:#000;

}
a.linkMail:hover{
	text-decoration:none;
	color:#376EFC;

}



/*separator link menu */
.sepRose{color:#EA56A0;}
.sepBlue{color:#376EFC;}
.sepGris{color:#7F8180;}

/*fin separator link menu*/


/***************************************************************************/
/***************** GRAND MENU **********************************************/
/***************************************************************************/
.hiddenPic {display:none;}

.menuAccueil{
	width:255px;
	height:165px;
	background-image:url(media/menu/accueilUp.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
} 

.menuDecouvrez{
	width:168px;
	height:165px;
	background-image:url(media/menu/decouvrezUP.jpg);
	background-repeat:no-repeat;
	cursor:pointer;

}

.menuDecouvrezActive{
	width:168px;
	height:165px;
	background-image:url(media/menu/decouvrezActive.jpg);
	background-repeat:no-repeat;
	cursor:pointer;

}

.menuFaq{
	width:107px;
	height:165px;
	background-image:url(media/menu/faqUP.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
} 

.menuContact{
	width:230px;
	height:165px;
	background-image:url(media/menu/ContactUP.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
} 

.menuZoneClient{
	width:49px;
	height:165px;
	background-image:url(media/menu/zoneClientUp.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

/*text sur les bouton (l'accent dans le nom de la class CSS je sais pas si c'est une bonne idée?)*/
.btnDécouvrez{
	width:158px;
	text-align:right;
	padding-top:136px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#7F8180;
}

/*text sur les bouton*/ 
.btnDecouvrez{
	width:158px;
	text-align:right;
	padding-top:136px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#7F8180;
}

.btnFAQ{
	width:93px;
	text-align:right;
	padding-top:136px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#7F8180;
}	

.btnContact{
	width:220px;
	text-align:right;
	padding-top:136px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#7F8180;
}	


.divDrop { 
	
	background:#FFFFFF;
	/*display:none;*/
	z-index:200;
	position:absolute;
	width:251px;
	height:200px;
	/*padding-left:10px;*/
	/*padding-top:5px;*/
	top:157px;
	display:none;
}

/**********************/
/*  Sous menu styles  */
/**********************/

.sousMenu1{
 background-color:#CCC;
 height:15px;
 width:251px;
}

.sousMenu2{
 background-color:#CCC;
 height:15px;
 width:251px;
}

.sousMenu3{
 background-color:#CCC;
 height:15px;
 width:251px;
}



/***************************************************************************/
/***************** FIN GRAND MENU ******************************************/
/***************************************************************************/


/*pour les trois gros titre sur la page accueil*/

.ServiceHome{
	line-height:230%;
}

.ServiceConcevoir{
	margin:10px 10px 5px 15px;
	width:230px;
	height:100%;
	/*padding-top:5px;*/
	cursor:pointer;
} 

.ServiceDiffuser{
	margin:10px 10px 5px 15px;
	width:230px;
	cursor:pointer;
} 

.ServiceGerer{
	margin:10px 10px 5px 15px;
	width:230px;
	cursor:pointer;
}

/*css for title of the 3 serviceson page index*/
.bigTitreRose{
	color:#EA56A0;
	/*font-weight:bold;*/
	font-size:38px;
}

.bigTitreBlue{
	color:#376EFC;
	/*font-weight:bold;*/
	font-size:38px;
}

.bigTitreGris{
	color:#7F8180;
	/*font-weight:bold;*/
	font-size:38px;
}

.smallTitreGris{
	color:#7F8180;
	/*font-weight:bold;*/
	font-size:28px;
	
}

/*fin css for title of the 3 serviceson page index*/

/*css for the titles on the pages with services */
.lineHightConcevoir{
	line-height:260%;
}
.lineHightDiffuser{
	line-height:260%;
}

.lineHightGerer{
	line-height:335%;
}

.bigTitreRose2{
	color:#EA56A0;
	/*font-weight:bold;*/
	font-size:48px;
}
.bigTitreBlue2{
	color:#376EFC;
	/*font-weight:bold;*/
	font-size:48px;
}

.smallTitreGris2{
	color:#7F8180;
	/*font-weight:bold;*/
	font-size:38px;
}

/* FIN css for the titles on the pages with services */

.txtAcueilGris{
	color:#7F8180;
}
.txtAcueilRose{
	color:#EA56A0;
}
.txtAcueilBlue{
	color:#376EFC;
}
/*fin du css pour lestrois gros titres sur la page accueil*/


/*menu css*/
body { font-size: 0.7em; }
h3   { font-size: 1.6em; margin: 0px; }

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   160px;

  /*border:  1px solid black;*/
  padding: 2px 5px;

  background: #F2F2F2;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #666;
}

a.sample_attach:hover{
background: #E6E6E6;
color: #EA56A0;
}

a.sample_attach, a.sample_attach:visited { /*border-bottom: none;*/ }
div#sample_attach_menu_child             { /*border-bottom: 1px solid black; */}



/*fin menu css*/


/*main Frame css*/
.LeftSide{
	 text-align:center;
	 vertical-align:top;
	 width:100%;
}
/*fin main frame css*/


/*Réalisation*/
#titreNos{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#EA56A0;
	font-size:14px;
	font-weight:bold;
} 
#TitreRealistion{
font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;

}

      #scrollup {

        position: relative;

        overflow: hidden;

       /* border: 1px solid #000;*/
	   text-align:center;

        height: 180px;
 
        width: 140px;
 
      }

      .headline {

        position: absolute;

        top: 210px;

        /*left: 5px;*/
		 text-align:center;
 
        height: 175px;
 
        width:140px;

      }


/*fin réalisation*/




/**************************************
	content Concevoir diffuser et gerer
************************************/
.contentConcevoir{
	background-image:url(media/poire.jpg);
	background-position:top;
	background-repeat:no-repeat;
	/*height:1000px;*/
}

.contentDiffuser{
	background-image:url(media/diffuser.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	/*height:1000px;*/

}

.contentGerer{
background-image:url(media/gerer.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.contentDécouvrez{
	background-image:url(media/space.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.contentApproche{

	background-image:url(media/approche.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	
}
.contentEquipe{
	background-image:url(media/Equipe.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:565px;
}

.contentContact{
	background-image:url(media/Phone.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:565px;

}

/********************* fin *******/


/*Tout text style vas ici */
.texte10px{
	font-size:10px;
}
.texte12px{
	font-size:12px;
}

.texte13px{
	font-size:13px;
}

.texte14px{
	font-size:14px;
}

.texte12pxPink{
	font-size:12px;
	color:#EA56A0;
}

.texte13pxPink{
	font-size:13px;
	color:#EA56A0;
}

.texte14pxPink{
	font-size:14px;
	color:#EA56A0;
}

.texte12pxBlue{
	font-size:12px;
	color:#376EFC;
}

.texte13pxBlue{
	font-size:13px;
	color:#376EFC;
}

.texte14pxBlue{
	font-size:14px;
	color:#376EFC;
}

.texte12pxGris{
	font-size:12px;
	color:#7F8180;
}

.texte13pxGris{
	font-size:13px;
	color:#7F8180;
}

.texte14pxGris{
	font-size:14px;
	color:#7F8180;
}

.Titre16pxPink{
	font-size:16px;
	color:#EA56A0;
	
}

.Titre16pxBlue{
	font-size:16px;
	color:#376EFC;
}

.Titre16pxGris{
	font-size:16px;
	color:#7F8180;
}



.Titre21pxPink{
	font-size:21px;
	color:#EA56A0;
	
}

.Titre21pxBlue{
	font-size:21px;
	color:#376EFC;
}

.Titre21pxGris{
	font-size:21px;
	color:#7F8180;
}


/***************/
/*site map css*/
/**************/

.listeSitemap{
	list-style:none;
}

.listeSitemap li{
	padding-top:15px;
}

a.linkSiteMap{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#376EFC;
}

a.linkSiteMap:hover{
	color:#EA56A0;
	text-decoration:underline;
}

a.linkSiteMap2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#EA56A0;
}

a.linkSiteMap2:hover{
	color:#376EFC;
	text-decoration:underline;
}




.loginLbl{
	
}

.loginTxt{

}

.error{
color:red;
}

#loginDiv
{
z-index:1000;
margin-left:60px;
position:absolute;
top:25px;
}

.menuZoneClient2{
	width:39px;
	height:165px;
	background-image:url(media/menu/zoneClientUp2.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

.menuZoneClientLogin{
	/*width:39px; start at 49px*/
	height:165px;
	background-image:url(media/menu/zoneclient_over2.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
.menuContactLogin{
	/*width:43px; start a 230px*/
	height:165px;
	background-image:url(media/menu/contact_small.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
} 
.btnContactLogin{
visibility:hidden;
}
.rightTipClient
{
	width:10px;
	height:165px;
	background-image:url(media/menu/rightTip.jpg);
	background-repeat:no-repeat;	
}
/*           fin css texte*/