@charset "utf-8";
/* CSS Document */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'PP : CSSGlobal' */
/************** Pépé StyleSheet **************/

* {
	margin:0;
	padding:0;
}

body{
	background:url(images/img/background.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666;
}

img,fieldset{
	border:none;
}

ul{
	list-style:none;
}

a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1d979f;
	font-size:1em;
	text-decoration:underline;
}

a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
}

.alignjustify{
	text-align:justify;
}

.aligncenter{
	text-align:center;
}

.alignleft{
	text-align:left;
}

.alignright{
	text-align:right;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.end{
	clear:both;
	height:1px;
}

.end hr{
	visibility:hidden;
}

.small{
	font-weight:normal;
	font-size:0.9em;
	color:#999;
}

div#ct-right input,textarea,select{
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	border:#DEDEDE solid 1px;
}
div#ct-right input:hover,textarea:hover,select:hover{
	color:#333;
	background-color:#DEDEDE;
}

/* Global */

#global {
	margin:50px auto 0 auto;
	width:962px;
}

/* Left */

#global #left{
	float:left;
	background:url(images/img/content_left.png) no-repeat top right;
	width:22px;
	height:600px;
}

/* Content */

#global #content {
	float:left;
	width:724px;
}

/* Header */

#global #content #header {
	background:url(images/img/header_right.png) no-repeat bottom right;
	height:59px;
	width:724px;
}

/* Logo */

#global #content #header #logo {
	float:left;
}

#global #content #header #logo h1 a {
	background:url(images/img/logo.png) no-repeat top left;
	width:218px;
	height:59px;
	text-indent:-9000px;
	display:block;
    -moz-outline-style:none;
}

/* ct */
#global #content #ct{
	width:720px;
	border-right:#fff solid 2px;
	border-left:#fff solid 2px;
	background-color:#f5f5f5;
}

#global #content #ct ol{
	list-style-position:inside;
}

#global #content #ct #swf{
	background:#f5f5f5 url(images/img/flash-bg.png) no-repeat top left;
	height:240px;
	width:720px;
}

/* flash */
/* no-flash */
#global #content #ct #swf #classic #mot-cles { visibility:hidden; }

/* no-flash */
#global #content #ct #swf #classic p{
	margin:90px auto 0 auto;
	background:url(images/img/no-flash.png) no-repeat top right;
	padding-right:55px;
	padding-top:7px;
	width:375px;
	height:150px;
	display:block;
	text-align:right;
	font-size:1.2em;
}

/* ct-right */
#global #content #ct #ct-right{
	margin-right:20px;
	margin-top:20px;
	margin-bottom:50px;
	float:right;
	width:425px;
}

/* Hack ie6. \*/
* html #global #content #ct #ct-right {
	width:425px;
	margin-right:10px;
}
/* Hack ie6. \*/

#global #content #ct #ct-right #breadcrumbs{
	font-weight:normal;
	font-size:0.9em;
	color:#999;
	text-align:right;
}

#global #content #ct #ct-right p, 
#global #content #ct #ct-right ul, 
#global #content #ct #ct-right h4, 
#global #content #ct #ct-right dl,
#global #content #ct #ct-right table{
	margin-top:20px;
	margin-bottom:20px;
}

#global #content #ct #ct-right h2{
	font-weight:bold;
	font-size:1.4em;
	color:#333;
	position:relative;
	background-color:#f5f5f5;
	right:2px;
	display:inline;
	padding-right:10px;
	z-index:2;
	top:7px;
}

#global #content #ct #ct-right h2 a{
	text-decoration:none;
}

#global #content #ct #ct-right h2 a:hover{
	color:#333;
}

#global #content #ct #ct-right .sep{
	background:url(images/img/hr.png) no-repeat top right;
	height:1px;
	position:relative;
	top:18px;
	z-index:1;
}

#global #content #ct #ct-right .sep hr{
	visibility:hidden;
}

#global #content #ct #ct-right h4{
	color:#333;
	font-weight:bold;
	font-size:1.25em;
}

#global #content #ct #ct-right .small{
	margin-top:-20px;
}

#global #content #ct #ct-right dl{
	margin-bottom:30px;
	margin-top:20px;
}

#global #content #ct #ct-right dl .picto{
	float:left;
	width:53px;
	margin-right:10px;
}

#global #content #ct #ct-right dl .pictodl{
	float:left;
	/*width:53px;*/
	margin-right:10px;
}

#global #content #ct #ct-right dl dt{
	font-size:1.2em;
	color:#333;
	font-weight:bold;
}

/* Client */

#global #content #ct #ct-right #client{
	margin-left:25px;
	border:none;
	width:90%;
}

#global #content #ct #ct-right #client tr td{
	width:33%;
	background:url(images/img/list-ico.png) no-repeat center left;
	padding-left:15px;
}

#global #content #ct #ct-right .client li{
	background:url(images/img/list-ico.png) no-repeat left center;
	padding-left:15px;
	display:block;
}

/* Solution */

#global #content #ct #ct-right #the-solution{
	margin-left:20px;
}

#global #content #ct #ct-right #the-solution li{
	float:left;
	display:block;
}

#global #content #ct #ct-right #the-solution li a{
	padding-left:40px;
	height:50px;
	width:160px;
	display:block;
}

#global #content #ct #ct-right #the-solution #ve a{
	background:url(images/img/picto-download.png) no-repeat top left;
}

#global #content #ct #ct-right #the-solution #vp a{
	background:url(images/img/picto-pedago.png) no-repeat top left; 
}

/* Menu LEXIQUE */
div.glossarynav{
		text-align:center;
}

/* LEXIQUE */
#global #content #ct #ct-right #dllexique dd{
         margin-bottom:10px;
}

/* FAQ*/
#global #content #ct #ct-right #dlfaq dt{
         padding-bottom:5px;
         padding-top:5px;
}

#global #content #ct #ct-right #dlfaq dd ol li{
         padding-bottom:5px;
         padding-top:5px;
}

#global #content #ct #ct-right #dlfaq dd ol{
         padding-left:20px;
}

#global #content #ct #ct-right #dlfaq dd ol li img{
         padding-top:10px;
}

/* Image FAQ */
#global #content #ct #ct-right dd p img, 
#global #content #ct #ct-right dd ol li img,
#global #content #ct #ct-right dd ul li img{
        max-width:420px;
        width: expression(document.body.clientWidth > 420? "420px"  : "auto");
}

/* Footer */

#global #content div#footer{
	background:url(images/img/footer.png) no-repeat top left;
	height:47px;
	padding-top:5px;
	color:#666;
	text-align:right;
	display:block;
	margin:0 auto 40px auto;
	font-size:0.9em;
}

#global #content div#footer p{
	float:left;
	margin-right:7px;
	padding-left:65px;
}

#global #content div#footer ul li{
	float:left;
	padding-right:7px;
	padding-left:7px;
	background:url(images/img/footer_sep.png) no-repeat bottom left;
}

#global #content div#footer li a{
	color:#666;
}

/* Sitemap */

#global #content #sitemap ul{
	margin:0;
	padding:0;
	line-height:0;
	list-style-image:url(images/img/list-ico.png)
}

#global #content #sitemap ul li{
	margin: 0 0 0 2em;
	line-height: 1.4em;
}

/* Form tarifs */

div.submit{
	text-align:center;
	margin-top:20px;
}

div.submit input{
	color:#666;
	font-weight:bold;
	width:200px;
	background-color:#f1f1f1;
	margin: 0px 5px 0px 5px;
}

/* End of 'PP : CSSGlobal' */

/* Start of CMSMS style sheet 'PP : CSSMenu Principal' */
/********************
PP MENU PRINCIPAL
*********************/

#global #content #header #menu{
	height:59px;
	background:url(images/img/header.png) no-repeat bottom left;
	margin-left:218px;
}

/* Hack ie6. \*/
* html #content #header #menu {
	margin: 0 -3px; 
	position:relative;
	right:3px;
}
/* Hack ie6. \*/

#global #content #header #menu ul li{
	padding-top:11px;
	float:left;
}

#global #content #header #menu ul li a{
	text-indent:-9000px;
	display:block;
	height:28px;
    -moz-outline-style:none;
}

/*** menu :a ***/

#global #content #header #menu ul #accueil a{
	background:url(images/img/bt_accueil.png) no-repeat top left;
	width:63px;
}

#global #content #header #menu ul #solution a{
	background:url(images/img/bt_solution.png) no-repeat top left;
	width:69px;
}

#global #content #header #menu ul #services-inxeoz a{
	background:url(images/img/bt_services.png) no-repeat top left;
	width:71px;
}

#global #content #header #menu ul #temoignages a{
	background:url(images/img/bt_temoignages.png) no-repeat top left;
	width:98px;
}

#global #content #header #menu ul #tarifs a{
	background:url(images/img/bt_tarifs.png) no-repeat top left;
	width:53px;
}

#global #content #header #menu ul #support a{
	background:url(images/img/bt_support.png) no-repeat top left;
	width:66px;
}

#global #content #header #menu ul #contact a{
	background:url(images/img/bt_contact.png) no-repeat top left;
	width:67px;
}

/*** menu :hover ***/

#global #content #header #menu ul #accueil a:hover{
	background:url(images/img/bt_accueil.png) no-repeat bottom left;
}

#global #content #header #menu ul #solution a:hover{
	background:url(images/img/bt_solution.png) no-repeat bottom left;
}

#global #content #header #menu ul #services-inxeoz a:hover{
	background:url(images/img/bt_services.png) no-repeat bottom left;
}

#global #content #header #menu ul #temoignages a:hover{
	background:url(images/img/bt_temoignages.png) no-repeat bottom left;
}

#global #content #header #menu ul #tarifs a:hover{
	background:url(images/img/bt_tarifs.png) no-repeat bottom left;
}

#global #content #header #menu ul #support a:hover{
	background:url(images/img/bt_support.png) no-repeat bottom left;
}

#global #content #header #menu ul #contact a:hover{
	background:url(images/img/bt_contact.png) no-repeat bottom left;
}

/*** menu .currentpage ***/

#global #content #header #menu ul #accueil.currentpage a{
	background:url(images/img/bt_accueil.png) no-repeat bottom left;
}

#global #content #header #menu ul #solution.currentpage a{
	background:url(images/img/bt_solution.png) no-repeat bottom left;
}

#global #content #header #menu ul #services-inxeoz.currentpage a{
	background:url(images/img/bt_services.png) no-repeat bottom left;
}

#global #content #header #menu ul #temoignages.currentpage a{
	background:url(images/img/bt_temoignages.png) no-repeat bottom left;
}

#global #content #header #menu ul #tarifs.currentpage a{
	background:url(images/img/bt_tarifs.png) no-repeat bottom left;
}

#global #content #header #menu ul #support.currentpage a{
	background:url(images/img/bt_support.png) no-repeat bottom left;
}

#global #content #header #menu ul #contact.currentpage a{
	background:url(images/img/bt_contact.png) no-repeat bottom left;
}

/*** menu .activeparent ***/

#global #content #header #menu ul #accueil.activeparent a{
	background:url(images/img/bt_accueil.png) no-repeat bottom left;
}

#global #content #header #menu ul #solution.activeparent a{
	background:url(images/img/bt_solution.png) no-repeat bottom left;
}

#global #content #header #menu ul #services-inxeoz.activeparent a{
	background:url(images/img/bt_services.png) no-repeat bottom left;
}

#global #content #header #menu ul #temoignages.activeparent a{
	background:url(images/img/bt_temoignages.png) no-repeat bottom left;
}

#global #content #header #menu ul #tarifs.activeparent a{
	background:url(images/img/bt_tarifs.png) no-repeat bottom left;
}

#global #content #header #menu ul #support.activeparent a{
	background:url(images/img/bt_support.png) no-repeat bottom left;
}

#global #content #header #menu ul #contact.activeparent a{
	background:url(images/img/bt_contact.png) no-repeat bottom left;
}

/* End of 'PP : CSSMenu Principal' */

/* Start of CMSMS style sheet 'PP : CSSGlobal - Left content' */
/*************************
TILOS GLOBAL LEFT CONTENT
**************************/

#global #content #ct #ct-left{
	margin-top:20px;
	margin-left:20px;
	width:232px;
}

#global #content #ct #ct-left #ct-left-top{
	background:url(images/img/leftbox_top.png) no-repeat top left;
	height:124px;
	width:232px;
}

#global #content #ct #ct-left h4{
	padding:0px 15px 0px 20px;
	font-size:1.4em;
	font-weight:bold;
	color:#1d979f;
	border-left:#dedede solid 1px;
	border-right:#dedede solid 1px;
	background-color:#f1f1f1;
}

#global #content #ct #ct-left h4 a{
	text-decoration:none;
}

#global #content #ct #ct-left h4 a{
	text-decoration:none;
}

#global #content #ct #ct-left h4 .ct-left-title{
	font-weight:bold;
	color:#333;
	display:block;
}

#global #content #ct #ct-left dl{
	border-left:#dedede solid 1px;
	border-right:#dedede solid 1px;
	background-color:#f1f1f1;
}

#global #content #ct #ct-left dl dt a{
	padding:0px 15px 0px 20px;
	display:block;
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#global #content #ct #ct-left dl dt a:hover{
	padding:0px 15px 0px 20px;
	color:#1d979f;
}

#global #content #ct #ct-left dl .date{
	font-weight:normal;
	font-size:0.9em;
	color:#999;
	padding-left:20px;
	padding-top:15px;
}

#global #content #ct #ct-left dl dd{
	padding:0px 15px 0px 20px;
}

#global #content #ct #ct-left dl .ct-left-next{
	background:url(images/img/submenu.png) no-repeat center left;
	padding-left:10px;
	margin-left:135px;
}

#global #content #ct #ct-left #ct-left-bottom{
	background:url(images/img/leftbox_bottom.png) no-repeat top left;
	height:24px;
	width:232px; 
}

/* End of 'PP : CSSGlobal - Left content' */

/* Start of CMSMS style sheet 'PP : CSSGlobal - Right content' */
/*******************
TILOS RIGHT CONTENT
********************/

#global #right{
	background:url(images/img/content_right.png) no-repeat top left;
	width:212px;
	height:600px;
	float:left;
	text-align:right;
	padding-top:90px;
	position:relative;
}

#global #right dl, #global #right p, 
#global #right fieldset {
	margin-right:20px;
	margin-left:10px;
	margin-top:6px;
}

#global #right dl dt{
	font-weight:bold;
	font-size:1.2em;
	color:#1d979f;
}

/* Search */

#global #right #search {
	position:absolute;
	top:15px;
	right:10px;
	background:url(images/img/input_recherche.png) no-repeat top left;
	width:180px;
}


#global #right #search  label{
	display:none;
}

#global #right #search .searchinput{
	border:none;
	height:22px;
	width:100px;
	color:#999;
	font-size:1em;
	background:transparent;
	position:relative;
	top:-3px;
	left:-32px;
}

/* Hack ie6. \*/
* html #global #right #search .searchinput{
	left:-12px;
}
/* Hack ie6. \*/

#global #right #search #searchbt{
	color:#1d979f;
	background:url(images/img/input_bt_recherche.png) no-repeat top left;
	height:22px;
	width:32px;
	padding-bottom:1px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:138px;
	right:10px;
}

/* Address */
#global #right .address {
	margin-top:30px;
}

/* Newsletter */

#global #right h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:1.2em;
	margin-right:20px;
	margin-top:30px;
}

#global #right #newsletter{
	background:url(images/img/input_newsletter.png) no-repeat top left;
	position:relative;
	margin-left:22px;
}

#global #right #newsletter label{
	display:none;
}

#global #right #newsletter .newsletterinput{
	border:none;
	height:22px;
	width:100px;
	color:#999;
	font-size:1em;
	background:transparent;
	position:relative;
	right:40px;
	top:3px;
}

/* Hack ie6. \*/
* html #global #right #newsletter .newsletterinput{
	/*right:8px;*/
}
/* Hack ie6. \*/

#global #right #newsletter .newsletterbt{
	color:#1d979f;
	background:url(images/img/input_bt_newsletter.png) no-repeat top left;
	height:22px;
	width:32px;
	padding-bottom:1px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:20px;
}

/* End of 'PP : CSSGlobal - Right content' */

/* Start of CMSMS style sheet 'Thickbox' */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #61bec4;}
#TB_window a:visited {color: #61bec4;}
#TB_window a:hover {color: #fff; background-color:#61bec4;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	border:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	background:url(images/news_box/box_bottom.png) no-repeat bottom left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background:transparent url(images/news_box/box_top.png) no-repeat top left;
	height:31px;
	text-indent:-9000px;
	color:#fff;
}

#TB_ajaxContent{
	clear:both;
	padding:30px 25px 20px 25px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	background-color:#edf1f4;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* INXEOZ Params */

/*
61bec4
19959d
*/

#NewsPostDetailDate{
	padding-left:1px;
	font-size:10px;
	color:#999999;
}

#NewsPostDetailTitle{
	color:#61bec4;
	padding-top:3px;
	padding-top:-8px;
	font-size:16px;
}

#NewsPostDetailContent{
	padding-top:7px;
	padding-bottom:7px;
}

#NewsPostDetailPrintLink{
	padding-top:3px;
	border-top:1px solid #ddd;
}
/* End of 'Thickbox' */