/* coding: utf-8 */

body {
	/*margin: 0 auto;
	padding: 0;*/
	margin: 0;
	font: 0.8em Arial, sans-serif;
	color: #006699D;
	/*text-align: center;*/
}

input.lienImage {
	/*width: 30px;
	height: 20px;
	border: 1px solid black;*/
	vertical-align: middle;
}
div.imgFloatRight {
	position: relative;
	float: right;
	z-index: 99;
}

select.select {
	border: 1px solid #ff9900;
}

#global {
	position: relative;
	width : 944px;
	height: 975px;
	border: 1px solid #BABABD;
	/*border-left: 1px solid #ff9900;
	border-top: 1px solid #ff9900;
	text-align: center;*/
	margin-left: auto;
	margin-right: auto;
}

#main {
	/*position: relative;
	margin-top: 20px;*/
	position: absolute;
	top: 0;
	left: 0;
	width : 944px;
	height: 975px;
}

div.main_fr {
	background-image: url("../../../media/fond.jpg");
}

div.main_en {
	background-image: url("../../../media/fond_en.jpg");
}

#main2 {
	/*position: relative;
	margin-top: 20px;*/
	position: absolute;
	top: 0px;
	left: 0;
	width : 944px;
	height: 975px;
	background-image: url("../../../media/fond.jpg");
	/*top: 40px;
	left:20px;*/
	/*border: 1px solid gray;*/
	/*border-left: 1px solid #ff9900;
	border-top: 1px solid #ff9900;*/
	/*text-align: center;
	margin-left: auto;
	margin-right: auto;*/
}

#main3 {
	/*position: relative;
	margin-top: 20px;*/
	position: absolute;
	top: 0px;
	left: 0;
	width : 944px;
	height: 975px;
	background-image: url("../../../media/fond_en.jpg");
	/*top: 40px;
	left:20px;*/
	/*border: 1px solid gray;*/
	/*border-left: 1px solid #ff9900;
	border-top: 1px solid #ff9900;*/
	/*text-align: center;
	margin-left: auto;
	margin-right: auto;*/
}

span.vertGrasSouligne {
	color:#ff9900;
	/*background-color: inherit;*/
	font-weight: bold;
	text-decoration: underline;
}

span.vertGrasSouligneTitre {
	color:#ff9900;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

span.bleuGrasTitre {
	color: #006699;
	font-weight: bold;
	font-size: 16px;
	/*text-decoration: underline;*/
}

span.vertGras{
	color:#ff9900;
	font-weight: bold;
}
span.gras {
	font-weight: bold;
}

img.icone {
	vertical-align: middle;
	border: 0;
}
a.lien_imp {
	text-decoration:none;
	/*background-color: #ff9900;*/
	color: white;
}
a:hover.lien_imp {
	color: white;
	background-color: #ff9900;;
}

a.lien_entete {
	text-decoration:none;
	/*background-color: #ff9900;*/
	color: white;
}
a:hover.lien_entete {
	color: white;
	background-color: #ff9900;
	text-decoration: underline;
}

a.lien_offre {
	text-decoration:underline;
	/*background-color: #ff9900;*/
	color: yellow;
}
a:hover.lien_offre {
	color: white;
	background-color: #ff9900;;
}

a.lien_tableau {
	text-decoration:none;
	/*background-color: #ff9900;*/
	color: black;
}
a:hover.lien_tableau {
	color: #ff9900;
	font-weight: bold;
	/*background-color: #ff9900;;*/
}

a.news {
	text-decoration:underline;
	/*background-color: #ff9900;*/
	color: #ff9900;
}
a:hover.news {
	color: white;
	background-color: #ff9900;;
}

a.lien_ext:after {
	content: "\0000a0[\2197]";
}

a.lien_ext_news:after {
	content: "\0000a0[\2197]";
}

a.lien_ext_news {
	text-decoration:underline;
	color: #ff9900;
}

a:hover.lien_ext_news {
	color: white;
	background-color: #ff9900;;
}
/*
****************************
		LANG
****************************
*/
#lang {
	position: absolute; /* placement du texte par-dessus l'image */
	top: 2.0em;
	left: 1em;
	width: 11em;
	z-index: 99;
	height: 17px;
	/**/
	background: white;
}
.cadreVert {
	position: relative;
	width: 11em;
	height: 17px;
	border: 1px solid #ff9900;
	background: white;
}

#navlang, #navlang ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
}

#navlang a.daddydown {
	background: url(../../../media/liste.gif) center right no-repeat;
}

#navlang a {
	display: block;
	width: 10.5em;
	text-decoration: none;
	padding-left: 4px;
	color: black;
}

#navlang a:hover {
	text-decoration: underline;
	color: #006699;
}

#navlang li { /* tous les items de liste */
	float: left;
	width: 11em; /* largeur obligatoire, sinon opera devient fou */
}

#navlang li ul { /* listes de deuxième niveau */
	position: absolute;
	background: white;
	width: 11em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	border-left: 1px solid #ff9900;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
}

#navlang li:hover ul, #navlang li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: -1px;/*auto;*/
}

/*
****************************
		MENU
****************************
*/

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
}

#nav a {
	display: block;
	/*width: 10em;*/
	height: 19px;
	color: white;
	text-decoration: none;
	text-align: center;
}

#nav li ul a {
	text-align: left;
	padding-left: 4px;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	/*margin-top: 0.1em;*/
	background: #006699;
	width: 10em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	border: 1px solid #ff9900;
}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1.5em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ff9900;
}

#nav a.daddy {
	background: url(../../../media/rightarrow2.gif) center right no-repeat;
}

#menu {
	position: absolute;
	top: 220px;
	left: 0;
	/*text-align: center;*/
	z-index:100;
	width: 100%; /*précision pour Opera */
	border-bottom: 1px solid #ff9900;
	background: #006699;
}

/*
****************************
		DIV ACCUEIL
****************************
*/
#pied {
	position: absolute;
	top: 40px;
	left: 20px;
	color: white;
	font-size: 1.6em;
}

p.titre {
	color: #ff9900;
	border-bottom: 1px dotted #ff9900;
	text-align: center;
	font-weight: bold;
	margin-top:0;
}

/*
****************************
		DIV SOLUTIONS
****************************
*/
#onglet {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#logoBleu {
	position: absolute;
	bottom: 40px;
	left: 24px;
	width: 242px;
	height: 72px;
	/*background-image: url("../../../media/logo_bleu.png");*/
}

#logoBleuPetitDroite {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 200px;
	height: 60px;
}

div.logoBleu_fr {
	background-image: url("../../../media/logo_bleu.png");
}

div.logoBleuPetit_fr {
	background-image: url("../../../media/logo_bleu_petit.png");
}

div.logoBleu_en {
	background-image: url("../../../media/logo_bleu_en.png");
}

#logoBlanc {
	position: absolute;
	top: 220px;
	right: 24px;
	width: 242px;
	height: 72px;
	background-image: url("../../../media/logo_blanc.png");
}

#logoBlancPetit {
	position: absolute;
	top: 220px;
	right: 24px;
	width: 200px;
	height: 60px;
	/*background-image: url("../../../media/logo_blanc_petit.png");*/
}

div.logoBlancPetit_fr {
	background-image: url("../../../media/logo_blanc_petit.png");
}

div.logoBlancPetit_en {
	background-image: url("../../../media/logo_blanc_petit_en.png");
}

#texte {
	position: absolute;
	right: 15px;
	top: 324px;
	width: 634px;
	text-align: left;
}

#titre {
	position: absolute;
	left: 0;
	top: 210px;
	width: 580px;
	text-align: right;
	z-index: 3;
}

#image1 {
	position: absolute;
	left: 400px;
	top: 15px;
	width: 250px;
	height: 187px;
	background-repeat: no-repeat;
	border: 2px solid #ff9900;
	z-index: 1;
	overflow: hidden;
}

#image2 {
	position: absolute;
	left: 600px;
	top: 60px;
	width: 289px;
	height: 240px;
	background-repeat: no-repeat;
	z-index: 2;
}

div.amp2 {
	margin-top: 11px;
	margin-left: 55px;
}

div.srv2 {
	margin-top: 25px;
	margin-left: -15px;
}

p.titreGris {
	color: #A3A3A3;
	font-size: 2.6em;
	margin-top: 0px;
}

p.blanc {
	color:white;
	margin-top: 0px;
}

p.vert {
	color: #ff9900;
	margin-top: 0px;
}

span.vertGras {
	color:#ff9900;
	font-weight: bold;
}

span.rougeGras {
	color:#FF0000;
	font-weight: bold;
}

img.imgOnglets {
	border: 0;
}

/*
****************************
		DIV ACTIVITES
****************************
*/
#image3 {
	position: absolute;
	left: 332px;
	top: 205px;
	width: 400px;
	height: 213px;
	background-repeat: no-repeat;
	border: 2px solid #ff9900;
	z-index: 2;
	overflow: hidden;
}

#texteBas {
	position: absolute;
	left: 450px;
	top: 466px;
	width: 250px;
	text-align: left;
}

#texteHaut {
	position: absolute;
	left: 450px;
	top: 78px;
	width: 280px;
	text-align: left;
}

#actEntete {
	position: absolute;
	left: 420px;
	top: 80px;
	width: 20px;
	height: 400px;
	background-image: url(../../../media/act_entete.gif);
	z-index: 1;
}

/*
****************************
		DIV PRESENTATION
****************************
*/
#image4 {
	position: absolute;
	left: 100px;
	top: 390px;
	width: 250px;
	height: 152px;
	background-repeat: no-repeat;
	border: 2px solid #ff9900;
	z-index: 2;
	overflow: hidden;
}

#presTexteBas {
	position: absolute;
	left: 470px;
	top: 330px;
	width:440px;
	text-align: left;
}

#ptsfortsTexteBas {
	position: absolute;
	left: 220px;
	top: 340px;
	/*width:440px;*/
	text-align: left;
	z-index: 3;
}

#ptsfortsTexteBas img {
	border: 2px solid #ff9900;
}

#presTexteBasGauche {
	position: absolute;
	left: 30px;
	top: 330px;
	width:440px;
	text-align: left;
}

#presTexteHaut {
	position: absolute;
	left: 220px;
	top: 10px;
	width: 440px;
	text-align: left;
	z-index: 4;
}

/*
****************************
		DIV IMPLANTATION
****************************
*/

#impTexteHautLogo a.mail {
	text-decoration: none;
	color: yellow;
}

#impTexteBasGauche {
	font-size: 0.9em;
	position: absolute;
	left: 300px;
	top: 325px;
	width:290px;
	text-align: left;
}

#impTexteBasDroite {
	font-size: 0.9em;
	position: absolute;
	left: 630px;
	top: 325px;
	width:310px;
	text-align: left;
}

#impTexteHautLogo {
	font-size: 0.9em;
	position: absolute;
	left: 30px;
	top: 325px;
	width:290px;
	text-align: left;
}

#impTexteHaut {
	position: absolute;
	left: 220px;
	top: 10px;
	width: 680px;
	text-align: left;
	z-index: 4;
}

#image5 {
	position: absolute;
	left: 400px;
	top: 0px;
	width: 558px;
	height: 656px;
	background-image: url(../../../media/carte.gif);
	background-repeat: no-repeat;
	z-index: 1;
	overflow: hidden;
}

#impSites {
	position: absolute;
	left: 15px;
	top: 150px;
	width: 380px;
	height: 340px;
	text-align: left;
	border: 1px solid #ff9900;
	background-color: #ffffff;
	overflow: auto;
	z-index: 3;
}

div.ville {
	/*border: 1px solid #ff9900;*/
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../../../media/flag.gif);
	background-repeat: no-repeat;
	/*background-color: #ffffee;*/
	z-index: 2;
}

a.villeO {
	color: white;
	background-color: #0096B6;
	text-decoration: none;
}

a.villeN {
	color: white;
	background-color: #699553;
	text-decoration: none;
}

a.villeE {
	color: white;
	background-color: #6B2B55;
	text-decoration: none;
}

a:hover.villeO {
	color: #0096B6;
	background-color: white;
}

a:hover.villeN {
	color: #699553;
	background-color: white;
}

a:hover.villeE {
	color: #6B2B55;
	background-color: white;
}

#coordonnees {
	position: relative;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	width: 180px;
	font-size: 0.89em;
}

#imgSite {
	position: relative;
	margin: 3px;
	width: 150px;
	height: 108px;
}

#msgSite {
	margin: 10px;
	/*margin-top: 30px;*/
	font-size: 0.89em;
}

#accesSite {
	margin: 10px;
	/*margin-top: 30px;*/
	font-size: 0.89em;
}

td.droite {
	text-align: right;
}

td.gauche {
	text-align: left;
}

table.tableau {
	color: white;
	margin: 0;
	padding: 0;
}

div.paragraphe {
	margin-top: 11px;
}
/*
****************************
		DIV NEWS
****************************
*/
.separation {
	position: relative;
	width: 200px;
	height: 1px;
	font-size:1px;
	line-height:0;
	background-image: url("../../../media/separation_vert.png");
}

div.idee {
	text-align: center;
	border: 1px dotted #BABABD;
	background-color: #FFFFE0
}

#news {
	position: absolute;
	height: 120px;
	width: 200px;
	/*border: 1px inset gray;
	opacity: 0.01*/
	/*background-color: #FFFFE0;*/
	z-index: 4;
	overflow: hidden;
}

div.news_accueil {
	top: 48px;
	right: 20px;
	color: white;
}

div.news_presentation {
	top: 48px;
	right: 20px;
	color: gray;
}

div.news_gamme {
	bottom: 20px;
	left: 110px;
	color: gray;
}

div.news_solutions {
	top: 335px;
	left: 20px;
	color: white;
}

div.news_implantation {
	top: 180px;
	left: 10px;
	color: gray;
}

div.news_carte {
	top: 15px;
	left: 140px;
	color: gray;
}

div.news_contact {
	bottom: 20px;
	right: 20px;
	color: white;
}

img.imageLegende {
	vertical-align: middle;
	border: 1px solid #ff9900;
}

ul.legende {
	list-style-type: none;
	/*margin-top: 20px;*/
	margin: 0;
	/*margin-left: 0.2em;*/
	padding: 0;
}

ul.legende li {
	margin-top: 20px;
}

/*
****************************
		DIV PRODUITS
****************************
*/

#formfiche {
	margin:0;
	padding:0;
}

#divDownProd {
	position: absolute;
	left: 300px;
	top: 330px;
	width: 300px;
	height: 200px;
	text-align: left;
}

#divFormProd {
	position: absolute;
	left: 640px;
	bottom: 42px;
	width: 250px;
	height: 200px;
	text-align: left;
}

#divRetProd {
	position: absolute;
	left: 300px;
	bottom: 60px;
	width: 300px;
	/*height: 30px;*/
	text-align: center;
}

#divImgProd {
	position: absolute;
	left: 680px;
	top: 32px;
	width: 240px;
	height: 240px;
	/*border: 1px solid #ff9900;*/
	text-align: left;
}

#divTxtProd {
	position: absolute;
	left: 220px;
	top: 10px;
	width: 438px;
	text-align: left;
	z-index: 4;
}

fieldset.xml {
	/* IE_position : relative;
	_padding-top : 20px;
	_padding-bottom : 15px;
	_display : block; */
	width: 20em;
	background-color: #BABABD;
	margin-bottom : 1em;
	/*margin-bottom : 10px;*/
}

legend.xml {
	/* IE_position : absolute;
	_top : -10px;*/
	font-weight : bold;
	font-size : 0.8em;
	padding : 0.2em 1em 0.2em 1em;
	border-color: white;
	border-style : solid;
	border-width : 1px;
	color: white;
	background-color : #ff9900;
}

input.texte {
	color:black;
	border: 1px solid #ff9900;
	width: 12em;
}

input:focus {
	color:black;
	border: 1px solid #FFA500;
	font-weight:bold;
}

fieldset.xml p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

label.xml {
	float: left;
	width: 6em;
	padding-left: 0.5em;
}

/*
****************************
		DIV RH
****************************
*/

#rhListeOffres {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 250px;
	height: 307px;
	text-align: left;
	overflow: auto;
}

#rhOffres {
	position: absolute;
	left: 20px;
	bottom: 0;
	width: 904px;
	height: 300px;
	text-align: left;
	overflow: auto;
	color: white;
}

#divFormOffre {
	position: absolute;
	right: 230px;
	top: 50px;
	width: 500px;
	height: 500px;
	text-align: left;
	border: 2px solid gray;
	display: none;
	background-color: #BABABD;
	z-index: 99;
	overflow: auto;
}

#divFormCand {
	position: absolute;
	right: 10px;
	top: 140px;
	/*width: 300px;
	height: 400px;*/
	text-align: left;
}

textarea.texte_rh {
	color:black;
	border: 1px solid #ff9900;
	/*width: 13em;*/
}

textarea:focus {
	color:black;
	border: 1px solid #FFA500;
	font-weight:bold;
}

input.fichier {
	color: black;
	border: 1px solid #ff9900;
}

input.texte_rh:focus {
	color:black;
	border: 1px solid #FFA500;
	font-weight:bold;
}

fieldset.rh {
	/* IE_position : relative;
	_padding-top : 20px;
	_padding-bottom : 15px;
	_display : block;*/
	width: 460px;
	background-color: #BABABD;
	margin-bottom : 1em;
	/*margin-bottom : 10px;*/
}

input.texte_rh {
	color:black;
	border: 1px solid #ff9900;
	width: 262px;
}

fieldset.rh p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

label.rh {
	float: left;
	width: 12em;
	padding-left: 0.5em;
}

/*
****************************
		DIV GAMME
****************************
*/
.tableau {
	/*border-top: 1px solid #006699;*/
	/*spacing:0;*/
	border-spacing: 1px;
	/*border: 1px solid #006699;*/
	border: 0;
}

.celluleBlanche {
	background-color: white;
}

.lignePaire {
	background-color: #EAEAEA;
	color: #00104D;
}

.ligneImpaire {
	background-color: #CFCFCF;
	color: #00104D;
}

.ligneEntete {
	background-color: #006699;
	color: white;
}

.gras {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}
.fondBleu01 {
	background-color: #006699;
}


.fondBlanc {
	background-color: #FFFFFF;
}

#gamTexteGauche {
	position: absolute;
	left: 160px;
	top: 10px;
	width: 468px;
	text-align: left;
	z-index: 4;
}

#gamTexteDroite {
	position: absolute;
	right: 40px;
	top: 200px;
	width: 521px;
	height: 320px;
	text-align: left;
	/*border: 1px solid gray;
	background-color: lightgray;*/
	z-index: 4;
}

#gamTexteDroite2 {
	position: absolute;
	left: 110px;
	top: 10px;
	width: 560px;
	height: 320px;
	text-align: left;
	/*border: 1px solid gray;
	background-color: lightgray;*/
	z-index: 4;
}

#imagegam {
	position: absolute;
	left: 40px;
	bottom: 40px;
	width: 250px;
	height: 152px;
	background-repeat: no-repeat;
	border: 2px solid #ff9900;
	z-index: 2;
	overflow: hidden;
}

/*
****************************
		DIV GROUPE
****************************
*/

#grpTexteHaut {
	position: absolute;
	left: 140px;
	top: 30px;
	width: 560px;
	text-align: left;
	z-index: 4;
}

.listeBulletVert {
	list-style-image: url(../../../media/bullet11x11.gif);
}

.listeBulletNone {
	list-style-type: none;
	list-style-image: none;
}

.listeBulletVert>li{
	margin-top: 10px;
}

.souligneGras {
	text-decoration: underline;
	font-weight:bold;
}

/*
****************************
		DIV HISTORIQUE
****************************
*/

#histoTexteBasDroite {
	position: absolute;
	right: 30px;
	top: 355px;
	width:380px;
	text-align: left;
	color: white;
}

#histoTexteBasGauche {
	position: absolute;
	left: 30px;
	top: 340px;
	width:430px;
	text-align: left;
	color: white;
}

#histoTexteHaut {
	position: absolute;
	left: 180px;
	top: 10px;
	width: 440px;
	text-align: left;
	z-index: 4;
}

/*
****************************
		DIV SEGMENTATION
****************************
*/
#segTexte {
	position: absolute;
	left: 140px;
	top: 10px;
	width: 540px;
	text-align: left;
	z-index: 4;
}

#imageseg {
	position: absolute;
	right: 20px;
	top: 234px;
	width: 250px;
	height: 152px;
	background-repeat: no-repeat;
	border: 2px solid #ff9900;
	z-index: 2;
	overflow: hidden;
}

/*
****************************
		DIV ENVELOPPES
****************************
*/

.graphique {
	/*border-top: 1px solid #006699;*/
	/*spacing:0;*/
	border-spacing: 1px;
	/*border: 1px solid #006699;*/
	font-size: 8px;
	border-left: 2px solid gray;
	border-bottom: 2px solid gray;
	color: white;
	text-align: center;
}

.bordurehaute {
	border-top: 1px solid gray;
}
#envTexteGauche img {
	vertical-align: middle;
}

#envTexteGauche {
	position: absolute;
	left: 100px;
	top: 30px;
	width: 570px;
	text-align: left;
	z-index: 4;
}

#envTexteDroite {
	position: absolute;
	right: 30px;
	bottom: 165px;
	width: 170px;
	text-align: left;
	z-index: 4;
}
/*
#envTexteBas {
	position: absolute;
	right: 30px;
	bottom: 10px;
	width: 340px;
	text-align: left;
	z-index: 4;
}*/