/**
 * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-contentia
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

*{
	margin: 0;
	padding: 0;
	outline:none;
}

body{
	background: #e1e1e1 url(../images/bg.gif) top left repeat-x;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	text-align: center;
}

.clear{
	clear:both;
	width:0;
	height:0;
	font-size:0;
}

img{
	border:0;
}

#all{
	background: transparent url(../images/bgAll) top left repeat-y;
	margin: 0 auto;
	width: 936px;
	text-align: justify;
	padding:0 9px 0 9px;
}
/****************/
/*****HEADER*****/
/****************/

#all #header{
	background: transparent url(../images/header.jpg) top left no-repeat;
	width:935px;
	height:176px;
}#all #header.no_fr{
	background: transparent url(../images/header_no_fr.jpg) top left no-repeat;
	width:935px;
	height:176px;
}

#all #header #lienHome{
	float:left;
	display:inline;
	width:233px;
	height:176px;
}

#all #header #accroche{
	float:left;
	display:inline;
	width:488px;
	height:176px;
}

#all #header #flapHeader{
	float:left;
	display:inline;
	width:196px;
	height:161px;
	font-size:14px;
	padding:15px 0px 0px 10px;
	color:#FFFFFF;
	line-height:18px;
}

#all #header #flapHeader .espacePart{
	padding-left:10px;
}

#all #header #flapHeader .liens{
	padding-top:7px;
	padding-left:13px;
}

#all #header #flapHeader .liens a{
	color:#FFFFFF;
}

#all #header #flapHeader .introTel{
	padding-top:15px;
	font-size:12px;
}

#all #header #flapHeader .introTel a{
	color:#FFFFFF;
}

#all #header #flapHeader .tel{
	font-size:17px;
	font-weight:bold;
	padding-left:25px;
	padding-top:2px;
}

/******************/
/*****MENU TOP*****/
/******************/

#all #menuTop{
	background: transparent url(../images/bgMenuTop) top left repeat-x;
	width:935px;
	height:30px;
}

#all #menuTop #drapeaux{
	float:left;
	width:215px;
	height:24px;
	padding:6px 0 0 20px;
}

#all #menuTop #drapeaux ul li{
	display:inline;
	margin-right:3px;
}

#all #menuTop .moduletable{
	float:left;
	width:700px;
	height:30px;
}

#all #menuTop .moduletable .menu{
	padding:6px 15px;
}

#all #menuTop .moduletable .menu li{
	display:inline;
	color:#D3067E;
	font-size:14px;
	text-transform:uppercase;
	padding-right:15px;
}

#all #menuTop .moduletable .menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

#all #menu53{
	color:#D3067E;
}

#all #menu54{
	color:#D3067E;
}

#all #menu55{
	color:#D3067E;
}

/*********************/
/*****MENU GAUCHE*****/
/*********************/

#all #menuGauche{
	background: transparent url(../images/bgMenuGauche.gif) top left no-repeat;
	width:233px;
	height:565px;
	float:left;
	padding-top:2px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#25333c;
}

#all #menuGauche .trad{
	padding-left:5px;
}

#all #menuGauche .moduletable .menu li{
	color:#D3067E;
	font-size:14px;
	text-transform:uppercase;
	padding:7px 0 0 20px;
	height:28px;
	list-style:none;
}

#all #menuGauche .moduletable .menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

#all #menuGauche #menuGauche2{
	background: transparent url(../images/bgMenuGauche2.gif) top left no-repeat;
	width:193px;
	height:280px;
	padding:21px 20px 0 20px;
	line-height:15px;
}

#all #menuGauche .menuGauche2nl {
	background: transparent url(../images/bgMenuGauche2h.gif) top left no-repeat !important;
	width:193px;
	height:280px;
	padding:21px 20px 0 20px;
	line-height:15px;
}
#all #menuGauche .langageBE #menuGauche2{
	background: transparent url(../images/bgMenuGauche2be.png) top left no-repeat;
	width:193px;
	height:237px;
	padding:21px 20px 0 20px;
	line-height:15px;
}

#all #menuGauche #menuGauche2 .espaceClients{
	padding-left:20px;
	font-size:14px;
	color:#D3067E;
}

#all #menuGauche #menuGauche2 .espaceClients a{
	color:#D3067E;
	text-decoration:none;
	font-weight:bold;
}

#all #menuGauche #menuGauche2 .paragraphe{
	padding-top:13px;
	font-size:12px;
}

#all #menuGauche #menuGauche2 .moduletable .menu {
	padding-top:3px;
	line-height:18px;
}

#all #menuGauche #menuGauche2 .moduletable .menu li{
	color:#D3067E;
	font-size:14px;
	text-transform:none;
	list-style:none;
	padding-left:15px;
	height:19px;
}

#all #menuGauche #menuGauche2 .moduletable .menu .item89{
	background:transparent url(../images/service_innovant.gif) 115px 3px no-repeat;
	padding-top:20px;
}

#all #menuGauche #menuGauche2 .moduletable .menu li a{
	color:#000000;
	text-decoration:underline;
}

#all #menuGauche #menuGauche2 form{
	padding:16px 0 0 12px;
}

#all #menuGauche #menuGauche2 form .input{
	width:139px;
	height:17px;
	border:0;
	margin-bottom:7px;
}

#all #menuGauche #menuGauche2 form .ok{
	margin-top:-2px;
}

#all #menuGauche #menuGauche2 .mdpOubli{
	padding-left:10px;
}

#all #menuGauche #menuGauche2 .mdpOubli a{
	color:#B5BDC1;
	font-size:12px;
}

#all #menuGauche #menuGauche2 .tel{
	font-size:18px;
	color:#D3067E;
	padding-top:5px;
	font-weight:bold;
}

/****************/
/*****FOOTER*****/
/****************/

#ombre{
	width:954px;
	height:9px;
	background:transparent url(../images/footer.gif) top left no-repeat;
	font-size:0;
	margin:0 auto;
}

#footer{
	width:935px;
	margin:0 auto;
	text-align:right;
}

#footer .moduletable .menu li{
	color:#666666;
	font-size:11px;
	list-style:none;
	display:inline;
	padding-left:5px;
}

#footer .moduletable .menu li a{
	color:#666666;
	text-decoration:none;
}

/**************/
/*****HOME*****/
/**************/

#all #content{
	float:left;
	width:672px;
	height:auto !important;
	min-height:555px;
	height:555px;
	padding:15px;
	background:transparent url(../images/bgContent.gif) top left no-repeat;
}

#all #content .flap{
	float:left;
	width:315px;
}

#all #content h2{
	background:transparent url(../images/fleche.gif) top left no-repeat;
	font-size:14px;
	text-transform:uppercase;
	color:#D3067E;
	padding-left:20px;
	margin-bottom:10px;
}

#all #content .flap h3{
	font-size:14px;
}

#all #content .flap.borderRight{
	border-right:1px solid #ced3d6;
	padding-right:15px;
}

#all #content .flap.paddingLeft{
	padding-left:15px;
}

#all #content .flap .left{
	float:left;
	margin-right:10px;
}

#all #content .flap .right{
	float:right;
	width:315px;
	height:130px;
	overflow:hidden;
}

#all #content .puce{
	background:transparent url(../images/puce.gif) left 3px no-repeat;
	padding-left:10px;
	font-size:12px;
	float:right;
}

#all #content .puce a{
	color:#5E6B73;
	text-decoration:none;
}

#all #content .separateurH{
	height:14px;
	font-size:0;
	clear:both;
	border-bottom:1px solid #ced3d6;
	margin-bottom:15px;
}

#all #content .btn{
	display:inline;
	float:right;
	margin-left:2px;
	color:#FFFFFF;
	background-color:#B5BDC1;
	height:15px;
	width:16px;
	text-align:center;
	text-decoration:none;
	padding-top:1px;
}

#all #content #ajax_event1 .rightFloat{
	float:right;
	width:205px;
	height:170px;
	text-align:left;
	overflow:hidden;
}

#all #content #ajax_event1 .rightFloat p{
	text-align:justify;
}

#all #content #ajax_event1 .rightFloat ul{
	padding-left:15px;
}

#all #content .btn:hover{
	background-color:#5E6B73;
}

#all #content .espaceRecrutement{
	float:left;
	width:470px;
	padding-right:15px;
}

#all #content .btnParcours{
	float:left;
	width:180px;
}

#all #content .btnParcours .firstImg{
	margin-bottom:5px;
}

#all #content .espaceRecrutement h2{
	background:transparent url(../images/fleche.gif) top left no-repeat;
	font-size:14px;
	text-transform:uppercase;
	color:#D3067E;
	padding-left:20px;
	margin-bottom:10px;
}

#all #content h3{
	font-size:14px;
}

/*******************/
/*****SOLUTIONS*****/
/*******************/

#all #content #breadcrumb{
	padding-bottom:10px;
}

#all #content #breadcrumb ul li{
	color:#5D6A73;
	display:inline;
	font-size:12px;
}

#all #content #breadcrumb a{
	color:#5D6A73;
	text-decoration:none;
}

#all #content .separateurHor{
	height:8px;
	font-size:0;
	clear:both;
	border-bottom:1px solid #ced3d6;
	margin-bottom:8px;
}

#all #content .imgSol{
	float:left;
	width:183px;
	margin-right:15px;
}

#all #content .solution{
	float:left;
}

#all #content .solution.petit{
	width:474px;
}

#all #content .solution.grand{
	width:672px;
}

#all #content .solution ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;
}

#all #content .solution ul li a{
	color:#5E6B73;
}

#all #content .ensavoirplus{
	float:right;
	background:#D3067E url(../images/ensavoirplus.gif) 2px 2px no-repeat;
	padding-left:13px;
	height:15px;
	color:#FFFFFF;
	padding-right:3px;
}

#all #content .ensavoirplus a{
	color:#FFFFFF;
	text-decoration:none;
}

/****************************/
/***********AUDIT************/
/****************************/

#all #content .sousMenu{
	padding:5px 0;
	border-top:1px solid #ced3d6;
	border-bottom:1px solid #ced3d6;
	margin-bottom:15px;
}

#all #content .sousMenu ul li{
	color:#B5BDC1;
	display:inline;
	font-size:12px;
	text-transform:uppercase;
	padding-right:2px;
}

#all #content .sousMenu ul li a{
	color:#5D6A73;
	text-decoration:none;
}

#all #content .sousMenu ul li .active{
	color:#D3067E;
}

/***********************/
/*****PRESENTATION******/
/***********************/

#all #content .flapAudit{
	float:left;
	width:305px;
	height:100px;
	border:1px solid #B5BDC1;
	margin:15px 0;
	padding:10px;
}

#all #content .marginRight{
	margin-right:15px;
}

#all #content .flapAudit ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;
}

#all #content .flapPresentation{
	float:left;
	width:440px;
	/*height:190px;*/
	padding-right:10px;
	margin-bottom:5px;
}

#all #content .flapPresentation ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;
}

#all #content .solImg{
	float:right;
	width:210px;
	margin-right:3px;
	margin-bottom:10px;
}

#all #content .lesPlusContentia{
	float:left;
	background:#b5bdc0 url(../images/lesPlusContentia.gif) bottom right no-repeat;
	width:190px;
	/*height:150px;*/
	margin-left:9px;
	padding:10px;
}

#all #content .lesPlusContentia h2{
	background:transparent url(../images/arrow.gif) top left no-repeat;
	color:#FFFFFF;
	/*font-weight:normal;*/
	margin-bottom:15px;
}

#all #content .lesPlusContentia ul li{
	background:transparent url(../images/plus.gif) top left no-repeat;
	padding-left:15px;
	list-style:none;
	margin-bottom:5px;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
}

#all #content .flapBas{
	float:left;
	width:305px;
	height:75px;
	margin-top:20px;
	padding:10px;
}

#all #content .brochure{
	background:#D3067E url(../images/brochure.gif) bottom right no-repeat;
}

#all #content .contact{
	background:#D3067E url(../images/contact.gif) bottom right no-repeat;
}

#all #content .flapBas h2{
	background:transparent url(../images/arrow2.gif) top left no-repeat;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:10px;
}

#all #content .flapBas .numTel strong{
	font-size:18px;
}

#all #content .flapBas .lineheight{
	line-height:13px;
}

#all #content .flapBas ul{
	padding-left:15px;
}

#all #content .flapBas ul li{
	background:transparent url(../images/ensavoirplus.gif) 2px 2px no-repeat;
	padding-left:13px;
	list-style:none;
	color:#FFFFFF;
	font-size:12px;
}

#all #content .flapBas ul li a{
	color:#FFFFFF;
	font-size:12px;
}

#all #content .colContact{
	float:left;
}

/****************************/
/*****QUESTIONS/REPONSES*****/
/****************************/

#all #content .quest-rep{
	margin-top:15px;
}

#all #content .quest-rep li{
	list-style:none;
	background:transparent url(../images/fleche_grise.gif) top left no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

#all #content .quest-rep li ul li {
	/*list-style-position:outside;*/
	
}

#all #content .quest-rep h3{
	margin-bottom:15px;
}

#all #content .quest-rep img{
	margin-left:10px;
}

#all #content .flapBas.floatRight{
	float:right;
}

/******************/
/*****CONTACT******/
/******************/

#all #content .horaires{
	padding-left:20px;
}

#all #content .tel{
	font-size:18px;
	font-weight:bold;
	color:#D3067E;
	text-align:center;
	padding-top:10px;
}

#all #content .tel img{
	margin-right:5px;
}

#all #content .formulaire{
	text-align:center;
	padding-top:10px;
}

#all #content .formulaire form p{
	width:380px;
	margin:0 auto;
	text-align:left;
}

#all #content .formulaire form p.gris{
	background-color:#ECF0F1;
	padding-left:15px;
}

#all #content .formulaire form p.bottom{
	padding-bottom:10px;
}

#all #content .formulaire form p.gris label{
	width:160px;
}

#all #content .formulaire label{
	float:left;
	display:inline;
	width:170px;
	margin-bottom:8px;
	padding-top:3px;
}

#all #content .formulaire input{
	float:left;
}

#all #content .formulaire .input{
	width:200px;
}

#all #content .formulaire select{
	width:204px;
}

#all #content .formulaire textarea{
	width:200px;
	height:100px;
}

#all #content .formulaire span{
	float:left;
	padding-left:3px;
}

#all #content .formulaire .radio{
	margin-left:30px;
}

#all #content .formulaire .oblig{
	color:#5E6B73;
	width:auto;
	margin-top:10px;
}

#all #content .formulaire .oblig input{
	float:right;
}

#all #content .quest-rep li ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;	
}

#all #content .formulaire .ensavoirplus{
	width:auto;
	float:left;
	margin-right:10px;
	padding-right:3px;
}

#all #content .formulaire .ensavoirplus.plus{
	margin-left:225px;
}

/******************/
/*****SERVICES*****/
/******************/
#all #content .quest-rep.serv li{
	float:left;
	width:457px;
}

#all #content .quest-rep.serv li ul li{
	width:437px;
}

#all #content .quest-rep.serv .img{
	float:right;
	width:183px;
}

#all #content .quest-rep.serv .img img{
	margin-left:0;
}

/**************************/
/*****MENTIONS LEGALES*****/
/**************************/

#all #content .quest-rep.ml li{
	margin-bottom:15px;	
}

#all #content .quest-rep.ml h3{
	margin-bottom:5px;
}


/**********************/
/*****PLAN DU SITE*****/
/**********************/

#all #content .col{
	float:left;
	width:160px;
}

#all #content .colLarge{
	float:left;
	width:165px;
	text-align:left;
}

#all #content .colLarge ul li{
	font-weight:bold;
	margin-bottom:0!important;
}

#all #content .colLarge ul li ul li{
	background:none;
	font-weight:normal;
}

/*****************************/
/*****RECOMMANDER CE SITE*****/
/*****************************/

#all #content .left{
	float:left;
}

#all #content .left.first{
	width:200px;
	color:#5E6B73;
	text-transform:uppercase;
	text-align:left;
}

/*******************************/
/*****DEMANDE D'INFORMATION*****/
/*******************************/

#all #content .formulaire.form label {
	width:200px;
}

#all #content .formulaire.form form p {
	width:410px;
}

#all #content .formulaire.form form .oblig{
	width:auto;
}

#all #content .autres{
	width:142px;
}

#all #content .formulaire.form .astuce{
	position:relative;
	top:-15px;
}

/******************/
/*****A LA UNE*****/
/******************/

#all #content .quest-rep.une li{
	float:left;
	width:540px;
}

#all #content .quest-rep.une .img{
	float:left;
	width:100px;
}

#all #content .quest-rep.une .ensavoirplus{
	width:auto;
	padding-right:3px;
	margin-top:20px;
}

#all #content .quest-rep.une h3{
	margin-bottom:0px;
}

#all #content .quest-rep.actu h3{
	margin-bottom:0px;
}

#all #content .quest-rep.actu .marginImg{
	margin-right:10px;
	margin-left:0px;
}

#all #content .ensavoirplus.plus{
	width:auto;
	padding-right:3px;
}

/************************/
/*****DOSSIER METIER*****/
/************************/

#all #content .quest-rep.dossier li ul li{
	margin-bottom:0;
}

/****************************/
/*****RAPPORT D'ACTIVITE*****/
/****************************/

#all #content .imgSol.pdf{
	width:45px;
}

#all #content .solution.pdf{
	width:612px;
}

#all #content .ensavoirplus.pdf{
	width:auto;
	padding-right:3px;
}

/********************/
/*****REFERENCES*****/
/********************/

#all #content .reference{
	margin-bottom:15px;
}

#all #content .imgSol.ref{
	text-align:center;
}

/****************************/
/*****ESPACE RECRUTEMENT*****/
/****************************/

#all #content .description ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;
}

#all #content #accRH p{
	margin-bottom:10px;
}

#all #content #accRH ul li{
	background:transparent url(../images/puce.gif) left 2px no-repeat;
	padding-left:15px;
	list-style:none;	
}

#all #content #accRH ul li ul li{
	background:none;
	margin-left:15px;
	padding-left:0;
	list-style:square;	
}

#all #content #accRH a{
	font-weight:bold;
	color:#D3067E;
	text-decoration:none;
}

/*****************************/
/*****NOS OFFRES D'EMPLOI*****/
/*****************************/

#all #content #offresTab{
	border-collapse:collapse;
	width:100%;
	text-align:left;
}

#all #content #offresTab td{
	border:1px solid #5E6B73;
	padding:7px 10px;
	vertical-align:top;
	background-color:#FFFFFF;
}

#all #content #offresTab .tdColored{
	background-color:#F5F7F7;
}

#all #content #offresTab th{
	font-size:14px;
	text-transform:uppercase;
	color:#5E6B73;
	padding-bottom:10px;
}

#all #content #offresTab .date{
	width:80px;
}

#all #content #offresTab .ref{
	width:100px;
}

#all #content #offresTab .intitule{
	width:270px;
}

#all #content #offresTab .puce{
	background-position:0 6px;
	float:left;
	padding-top:3px;
}

#all #content #offresTab .puce a{
	color:#D3067E;
}

#all #content #offresTab .ensavoirplus{
	width:auto;
	padding-right:3px;
	margin-top:3px;
}

#all #content .emploiTitre{
	float:left;
	width:200px;
	font-size:14px;
	text-transform:uppercase;
	color:#5E6B73;
	margin-top:20px;
}

#all #content .emploiContenu{
	float:left;
	width:470px;
	margin-top:20px;
}

#all #content .puceInverse{
	background:transparent url(../images/puceInverse.gif) no-repeat scroll left 3px;
	float:left;
	font-size:12px;
	padding-left:10px;
}

#all #content .puceInverse a{
	color:#5E6B73;
	text-decoration:none;
}

#all #content #postuler{
	float:right;
}

#all #maisonHome{
	padding-left:28px;
	color:#FFFFFF;
	font-weight:bold;
}

#all #maisonHome a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

.ml{	
	text-align:left;
}

.ml a{
	color:#000000;
}

#headerPre{
	background:transparent url(../images/headerPre.jpg) top left no-repeat;
	height:209px;
	width:955px;
	margin:0 auto;
}

#contentPre{
	background:transparent url(../images/contentPre.jpg) top left no-repeat;
	height:299px;
	width:935px;
	margin:0 auto;
	padding:10px;
}

#contentPre .langue{
	float:left;
	width:430px;
	margin-left:23px;
	text-align:left;
}

#contentPre .langue h2{
	font-size:14px;
	margin:15px 0;
}

#contentPre .lang{	
	width:410px;
	height:140px;
	padding:10px;
	border:1px solid #CCCCCC;
	font-size:12px;
}

#contentPre .lang h3{
	background:transparent url(../images/pucePre.jpg) top left no-repeat;
	font-size:15px;
	letter-spacing:-1px;
	color:#D3067E;
	border-bottom:1px solid #D3067E;
	padding:0 0 10px 20px;
	margin-bottom:25px;
}

#contentPre .lang .btnLang{
	background:#D3067E url(../images/triPre.jpg) left 4px no-repeat;
	float:right;
	padding:2px 5px 2px 15px;
	font-size:13px;
	font-weight:bold;
	margin-top:21px;
}

#contentPre .lang .btnLang a{
	color:#FFFFFF;
	text-decoration:none;
}

#footerPre{
	width:955px;
	margin:0 auto;
	color:#666666;
}