/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Refonte du site corporatif d'Absolunet (2010)
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : Mai 2010
//----------------------------------------------------------------------------*/
@import url(reset.css); /* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);

/* -----------------------------------------------------------------------------
GÉNÉRAL
----------------------------------------------------------------------------- */
html, body{
	width:100%;
	background:url(/images/Bg_Site.jpg) repeat-y 50% 0;
}
body {
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
}
@font-face {
	font-family:'TitilliumText14L600wt';
	src:url('/includes/fonts/TitilliumText600wt-webfont.eot');
	src:local('☺'), url('/includes/fonts/TitilliumText600wt-webfont.woff') format('woff'), url('/includes/fonts/TitilliumText600wt-webfont.ttf') format('truetype'), url('/includes/fonts/TitilliumText600wt-webfont.svg#webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}
a, a:hover{
	color:#0694cb;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.hr{
	display:block;
	height:1px;
	background:url(/images/Bg_LigneHorizontale.gif) no-repeat left bottom;
	margin-bottom:25px;
}
.hr.alt{
	background:url(/images/Bg_LigneHorizontaleAlt.gif) no-repeat left bottom;	
}
.AligneGauche{
	float:left;
}
.AligneDroite{
	float:right;
}

/* -----------------------------------------------------------------------------
STYLES COMMUNS À TOUTES LES PAGES
----------------------------------------------------------------------------- */
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



.VersionMobile {
	overflow:hidden;
	height:100px;
	margin:0 0 10px 0;
	text-align:center;
	background:#0fa9e5 url(/images/Bg_VersionMobile.png) left top repeat-x;
}

	.VersionMobile span {
		display:inline-block;
		margin:50px 0 0 0;
		padding:0 50px; border-top:5px solid #fff;
	}
	.VersionMobile a {
		position:relative; display:inline-block;
		top:-55px;
		height:75px;
		padding:30px 20px 0 20px;
		font-family:'TitilliumText14L600wt', Helvetica, Arial, serif; font-weight:normal; font-size:5em; color:#fff; text-transform:uppercase;
		background:#0fa9e5 url(/images/Bg_VersionMobile.png) left top repeat-x;
		text-shadow: #fff 0px 0px 1px;
	}



#WrapperCorps, #WrapperPiedPage{
	width:100%;
}
#Wrapper{
	width:950px;
	padding:0 10px 0 10px;
	margin:0 auto;
	position:relative;
}
#Entete{
	width:950px;
	height:51px;
	padding-top:36px;
}
#Entete .Logo, #Entete .Slogan{
	display:block;
	float:left;
}
#Entete .Logo{
	margin:0 0 0 1px;
}
#Entete .Slogan{
	margin:13px 0 0 7px;
}
#Entete #BlocReseauxSociaux{
	float:right;
	margin-top:6px;
}
#Entete #BlocReseauxSociaux p{
	font-family:'TitilliumText14L600wt', Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#959595;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:26px;
}
#Entete #BlocReseauxSociaux p a{
	color:#252525;
	font-style:normal;
	text-decoration:none;
	background:no-repeat right top;
	display:inline-block;
	height:26px;
	padding-right:36px;
}
#Entete #BlocReseauxSociaux p a.LogoFacebook{
	background-image:url(/images/Logo_Facebook.gif);
	margin-left:11px;
}
#Entete #BlocReseauxSociaux p a.LogoTwitter{
	background-image:url(/images/Logo_Twitter.gif);
	margin-left:25px;
}
#Corps{
	width:950px;
	padding-top:11px;
	padding-bottom:48px;
}
#BlocContenu{
	width:660px;
	float:left;
}
#FilAriane{
	width:660px;
	margin-top:3px;
	margin-bottom:26px;
}
#FilAriane li{
	float:left;	
	color:#939598;
	margin-right:5px;
}
#FilAriane a{
	color:#0694cb;
	text-decoration:none;
}
#FilAriane a:hover, #FilAriane a.On{
	color:#363636;
}
#BoiteActions{
	position:absolute;
	top:0;
	right:10px;
	min-height:28px;
	height:auto !important;
	height:28px;
	background:#5dc5ed url(/images/Bg_BoiteActions.gif) no-repeat bottom left;
	width:441px;
	padding:0 0 0 15px;
}
#BoiteActions a.LienLangue, #BoiteActions a.LienZoneClient{
	height:28px;
	line-height:28px;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	float:right;
}
#BoiteActions a.LienLangue{
	background:#252525;
	padding:0 22px 0 22px;
}
#BoiteActions a.LienLangue:hover{
	background:#0694cb;
}
#BoiteActions a.LienZoneClient{
	background:url(/images/Puce_FlecheConnexion.gif) no-repeat 0 0;
	padding:0 12px 0 12px;
	margin-right:5px;
	outline:none;
}
#BoiteActions a.LienZoneClient.Off{
	background-position:0 -28px;
	padding-left:14px;
}
#BoiteActions #BoiteConnexion{
	padding:13px 13px 12px 0;
	display:none;
}
#BoiteActions #BoiteConnexion .TxtBox{
	float:left;
	background:#a7dbf0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#363636;
	text-transform:none;
	padding:7px 8px 7px 8px;
	margin-right:6px;
	border:none;
}
#BoiteActions #BoiteConnexion .BoutonConnexion{
	float:left;
	width:29px;
	height:28px;
	background:url(/images/Bt_ConnexionClient.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#BoiteActions .BoutonFermeture{
	width:10px;
	height:8px;
	background:url(/images/Bt_Fermeture.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:9px;
	height:17px;
	display:none;
}

/* -----------------------------------------------------------------------------
STYLES POUR CONTENU (TOUTES LES PAGES)
----------------------------------------------------------------------------- */
#Contenu{
	position:relative;
}
#Contenu .ContenuPrimaire,
#Contenu .ContenuSecondaire{
	float:left;
}
#Contenu .ContenuPrimaire{
	width:215px;
	padding:0 20px 12px 0;
}
#Contenu .ContenuSecondaire{
	width:425px;
	padding:0 0 12px 0;
}
#Contenu .ContenuPrimaire p{
	font-size:1.1em;
	color:#707070;
	line-height:18px;
	margin-bottom:15px;
}
#Contenu p.TexteSpecial, #Contenu p span.TexteSpecial{
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#252525;
	margin-bottom:12px;
	line-height:20px;
}
#Contenu p.TextePetit, #Contenu p span.TextePetit{
	font-size:11px !important;
	color:#7D7D7D !important;
	font-style:italic;
}
#Contenu .ContenuSecondaire p{
	font-size:1.3em;
	color:#707070;
	line-height:18px;
	margin-bottom:15px;
}
#Contenu p.Punchline{
	font-family:'TitilliumText14L600wt', Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:3.2em;
	color:#252525;
	line-height:28px;
	margin-bottom:18px;
}
#Contenu img.Punchline{
	display:block;
}
#Contenu p{
	font-size:1.3em;
	color:#707070;
	line-height:18px;
	margin-bottom:18px;
}
#Contenu ul{
	margin-bottom:24px;
}
#Contenu li{
	font-size:1.3em;
	color:#707070;
	margin-bottom:6px;
	background:url(/images/Puce_Liste.gif) no-repeat 0 7px;
	padding-left:15px;
	line-height:18px;
}
#Contenu li p{
	font-size:1.0em;
}
#Contenu h1{
	font-size:1.3em;
	color:#939598;
	text-transform:uppercase;
	margin-bottom:25px;
}
#Contenu h1.TitreEditable{
	font-family:'TitilliumText14L600wt', Arial, Helvetica, sans-serif;
	font-size:4.8em;
	color:#252525;
	text-transform:none;
	line-height:50px;
	margin-bottom:21px;
	letter-spacing:-2px;
}
#Contenu h1.Client{
	height:22px;
	line-height:22px;
}
#Contenu h1.Client span{
	background:#0694cb url(/images/Bg_Client.gif) no-repeat right 50%;
	padding:0 42px 0 5px;
	color:#FFF;
	float:left;
	display:inline-block;
	margin-right:10px;
	margin-left:-5px;
}
#Contenu h2{
	font-size:1.1em;
	color:#939598;
	text-transform:uppercase;
	margin-bottom:2px;
}
#Contenu h3{
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#0694cb;
	margin-bottom:16px;
}
#Contenu h4{
	font-size:1.2em;
	color:#000;
	text-transform:uppercase;
	margin-bottom:2px;
}
#Contenu h5{
	font-size:1.8em;
	font-weight:bold;
	color:#363636;
	margin-bottom:12px;
}
#Contenu h6{
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#252525;
	margin-bottom:0;
}
#Contenu p a:hover, #Contenu li a:hover{
	border-bottom:1px dotted #0694cb;
}
#Contenu .ImageEntete{
	display:block;
	margin:0 0 23px 0;
}
#BoiteMystere{
	display:none;
	position:fixed;
	bottom:0;
	left:50%;
	z-index:9999;
	margin-left:-150px;
	cursor:help;
}

/* -----------------------------------------------------------------------------
COLONNE LATÉRALE
----------------------------------------------------------------------------- */
#ColonneLaterale{
	width:245px;
	float:right;
	padding:14px 0 0 0;
}
#ColonneLaterale li, #ColonneLaterale p{
	font-size:13px;
	color:#7d7d7d;
}
#ColonneLaterale p{
	margin-bottom:14px;
}
#ColonneLaterale p br{
	margin-bottom:8px;
}
#ColonneLaterale a:hover{
	border-bottom:1px dotted #0694cb;
}
#ColonneLaterale #BlocRecherche{
	margin-bottom:65px;
}
#ColonneLaterale #BlocRecherche,
#ColonneLaterale #BlocInfolettre{
	width:245px;
	height:28px;
	position:relative;
}
#ColonneLaterale .TxtBox{
	float:left;
	width:217px;
	color:#0694cb;
	padding-right:20px;
}
#ColonneLaterale .BoutonRecherche{
	float:left;
	width:10px;
	height:10px;
	background:#f1f1f2 url(/images/Puce_Fleche.gif) no-repeat 50% 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
	outline:none;
	position:absolute;
	top:10px;
	right:6px;
	z-index:100;
}
#ColonneLaterale .BlocColonne{
	margin-bottom:24px;
}
#ColonneLaterale .BlocColonne p.TitreBloc{
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#363636;
	margin-bottom:2px;
	margin-bottom:4px;
	line-height:22px;
}
#ColonneLaterale #ContactClient{
	background:url(/images/Bg_SousMenu.png) no-repeat bottom left;
	padding-bottom:20px;
	margin-bottom:18px;
}
#ColonneLaterale .SousMenu{
	background:url(/images/Bg_SousMenu.png) no-repeat bottom left;
	padding-bottom:20px;
	margin-top:16px;
	margin-bottom:18px;
}
#ColonneLaterale .SousMenu li{
	margin-bottom:5px;
}
#ColonneLaterale .SousMenu a.On{
	color:#363636;
	padding-left:19px;
	background:url(/images/Puce_SousMenu.gif) no-repeat 1px 50%;
	border:none;
}
#ColonneLaterale #ListeNouvelles{
	margin-top:24px;	
}
#ColonneLaterale #ListeNouvelles li{
	margin-bottom:27px;
	padding-left:121px;
}
#ColonneLaterale #ListeNouvelles a:hover{
	border:none;
}
#ColonneLaterale #ListeNouvelles .ImageNouvelle{
	float:left;
	width:111px;
	height:62px;
	display:block;
	margin-left:-121px;
}
#ColonneLaterale #ListeNouvelles span.CategorieNouvelle{
	text-transform:uppercase;
	font-size:11px;
}
#ColonneLaterale #ListeNouvelles span.CategorieNouvelle a:hover{
	border-bottom:1px dotted #0694cb;
}
#ColonneLaterale #ListeNouvelles a.LienNouvelle,
#ColonneLaterale #ListeNouvelles a.LienNouvelle:hover{
	color:#363636;
}
#ColonneLaterale #BoiteTemoignages{
	position:relative;
}
#ColonneLaterale #BoiteTemoignages li{
	position:absolute;
	top:0;
	left:0;
}
#ColonneLaterale p.AuteurTemoignage{
	font-size:11px;
	font-style:italic;
	color:#363636;
}
#ColonneLaterale p.AuteurTemoignage span{
    text-transform:uppercase;
}
#ColonneLaterale p.SelectionTemoignage{
    font-size:11px;
    color:#939598;
    text-transform:uppercase;
}
#ColonneLaterale p.SelectionTemoignage span{
    color:#0694cb;
    margin-right:5px;
}
#ColonneLaterale p.SelectionTemoignage a{
    margin-left:2px;
    margin-right:3px;
	outline:none;
}
#ColonneLaterale p.SelectionTemoignage a.On{
	color:#363636;
}

#ColonneLaterale p.LikeFacebook{
	margin:10px 0 0 0;
}

/* -----------------------------------------------------------------------------
PIED DE PAGE
----------------------------------------------------------------------------- */
#WrapperPiedPage{
	height:99px;
	background:url(/images/Bg_PiedPage.jpg) no-repeat 50% 0;
}
#PiedPage {
	width:950px;
	margin:0 auto;
}
#PiedPage p{
	font-size:1.2em;
	color:#252525;
	float:left;
	margin:33px 0 0 0;
}
#PiedPage ul{
	float:right;
	margin:34px 0 0 0;
}
#PiedPage ul li{
	float:left;
	font-size:1.2em;
	color:#7d7d7d;
	margin-left:6px;
}
#PiedPage ul li.DernierItem{
	color:#252525;
}
#PiedPage a{
	color:#0694cb;
	text-decoration:none;
}
#PiedPage a:hover {
	border-bottom:1px dotted #0694cb;
}
#PiedPage ul li a{
	color:#252525;
	padding:4px 0 3px 0;
}
#PiedPage ul li a:hover,
#PiedPage ul li a.On{
	color:#939598;
	border-top:1px solid #5dc5ed;
	border-bottom:1px solid #5dc5ed;
}
#PiedPage ul li.DernierItem a{
	color:#0694cb;
	border:none !important;
	padding-bottom:0;
}
#PiedPage ul li.DernierItem a:hover{
	border-bottom:1px dotted #0694cb !important;
}

/* -----------------------------------------------------------------------------
STYLES POUR MENUS
----------------------------------------------------------------------------- */
#BlocMenus{
	width:950px;
	height:42px;
	position:relative;
	background:url(/images/Bg_BlocMenus.gif) repeat-x 0 0;
}
#Highlight{
	height:40px;
	width:0px;
	background:none;
	border-top:1px solid #5dc5ed;
	border-bottom:1px solid #5dc5ed;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#MenuPrincipal, #MenuSecondaire{
	height:40px;
}
#MenuPrincipal{
	float:left;
}
#MenuSecondaire{
	float:right;	
}
#ConteneurMenus{
	width:950px;
	height:40px;
	position:absolute;
	z-index:2;
}
#MenuPrincipal li, #MenuSecondaire li{
	height:40px;
	float:left;	
}
#MenuPrincipal li{
	margin-right:19px;
}
#MenuSecondaire li{
	margin-right:13px;
}
#MenuSecondaire li.DernierItem{
	margin:0;
}
#MenuPrincipal a, #MenuSecondaire a{
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:no-repeat 0 2px;
	outline:none;
}
#MenuPrincipal a.On, #MenuSecondaire a.On{
	background-position:0 -39px;
	border-top:1px solid #5dc5ed;
	border-bottom:1px solid #5dc5ed;
}

/* -----------------------------------------------------------------------------
STYLES POUR CAROUSSELS
----------------------------------------------------------------------------- */
#Contenu .Caroussel{
	position:relative;
	width:660px;
	overflow:hidden;
}
#Contenu .Caroussel .BoutonPrecedent, #Contenu .Caroussel .BoutonSuivant{
	width:25px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:no-repeat 0 0;
	position:absolute;
	top:26px;
	outline:none;
}
#Contenu .Caroussel .BoutonPrecedent:hover, #Contenu .Caroussel .BoutonSuivant:hover{
	background-position:0 -25px;
}
#Contenu .Caroussel .BoutonPrecedent{
	background-image:url(/images/Bt_CarousselPrecedent.png);
	right:28px;
}
#Contenu .Caroussel .BoutonSuivant{
	background-image:url(/images/Bt_CarousselSuivant.png);
	right:0;
}
#Contenu .Caroussel .ContenuCaroussel{
	width:660px;
}
#Contenu .ContenuCaroussel ul{
	margin:0;
}
#Contenu .ContenuCaroussel ul li{
	float:left;
	background:none;
	padding:0;
	position:relative;
}
#Contenu .Caroussel#Realisations{
	width:680px;
	margin:0 0 22px -10px;
}
#Contenu .Caroussel#Realisations h2, 
#Contenu .Caroussel#Realisations p.Punchline{
	margin-left:10px;
}
#Contenu .Caroussel#Realisations .BoutonPrecedent{
	right:38px;
}
#Contenu .Caroussel#Realisations .BoutonSuivant{
	right:10px;
}
#Contenu .Caroussel#Realisations ul li{
	margin-right:25px;
	width:190px;
	height:225px;
	position:relative;
	padding:10px;
}
#Contenu .Caroussel#Realisations ul li:hover,
#Contenu .Caroussel#Realisations ul li.Hover{
	background-color:#f1f1f2;
}
#Contenu .Caroussel#Realisations img.ApplicationMobile,
#Contenu .Caroussel#Realisations img.EtudeCas{
	position:absolute;
	top:89px;
	right:10px;
}
#Contenu .Caroussel#Clients ul li{
	margin-right:16px;
	width:153px;
	height:86px;
}
#Contenu .ContenuCaroussel img{
	display:block;
	margin-bottom:11px;
}
#Contenu .ContenuCaroussel p{
	margin:0;
}
#Contenu .ContenuCaroussel p.Date{
	font-size:11px;
	color:#7d7d7d;
	display:none;
}
#Contenu .ContenuCaroussel p.Titre{
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	margin-bottom:4px;
}
#Contenu .ContenuCaroussel p.Description{
	font-size:12px;
	color:#939598;
}

/* -----------------------------------------------------------------------------
STYLES POUR CAROUSSELS (ACCUEIL + RÉALISATIONS)
----------------------------------------------------------------------------- */
.Slideshow{
	width:660px;
	height:276px;
	margin-bottom:23px;
	background:#FFF;
	position:relative;
}
.Slideshow #BulleSlideshow{
	position:absolute;
	top:0;
	right:0;
	width:660px;
	height:276px;
	z-index:100;
}
.Slideshow ul{
	width:660px;
	height:276px;
	overflow:hidden;
	position:absolute;
}
.Slideshow li{
	width:660px;
	height:276px;
	margin:0;
	padding:0 !important;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
}
.Slideshow .ImageDepart, .Slideshow .ImageSlideshow{
	width:660px;
	display:block;
	position:absolute;
	top:0; 
	left:0;
	z-index:1;
}
.Slideshow .ImageDepart{
	z-index:500;
}
.Slideshow .BoutonPrecedent, .Slideshow .BoutonSuivant{
	width:36px;
	height:36px;
	background:no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	position:absolute;
	top:15px;
	z-index:200;
}
.Slideshow .BoutonPrecedent:hover, .Slideshow .BoutonSuivant:hover{
	background-position:0 -36px;
}
.Slideshow .BoutonPrecedent{
	background-image:url(/images/Bt_SlideshowPrecedent.png);
	right:51px;
}
.Slideshow .BoutonSuivant{
	background-image:url(/images/Bt_SlideshowSuivant.png);
	right:14px;
}
.WrapperDescriptionSlideshow{
	width:228px;
	background:url(/images/Bg_WrapperSlideshow.png) no-repeat bottom right;
	padding-bottom:18px;
	position:absolute;
	top:50%;
	right:-15px;
	z-index:3;
}
.DescriptionSlideshow{
	background:url(/images/Bg_DescriptionSlideshow.png) no-repeat top right;
	padding-top:12px;
}
.DescriptionSlideshow a:hover{
	border-bottom:none !important;
}
.DescriptionSlideshow p{
	background:#00a4e4 url(/images/Bg_InterieurDescriptionSlideshow.png) repeat-x top right;
	min-height:88px;
	text-align:right;
	padding:5px 30px 12px 10px;
	margin-bottom:0 !important;
}
.DescriptionSlideshow p span{
	display:block;
}
.DescriptionSlideshow p span.TitreRealisation{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}
.DescriptionSlideshow p span.DescriptionRealisation{
	font-size:20px;
	color:#FFF;
	line-height:24px;
}
.DescriptionSlideshow p span.LienRealisation{
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	line-height:24px;
	line-height:21px;
	background:url(/images/Puce_FlecheAlternative.gif) no-repeat right 50%;
	padding-right:13px;
}

/* -----------------------------------------------------------------------------
LISTES GÉNÉRÉES
----------------------------------------------------------------------------- */
#Contenu .ListeGeneree{
	float:left;
	width:680px;
	margin:10px 0 0 -10px;
	position:relative;
}
#Contenu .ListeGeneree li{
	float:left;
	background:none;
	padding:0;
	overflow:hidden;
	padding:10px;
	width:190px;
	margin-right:25px;
}
#Contenu #ListeSecteurs li{
	height:200px;
}
#Contenu #ListePlateformes li{
	height:168px;
}
#Contenu #EtapesRealisation li{
	height:250px;
}
#Contenu #ListeProduits li{
	width:188px;
	height:211px;
	margin-right:27px;
}
#Contenu .ListeGeneree li.DernierItem{
	margin-right:0 !important;
}
#Contenu .ListeGeneree li.Hover{
	background-color:#f1f1f2;
}
#Contenu .ListeGeneree img{
	width:190px;
	display:block;
	margin-bottom:11px;
}
#Contenu .ListeGeneree p img{
	display:inline;
	margin:0 !important;
	width:auto;
}
#Contenu .ListeGeneree p.Secteur,
#Contenu .ListeGeneree p.Plateforme,
#Contenu .ListeGeneree p.Produit{
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	line-height:20px;
	margin-bottom:3px;
}
#Contenu #ListeSecteurs p.Client{
	font-size:12px;
	line-height:14px;
}

/* -----------------------------------------------------------------------------
STYLES POUR ACCUEIL
----------------------------------------------------------------------------- */
#ColonneLaterale ul.Nouveautes li{
	padding-bottom:6px;
	margin-bottom:2px;
}
#ColonneLaterale ul.Nouveautes .ImageNouveaute{
	float:left;
	width:100px;
	height:56px;
	margin:3px 10px 18px 0;
}
#ColonneLaterale ul.Nouveautes .DetailNouveaute{
	float:left;
	width:135px;
}
#ColonneLaterale ul.Nouveautes .DetailNouveaute a{
	color:#252525;
	border-bottom:none;
}
#ColonneLaterale ul.Nouveautes .DetailNouveaute p.Date{
	font-size:11px;
	margin-bottom:0;
}
#ColonneLaterale ul.Nouveautes .DetailNouveaute p.Date a{
	text-transform:uppercase;
	color:#0694cb;
}
#ColonneLaterale ul.Nouveautes .DetailNouveaute p.Date a:hover{
	border-bottom:1px dotted #0694cb;
}

/* -----------------------------------------------------------------------------
STYLES POUR RÉALISATIONS
----------------------------------------------------------------------------- */
#Contenu .ColonneContenu{
	float:left;
	width:205px;
	padding-right:30px;
	margin-bottom:24px;
}
#Contenu .ColonneContenu.DernierItem{
	width:190px;
	padding-right:0;
}
#Contenu .ColonneContenu li{
	margin-bottom:2px;
	background:none;
	padding:0;
}
.BoutonVoirRealisation{
	width:228px;
	height:61px;
	background:url(/images/Bg_Bulle.png) no-repeat 0 0;
	display:block;
	position:absolute;
	right:-15px;
	top:27px;
	z-index:9999;
	outline:none;
	font-size:14px;
	font-weight:bold;
	color:#FFF !important;
	text-transform:uppercase;
	text-align:center;
	line-height:48px;
}
.BoutonVoirRealisation span{
	background:url(/images/Puce_FlecheAlternative.gif) no-repeat right 50%;
	padding-right:14px;
}
#BtRealisationPrecedente, #BtRealisationSuivante{
	display:none;
	z-index:9999;
}
/*
#BtRealisationPrecedente{
	left:-15px;
}
#BtRealisationSuivante{
	right:-15px;
}*/

/* -----------------------------------------------------------------------------
PAGE DES SERVICES
----------------------------------------------------------------------------- */
#Contenu #EtapesRealisation{
	margin-top:14px;
	margin-bottom:18px;
}
#Contenu #EtapesRealisation li{
	padding-top:63px;
}
#Contenu #EtapesRealisation li.Planification{
	background:url(/images/Ti_Etape1.png) no-repeat 0 12px;
}
#Contenu #EtapesRealisation li.Production{
	background:url(/images/Ti_Etape2.png) no-repeat 0 12px;
}
#Contenu #EtapesRealisation li.Commercialisation{
	background:url(/images/Ti_Etape3.png) no-repeat 0 12px;
	margin-right:0;
}
#Contenu #EtapesRealisation li.Hover{
	background-color:#f1f1f2;
	background-position:-210px 12px;
}
#Contenu #EtapesRealisation li img{
	margin-bottom:15px;
}
#Contenu #EtapesRealisation p.TitreEtape{
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	color:#0694cb;
	margin-bottom:0;
}
#Contenu #EtapesRealisation p a{
	color:#707070;
}
#Contenu #EtapesRealisation p a:hover{
	border-bottom:none;
}

/* -----------------------------------------------------------------------------
PAGE DES PRODUITS (INDEX TECHNOLOGIE)
----------------------------------------------------------------------------- */
#Contenu #ListeProduits img{
	display:block;
	margin-bottom:11px;
}
#Contenu #ListeProduits p.Description img{
	display:inline;
	width:6px;
	height:8px;
	margin:0;
}
#Contenu #ListeProduits p.Description a, #Contenu #ListeProduits p.Description a:hover{
	color:#707070;
	border:none;
}

/* -----------------------------------------------------------------------------
LISTE DES NOUVELLES + DÉTAIL
----------------------------------------------------------------------------- */
#Contenu h1.SujetChoisi{
	float:left;
	font-weight:bold;
	color:#0694cb;
}
#Contenu h1.SujetChoisi span{
	text-transform:none;
	color:#363636;
}
#Contenu a.FilRSS{
	float:right;
	font-size:11px;
	font-weight:bold;
	color:#363636;
	background:url(/images/Picto_RSS.png) no-repeat 0 50%;
	padding-left:20px;
	display:inline-block;
	height:15px;
	line-height:15px;
}
#Contenu ul#ListeNouvelles li{
	background:none;
	margin:0 0 10px 0;
	padding:0 0 11px 0;
	width:660px;
	background:url(/images/Bg_LigneHorizontale.gif) no-repeat bottom left;
}
#Contenu ul#ListeNouvelles li .Nouvelle{
	float:left;
	width:660px;
	padding:10px;
	margin:0 0 0 -10px;
}
#Contenu ul#ListeNouvelles li .Nouvelle.Hover{
	background:#f1f1f2;
}
#Contenu ul#ListeNouvelles img.ImageNouvelle{
	float:left;
	width:190px;
	margin-right:18px;
}
#Contenu ul#ListeNouvelles .TexteNouvelle{
	float:left;
	width:438px;
}
#Contenu ul#ListeNouvelles p{
	color:#7d7d7d;
}
#Contenu ul#ListeNouvelles p.DateNouvelle{
	font-size:0.85em;
	margin-bottom:3px;
}
#Contenu ul#ListeNouvelles p.TitreNouvelle{
	font-family:'TitilliumText14L600wt', Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
	line-height:22px;
}
#Contenu ul#ListeNouvelles p.TitreNouvelle a{
	color:#000;
}
#Contenu ul#ListeNouvelles p.TitreNouvelle a:hover{
	color:#0694CB;
	border:none;
}
#Contenu ul#ListeNouvelles p.SommaireNouvelle{
	/*font-size:1.1em;*/
	margin-bottom:8px;
}
#Contenu ul#ListeNouvelles p.SommaireNouvelle a{
	color:#7d7d7d;
	border:none;
}
#Contenu p.DateNouvelle{
	margin-bottom:3px;
}
#Contenu .BlocPartage{
	width:660px;
}
#Contenu .BlocPartage li{
	float:left;
	font-family:'TitilliumText14L600wt', Arial, Helvetica, sans-serif;
	color:#959595;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
	margin-right:15px;
	height:16px;
	line-height:16px;
	background:none;
	padding:0;
}
#Contenu .BlocPartage a, #Contenu .BlocPartage a:hover{
	color:#252525;
	text-decoration:none;
	border-bottom:none;
	display:inline-block;
	padding-left:21px;
	height:16px;
}
#Contenu .BlocPartage a.LienPartager{
	background:url(/images/Icone_Partage.gif) no-repeat 0 1px;
	padding-left:0;
}
#Contenu .BlocPartage a.LienPartager span{
	background:none !important;
	padding:0 !important;
}
#Contenu .BlocPartage a.LienFacebook{
	background:url(/images/Icone_Facebook.gif) no-repeat 0 0;
}
#Contenu .BlocPartage a.LienTwitter{
	background:url(/images/Icone_Twitter.gif) no-repeat 0 0;
}
#Contenu .BlocPartage a.LienRSS{
	background:url(/images/Icone_RSS.gif) no-repeat 0 1px;
}
#Contenu .BlocPartage a.LienCourriel{
	background:url(/images/Icone_Courriel.gif) no-repeat 0 1px;
	padding-left:25px;
}

/* -----------------------------------------------------------------------------
STYLES POUR PAGE DES EMPLOIS OFFERTS
----------------------------------------------------------------------------- */

#CandidaturesSpontannee{margin:20px 0;}

#CandidaturesSpontannee .hr
{
    background:url("/images/Bg_LigneHorizontaleAlt.gif") no-repeat scroll left bottom transparent;
    margin:20px 0;
}

#CandidaturesSpontannee table tr td, #CandidaturesSpontannee table tr td p
{
    color:#707070;
    font-size:1.2em;
    padding:0px;
}
#CandidaturesSpontannee table tr td p{font-size:1em;}

#CandidaturesSpontannee table tr:first-child td
{
    font-size:1.3em;
    padding:0 0 5px 0;
    margin:0px;
    color:#0694CB;
    vertical-align:top;
    font-weight:bold;
    text-transform:uppercase;
}

.EmploisPartage
{
    position:relative;
    margin:-15px 0 10px 0;
    overflow:hidden;
}
#Contenu .EmploisPartage .addthis_toolbox, #Contenu .EmploisPartage p
{
    zdisplay:inline;
    float:left;
    margin:0 3px 0 0;
    color:#aaa;
    font-size:1em;
    text-transform:uppercase;
}
#ListeEmplois{
	padding:7px 0 0 0;
	margin-bottom:0px;
}
.Poste{
	width:660px;
	background:transparent;
	margin-bottom:8px;
	margin-left:-10px;
	float:left;
	padding:0 10px 0 10px;
}
.Poste.Hover, .Poste.On{
	background:#f1f1f2;
}
.Poste .Position{
	float:left;
	width:70px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/Ti_PositionEmploi.png) no-repeat;
	margin-bottom:0 !important;
}
.Poste.Index1 .Position{
	background-position:0 0;
}
.Poste.Index1.Hover .Position,
.Poste.Index1.On .Position{
	background-position:-70px 0 !important;
}
.Poste.Index2 .Position{
	background-position:0 -73px;
}
.Poste.Index2.Hover .Position,
.Poste.Index2.On .Position{
	background-position:-70px -73px !important;
}
.Poste.Index3 .Position{
	background-position:0 -146px;
}
.Poste.Index3.Hover .Position,
.Poste.Index3.On .Position{
	background-position:-70px -146px !important;
}
.Poste.Index4 .Position{
	background-position:0 -219px;
}
.Poste.Index4.Hover .Position,
.Poste.Index4.On .Position{
	background-position:-70px -219px !important;
}
.Poste.Index5 .Position{
	background-position:0 -292px;
}
.Poste.Index5.Hover .Position,
.Poste.Index5.On .Position{
	background-position:-70px -292px !important;
}
.Poste .SommairePoste{
	/*width:560px;*/
	padding:10px 30px 8px 0;
	margin-bottom:0 !important;
	/*height:73px;
	overflow:hidden;*/
}
.Poste .SommairePoste span.TitrePoste{
	display:block;
	font-weight:bold;
	color:#0694cb;
	text-transform:uppercase;
	cursor:pointer;
}
.Poste .DescriptionPoste{
	/*float:right;*/
	width:560px;
	padding:0 30px 0 0;
	margin-left:18px;
	display:none;
}
.Formulaire .BlocSpecialites{
	float:left;
	width:298px;
	margin-bottom:40px;
}
.Formulaire .BlocMenuDeroulant a, .Formulaire .BlocMenuDeroulant a:hover{
	color:#FFF;
	border:none !important;
	font-size:11px !important;
	text-transform:uppercase;
}
.Formulaire .BlocMenuDeroulant a.SelectionMenuDeroulant{
	width:255px;
	padding:0 32px 0 11px;
	background:#5dc5ed url(/images/Puce_FlecheConnexion.gif) no-repeat 278px 0;
	display:block;
	height:28px;
	line-height:28px;
}
.Formulaire .BlocMenuDeroulant a.SelectionMenuDeroulant.On{
	background-position:278px -28px;
}
.Formulaire .BlocMenuDeroulant ul.MenuDeroulant{
	width:298px;
	background:#5dc5ed;
	display:none;
	position:absolute;
	display:none;
	z-index:9999;
}
.Formulaire .BlocMenuDeroulant ul.MenuDeroulant.On{
	display:block;
}
.Formulaire .BlocMenuDeroulant ul.MenuDeroulant li{
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}
.Formulaire .BlocMenuDeroulant ul.MenuDeroulant a{
	display:block;
	padding:3px 11px 3px 11px;
}
.Formulaire .BlocMenuDeroulant ul.MenuDeroulant a:hover{
	background:#0694CB;
}
.Formulaire .BlocCV{
	float:right;
	width:344px;
}
#SlideshowEmplois{
	overflow:visible;
}
#SlideshowEmplois li{
	height:auto;
	background:#FFF;
}
#SlideshowEmplois .ImageSlideshow{
	position:relative;
}
#SlideshowEmplois p.Punchline{
	/*position:absolute;
	top:-170px;
	z-index:999;*/
	width:660px;
	height:157px;
	background:#FFF no-repeat;
	margin:0;
}
img.LogoER{
	position:absolute;
	z-index:400;
	top:180px;
	left:21px;
}

/* -----------------------------------------------------------------------------
STYLES POUR PAGE À PROPOS
----------------------------------------------------------------------------- */
#PersonnesImportantes{
	float:left;
	width:214px;
	padding-top:6px;
	margin-bottom:10px;
}
#BlocDatesImportantes{
	width:425px;
	float:right;
	padding-top:6px;
}
#DatesImportantes{
	width:425px;
	height:30px;
	color:#252525 !important;
}
#DatesImportantes span{
	color:#939598;
}
#DatesImportantes a{
	outline:none;
}
#DatesImportantes a.On{
	color:#363636;
}
#DetailDatesImportantes{
	width:425px;
	height:130px;
	background:#FFF;
	position:relative;
}
#DetailDatesImportantes li{
	background:none;
	padding:0 0 0 0;
	height:130px;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
}

/* -----------------------------------------------------------------------------
STYLES POUR LA ZONE CLIENT
----------------------------------------------------------------------------- */
#Contenu #DetailZoneClient h3{
	margin-bottom:5px;
}

/* -----------------------------------------------------------------------------
STYLES POUR LE PLAN DU SITE
----------------------------------------------------------------------------- */
#Contenu #PlanSite li{
	font-size:1.3em;
	background:none;
	padding:0;
	margin-bottom:4px;
}
#Contenu #PlanSite a{
	color:#707070;
}
#Contenu #PlanSite a:hover{
	border-bottom-color:#707070;
}
#Contenu #PlanSite a.PremierNiveau{
	font-weight:bold;
	text-transform:uppercase;
	color:#0694cb;
}
#Contenu #PlanSite a.PremierNiveau:hover{
	border-bottom:none;
}
#Contenu #PlanSite li ul{
	margin-top:20px;
}
#Contenu #PlanSite li li{
	font-size:1.0em;
	float:left;
	width:200px;
	padding-right:20px;
}
#Contenu #PlanSite li li li{
	float:none;
	padding-right:0;
}
#Contenu #PlanSite li p{
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
#Contenu #PlanSite div.hr{
	margin-top:20px;
}

/* -----------------------------------------------------------------------------
CLASSES POUR LES HYPERLIENS
----------------------------------------------------------------------------- */
a.LienSpecial{
	font-size:11px;
	text-transform:uppercase;
	background:url(/images/Puce_Fleche.gif) no-repeat right 50%;
	padding-right:12px;
}
a.LienSpecial:hover{
	border:none !important;
}
a.LienSpecial:hover span{
	border-bottom:1px dotted #0694cb;
}
a.LienBouton{
	font-size:11px;
	height:26px;
	line-height:26px;
	display:inline-block;
	background:url(/images/Bg_LienBouton.gif) repeat-x 0 0;
	border:1px solid #e2e2e2;
	padding:0 9px 0 11px;
	text-transform:uppercase;
}
a.LienBouton:hover{
	border:1px solid #e2e2e2 !important;
	background-position:0 -26px;
}
a.LienBouton span{
	background:url(/images/Puce_Fleche.gif) no-repeat right 50%;
	padding-right:13px;
}
a.Colorbox:hover{
	border-bottom:none !important;
}

/* -----------------------------------------------------------------------------
CLASSES POUR LES FORMULAIRES
----------------------------------------------------------------------------- */
#Contenu .SommaireValidation{
	padding:8px 10px 4px 10px;
	background:#E2FF22;
	margin:0 0 16px 0;
}
#Contenu .SommaireValidation p{
	margin:0 0 4px 0 !important;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#Contenu .SommaireValidation ul{
	margin:0 0 0 0;
}
#Contenu .SommaireValidation ul li{
	padding:0;
	background:none;
	font-size:12px;
}
.Erreur{
	background:#e2ff22 !important;
	color:#707070 !important;
}
.Erreur.Login{
	font-size:0.85em;
	font-weight:bold;
	text-transform:uppercase;
	padding:1px 5px 1px 15px;
	position:absolute;
	left:0px;
	top:26px;
	display:none;
	overflow:hidden;
	white-space:nowrap;
}
.TxtBox, .TxtArea{
	background:#f1f1f2;
	border:none !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	/*text-transform:uppercase;*/
	padding:8px 0 6px 8px;
}
.Formulaire p{
	margin-bottom:24px !important;
}
.Formulaire p .TxtBox{
	width:652px;
	text-transform:none;
}
.Formulaire p .TxtArea{
	width:652px;
	height:94px;
	text-transform:none;
}
.Formulaire label{
	display:block;
	color:#707070;
	margin-bottom:2px;
	font-size:12px;
	font-weight:bold;
}
.Formulaire p.ChampsObligatoires{
	float:right;
	font-size:10px !important;
	margin-bottom:12px !important;
}
.Formulaire div.RadioButtons,
.Formulaire div.CheckBoxes{
	border:1px solid #F1F1F2;
	padding:15px 10px 4px 10px;
	margin:0 0 18px 0;
	position:relative;
	background:url(/images/Bg_Encadre.png) repeat-x 0 0;
}
.Formulaire div.RadioButtons p.LabelRadioButtons,
.Formulaire div.CheckBoxes p.LabelCheckBoxes{
	background:#FFF !important;
	position:absolute;
	top:-10px;
	left:-1px;
	display:block;
	padding-bottom:3px;
}
.Formulaire div.RadioButtons p.LabelRadioButtons label,
.Formulaire div.CheckBoxes p.LabelCheckBoxes label{
	font-size:12px !important;
	font-weight:bold;
}
.Formulaire div.RadioButtons p,
.Formulaire div.CheckBoxes p{
	padding:0;
	margin:0 0 4px 0 !important;
}
.Formulaire div.RadioButtons input,
.Formulaire div.CheckBoxes input{
	float:left;
	margin:2px 8px 0 0;
}
.Formulaire div.RadioButtons label,
.Formulaire div.CheckBoxes label{
	margin:0;
	margin-right:10px;
	float:left;
	font-size:11px !important;
	font-weight:normal;
}
.Formulaire .SelectList{
	width:325px;
	color:#707070;
	border:1px solid #CCC;
}

/* -----------------------------------------------------------------------------
CLASSES POUR LES RÉSULTATS DE RECHERCHE
----------------------------------------------------------------------------- */
#SearchResults h2 img{
	vertical-align:bottom;
	margin-right:4px;
}

/* -----------------------------------------------------------------------------
CLASSES POUR LES TABLEAUX
----------------------------------------------------------------------------- */
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu table td{
	vertical-align:top;
	padding-right:65px;
}
#Contenu table.TableauClients td{
	width:205px;
	padding-right:30px;
}
#Contenu table.TableauClients td.DernierItem{
	width:190px;
	padding-right:0;
}
#Contenu table.TableauClients td p{
	margin:0 0 14px 0;
	line-height:14px;
}
#Contenu table.TableauPersonnes td{
	width:130px;
	padding:0 0 20px 0;
	vertical-align:top;
}
#Contenu table.TableauPersonnes td h3{
	font-size:11px;
	margin:0;
}
#Contenu table.TableauPersonnes td p{
	font-size:10px;
	color:#939598;
	line-height:12px;
	margin:0;
}
#Contenu table.TableauContact td{
	padding:0;
}
#Contenu table.TableauContact td p{
	font-size:12px;
}
#Contenu table.TableauNavigateurs{
	margin:5px 0 5px 0;
	border:1px solid #e2e2e2;
	border-right:none;
	background:#FFF;
}
#Contenu table.TableauNavigateurs td{
	padding:10px;
	border-right:1px solid #e2e2e2;
}
#Contenu table.TableauNavigateurs td h3{
	font-size:12px;
	margin-top:9px;
}
#Contenu table.TableauNavigateurs td h3 span.TextePetit {
	background:#F1F1F1;
	color:#909090;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding:2px 6px 1px 6px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Contenu table.TableauNavigateurs td p{
	margin:0 0 20px 0;
}
#Contenu table.TableauNavigateurs table {
	margin:0 0 10px 0;
}
#Contenu table.TableauNavigateurs table th{
	padding:10px 20px 10px 20px;
	font-size:12px;
	text-transform:uppercase;	
	background:#909090;
	color:#FFF;
}
#Contenu table.TableauNavigateurs table td{
	padding:10px 20px 10px 20px;
	border-right:none;
	font-size:12px;
	background:#F1F1F1;
	color:#707070;
}
#Contenu table.TableauNavigateurs table td.Alt {
	background:#FCFCFC;
}
#Contenu table.TableauNavigateurs table td strong{
	color:#252525;
}

/*--------------------------------------------------------------------------*/

/*- 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,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}