@charset "utf-8";
html {
	font-size: 100%;
}
body {
	background : #003366 url(../images/bg_body.gif) repeat-x;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #3c3c3c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
}
h1 {
	font: bold 1.5em/1em Arial, Helvetica, sans-serif;
}
h2 {
	font: bold 1.3em/1em Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 8px 0 8px 0;
}
h3 {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom:10px;
}
h4 {
	font: bold 0.8em/1em Arial, Helvetica, sans-serif;
	color: #a70000;
	padding:0;
	margin:0;
	padding-left: 8px;
}
p {
	padding: 3px;
}
img {
	border:none;
}
li {
	list-style:none;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
#container {
	width: 852px; 
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}
#header {
	padding: 0 0 0 0px;
}
#header h1 {
	margin: 0;
	padding: 10px 0;
}
#headerTop {
	background : url(../images/bg_headerTop.gif) repeat-x;
	width:852px;
	float:left;
}
#headerBandeau {
	background : url(../images/bg_header.jpg) repeat-x;
	height:120px;
	clear:both;
}
#headerBandeau h1 {
	display:none;
}

#separe {
height: 10px;
	background : #003366 url(../images/bg_Separe.gif) repeat-x;
}

#content {
	background:#FFFFFF;
	/*height:900px;*/
}
#mainContent {
	float: left;
	width: 644px;
	margin: 0 0 0 0;
	padding: 4px;
	padding-top:0;
	background-color: #FFFFFF;
}

/******************* SITE PAGE PRINCIPALE *********************************/

#corps {
	padding-left: 20px;
	padding-right: 20px;
}

#corps ul li {
list-style-image: url(../images/flecheJaune.gif);
}

#corps ol li {
}

.puce {
list-style-image: url(../images/puce.gif);
}
/****************************** EDITO *******************************************************************/
#edito {
	background-color:#e6e6e6;
	height:100%;
	margin-bottom: 4px;
	padding: 20px ;
}
#edito p {
	overflow:auto;
	text-align:justify;
	margin:0;
	padding:0;
}
#edito img {
	float:left;
	padding-right : 20px;
}
.titreEdito {
	font: bold 1.5em/1em Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	margin:0px;
}
/****************************** end of EDITO *******************************************************************/

#ecouteClient {
	clear:both;
	float:left;
	width:320px;
	background-color:#e8f0fb;
	height:375px;
}
#ecouteClient h1 {
	background : url(../images/bg_EcouteClients.gif) repeat-x;
	height: 35px;
	margin: 0 0 0 0;
	color:#FFFFFF;
	line-height: 1.8em;
	padding-left:10px;
}
#ecouteClient ul li {
	list-style-image:url(../images/flecheBleue.gif);
	line-height: 1.4em;
}
#ecouteClient ul li a {
	color : #3c3c3c;
}
#ecouteInterne {
	float:right;
	width:320px;
	background-color:#fef7e5;
	height:375px;
}
#ecouteInterne h1 {
	background : url(../images/bg_EcouteInterne.gif) repeat-x;
	height: 35px;
	margin: 0 0 0 0;
	line-height: 1.8em;
	padding-left:10px;
}
#ecouteInterne ul li {
	list-style-image:url(../images/flecheJaune.gif);
	line-height: 1.4em;
}
#ecouteInterne ul li a {
	color : #3c3c3c;
}
.imgbox {
	float : left;
	margin : 20px 10px 0 10px;
}
.accroche {
	margin : 0;
	padding: 0;
	margin : 20px 10px 0 10px;
	text-align:justify;
}
.savoirPlus {
	float:right;
	margin: 0px 10px 10px 0;
	padding:0;
}
/****************************** ACTUALITE *******************************************************************/

#actualite {
	clear:both;
	padding:4px 0 0 0;
}
#actualite .rss {
	background: transparent url(../images/icon_actu.gif) no-repeat 85px 0;
	border-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 20px;
	margin-left: 10px;
}
#actualite h2 {
	color: #0044aa;
	padding-left: 20px;
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;
}
#actualite h4 {
	color: #999999;
	padding-left: 20px;
	font: 0.8em/1em Arial, Helvetica, sans-serif;
}
#actualite p {
	padding-left: 20px
}
#actualite .lasuite {
	background: transparent url(../images/dbleFleche.gif) no-repeat 0px 3px;
	padding-left: 12px;
	text-decoration:underline;
	font-weight: bold;
}
#actu1 {
	float:left;
	width:320px;
}
#actu2 {
	float:right;
	width:320px;
}
/****************************** end of ACTUALITE *******************************************************************/

/****************************** HOME Colonne Droite *******************************************************************/
#homeColdroite {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px;
	background-color: #e6e6e6;
	height:900px;
}
.blanc {
	background-color: #FFFFFF;
	height: 2px;
}
#homeDemandeInformation {
	background-color: #e6e6e6;
	padding-bottom: 5px;
}
#homeDemandeInformation h2 {
	background: transparent url(../images/bg_FormContact.gif) no-repeat 0px 0px;
	height : 57px;
	padding: 10px 0 0 60px;
	margin:0;
	color: #3c3c52;
	line-height: 1.2em;
}
#homeDemandeInformation h3 {
	padding: 0px 0 5px 7px;
	margin:0;
}
#homeDemandeInformation fieldset {
	border: none;
	margin:0;
	padding:0 0 0 5px;
}
#homeDemandeInformation input {
}
#homeDemandeInformation label {
	font-size:11px;
}
#homeLesdossiers {
	margin-top : 2px;
	background-color: #e6e6e6;
	height:20
}
#homeLesdossiers h2 {
	background: transparent url(../images/bg_dossiers.gif) no-repeat 0px 3px;
	height : 57px;
	padding: 10px 0 0 60px;
	margin:0;
	color: #3c3c52;
	line-height: 1.2em;
}
#homeLesdossiers ul {
	margin:0;
	padding: 5px 8px 15px 32px;
}
#homeLesdossiers ul li {
	list-style-image:url(../images/icon_pdf.gif);
	line-height: 1.3em;
}
#homeTestimonial {
	margin-top : 2px;
	background-color: #e6e6e6;
	font-size: 0.9em;
	line-height: 1.1em;
}
#homeTestimonial h2 {
	background: transparent url(../images/bg_customers.gif) no-repeat 0px 3px;
	height : 57px;
	padding: 10px 0 0 60px;
	margin:0;
	color: #3c3c52;
	line-height: 1.2em;
}
/****************************** Footer *******************************************************************/

#footer {
	padding: 0 0 0 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	margin: 0 0 0 0;
	background : url(../images/bg_footer.gif) repeat-x;
	height: 30px !important;
}
#footer p {
	float:left;
	margin: 0 0 0 0;
}
#footer ul {
	padding: 0;
	margin: 0;
	padding: 5px 0 0 0;
	margin-left: 530px;
}
#footer li {
	display:inline;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/****************************** SEARCH *******************************************************************/
#search {
	float:right;
	margin: 0 0 0 0;
	padding: 0 4px 0 0;
	height: 28px;
}

#ajaxSearch_input {
	margin-top:3px !important;
	vertical-align: top;
	background: url(../images/bg_search.gif) no-repeat 0 0;
	border:none;
	height:20px;
	width: 120px;
	padding-left: 30px;
	padding-top : 3px;
	font-size: 0.9em;
}

#ajaxSearch_submit {
    background: transparent  url(../images/bt_SearchVide.gif) no-repeat 0 0;
	font-size : 0.9em;
	border: none;
	height: 20px;
	width: 80px;
	padding: 0 0 2px 0 !important;
	margin: 3px 0 0 0;
}

h5{
	font: 3em "Myriad Pro", Arial, sans-serif;
	font-style:italic;
	color: #3366cc;
	border-bottom: #CCCCCC thin solid;
	padding-top:20px;
	margin-left:20px;
	margin-top: 0px;
	margin-bottom: 25px;
}

/******************* annonce recrutement*********************************/

.annonceRecrut {
	margin: 0px 0px 0px 20px;
}

.annonceRecrut h2 {
	font: bold 1.3em/1em Arial, Helvetica, sans-serif;
	color: #3C3C3C;
	padding:0;
}
.annonceRecrut h3 {
	font: bold 1.1em/1em Arial, Helvetica, sans-serif;
	color: #0B3A82;
	padding:0;
}
.annonceRecrut p {
	background-color: #EBEBEB;
}

/******************* Page des référence *********************************/

.menuReferences {
font-size: 14px;
}

.menuReferences ul {
margin:0px 25px 0px 0px;
padding:0px 0px 0px 20px;
}

.menuReferences ul li {
display:inline;
margin : 0px 12px 0px 0px;
line-height: 2;
}
.references {
padding: 0 0 0 40px;
}
.references h3 {
font-size: 1.3em; 
}
.references ul {
font-size: 1.2em; 
line-height: 20px;
}
.references ul li {
list-style-image: url(../images/rondBleu.gif);
}

/******************* Formulaire page DI *********************************/

.tabEcouteClientTitre {
background:transparent url(../images/bg_EcouteClients.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:35px;
line-height:1.8em;
margin:0;
padding-left:10px;
}

.tabEcouteInterneTitre {
background:transparent url(../images/bg_EcouteInterne.gif) repeat-x scroll 0 0;
height:35px;
line-height:1.8em;
margin:0;
padding-left:10px;
}

#formPageDI {
background-color:#F6F6F6;
width: 450px;
margin-left: 80px;
}