/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client 	: Absolunet // Web
// Créé par : Benoit Renaud
// Note   	: Les font-size doivent êtres en em, même les styles provenant de 
			  stylesforeditor.css.
// Date   	: 17 juin 2008
//----------------------------------------------------------------------------*/
@import url(../../../common/css/reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(../../../common/css/barre.css);/* Barre du Groupe Absolunet */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#000;
	background:#000000 url(../../images/web/Bg.jpg) no-repeat 50% 46px;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color:#48ace4;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/* Clearing */
.Clearer {
	clear:both;
}
div#Contenu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div#Contenu {
	display: inline-block;
}
img#LogoPrint {
	display:none;
}

/*- Styles communs à toutes les pages -----------------------------------------*/

/* Ajustement de 5 pixel pour le ON du menu principal */
div#Navigation h1,
div#BarreAbsolunet {
	padding-left:5px;
}

#ConteneurGlobal{
	/*Ne pas effacer cette division */
}

div#wrapper {
	width: 925px;
	margin: 0 auto;
	margin-top:46px;
	text-align: left;
	padding-top:34px;
	background:url(../../images/web/Bg.jpg) no-repeat top center;
}

/* Colonne de navigation */
div#Navigation h1 {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/web/Ti_SolutionsWeb_FR.gif) no-repeat 5px 0px;
	width:160px;
	height:84px;/*66px + 18px bottom margin*/
}
div#Navigation h1 a {
	width:160px;
	height:66px;
	display:block;
}
div#Navigation {
	width:185px;
	float:left;
}
div#Navigation {
	min-height:442px;
	height:auto !important;
	height:442px;
}

/* Navigation Fixe */
ul#NavFixe {
	font-size: 1em;
	margin-top:27px;
}
ul#NavFixe li {
	padding-bottom:12px;
}
ul#NavFixe a {
	color:#FFFFFF;
	text-decoration: none;
	padding-left:5px;
}
ul#NavFixe a:hover {
	color:#48BBEB;
}
ul#NavFixe a.On {
	background-color:#FFFFFF;
	color:#0365a9;
	padding:3px 5px;
}


/* Menu Principal */
ul#MenuPrincipal li a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:185px;
	height:26px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
ul#MenuPrincipal li.Apropos a {
	background-image:url(../../images/web/Menu_Apropos_FR.gif);
}
ul#MenuPrincipal li.Portfolio a {
	background-image:url(../../images/web/Menu_Portfolio_FR.gif);
}
ul#MenuPrincipal li.Services a {
	background-image:url(../../images/web/Menu_Services_FR.gif);
}
ul#MenuPrincipal li.Expertises a {
	background-image:url(../../images/web/Menu_Expertises_FR.gif);
}
ul#MenuPrincipal li.Solutions a {
	background-image:url(../../images/web/Menu_Solutions_FR.gif);
}
ul#MenuPrincipal li.Publications a {
	background-image:url(../../images/web/Menu_Publications_FR.gif);
}
ul#MenuPrincipal li a:hover {
	background-position:-186px 0px;
}
ul#MenuPrincipal li.On a,
ul#MenuPrincipal li.On a:hover {
	background-position:-372px 0px;
}

/* Corps de la page */
div#Corps {
	float:left;
	width:740px;
	background-color:#FFFFFF;
	margin-bottom:30px;
	position:relative;
}

/* Barre d'outils */
div#BarreOutils {
	float:left;
	background:url(../../images/web/Bg_BarreOutils.jpg) no-repeat top left;
	width:740px;
	height:30px;
	margin-bottom:8px;
	position:relative;
}
div#BarreOutils a.BtZoneClient {
	position:absolute;
	left:32px;
	top:8px;
	font-size:1.1em;
	text-decoration:none;
	color:#b7e4fd;
	background:url(../../images/web/Puce_ZoneClient.gif) no-repeat 100% 5px;
	padding-right:15px;
}
div#BarreOutils a.BtZoneClient:hover {
	color:#FFF;
}
div#BarreOutils p.Recherche,
div#BarreOutils p.Login {
	position:absolute;
	right:15px;
	top:7px;
}
div#BarreOutils img, div#BarreOutils input, div#BarreOutils label {
	vertical-align:middle;
	float:left;
}
div#BarreOutils img {
	margin-top:1px;
}
div#BarreOutils label {
	padding-top:3px;
	font-weight:bold;
	text-transform:uppercase;
	color:#b7e4fd;
}
div#BarreOutils input {
	margin:0 5px 0 10px;
	padding:2px;
	width:168px;
	border:1px solid #317da7;
	border-width:1px 0 0 1px;
	background:#000 url(../../images/web/Bg_ChampRecherche.gif) repeat-x bottom left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Zone Client */
div#BarreOutils.ZoneClient {
	background:#061b29;
}
div#BarreOutils.ZoneClient span.BtZoneClient {
	position:absolute;
	left:32px;
	top:8px;
	font-size:1.1em;
	color:#FFF;
	padding-right:15px;
}
div#BarreOutils.ZoneClient label {
	font-weight:normal;
	text-transform:none;
	color:#48ace4;
	font-size:0.9em;
	padding-top:2px;
	padding-left:10px;
}
div#BarreOutils.ZoneClient input {
	width:168px;
}
div#BarreOutils p.Login {
	display:none;/*Modif*/
}
div#BarreOutils .TxtErreur {
	color:#000;
	font-weight:normal;
	position:absolute;
	white-space:nowrap;
	font-size:0.9em;
	background: url(../../images/web/Bg_ErreurValidator.gif) no-repeat right bottom;
	display:block;
	padding:1px 4px 6px;
	position:absolute;
	right:0px;
	top:-20px;
	white-space:nowrap;
}
div#BarreOutils a.BtFermerZoneClient {
	text-indent:-9999px;
	overflow:hidden;
	display:none;/*Modif*/
	width:14px;
	height:14px;
	background:url(../../images/web/Bt_FermerZoneClient.gif) no-repeat top left;
	position:absolute;
	top:8px;
	left:8px;
}


/* Bas de page */
div#BasPage {
	clear:both;
	position:relative;
	font-size: 1em;
	line-height:1.8em;
	background:url(../../images/web/Bg_BarreBasPage.gif) no-repeat 5px 0px;
	height:85px;
}
div#BasPage p.Copyright {
	position:absolute;
	top:26px;
	left:5px;
	color:#767676;
}
div#BasPage p.Lien {
	position:absolute;
	top:26px;
	left:178px;
	color:#317da7;
}
div#BasPage p.Lien a {
	color: #FFF;
	text-decoration: none;
	padding:0 8px;
}
div#BasPage p.Lien a:hover {
	color:#48BBEB;
}
div#BasPage img.Logo {
	position:absolute;
	top:3px;
	right:0px;
	width:150px;
	height:56px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
div#BDAbsoluman {
	display:none;
	position:absolute;
	z-index:100;
	top:46px;
	margin-left:5px;
	width:920px;
	height:555px;
	overflow:hidden;
}
body.Accueil div#Corps {
	background:none;
}
body.Accueil div#Corps a.LienFleche {
	color:#48ace4;
	text-decoration:none;
	background:url(../../images/web/Puce_FlecheLienAcc.gif) no-repeat 100% 4px;
	padding-right:15px;
}
body.Accueil div#Corps a.LienFleche:hover {
	text-decoration:underline;
}
body.Accueil div#Corps h2 {
	color:#48ace4;
	font-size:1.1em;
	font-weight:bold;
	left:0px;
	top:0px;
	position:relative;
	/*float:left;*/
	text-transform:uppercase;
	width:120px;
	margin-bottom:9px;
}
div#Corps div.FlashAccueil,
div#Corps div.DerniereRealisation {
	float:left;
	height:289px;
}
div#Corps div.FlashAccueil {
	width:523px;
	margin-right:11px;
	background:url(../../images/web/Bg_FlashAcc.jpg) no-repeat top left;
}
div#Corps div.DerniereRealisation {
	background:url(../../images/web/Bg_ColDroiteAcc.jpg) no-repeat top left;
	width:190px;/*206px*/
	padding:14px 0 0 16px;
	overflow:hidden;
}

/*- Slideshow accueil ---------------------------------------*/

/* Pagination */
div#SlideShow ul.Pagination {
	position:absolute;
	padding-right:15px;
	margin-top:-16px;
	right:0px;
}
div#Corps ul.Pagination li {
	float:left;
	margin-right:1px;
}
div#Corps ul.Pagination li a {
	display:block;
	padding:0 3px;
	background-color:#113c5a;
	border:1px solid #124f76;
	color:#FFF;
}
div#Corps ul.Pagination li a.On,
div#Corps ul.Pagination li a.On:hover {
	background-color:#48ace4;
	color:#FFF;
}
div#Corps ul.Pagination li a:hover {
	text-decoration:none;
	color:#48ace4;
}
/* Realisations */
div#Corps div.DerniereRealisation img {
	width:178px;
	height:110px;
	margin-bottom:10px;
	clear:both;
}
div#Corps div.ALaUne div h3,
div#Corps div.DerniereRealisation h3 {
	color:#FFF;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:3px;
}
div#Corps div.ALaUne div p,
div#Corps div.DerniereRealisation p {
	color:#afafaf;
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:0px;
}
div#Corps div.ALaUne div p a,
div#Corps div.DerniereRealisation p a {
	color:#afafaf;
	text-decoration:none;
}
div#Corps div.DerniereRealisation em {
	color:#afafaf;
	margin:3px 0 10px 0;
	font-size:1.0em;
	line-height:1.4em;
}
div#Corps div.DerniereRealisation em a {
	color:#eceff1;
}

div#Corps div.DerniereRealisation p,
div#Corps div.DerniereRealisation h3,
div#Corps div.DerniereRealisation em {
	width:174px;
	display:block;
}

#SlideShow {
	width:174px;
	height:210px;
}
#SlideShow div.RegionVisible {
	overflow:hidden;
	width:174px;
	height:210px;
	z-index:1;
	position:relative;
}
#SlideShow ul.Container {
	width:174px;
	z-index:2;
	overflow:hidden;
	position:absolute;
	left:0px;
}
#SlideShow ul.Container li {
	overflow:hidden;
	float:left;
	width:174px;
	margin-right:7px;
	height:210px;
}
#SlideShow a.Vignette {
	width:174px;
	height:106px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:top left;
}

/*- FIN Slideshow accueil ---------------------------------------*/


/* La Une */
div#Corps div.ALaUne {
	clear:both;
}
div#Corps div.ALaUne div {
	float:left;
	width:325px;/*365px*/
	padding-right:40px;
}
div#Corps div.ALaUne div h3 a {
	text-transform:uppercase;
	font-weight:bold;
}
div#Corps div.ALaUne div p {
	margin-bottom:12px;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
div#Contenu {
	border-top:1px solid #000;
	margin:0 32px;
	padding:30px 0 15px 0;
	width:675px;
	position:relative;
	min-height:185px;
	height:auto !important;
	height:185px;
}
/* Style de contenu */
div#Contenu p, div#Contenu ul, div#Contenu ol {
	font-size:1.2em;
	line-height:1.6em;
	color:#363a3c;
	margin:0 0 20px 0
}
div#Contenu ul {
	margin-left:25px;
}
div#Contenu ul li {
	list-style: square outside url(../../images/web/Puce_Liste.gif);
	padding: 0 0 3px 0;
}
div#Contenu a {
	color:#c77d08;
	text-decoration:none;
}
div#Contenu a:hover {
	text-decoration:underline;
}
div#Contenu hr {
	color:#d2d2d2;
	background-color:#d2d2d2;
	border:0px;
	height:1px;
	margin-top:-5px;
	margin-bottom:10px;
}
div#Contenu h3 {
	font-size:1.6em;
	color:#c77d08;
	font-weight:bold;
	margin:0 0 20px 0
}
div#Contenu div.ColonneDeux h3 {
	font-size:1.1em;
	line-height:1.4em;
	color:#c77d08;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 8px 0
}
div#Contenu h4 {
	font-size:1.2em;
	line-height:1.6em;
	color:#000;
	font-weight:bold;
	margin:0 0 8px 0
}
div#Corps h2 {
	font-size:1.4em;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	width:200px;
	
	position:absolute;
	bottom:5px;
	left:0px;
}
div#Corps div.EnteteContenu {
	margin:5px 0 5px 32px;
	position:relative;
	height:45px;
	overflow:hidden;
}
div#Corps div.EnteteContenu.SousMenu {
	background:url(../../images/web/Bg_SousMenu.gif) repeat-y top left;
}
div#Corps a.BtPrecedent,
div#Corps a.BtSuivant {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}
div#Corps a.BtPrecedent:hover,
div#Corps a.BtSuivant:hover {
	background-position:0 -14px;
}
div#Corps a.BtPrecedent {
	background-image:url(../../images/web/Bt_FlechePrecedent.gif);
	position:absolute;
	top:160px;
	left:-20px;
	width:8px;
	height:11px;
}
div#Corps a.BtSuivant {
	background:url(../../images/web/Bt_FlecheSuivant.gif) no-repeat top left;
	position:absolute;
	top:160px;
	right:-20px;
	width:8px;
	height:11px;
}

/* Portion de contenu Rappel */
div#Corps div.Rappel {
	background:#f7f7f7 url(../../images/web/Bg_BlocRappel.gif) repeat-x top left;
	padding:25px 32px;
	color:#363a3c;
	line-height:1.6em;

	min-height:75px;
	height:auto !important;
	height:75px;
}
div#Corps div.Rappel h3 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	color:#727272;
	text-transform:uppercase;
	margin-bottom:12px;
}
div#Corps div.Rappel h3 span {
	text-transform:none;
	display:block;
}
div#Corps div.Rappel h4 {
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#C77D08;
	margin-bottom:2px;
}
div#Corps div.Rappel a {
	color:#0365a9;
	text-decoration:none;
}
div#Corps div.Rappel a.LienFleche {
	clear:both;
}
div#Corps div.Rappel a:hover {
	text-decoration:underline;
}
div#Corps div.Rappel ul {
	margin: 0 0 12px 6px;
	padding: 0;
}
div#Corps div.Rappel ul li {
	/*list-style: square outside url(../../images/web/Puce_ListeRappel.gif);*/
	padding: 0 0 3px 15px;
	background:url(../../images/web/Puce_ListeRappel.gif) no-repeat 0 2px;
}

/* Bloc rappel deux colonnes */
div#Corps div.Rappel div.ColonneUn,
div#Contenu div.ColonneUn {
	width:215px;
	float:left;
}
div#Corps div.Rappel ul.ColonneUn {
	width:200px;
	float:left;
}
div#Corps div.Rappel div.ColonneDeux,
div#Contenu div.ColonneDeux {
	width:420px;
	padding-left:22px;
	float:left;
}

/* Bloc rappel plusieurs colonnes */
div#Corps div.Rappel div.Colonne {
	width:210px;
	float:left;
	padding-right:22px;
	margin-bottom:10px;
}

/*- Section Portfolio --------------------------*/

/* Vignettes */
body.Portfolio div#Contenu div.Realisations h3 {
	margin:0 0 3px 0;
	font-size:1.1em;
}
body.Portfolio div#Contenu div.Realisations p {
	font-size:1.1em;
}
div#Contenu div.Realisations p.Secteur {
	font-style:italic;
	line-height:1.2em;
}
div#Contenu div.Realisations div {
	width:178px;
	height:195px;
	float:left;
	margin-right:70px;
}
div#Contenu div.Realisations div.Last {
	margin-right:0px;
}
div#Contenu div.Realisations div a.Vignette {
	width:174px;
	height:106px;
	display:block;
	margin-bottom:8px;
	border:2px solid #bfbfbf;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
div#Contenu div.Realisations div a.Vignette:hover {
	border:2px solid #5f5f5f;
	background-position:0px -106px;
}

/* Details */
.PresentationRealisation {
	width:676px;
	height:318px;
	position:relative;
}
body.Portfolio div#Contenu div.PresentationRealisation p {
	width:230px;
	position:absolute;
	left:420px;
	font-size:1.1em;
}
body.Portfolio div#Contenu div.PresentationRealisation h3,
body.Portfolio div#Contenu hr {
	display:none;
}
body.Portfolio div#Contenu div.PresentationRealisation .Description {
	font-weight:bold;
	margin:0;
	color:#d9dfe1;
	top:90px;
}
body.Portfolio div#Contenu div.PresentationRealisation .Secteur {
	font-style:italic;
	color:#c1c5c7;
	top:210px;
}
body.Portfolio div#Contenu div.PresentationRealisation .Liens {
	font-size:1.0em;
	line-height:2.1em;
	padding-top:8px;
	top:250px;
}
.Realisation {
	position:relative;
	height:470px;
	background-repeat:no-repeat;
}

div#Contenu .TexteDescriptif {
	color:#454b4d;
	line-height:18px;
	margin:17px 70px 20px 46px;
}

/* Liste */
div#Contenu div.EnteteListe {
	border-bottom:1px solid #000000;
	height:25px;
	position:relative;
}
div#Contenu div.EnteteListe h4 {
	font-size:1.1em;
	text-transform:uppercase;
}
div#Contenu div.EnteteListe select {
	background-color:#f9f1d6;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	position:absolute;
	right:0px;
	top:0px;
}
ul#MenuSecteur {
	width:220px;
	background-color:#e3ecf3;
}
div#Contenu ul#MenuSecteur,
div#Contenu ul#ListeRealisations {
	margin-left:0px;
}
div#Contenu ul#MenuSecteur li {
	list-style:none;
	list-style-image:none;
	border-bottom:1px solid #ffffff;
	line-height:1em;
	padding:0px;
}
div#Contenu ul#MenuSecteur li a {
	font-weight:bold;
	text-transform:uppercase;
	color:#0365a9;
	font-size:0.75em;/*9px*/
	display:block;
	padding:7px 8px;
}
div#Contenu ul#MenuSecteur li a.On {
	color:#FFF;
	background:#ce9c01 url(../../images/web/Puce_ListeMenu.gif) no-repeat 97% 50%;
	text-decoration:none;
}
div#Contenu ul#MenuSecteur li a.On:hover {
	text-decoration:none;
}
body.Portfolio div#Contenu div.ColonneUn {
	width:220px;
}
div#Contenu div.ColonneDeux,
div#Contenu ul#ListeRealisations {
	width:430px;
}
div#Contenu div.ColonneDeux {
	padding-left:18px;
}
div#Contenu ul#ListeRealisations  {
	line-height:normal;
	font-size:1.0em;
	color:#4c4b4a;
	font-weight:bold;
}
div#Contenu ul#ListeRealisations li {
	list-style:none;
	list-style-image:none;
	background:url(../../images/web/Bg_Pointille.gif) repeat-x bottom left;
	padding:8px 0;
}
div#Contenu ul#ListeRealisations li small {
	color:#807d7d;
	font-weight:normal;
}
div#Contenu ul#ListeRealisations li em,
div#Contenu ul#ListeRealisations li em a {
	color:#4c4b4a;
	font-weight:normal;
}
div#Contenu ul#ListeRealisations li em a {
	text-decoration:underline;
}
div#Contenu ul#ListeRealisations li em a:hover {
	text-decoration:none;
}

/*- Section Services --------------------------*/
body.Services div#Contenu div.ColonneUn {
	width:308px;
	float:left;
}
body.Services div#Contenu div.ColonneDeux {
	width:340px;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}

/* Graphique de services */
#GraphiqueServices ul {
	width: 262px;
	height: 268px;
	background: url(../../images/web/Graphiques/Graph_Services_FR.png);
	position: relative;
	margin: 0px auto;
}
#GraphiqueServices li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
}

#GraphiqueServices a {
	display: block;
	overflow:hidden;
	text-indent:-9999px;
}

#GraphiqueServices li.ServiceUn {
	left:17px; 
	top:20px; 
	width:112px;
	height:168px;
}
#GraphiqueServices li.ServiceDeux {
	left:129px;
	top:20px;
	width:113px;
	height:148px;
}
#GraphiqueServices li.ServiceTrois {
	left:37px;
	top:133px;
	width:198px;
	height:110px;
}
#GraphiqueServices li.ServiceUn a {
	height:168px;
}
#GraphiqueServices li.ServiceDeux a {
	height:148px;
}
#GraphiqueServices li.ServiceTrois a {
	height: 110px;
}
#GraphiqueServices li a:hover {
	background-image: url(../../images/web/Graphiques/Graph_Services_FR.png);
	background-repeat:no-repeat;
}
#GraphiqueServices li.ServiceUn a:hover {
	background-position: -17px -288px;
}
#GraphiqueServices li.ServiceDeux a:hover {
	background-position: -129px -556px;
}
#GraphiqueServices li.ServiceTrois a:hover {
	background-position: -37px -937px;
}

/* Etat ON */
#GraphiqueServices #ServiceUnOn,
#GraphiqueServices #ServiceUnOn a:hover {
	background-image: url(../../images/web/Graphiques/Graph_Services_1on_FR.png);
}
#GraphiqueServices #ServiceDeuxOn,
#GraphiqueServices #ServiceDeuxOn a:hover {
	background-image: url(../../images/web/Graphiques/Graph_Services_2on_FR.png);
}
#GraphiqueServices #ServiceTroisOn,
#GraphiqueServices #ServiceTroisOn a:hover {
	background-image: url(../../images/web/Graphiques/Graph_Services_3on_FR.png);
}

/* Accordeon*/
div#AccordeonServices {
	margin-top:-20px;
}
div#Contenu div.ColonneDeux div#AccordeonServices h3,
div#AccordeonServices h3 {
	border-top:1px solid #d2d2d2;
	cursor:pointer;
	padding:3px 15px;
	margin:0px;
}
div#Contenu div.ColonneDeux div#AccordeonServices h3.On,
div#AccordeonServices h3.On {
	border-top:1px solid #747474;
	color:#000;
	cursor:auto;
}
div#Contenu div.ColonneDeux div#AccordeonServices h3.Last,
div#AccordeonServices h3.Last {
	border-bottom:1px solid #d2d2d2;
}
div#Contenu div.ColonneDeux div#AccordeonServices h3.Last.On,
div#AccordeonServices h3.Last.On {
	border-bottom:0px;
}
div#AccordeonServices div.AccordeonContenu {
	border-bottom:1px solid #747474;
	padding:0 15px;
}

/*- Section Expertises --------------------------*/
body.Expertises div.Rappel div.ColonneUn {
	position:relative;
	height:100px;
}
body.Expertises div#Contenu div.ColonneUn {
	margin-bottom:40px;
}
div#Corps div.Rappel img.RappelRealisation {
	position:absolute;
	left:-18px;
	top:-66px;
	width:225px;
	height:170px;
	/*height:170px;
	margin-left:-18px;
	margin-top:-66px;
	width:225px;*/
}

/*- Section Solutions --------------------------*/
ul#ListeSolutions,
body.Solutions div#Contenu div.ColonneDeux ul#ListeSolutions {
	width:408px;
	margin:5px 0 0 0;
}
ul#ListeSolutions li,
div#Corps div.Rappel ul#ListeSolutions li,
body.Solutions div#Contenu div.ColonneDeux ul#ListeSolutions li {
	width:408px;
	background:#aac9dd url(../../images/web/Bg_BtSolutions.gif) repeat-x bottom left;
	border:1px solid #d7e5ee;
	list-style:none;
	list-style-image:none;
	padding:0;
}
ul#ListeSolutions a {
	width:408px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-position:25px 15px;
	background-repeat:no-repeat;
	position:relative;
}
/* Logos de solutions */
ul#ListeSolutions li.Medianamik a {
	background-image:url(../../images/web/Logo_BtMedianamik_FR.gif);
}
ul#ListeSolutions li.Pisteur a {
	background-image:url(../../images/web/Logo_BtPisteur_FR.gif);
}
ul#ListeSolutions li.Mediasend a {
	background-image:url(../../images/web/Logo_BtMediasend_FR.gif);
}
ul#ListeSolutions li.Coveo a {
	background-image:url(../../images/web/Logo_BtCoveo_FR.gif);
}
ul#ListeSolutions li.Cadoc a {
	background-image:url(../../images/web/Logo_BtCadoc_FR.gif);
}
ul#ListeSolutions a:hover {
	background-color:#7badd2;
}
ul#ListeSolutions a strong {
	width:170px;
	height:16px;
	display:block;
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	right:20px;
	top:20px;
}
/* Titres de solutions */
ul#ListeSolutions li.Medianamik strong {
	background-image:url(../../images/web/Ti_BtMedianamik_FR.gif);
}
ul#ListeSolutions li.Pisteur strong {
	background-image:url(../../images/web/Ti_BtPisteur_FR.gif);
}
ul#ListeSolutions li.Mediasend strong {
	background-image:url(../../images/web/Ti_BtMediasend_FR.gif);
}
ul#ListeSolutions li.Coveo strong {
	background-image:url(../../images/web/Ti_BtCoveo_FR.gif);
}
ul#ListeSolutions li.Cadoc strong {
	background-image:url(../../images/web/Ti_BtCadoc_FR.gif);
}

/* Ajustement de styles pour la section details des solutions */
body.Solutions div#Contenu div.ColonneDeux ul {
	margin-left:18px;
}
body.Solutions div#Contenu div.ColonneDeux ul li {
	list-style: square outside url(../../images/web/Puce_ListePlus.gif);
	padding: 0 0 3px 0;	
}
body.Solutions div#Corps div.Rappel div.ColonneUn {
	float:none;
	width:auto;
}
body.Solutions div#Corps div.Rappel ul {
	margin:0px;
}
body.Solutions div#Corps div.Rappel ul li {
	list-style:none;
	list-style-image:none;
	padding:0px;
}
div#Corps div.Rappel ul#ListeSolutions {
	width:675px;
	margin:0 0 0 0;
}
div#Corps div.Rappel ul#ListeSolutions li {
	width:335px;
	list-style:none;
	list-style-image:none;
	padding:0;
	float:left;
}
div#Corps div.Rappel ul#ListeSolutions a {
	width:335px;
	height:63px;
}
div#Corps div.Rappel ul#ListeSolutions a strong {
	left:65px;
	top:38px;
	right:auto;
	background-position:top left;
}

body.Solutions div#Contenu div.ColonneUn.Solution {
	background:#eecd00 url(../../images/web/Bg_ColGaucheSolutions.gif) repeat-x top left;
	width:220px;
}
body.Solutions div#Contenu div.ColonneUn.Solution p {
	color:#000;
	padding:0 18px;
}
body.Solutions div#Contenu div.ColonneUn.Solution p.TextePetit {
	padding:0px 18px;
	margin:0px;
}
.BgBlanc {
	background-color:#FFFFFF;
}
img#LogoSolution {
	border-bottom:1px solid #c78f00;
	padding:15px 0 8px 0;
	margin:0px 14px 15px 14px;
	display:block;
}
img#DemoSolution {
	margin:50px 0 10px 0;
	display:block;
}

/*- Section Emplois --------------------------*/
body.Emplois div#Contenu div.ColonneUn.Emploi {
	background:#edcc00 url(../../images/web/Bg_ColGaucheEmplois.gif) repeat-x top left;
	width:220px;
	padding-bottom:10px;
}
body.Emplois div#Contenu div.ColonneUn.Emploi h3 {
	text-indent:-9999px;
	overflow:hidden;
	padding-bottom:12px;
	margin:21px auto 15px auto;
	border-bottom:1px solid #c78f00;
	background:url(../../images/web/Ti_EmploiColGauche_FR.gif) no-repeat top right;
	width:199px;
	height:105px;
}
body.Emplois div#Contenu div.ColonneUn.Emploi p {
	color:#000;
	padding:0 25px;
}
body.Emplois div#Contenu div.ColonneUn.Emploi a {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}
body.Emplois div#Contenu div.ColonneUn.Emploi a:hover {
	text-decoration:none;
}

/*- Section Zone Client --------------------------*/
body.ZoneClient div#BarreOutils h2 {
	position:absolute;
	top:8px;
	left:32px;
	
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
}
body.ZoneClient div#Navigation h1 {
	margin-top:36px;
	background:transparent url(../../images/web/Ti_ZoneClient_FR.gif) no-repeat scroll 5px 0px;
	height:62px;
	width:160px;
}
body.ZoneClient div#Contenu h3 {
	font-size:1.1em;
	line-height:1.4em;
	color:#c77d08;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 8px 0
}
body.ZoneClient div#Navigation {
	min-height:0px;
	height:auto;
}
body.ZoneClient div#Contenu {
	border:0px;
}
body.ZoneClient div#BasPage {
	background:none;
}
body.ZoneClient div#BasPage p.PersonneRessource {
	color:#FFF;
	position:absolute;
	top:0px;
	left:230px;
}
body.ZoneClient div#BasPage p.PersonneRessource span {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#48ade5;
}
body.ZoneClient div#BasPage p.PersonneRessource strong {
	font-weight:bold;
	font-size:1.2em;
}
body.ZoneClient div#BasPage img.Logo {
	right:45px;
}
body.ZoneClient div#Contenu p, body.ZoneClient div#Contenu ul, body.ZoneClient div#Contenu ol {
	font-size:1.1em;
	line-height:1.3em;
	color:#363a3c;
	margin:0 0 20px 0
}
body.ZoneClient div#Contenu ul {
	margin-left:15px;
	margin-bottom:15px;
}
body.ZoneClient div#Contenu ul li {
	list-style: square outside url(../../images/web/Puce_ListeGrise.gif);
	padding: 0 0 3px 0;
}
body.ZoneClient div#Contenu a {
	color:#0365a9;
	text-decoration:none;
}
body.ZoneClient div#Contenu a:hover {
	text-decoration:underline;
}

/*- Section Publications ---------------------------------------*/
body.Publications div#Contenu h4.Date {
	font-size:1.1em;
}
body.Publications div#Contenu p.Auteur {
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	font-size:1.0em;
	color:#000000;
	padding:4px 0;
}
body.Publications div#Corps div.Rappel div.ColonneDeux h4 {
	margin-bottom:8px;
}
body.Publications div#Corps div.Rappel div.ColonneDeux p,
body.Publications div#Corps div.Rappel div.ColonneDeux a {
	float:left;
	padding-right:5px;
}
body.Publications div#Corps div.Rappel div.ColonneDeux a img {
	margin-top:17px;
	height:17px;
	display:block;
}
body.Publications div#Corps div.Rappel div.ColonneDeux label {
	display:block;
}
body.Publications div#Corps div.Rappel div.ColonneDeux input {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	border:1px solid #a2a2a2;
	padding:2px;
	color:#363A3C;
	width:170px;
	font-size:10px;
}
.TxtErreur {
	font-size:1.0em;
	color: #FF0000;
}
/* Archives */
body.Publications div#Contenu div.Archives ul {
	font-size:1.1em;
	margin-left:0px;
}
body.Publications div#Contenu div.Archives ul li {
	list-style:none;
	list-style-image:none;
}


/*- Section Contact ---------------------------------------*/
body.Contact div#Corps div.Rappel div.ColonneDeux {
	padding-left:42px;
	width:400px;
}
body.Contact div#Contenu div.ColonneDeux {
	width:440px;
}
body.Contact div#Contenu div.ColonneDeux p {
	margin-bottom:6px;
	float:left;
	width:215px;
}
body.Contact div#Contenu div.ColonneDeux p.TextArea {
	float:none;
	clear:both;
	width:auto;
}
body.Contact div#Contenu div.ColonneDeux p.Dernier {
	width:200px;
	padding-left:24px;
}
body.Contact div#Contenu div.ColonneDeux label {
	display:block;
	font-size:0.9em;
	font-weight:bold;
	color:#c77d08;
}
body.Contact div#Contenu div.ColonneDeux label span {
	font-weight:normal;
	color:red;
	padding-left:5px;
}
body.Contact div#Contenu div.ColonneDeux label small {
	font-weight:normal;
}
body.Contact div#Contenu div.ColonneDeux input {
	width:195px;
	border:1px solid #a3a3a3;
}
body.Contact div#Contenu div.ColonneDeux textarea {
	width:434px;
	height:95px;
	border:1px solid #a3a3a3;
}
body.Contact div#Contenu div.ColonneDeux input, 
body.Contact div#Contenu div.ColonneDeux textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#363a3c;
	padding:2px;
}
body.Contact div#Contenu a.BtEnvoyer {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/web/Bt_Envoyer_FR.gif) no-repeat top left;
	width:85px;
	height:19px;
}


/*- Section Navigateurs Supportés --------------------------*/
body.Navigateur div#Navigation h1 {
	margin-top:18px;
	background:transparent url(../../images/web/Ti_Plateforme_FR.gif) no-repeat scroll 0px 0px;
	height:62px;
	width:160px;
	margin-bottom:10px;
}
body#lang-EN.Navigateur div#Navigation h1 { background-image:url(../../images/web/Ti_Plateforme_EN.gif); }
body.Navigateur div#Corps {
	background:none;
}
body.Navigateur div#wrapper {
	padding-top:41px;
}
body.Navigateur div.NavigateurBox {
	width:161px;
	float:left;
	margin-right:2px;
	background-color:#FFF;
	height:340px;
	position:relative;
}
body.Navigateur div.NavigateurBox div.Lien {
	width:135px;
	position:absolute;
	bottom:26px;
	left:12px;
	text-align:center;
}
body.Navigateur div.NavigateurBox div.Lien a {
	color:#0365a9;
	text-decoration:underline;
}
body.Navigateur div.NavigateurBox div.Lien a:hover {
	text-decoration:none;
}
body.Navigateur div.NavigateurBox h3 {
	font-size:1.1em;
	line-height:1.4em;
	color:#c77d08;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	padding-top:93px;
	padding-bottom:28px;
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:8px;
}
h3.BgInternetExplorer {
	background-image:url(../../images/web/Bg_InternetExplorer.jpg);
}
h3.BgFirefox {
	background-image:url(../../images/web/Bg_Firefox.jpg);
}
h3.BgSafari {
	background-image:url(../../images/web/Bg_Safari.jpg);
}
h3.BgGoogleChrome {
	background-image:url(../../images/web/Bg_GoogleChrome.jpg);
}
body.Navigateur div#Navigation {
	min-height:0px;
	height:auto;
	width:165px;
	padding-right:20px;
}
body.Navigateur div#Navigation p {
	font-size:1.1em;
	color:#FFF;
}
body.Navigateur div#BasPage {
	background:none;
}
body.Navigateur div#BasPage img.Logo {
	right:90px;
}

table.TableauVersion {
	margin-left:13px;
}
table.TableauVersion td,
table.TableauVersion th {
	border-bottom:1px solid #cfcfcf;
	padding:3px 0;
}
table.TableauVersion td {
	color:#000;
	font-size:1.1em;
}
table.TableauVersion th {
	color:#727272;
	font-size:1.0em;
	padding:5px 0;
}
table.TableauVersion td span {
	color:#FFF;
	line-height:15px;
	font-size:11px;
	font-weight:bold;
	background:#d68f00 url(../../images/web/Bg_FlecheVersion.gif) no-repeat center right;
	padding:0 12px 2px 5px;
}

/* Styles de liens ------------------------------*/
div#Corps a.LienExterne {
	background:url(../../images/web/Puce_LienExterne.gif) no-repeat 0px 2px;
	color:#c77b03;
	padding-left:16px;
	font-size:1.1em;
}
div#Corps a.LienDocument {
	background:url(../../images/web/Puce_LienDocument.gif) no-repeat 0px 0px;
	color:#c77b03;
	padding-left:16px;
	font-size:1.1em;
}
div#Corps a.LienFleche {
	color:#0365a9;
	text-decoration:none;
	background:url(../../images/web/Puce_FlecheLien.gif) no-repeat 100% 4px;
	padding-right:15px;
}
div#Corps a.LienFlecheOrange {
	font-size:0.8em;
	color:#d78d00;
	text-decoration:none;
	background:url(../../images/web/Puce_FlecheOrangeLien.gif) no-repeat 100% 4px;
	padding-right:15px;
}
div#Corps a.LienFleche:hover,
div#Corps a.LienFlecheOrange:hover {
	text-decoration:underline;
}


/*- Styles pour sous menus ----------------------------------------------------*/
ul#SousMenu {
	position:absolute;
	bottom:6px;
	left:235px;
	width:425px;
}
ul#SousMenu li {
	float:left;
	border-right:1px solid #b2b2b2;
	padding:0 5px;
	line-height:1.1em;
	margin-top:5px;
}
ul#SousMenu li.DernierItem {
	border:0px;
}
ul#SousMenu li a {
	color:#0365a9;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
ul#SousMenu li a:hover,
ul#SousMenu li a.On {
	color:#000;
}


/*- Styles pour Plan du site --------------------------------------------------*/
body.PlanDuSite div#Contenu ul {
	width:auto;
	margin:0 0 15px 0;
}

/*- Premier niveau -----*/	
body.PlanDuSite div#Contenu ul li {
	clear:both;
	list-style:none;
	list-style-image:none;
	background:url(../../images/web/Bg_Pointille.gif) repeat-x top left;
	padding:3px 0 0 0;
}
body.PlanDuSite div#Contenu ul li a, body.PlanDuSite div#Contenu ul li a:hover {
	float:left;
	display:block;
	width:145px;
	margin-bottom:5px;
	
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}
body.PlanDuSite div#Contenu ul li a:hover {
	text-decoration: underline;
}

/*- Deuxieme niveau -----*/
body.PlanDuSite div#Contenu ul li ul {
	float:left;
	margin-bottom:5px;
	width:440px;
}
body.PlanDuSite div#Contenu ul li ul li {
	float:left;
	clear:none;
	width:215px;
	border-top:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
	background:none;
}
body.PlanDuSite div#Contenu ul li ul li a, body.PlanDuSite div#Contenu ul li ul li a:hover {
	float:none;
	display:inline;
	padding:0 0 0 15px;
	background:url(../../images/web/Puce_ListeGrise.gif) no-repeat 0px 0px;
	
	text-decoration:none;
	color:#0365a9;
	font-size:0.8em;
	font-weight:normal;
}
body.PlanDuSite div#Contenu ul li ul li a:hover {
	text-decoration: underline;
}

/*- Traductions ------------------------------------------------------------*/
body#lang-EN div#Navigation h1 { background-image:url(../../images/web/Ti_SolutionsWeb_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Apropos a { background-image:url(../../images/web/Menu_Apropos_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Portfolio a { background-image:url(../../images/web/Menu_Portfolio_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Services a { background-image:url(../../images/web/Menu_Services_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Expertises a { background-image:url(../../images/web/Menu_Expertises_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Solutions a { background-image:url(../../images/web/Menu_Solutions_EN.gif); }
body#lang-EN ul#MenuPrincipal li.Publications a { background-image:url(../../images/web/Menu_Publications_EN.gif); }

/* Graphique */
body#lang-EN #GraphiqueServices ul { background-image: url(../../images/web/Graphiques/Graph_Services_EN.png); }
body#lang-EN #GraphiqueServices li a:hover { background-image: url(../../images/web/Graphiques/Graph_Services_EN.png); }

/* Etat ON */
body#lang-EN #GraphiqueServices #ServiceUnOn,
body#lang-EN #GraphiqueServices #ServiceUnOn a:hover { background-image: url(../../images/web/Graphiques/Graph_Services_1on_EN.png); }
body#lang-EN #GraphiqueServices #ServiceDeuxOn,
body#lang-EN #GraphiqueServices #ServiceDeuxOn a:hover { background-image: url(../../images/web/Graphiques/Graph_Services_2on_EN.png); }
body#lang-EN #GraphiqueServices #ServiceTroisOn,
body#lang-EN #GraphiqueServices #ServiceTroisOn a:hover { background-image: url(../../images/web/Graphiques/Graph_Services_3on_EN.png); }

/* Logos de solutions */
body#lang-EN ul#ListeSolutions li.Medianamik a { background-image:url(../../images/web/Logo_BtMedianamik_EN.gif); }
body#lang-EN ul#ListeSolutions li.Pisteur a { background-image:url(../../images/web/Logo_BtPisteur_EN.gif); }
body#lang-EN ul#ListeSolutions li.Mediasend a { background-image:url(../../images/web/Logo_BtMediasend_EN.gif); }
body#lang-EN ul#ListeSolutions li.Coveo a { background-image:url(../../images/web/Logo_BtCoveo_EN.gif); }
body#lang-EN ul#ListeSolutions li.Cadoc a { background-image:url(../../images/web/Logo_BtCadoc_EN.gif); }

/* Titres de solutions */
body#lang-EN ul#ListeSolutions li.Medianamik strong { background-image:url(../../images/web/Ti_BtMedianamik_EN.gif); }
body#lang-EN ul#ListeSolutions li.Pisteur strong { background-image:url(../../images/web/Ti_BtPisteur_EN.gif); }
body#lang-EN ul#ListeSolutions li.Mediasend strong { background-image:url(../../images/web/Ti_BtMediasend_EN.gif); }
body#lang-EN ul#ListeSolutions li.Coveo strong { background-image:url(../../images/web/Ti_BtCoveo_EN.gif); }
body#lang-EN ul#ListeSolutions li.Cadoc strong { background-image:url(../../images/web/Ti_BtCadoc_EN.gif); }

/* Autres images */
body#lang-EN.Contact div#Contenu a.BtEnvoyer { background-image:url(../../images/web/Bt_Envoyer_EN.gif); }
body#lang-EN.ZoneClient div#Navigation h1 {
	background-image:url(../../images/web/Ti_ZoneClient_EN.gif);
	height:92px;
}
/*
body#lang-EN.Emplois div#Contenu div.ColonneUn.Emploi h3 {
	background:url(../../images/web/Ti_EmploiColGauche_FR.gif) no-repeat top right;
	width:199px;
	height:105px;
}
*/

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
div#Contenu .TexteSpecial {
	font-size: 1.1em;
	color: #FF9933;
}
div#Contenu .TextePetit {
	font-size: 1.0em;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
}

/*- Classes pour les listes ----*/
div#Contenu ol {
	margin: 0 0 12px 24px;
	padding: 0 0 0 24px;
}
div#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol {
	margin-bottom:0px;
}

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol {
	font-size:1em;
}
/*--------------------------------------------------------------------------*/

#TB_title{
    background:#FFF !important;
}
#ImgDemoMedianamik{
    display:block;
    margin-bottom:21px;
}