* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; height: 1px; font-size: 1px; display: block;}

body {
	background: #fff url(../images/bgBody.gif) repeat-x;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	color: #666;}

#allContent {
	width: 995px;
	margin: 2px auto 0 auto;
	background: transparent url(../images/bgAllContent.gif) repeat-y;}

#content {
	width: 995px;
	background: transparent url(../images/bgContent.jpg) no-repeat;}

#mainContent {
	background: transparent url(../images/bgMainContent.gif) no-repeat right bottom;
	padding-top: 20px;
	width: 995px;}

#marges {
	width: 770px;
	margin-left: 180px;}
#homeMOTertiaire #marges,
#homeMOIndustriels #marges,
#homeInstallateurs #marges,
#homePrescripteurs #marges {margin-left: 170px;}

#homePrescripteurs #allContent,
#accueil #allContent {position: relative;}

/***********************************************************************************************/
/*																									   Elements communs */
/***********************************************************************************************/

a {color: #5AA5DE;}
a:hover {color: #004080}

.infosSpeciales {
	font-size: 9px;
	line-height: 11px;}

.colonne {width: 50%; float: left;}
.troisColonnes {width: 40%; float: left;}
.autreColonne {width: 15%; float: left;}

/**** Fil d'ariane */

#ariane {
	list-style: none;
	height: 16px;
	border-bottom: 1px #BFDCEC dotted;}
#ariane li {
	font-weight: bold;
	float: left;
	line-height: 15px;
	padding-right: 5px;}
#ariane li a {
	text-decoration: none;
	color: #666;}
#ariane li a:hover {color: #5AA7D5;}
	
/**** Elements de contenu */

#marges h1 {color: #5AA5DE; font-size: 20px; margin-bottom: 15px; margin-top: 25px;}
#marges h2 {color: #EE1B2D; font-size: 14px; margin-bottom: 5px;}
#marges h3 {background-color: #F0F7FB; color: #1F6498; font-size: 12px; padding: 0 2px; margin-bottom: 5px;}

#marges p,
#marges ul {margin-bottom: 10px;}

#marges ul {list-style: none;}
#marges ul li {
	background: transparent url(../images/flecheRougePetite.gif) no-repeat 0 5px;
	padding-left: 10px;
	line-height: 14px;}

#marges #elementsRetour {margin-top: 20px; float: right;}

/**** Elements de formulaire */

fieldset {
	padding: 10px;
	border: 1px #BFDCEC solid;
	margin-bottom: 10px;}

#marges fieldset p,
#marges fieldset div {margin: 10px 0; /*line-height: 18px;*/}

legend {
	font-size: 12px;
	font-weight: bold;
	color: #398CBD;
	padding: 0 10px;
	background-color: #fff;}

label {
	display: block; 
	text-align: right; 
	float: left;
	padding-right: 3px;}

input, select, textarea {
	font-family: "Arial", Verdana, sans-serif;
	border: 1px #7F9DB9 solid;
	font-size: 11px;
	color: #666;
	width: 180px;}

.inptFile {}

.valider {
	clear: both;
	text-align: center;}
.valider input,
.validerBis {
	background: transparent url(../images/btnEnvoyer.gif) no-repeat;
	width: 75px !important; height: 20px;
	border: 0; color: #398CBD;
	font-weight: bold;}

.rechercher {
	width: 125px; height: 20px;
	border: 0; font-weight: bold;
	color: #398CBD;
	background: transparent url(../images/btnValiderDemande.gif) no-repeat;}

/**** Tableaux */

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;}
table td,
table th {
	text-align: left;
	padding: 3px 4px;
	color: #004080;
	vertical-align: top;}
table th {background-color: #F0F7FB;}
table td a {
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/flecheRougePetite.gif) no-repeat 0 5px;
	padding-left: 8px;}

#offresEmploi table td,
#offresEmploi table th,
#rechercheReferences table td,
#rechercheReferences table th {border: 1px #BFDCEC solid;}
	
.cellA {width: 20%;}
.cellB {width: 40%;}
.cellC {width: 20%;}
.cellD {width: 20%;}

.cellE {width: 10%;}
.cellF {width: 25%;}
.cellG {width: 20%;}
.cellH {width: 20%;}
.cellI {width: 10%;}
.cellJ {width: 15%;}

/************** colonnes génériques de gauche (peut etre utilisée partout dans le site */

#colGauche, 
#colDroiteBis {width: 200px; float: left;}

#colGauche {margin-right: 30px;}
#colDroiteBis {margin-left: 30px;}

#colGauche ul {
	margin-bottom: 25px;
	border-top: 1px #BFDCEC dotted;}
#colGauche ul li {
	border-bottom: 1px #BFDCEC dotted; 
	padding-left: 0; 
	background-position: 0 10px;}
#colGauche ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #004080;
	padding: 5px 0 5px 10px;
	display: block;
	font-weight: bold;}
#colGauche ul li a:hover {background: #F0F7FB url(../images/flecheRougePetite.gif) no-repeat 0 10px;}

#colDroite, #colGaucheBis {width: 500px; float: left;}

/***************** Bloc */

.bloc {
	width: 190px;
	background: transparent url(../images/blocBg.gif) repeat-y;
	margin-bottom: 10px;}
.bloc h4 {
	background: transparent url(../images/blocHaut.gif) no-repeat;
	padding: 5px 0 3px 10px;
	margin: 0;
	color: #1F6498;
	font-size: 12px;
	border-bottom: 1px #84BDE0 solid;}
.bloc .content {padding: 10px;}

.bloc .content ul {list-style: none;}

.blocPied {height: 10px;background: transparent url(../images/blocBas.gif) no-repeat left bottom;}

/***************** Pagination */

.pagination {
	position: relative; 
	text-align: center; 
	width: 730px;
	background-color: #F0F7FB;
	padding: 3px;}
.pagination a#btnPrecedent,
.pagination a#btnSuivant {display: block;}

.pagination a#btnPrecedent {
	position: absolute; left: 3px; top: 3px;
	padding-left: 12px;
	background: transparent url(../images/flechePrecedent.gif) no-repeat 0 4px;}
	
.pagination a#btnSuivant {
	position: absolute; right: 3px; top: 3px;
	padding-right: 12px;
	background: transparent url(../images/flecheSuivant.gif) no-repeat 71px 4px;}

/***********************************************************************************************/
/*																												   En-tête */
/***********************************************************************************************/

#enTete {
	background: transparent url(../images/bgEntete.jpg) no-repeat;
	width: 995px; height: 216px;
	position: relative;}
#accueil #enTete { background: transparent url(../images/bgEnteteAccueil.jpg) no-repeat; }
#enTete h1 {position: absolute; left: 37px; top: 32px;}
#enTete h1 img { border: 0; }
#accueil #enTete h1 { display: none; }

#enTete #zoneFlash {
	width: 969px; height: 160px;
	position: absolute; left: 13px; top: 13px;}

body.prescripteurs #enTete {background: transparent url(../images/bgEntetePrescripteurs.jpg) no-repeat;}
body.installateurs #enTete {background: transparent url(../images/bgEnteteInstallateurs.jpg) no-repeat;}
body.MOTertiaire #enTete {background: transparent url(../images/bgEnteteMOTertiaire.jpg) no-repeat;}
body.MOIndustriels #enTete {background: transparent url(../images/bgEnteteMOIndustriels.jpg) no-repeat;}

body#pageInternational #enTete { background: transparent url(../images/bgEnteteInternational.jpg) no-repeat; }
body#pageIndustrie #enTete { background: transparent url(../images/bgEnteteIndustrie.jpg) no-repeat; }
body#pageERP #enTete { background: transparent url(../images/bgEnteteERP.jpg) no-repeat; }
body#pageTransports #enTete { background: transparent url(../images/bgEnteteTransports.jpg) no-repeat; }
body#pageGrdsComptes #enTete { background: transparent url(../images/bgEnteteGrdsComptes.jpg) no-repeat; }

/***********************************************************************************************/
/*																												Navigation */
/***********************************************************************************************/

#navigation {
	height: 32px; line-height: 32px;
	position: absolute; left: 0; bottom: 11px;
	margin: 0 0 0 0;
	width: 995px; 
	background: transparent url(../images/bgNavigation.gif) no-repeat;}
#navigation ul {list-style: none; position: absolute; right: 118px; z-index: 5; }
#navigation ul li {float: left; position: relative;}
#navigation ul li a {
	font-size: 12px; 
	font-weight: bold; 
	color: #fff; 
	text-decoration: none;
	display: block;
	padding: 0 17px 0 22px;
	background: transparent url(../images/bgBtn.gif) no-repeat 2px 0;}
#navigation ul li a:hover {text-decoration: underline;}

#navigation ul li#retourAccueil a {
	background: transparent url(../images/flecheRetour.gif) no-repeat 0 11px;
	padding: 0 0 0 13px; width: 125px;
	margin-right: 10px;}

/*********** Gestion des sous-menus */

#navigation ul li ul.niveau2 {
	position: absolute; left: 3px; top: 30px;
	border-left: 1px #BB1422 solid;
	border-right: 1px #BB1422 solid;
	width: 180px;
	background-color: #fff;
	z-index: 6;
	display: none;}
#navigation ul li ul.niveau2 li {
	float: none; 
	line-height: 12px;
	border-bottom: 1px #BB1422 solid;}
#navigation ul li ul.niveau2 li a {
	background-image: none;
	color: #1F6497;
	font-size: 11px;
	padding: 3px; margin: 2px;
	background-color: #E0EFF5;}
#navigation ul li ul.niveau2 li a:hover {
	background-color: #B2D7E9; 
	text-decoration: none;
	color: #004080;}

#navigation ul li ul#niv04 { width: 109px; }
	
/***** navigation page accueil */

#accueil #navigation {
	margin-left: 220px; 
	background-image: none; 
	width: 675px !important;}
#accueil #navigation ul {}
#accueil #navigation ul li a {
	padding: 0 12px 0 14px; 
	background-position: 0 0;}
#accueil #navigation ul li#retourAccueil,
#accueil #navigation ul li#btnReferences {display: none;}

#accueil #navigation ul li ul.niveau2 {z-index: 5000;}
#accueil #navigation ul li ul.niveau2 li a {padding: 3px;}

/********* spécification navigation espaces */

.prescripteurs #navigation ul li#retourAccueil a,
.installateurs #navigation ul li#retourAccueil a,
.MOTertiaire #navigation ul li#retourAccueil a,
.MOIndustriels #navigation ul li#retourAccueil a {margin-right: 10px;}

/***********************************************************************************************/
/*																													Content */
/***********************************************************************************************/

#accueil #colA,
#accueil #colB,
#accueil #colC,
#accueil #colD,
#zoneCentre {float: left; /*position: relative;*/}

#accueil #colB,
#accueil #colC {margin-right: 10px;}

#accueil #colA {width: 240px; padding-left: 60px;}
#accueil #colB {width: 170px; margin-left: 30px;}
#accueil #colC {width: 170px;}
#accueil #colD {width: 255px;}

#accueil #colE {
	padding-left: 60px;
	margin-top: 15px;
	clear: both;
	width: 935px;}
	
#accueil #colE,
#accueil #miniBlocs {float: left;}

#zoneCentre { width: 615px; margin-left: 30px;}

#miniBlocs {
	width: 240px;
	float: left;
	margin-right: 30px;}

/******************** Edito ********/

#edito {
	color: #286183;
	font-size: 12px;
	text-align: right !important;
	font-weight: bold;
	font-style: italic;
	line-height: 16px;
	padding-left: 75px;
	margin: 60px 0 100px 0;}
	
/******************** Bouton ABC DEF page accueil ********/

#blocAbcDef {
	width: 120px; height: 34px;
	display: block;
	text-decoration: none;
	color: #666; line-height: 12px;
	padding: 8px 5px 0 115px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: transparent url(../images/btnAbcDEF.gif) no-repeat 0 0;}
#blocAbcDef:hover {background: transparent url(../images/btnAbcDEF.gif) no-repeat 0 -42px;}

/******************** Bouton inscription newsletter page accueil ********/

#btnNewsletter {
	width: 240px; height: 36px;
	display: block; margin-bottom: 10px;
	background: transparent url(../images/btnNewsletter.gif) no-repeat 0 0;}
#btnNewsletter:hover {background: transparent url(../images/btnNewsletter.gif) no-repeat 0 -36px;}
#btnNewsletter span {display: none;}

/******************** Bouton demande de doc ********/

#btnDemandeDoc {
	width: 240px; height: 36px;
	display: block; margin-bottom: 10px;
	background: transparent url(../images/btnDemandeDoc.gif) no-repeat 0 0;}
#btnDemandeDoc:hover {background: transparent url(../images/btnDemandeDoc.gif) no-repeat 0 -36px;}
#btnDemandeDoc span {display: none;}

/******************** Bouton demande de doc ********/

#btnVideo {
	width: 240px; height: 36px;
	display: block; margin-bottom: 10px;
	background: transparent url(../images/btnVideo.gif) no-repeat 0 0;}
#btnVideo:hover {background: transparent url(../images/btnVideo.gif) no-repeat 0 -36px;}
#btnVideo span {display: none;}

/******************** Evenement ********/

.blocEvent {
	width: 300px;
	background: transparent url(../images/bgEvent.gif) repeat-y;
	margin-bottom: 10px;
	float: left; /*margin-right: 10px;*/}
.blocEvent img {
	float: left;
	margin: 5px 10px 8px 10px; }
.blocEvent h3 {
	background: transparent url(../images/titreEvenement.gif) no-repeat;
	height: 30px;}
.blocEvent h3 span {display: none;}
.blocEvent h2, 
.blocEvent p,
.blocEvent div {padding: 0 10px;}
.blocEvent div.break {padding: 0;}
.blocEvent h2 {
	font-size: 14px;
	color: #EE1B2D;
	padding-top: 10px;
	margin-bottom: 5px;}
.blocEvent p {padding-bottom: 10px;}
.blocEvent p.voirEvent {
	background: transparent url(../images/btnVoirEvent.gif) no-repeat left bottom;
	height: 20px; padding: 0 10px 0 0;
	text-align: right;}
.blocEvent p.voirEvent a {
	display: block;
	color: #245C7D;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
	background: transparent url(../images/flecheRougePetite.gif) no-repeat 175px 7px;}
.blocEvent p.voirEvent a:hover {color: #EE1B2D}

.margeEvent { margin-right: 10px; }

/******************** Bouton forum des prescripteurs ********/

#forum {
	position: absolute; left: 30px; top: 550px;
	display: block;
	width: 123px; height: 57px;
	background: transparent url(../images/btnForum.gif) no-repeat;}
#forum span {display: none;}

/************************ Espaces métiers */

#blocEspaceMetier { width: 614px; background: transparent url(../images/bgEspaceMetier.gif) repeat-y; margin-bottom: 15px;}
#blocEspaceMetier h2 { width: 614px; height: 55px; background: transparent url(../images/titreEspaceMetier.gif) no-repeat; }
#blocEspaceMetier h2 span { display: none; }
#blocEspaceMetier ul { list-style: none; height: 110px; background: transparent url(../images/bgMenuEspaceMetier.gif) no-repeat;}
#blocEspaceMetier ul li { float: left; }
#blocEspaceMetier ul li a { display: block; height: 110px; }
#blocEspaceMetier ul li a:hover { background-position: 0 -110px !important; }
#blocEspaceMetier ul li a span { display: none; }
#blocEspaceMetier ul li ul { height: auto !important; background-image: none !important; padding: 15px 0 5px 40px;}
#blocEspaceMetier ul li ul li { float: none; }
#blocEspaceMetier ul li#btnEspaceA a { width: 193px; background: transparent url(../images/btnPrescripteursNew.gif) no-repeat; }
#blocEspaceMetier ul li#btnEspaceB a { width: 176px; background: transparent url(../images/btnInstallateursNew.gif) no-repeat; }
#blocEspaceMetier ul li#btnEspaceC a { width: 245px; background: transparent url(../images/btnMONew.gif) no-repeat; }
#blocEspaceMetier ul li ul li a { 
   display: inline; text-decoration: none; font-weight: bold; color: #286183; padding-left: 10px;
   background: transparent url(../images/flecheRougePetite.gif) no-repeat 0 4px !important; }
#blocEspaceMetier ul li ul li a:hover { background-position: 0 4px !important; }
#blocEspaceMetier #piedEspaceMetier { 
   width: 614px; height: 10px; background: transparent url(../images/piedEspaceMetier.gif) no-repeat; clear: both;}

#blocExpertise { width: 614px; height: 240px; position: relative; margin-bottom: 15px;}
#blocExpertise h2 { width: 614px; height: 55px; background: transparent url(../images/titreExpertise.gif) no-repeat;}
#blocExpertise h2 span { display: none; }
#blocExpertise ul { 
   list-style: none; background: transparent url(../images/bgCalqueBlanc.png) repeat; 
   position: absolute; left: 18px; top: 55px; padding: 5px 0; z-index: 1;}
#blocExpertise ul li a { 
   font-size: 12px; display: block; font-weight: bold; color: #286183; text-decoration: none; padding: 5px 10px 5px 20px;
   background: transparent url(../images/flecheRougePetite.gif) no-repeat 10px 10px !important;}
#blocExpertise ul li a:hover { background: #fff url(../images/flecheRougePetite.gif) no-repeat 10px 10px !important; }
#blocExpertise h3 { width: 614px; height: 185px; position: absolute; left: 0; top: 55px;}
#blocExpertise h3 span { display: none; }

#visuelDefaut { background: transparent url(../images/visuelDefaut.jpg) no-repeat; }
#visuelIndustrie {background: transparent url(../images/visuelIndustrie.jpg) no-repeat;}
#visuelERP {background: transparent url(../images/visuelERP.jpg) no-repeat;}
#visuelTransports {background: transparent url(../images/visuelTransports.jpg) no-repeat;}
#visuelGrdsComptes {background: transparent url(../images/visuelGrdsComptes.jpg) no-repeat;}
#visuelInternational {background: transparent url(../images/visuelInternational.jpg) no-repeat;}
   
#colB a span,
#colC a span,
#colD a span,
#colD h2 span {display: none;}

#colB ul,
#colC ul,
#colD ul {cursor: hand;}

#colB ul li,
#colC ul li,
#colD ul li {
	background: transparent url(../images/flecheRouge.gif) no-repeat 0 16px; 
	padding: 12px 8px 8px 10px;
	margin: 0 0 0 8px;
	color: #245C7D;
	font-size: 12px;
	font-weight: bold;
	list-style: none;}

#colB a,
#colC a,
#colD a {text-decoration: none;}
	
a.btnEspace img {border: 0;}

#colB a.btnEspace,
#colC a.btnEspace {width: 170px; height: 233px; display: block;}

#colB a.btnEspace img,
#colC a.btnEspace img {margin-top: 53px;}

#colB a.btnEspace {background: transparent url(../images/btnPrescripteurs.gif) no-repeat;}
#colC a.btnEspace {background: transparent url(../images/btnInstallateurs.gif) no-repeat;}
#colD h2 {
	width: 255px; height: 53px;
	background: transparent url(../images/btnMaitresOuvrage.gif) no-repeat;}

#colB #bloc01,
#colC #bloc02 {width: 170px; height: 180px; z-index: 10;}

#colD #bloc03,
#colD #bloc04 {height: 155px; width: 127px; z-index: 10;}


#colB #bloc01 {background: transparent url(../images/rollPrescripteurs.jpg) no-repeat; position: absolute; left: 330px; top: 289px;}
#colC #bloc02 {background: transparent url(../images/rollInstallateurs.jpg) no-repeat; position: absolute; left: 510px; top: 289px;}
#colD #bloc03 {background: transparent url(../images/rollMOTertiaire.jpg) no-repeat; position: absolute; left: 690px; top: 289px;}
#colD #bloc04 {background: transparent url(../images/rollMOIndustriels.jpg) no-repeat; position: absolute; left: 818px; top: 289px;}

#colB #bloc01,
#colC #bloc02,
#colD #bloc03,
#colD #bloc04 {display: none;}

.sousColD1, 
.sousColD2 {
	width: 127px;
	float: left;}
.sousColD1 {margin-right: 1px;}

.sousColD1 a.btnEspace,
.sousColD2 a.btnEspace {
	display: block;
	height: 180px;}

.sousColD1 a.btnEspace img,
.sousColD2 a.btnEspace img {position: absolute;}

.sousColD1 a.btnEspace {background: transparent url(../images/btnMOTertiaire.gif) no-repeat left bottom;}
.sousColD2 a.btnEspace {background: transparent url(../images/btnMOIndustriels.gif) no-repeat left bottom;}

/******************** Actualités page accueil ********/

.actu {
	border-left: 1px #ED2133 dotted; 
	padding-left: 10px; 
	margin-top: 10px;}
.actu h3 {
	background: transparent url(../images/titreASavoir.gif) no-repeat;
	height: 14px;
	margin: 0 0 10px 0;}
.actu h3 span {display: none;}
.actu h4 {
	color: #298BBE; 
	font-size: 11px;
	line-height: 13px;}

#colD .actu {width: 116px;}
#colD .actu p,
#colD .actu h4 {margin-right: 10px;}

#colB .actu img,
#colC .actu img,
#colD .actu img {
	margin: 5px 0 5px 0;}

/******************** Lien lire la suite ********/
	
.suite {
	position: relative;
	height: 20px;}
.suite a {
	color: #EE1B2D;
	font-size: 10px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	padding-left: 8px;
	position: absolute; right: 0; top: 0;
	background: transparent url(../images/flecheBleue.gif) no-repeat 0 5px;
	line-height: 15px;}
.suite a:hover {color: #245C7D;}

/******************************************************************** Homes des 4 espaces **/

.prescripteurs #edito,
.installateurs #edito,
.MOTertiaire #edito,
.MOIndustriels #edito {
	width: 260px;
	text-align: left;
	line-height: 20px;
	padding: 10px 0 0 0;
	float: left;
	margin: 0 20px 0 0;}
     
/******************** Accès aux outils ********/

.accesOutils {width: 480px; list-style: none; float: left; margin: 10px 0 0 0; padding-bottom: 15px;}
#marges .accesOutils li {float: left; padding-left: 0; background-image: none; padding-top: 10px;}
.accesOutils li a {display: block; width: 160px; height: 180px;}
.accesOutils li a span {display: none;}

.accesOutils li#accesAbcDEF a {background: transparent url(../images/accesAbcDEF.gif) no-repeat;}
.accesOutils li#accesCCTP a {background: transparent url(../images/accesCCTP.gif) no-repeat;}
.accesOutils li#accesConfigurateur a {background: transparent url(../images/accesConfigurateur.gif) no-repeat;}
.accesOutils li#accesSolutions a {background: transparent url(../images/accesSolutions.gif) no-repeat;}
.accesOutils li#accesServices a {background: transparent url(../images/accesServices.gif) no-repeat;}
.accesOutils li#accesCctpMaintenance a {background: transparent url(../images/accesCctpMaintenance.gif) no-repeat;}
.accesOutils li#accesDemandeMaintenance a {background: transparent url(../images/accesDemandeMaintenance.gif) no-repeat;}
.accesOutils li#accesForum a {background: transparent url(../images/accesForum.gif) no-repeat;}
.accesOutils li#accesCalcul a {background: transparent url(../images/accesCalcul.gif) no-repeat;}

.accesOutils li#accesAbcDEF_new a {background: transparent url(../images/accesAbcDEF.gif) no-repeat;}
.accesOutils li#accesCCTP_new a {background: transparent url(../images/accesCCTP_new.gif) no-repeat;}
.accesOutils li#accesSolutions_new a {background: transparent url(../images/accesSolutions_new.gif) no-repeat;}
.accesOutils li#accesServices_new a {background: transparent url(../images/accesServices_new.gif) no-repeat;}
.accesOutils li#accesCctpMaintenance_new a {background: transparent url(../images/accesCctpMaintenance_new.gif) no-repeat;}
.accesOutils li#accesDemandeMaintenance_new a {background: transparent url(../images/accesDemandeMaintenance_new.gif) no-repeat;}
.accesOutils li#accesForum_new a {background: transparent url(../images/accesForum_new.gif) no-repeat;}
.accesOutils li#accesCalcul_new a {background: transparent url(../images/accesCalcul_new.gif) no-repeat;}

.accesOutils li#accesAbcDEF_new a:hover,
.accesOutils li#accesCCTP_new a:hover,
.accesOutils li#accesSolutions_new a:hover,
.accesOutils li#accesServices_new a:hover,
.accesOutils li#accesCctpMaintenance_new a:hover,
.accesOutils li#accesDemandeMaintenance_new a:hover,
.accesOutils li#accesForum_new a:hover,
.accesOutils li#accesCalcul_new a:hover { background-position: 0 -180px !important; }

/******************** Accès actualités sur les homes des 4 espaces ********/

.blocActualites {
	width: 543px;
	float: left;
	margin-right: 25px;}
.blocActualites h3 {
	background: transparent url(../images/titreActualites.gif) no-repeat !important; 
	height: 15px; padding-bottom: 4px !important;
	margin-bottom: 10px;
	border-bottom: 1px #DB1829 dotted;}
.blocActualites h3 span {display: none;}
.blocActualites p strong {
	color: #298BBE; 
	display: block;
	font-size: 11px;
	line-height: 13px;
	font-size: 12px;
	margin-bottom: 3px;
	padding-top: 5px;}
.blocActualites p strong span {color: #EE1B2D; font-size: 11px;}
.blocActualites img {margin: 5px 10px 0 0;}
.listeActus img { float: left; }
.blocActualites .suite {
	height: 16px;
	clear: both; 
	margin-bottom: 10px;
	border-bottom: 1px #A1D6EB dotted;}

/******************** Bloc newsletter sur les homes des 4 espaces ********/

#blocNewsletter {
	border: 1px #A1D6EB solid;
	width: 150px;
	margin-top: 18px;
	float: left;}
#blocNewsletter fieldset {border: 0; padding: 0; margin: 0;}
#blocNewsletter fieldset h4 {
	width: 96px; height: 40px;
	background: transparent url(../images/inscriptionNewsletter.gif) no-repeat right bottom;
	margin-bottom: 10px;}
#blocNewsletter fieldset h4 span {display: none;}
#blocNewsletter fieldset p {
	color: #004080; 
	margin: 0 10px 10px 10px; 
	font-size: 10px; 
	line-height: 10px;}
#blocNewsletter fieldset input.inptText {
	width: 120px;
	margin: 0 0 10px 12px;}
#blocNewsletter fieldset input.valider {
	background: transparent url(../images/btnValider.gif) no-repeat;
	border: 0; width: 55px; height: 23px;
	margin: 0 0 0 95px;
	color: #398DBE;
	font-weight: bold;}

.blocActualites,
#blocNewsletter {float: left;}

#btnArchivesNewsletters a { color: #5AA5DE !important; }

#listeArchives { list-style: none; }
#listeArchives li a { text-decoration: none; font-weight: bold; }
#listeArchives li { margin-bottom: 10px; font-size: 12px; }
#listeArchives li a span { display: block; font-size: 11px; color: #004080; font-weight: normal; }

/******************** Bloc références sur les homes des espaces MO ********/

#blocReferences {
	width: 260px;
	background: transparent url(../images/bgBlocReferences.jpg) repeat-x 0 34px;
	float: left;
	margin-right: 25px;}
#blocReferences h4 {
	width: 260px; height: 34px;
	background: transparent url(../images/titreBlocReferences.gif) no-repeat;}
#blocReferences h4 span {display: none;}
#blocReferences p {margin: 10px;}
#blocReferences p img {float: left; margin: 0 10px 10px 0; border: 1px #A2CEE4 solid;}
#blocReferences p strong {display: block; color: #398CBD;}
#blocReferences a.suite {
	color: #EE1B2D;
	font-size: 10px;
	display: block;
	text-align: right;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	padding-left: 8px;
	background: transparent url(../images/flecheBleue.gif) no-repeat 167px 5px;
	line-height: 15px;
	border-bottom: 1px #398CBD dotted;}
#blocReferences a.suite:hover {color: #245C7D;}

/*#homeMOTertiaire .blocActualites,
#homeMOIndustriels .blocActualites {width: 258px;}*/

/***********************************************************************************************/
/*																											  DEF recrute */
/***********************************************************************************************/

#marges #btnCandidature {
	display: block;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	text-decoration: none;
	border: 1px #5AA7D5 solid;
	background: #F0F7FB url(../images/pictoCV.gif) no-repeat 5px 5px;
	width: 135px;
	color: #5AA7D5;}
#marges #btnCandidature:hover {
	border: 1px #004080 solid;
	color: #004080;
	background-color: #BFDCEC;}

#offresEmploi #marges p {width: 550px;}
#offresEmploi #marges #elementsRetour li {background-image: none; padding-left: 0;}

#candidature .raison label {width: 280px;}
#candidature fieldset.colA,
#candidature fieldset.colB {float: left;}
#candidature fieldset.colA {width: 280px; margin-right: 15px;}
#candidature fieldset.colB {width: 390px;}
#candidature fieldset.colA label {width: 90px;}
#candidature fieldset.colB label {width: 180px;}
#candidature fieldset.colA input,
#candidature fieldset.colA select {width: 170px;}
#candidature fieldset.colB input,
#candidature fieldset.colB select,
#candidature fieldset.colB textarea {width: 190px;}
#candidature fieldset.colB textarea {height: 65px;}

#ficheEmploi #marges #btnCandidature {margin-bottom: 10px; text-decoration: none !important;}

/***********************************************************************************************/
/*																												Actualités */
/***********************************************************************************************/

#actualites #colGauche,
#actualites .blocActualites {float: left;}
#actualites #blocNewsletter {margin: 0; width: 200px;}
#actualites .blocActualites {width: 495px; margin-right: 0;}
#actualites .blocActualites img {/*float: left;*/ margin: 0 10px 5px 0;}
#actualites .blocActualites h2 {margin-bottom: 15px;}
#actualites #blocNewsletter fieldset input.valider {margin: 0 0 0 145px;}
#actualites #blocNewsletter fieldset h4 {
	background: transparent url(../images/inscriptionNewsletterBis.gif) no-repeat right bottom;
	width: 159px; height: 27px;}
#actualites .blocActualites h4 {
	color: #004080; 
	font-size: 14px;
	border-bottom: 1px #004080 dotted; margin-bottom: 15px;}

.listeDoc .blocActualites { float: none; width: 695px !important; }
   
/***********************************************************************************************/
/*																									   Mentions légales */
/***********************************************************************************************/
	
.mentionsLegales #marges h4 { 
	color: #004080; 
	font-size: 14px;
	border-bottom: 1px #004080 dotted; margin-bottom: 15px; }
	
/***********************************************************************************************/
/*																												 		 FAQ */
/***********************************************************************************************/

#faq #marges h2 {margin-bottom: 15px;}

.question {
	padding-bottom: 10px;
	border-bottom: 1px #BFDCEC dotted;
	margin-bottom: 10px;
	width: 500px;
	position: relative;}
.question h5 {
	font-size: 12px; 
	width: 400px; padding-bottom: 5px;
	line-height: 13px;
	font-style: italic;
	background: transparent url(../images/pictoQuestion.gif) no-repeat;
	padding-left: 30px;}
.question a.btnReponse {
	text-decoration: none;
	float: right;
	padding: 0 0 5px 40px;
	background: transparent url(../images/flecheRouge.gif) no-repeat 30px 4px;
	font-weight: bold; display: block;}
.question .reponse {
	background-color: #F0F7FB;
	padding: 5px;
	width: 490px;
	margin: 5px 0 5px 0;
	display: none;
	position: relative;}
.question .reponse a.fermer {
	display: block; width: 12px; height: 12px;
	background: transparent url(../images/fermer.gif) no-repeat;
	float: right;}
.question .reponse a.fermer span {display: none;}

/***********************************************************************************************/
/*																											  Maintenance */
/***********************************************************************************************/

#maintenance fieldset label {width: 165px;}
#maintenance #marges fieldset p {clear: both;}
#maintenance #marges fieldset ul {
	position: relative; top: 0;
	float: left;}
#maintenance #marges fieldset ul li {
	background-image: none;
	padding-left: 0;
	float: left;}
#maintenance #marges fieldset ul li label,
.noSize {
	width: auto; 
	margin-right: 5px;}
.noSize {
	border: 0; 
	float: left; 
	margin-right: 5px;}

/***********************************************************************************************/
/*																													Contact */
/***********************************************************************************************/

#demandeInfo fieldset label {width: 130px; line-height: 11px;}
#demandeInfo #marges fieldset ul li label {text-align: left;}
#demandeInfo fieldset .rechercher {margin-left: 10px;}

/***********************************************************************************************/
/*																										Réseau d'agences */
/***********************************************************************************************/

#reseau #marges img {border: 0;}
#reseau #colResA, #reseau #colResB {float: left;}
#reseau #colResA {width: 384px; margin-right: 20px;}
#reseau #colResB {width: 325px; border-left: 1px #EE1B2D dotted;}

.agence {
	border-bottom: 1px #A1D6EB dotted;
	margin-bottom: 8px;
	padding-bottom: 8px;}
.agence ul,
.agence .adresseAgence {float: left;}

.agence .adresseAgence {width: 175px; padding-right: 25px;}
.agence strong {display: block; font-size: 12px;}
.agence .enValeur {color: #EE1B2D;}
.agence ul {width: 180px;}
.agence ul li strong {display: inline;}

#reseau .blocActualites {margin: 0;}
#reseau .blocActualites,
#reseau #postes {width: 300px; padding-left: 25px;}
#reseau #marges h2 {font-size: 16px; border-bottom: 1px #EE1B2D dotted; margin-bottom: 15px;}

/***********************************************************************************************/
/*																												Références */
/***********************************************************************************************/

#rechercheReferences fieldset label {width: 100px;}
#rechercheReferences table th a {
	text-decoration: none;
	color: #004080;}
#rechercheReferences #keyword {width: 150px;}
#rechercheReferences .validerBis {margin-left: 10px;}
#rechercheReferences .troisColonnes select {width: 170px;}
#rechercheReferences .autreColonne .validerBis {margin-top: 20px;}
#rechercheReferences .lnkImage {background-image: none; padding-left: 0;}
#rechercheReferences .lnkImage img {border: 0}

#ficheReferences #marges img {
	float: left; 
	margin: 15px 15px 30px 0; 
	border: 1px #A2CEE4 solid;}
#ficheReferences #marges ul#listeRef {
	float: left;
	width: 513px;}
#ficheReferences #marges ul#listeRef li {margin-bottom: 5px;}

/***********************************************************************************************/
/*																												 Catalogue */
/***********************************************************************************************/

#rechercheCatalogue fieldset label {width: 300px;}
#rechercheCatalogue fieldset#blocFormA,
#rechercheCatalogue fieldset#blocFormB {float: left;}
#rechercheCatalogue fieldset#blocFormA {width: 400px; margin-right: 15px;}
#rechercheCatalogue fieldset#blocFormB {width: 268px;}
#rechercheCatalogue fieldset#blocFormA label {width: 120px;}
#rechercheCatalogue fieldset#blocFormA input,
#rechercheCatalogue fieldset#blocFormB select {width: 150px; margin-right: 10px;}

#rechercheCatalogue fieldset ul {float: left;}
#rechercheCatalogue #marges fieldset ul li {padding-left: 0; background-image: none;}
#rechercheCatalogue fieldset ul li input {width: auto; border: 0;}
#rechercheCatalogue fieldset p {clear: both;}
#rechercheCatalogue fieldset #btnRechercheOuvrage {float: right;}
#rechercheCatalogue .margeGauche {position: relative; left: 300px;}

#rechercheCatalogue #form01,
#rechercheCatalogue #form02,
#rechercheCatalogue #form03,
#rechercheCatalogue #form04 {display: none;}

/***********************************************************************************************/
/*																								 Solutions et produits */
/***********************************************************************************************/

#rechercheProduits fieldset { width: 550px;}
#rechercheProduits fieldset label {width: 250px;}

#rechercheProduits fieldset#blocFormA,
#rechercheProduits fieldset#blocFormB {float: left;}

#rechercheProduits fieldset#blocFormA {width: 400px; margin-right: 15px;}

#rechercheProduits fieldset#blocFormB {width: 268px;}
#rechercheProduits fieldset#blocFormA label {width: 120px;}
#rechercheProduits fieldset#blocFormA input,
#rechercheProduits fieldset#blocFormB select {width: 150px; margin-right: 10px;}

#rechercheProduits fieldset ul {float: left;}
#rechercheProduits #marges fieldset ul li {padding-left: 0; background-image: none;}
#rechercheProduits fieldset ul li input {width: auto; border: 0;}
#rechercheProduits fieldset p {clear: both;}
#rechercheProduits fieldset #btnRechercheOuvrage {float: right;}
#rechercheProduits .margeGauche {position: relative; left: 300px;}

#colOutils { width: 160px; float: right; padding-left: 15px; margin-top: 60px;}
#colOutils a { display: block; }

#btns { width: 570px; height: 62px;}

#btnTousProduits,
#btnConfigurateur,
#btnCalcul,
#btnInnovation { width: 150px; margin-bottom: 10px;}

#btnTousProduits,
#btnConfigurateur { float: left; margin-right: 10px; margin-bottom: 0 !important;}

#btnTousProduits span,
#btnConfigurateur span,
#btnCalcul span,
#btnInnovation span { display: none; }

#btnTousProduits { background: transparent url(../images/btnTousProduits.gif) no-repeat; width: 200px; height: 52px; margin-left: 50px;}
#btnConfigurateur { background: transparent url(../images/btnConfigurateur.gif) no-repeat; width: 250px; height: 52px;}
#btnCalcul { background: transparent url(../images/btnCalcul.gif) no-repeat; height: 90px; margin-bottom: 35px;}
#btnInnovation { background: transparent url(../images/btnInnovations.gif) no-repeat; height: 75px; }

/************ Résultats de recherche : liste des produits classés par catégorie */

#listeResultats #marges h2,
#listeProduits #marges h2 {
	border-bottom: 1px #EE1B2D dotted;
	margin-bottom: 15px;
	clear: both;}
.resultat {
	width: 350px;
	float: left;
	margin: 0 15px 10px 0;
	border-bottom: 1px #BFDCEC dotted;}
.resultat .visuel,
.resultat .visuel {
	float: left; /*height: 90px;*/
	border: 1px #5AA5DE solid;
	margin: 0 10px 10px 0;}
.resultat ul {float: left; width: 225px;}
.resultat ul li.nomProduit {font-size: 14px; font-weight: bold;}

/************** Liste des produits par ouvrage */

#listeProduits #marges .resultat {
	width: 240px; float: left;
	margin: 0 10px 5px 0;
	border-top: 1px #84BDE0 dotted;
	padding: 10px 0 5px 0;}
#listeProduits #marges p {margin-bottom: 20px;}

/********************** Fiche produit */

#ficheProduit h6 {color: #EE1B2D; font-size: 11px; position: relative; top: 25px;}
#ficheProduit .bloc {margin-left: 10px;}
#ficheProduit #colGaucheBis img {float: left; border: 1px #A2CEE4 solid; margin: 0 15px 5px 0;}
#ficheProduit #colDroiteBis {margin-top: 35px;}
#ficheProduit #docsTechniques ul li {
	background: transparent url(../images/pictoDoc.gif) no-repeat 0 1px;
	padding-left: 15px;}
#ficheProduit h2 {clear: both;}
#ficheProduit dl {margin-bottom: 10px; line-height: 14px;}
#ficheProduit #marges dl dd ul {margin-bottom: 0;}
#ficheProduit dl dt, 
#ficheProduit dl dd {float: left;}
#ficheProduit dl dt {
	float: left; 
	font-weight: bold;
	width: 200px;
	padding-left: 30px;
	background: transparent url(../images/flecheRougePetite.gif) no-repeat 20px 5px;}
#ficheProduit dl dd {width: 270px;}
#ficheProduit h3 {margin-top: 10px;}
#ficheProduit h2 {padding-top: 15px;}

/***********************************************************************************************/
/*																					    Précis de la réglementation */
/***********************************************************************************************/

#precisReg #colGauche,
#precisReg .colPrecis,
#precisReg .colPrecisB {float: left;}

#precisReg .colPrecis { width: 250px; margin-right: 13px;}

#precisReg .blocActualites {width: 250px; margin-right: 0;}
.bis .blocActualites { width: 770px !important; }
#precisReg .blocActualites img {float: left; margin: 0 10px 5px 0;}
#precisReg .blocActualites h2 {margin-bottom: 15px;}
#precisReg .blocActualites h4 {
	color: #fff; 
	font-size: 12px;
	background-color: #5AA5DE; 
	margin-bottom: 15px;
	padding-left: 5px;}

#precisReg #colGauche ul li a span { display: block; font-weight: normal; font-size: 11px;}
	
#precisReg #blocNewsletter {margin: 0; width: 200px;}
#precisReg #blocNewsletter fieldset input.valider {margin: 0 0 0 145px;}
#precisReg #blocNewsletter fieldset h4 {
	background: transparent url(../images/inscriptionNewsletterBis.gif) no-repeat right bottom;
	width: 159px; height: 27px;}

#precisReg .colPrecis fieldset p { margin: 0 0 5px 0; }
#precisReg .colPrecis fieldset p a { 
	background: transparent url(../images/flecheRougePetite.gif) no-repeat 0 5px;
	padding-left: 10px; line-height: 12px;
	color: #004080;
	text-decoration: none; }
#precisReg .colPrecis label { 
	float: none; text-align: left; 
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 5px 0;
	color: #398DBE;}
#precisReg .colPrecis input { width: 90px; }
#precisReg .colPrecis input.ok { 
	width: 35px; margin: 0 0 0 10px; 
	background: transparent url(../images/btnOK.gif) no-repeat 0 2px;
	height: 22px;
	border: 0; font-weight: bold;
	color: #398CBD;}

#precisReg .colPrecisB,
#precisReg .colPrecisB .blocActualites { width: 495px;}

#precisReg .blocActualites p a.suiteBis { 
	float: right;
	color: #EE1B2D;
	font-size: 10px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	padding-left: 8px;
	background: transparent url(../images/flecheBleue.gif) no-repeat 0 5px;}
#precisReg .blocActualites p.uneLigne {border-bottom: 1px #A1D6EB dotted;}
	
#precisReg #marges h2 {
	border-bottom: 1px #EE1B2D dotted;
	margin-bottom: 15px;
	clear: both;}

#precisReg .resultat {width: 230px; }
#precisReg .resultat ul {width: 140px;}

#precisReg a#ceQuiAChange { 
	float: left; margin: -36px 0 0 0; 
	position: relative; left: 300px;
	display: block;
	text-align: center;
	padding: 2px 5px;
	font-weight: bold;
	text-decoration: none;
	border: 1px #5AA7D5 solid;
	background-color: #F0F7FB;;
	width: 100px;
	color: #5AA7D5; }

#precisReg a#ceQuiAChange:hover {
	border: 1px #004080 solid;
	color: #004080;
	background-color: #BFDCEC;}

#precisReg .question { width: 770px;}
#precisReg .question .reponse { width: 760px; }

#precisReg .question h5 {
	width: 670px;
	background-image: none;
	padding-left: 0;}

#accesCertifProduits legend {color: #004080}
	
/***********************************************************************************************/
/*																													   CCTP */
/***********************************************************************************************/

#cctp fieldset {position: relative;}
#cctp fieldset legend {border: 1px #BFDCEC solid; position: absolute; left: 0; top: -8px;}
#cctp fieldset label {width: 300px;}

#cctp fieldset ul {float: left; width: 400px;}
#cctp fieldset ul li {padding-left: 0; background-image: none;}
#cctp fieldset ul li input {width: auto; border: 0; float: none;}
#cctp fieldset div {clear: both;}

#cctp fieldset.genDocA {background-color: #CDE3EC;}
#cctp fieldset.genDocB {background-color: #E0EFF5;}
#cctp fieldset.genDocC {background-color: #EFF7FA;}

/***********************************************************************************************/
/*																										 Calcul en ligne */
/***********************************************************************************************/

#calcul .colonne label { width: 150px; }

#pourcentage { clear: both; text-align: center; }
.pcent_res { margin-left: 260px; }

#reserve_conventionelle,
#reserve_conventionelle2 { text-align: left; width: 200px; background-color: #aaa; height: 5px; position: relative; left: 273px;}
#res_conv_barre,
#res_conv_barre2 { width: 5px; height: 10px; background-color: #000; text-align: left;}
#val_res_conv,
#val_res_conv2 {}

#centrales { width: 220px; float: left; margin-left: 15px; border-left: 1px #BFDCEC solid; padding-left: 10px;}
#centrales li { height: 20px; background-image: none !important; padding-left: 0 !important;}

.resultat_conforme { clear: both; text-align: center; font-size: 20px; color: #5AA5DE;}
.pcent_res 			{ clear: both; text-align: center; font-size: 15px; color: #666; font-weight: bold; margin-bottom:10px; }
.progress_bar {background: #398CBD;border: 1px solid #FFFFFF;color: #FFFFFF;font-weight : bold;}

/***********************************************************************************************/
/*																											       Presse */
/***********************************************************************************************/

#presse .blocActualites {
	width: 730px; 
	margin-bottom: 15px; 
	border-bottom: 1px #A1D6EB dotted; 
	padding-bottom: 10px;}
#presse .blocActualites .intro {font-weight: bold;}
#presse .blocActualites .suite a.btnTelecharger {
	background: transparent url(../images/pictoDoc.gif) no-repeat 0 2px; 
	padding-left: 15px; right: 90px;}
#presse .blocActualites .suite {
	height: 10px;
	margin-bottom: 0;
	border-bottom: 0;}
#presse .blocActualites img { float: left; border: 0;}


/***********************************************************************************************/
/*																												  Services */
/***********************************************************************************************/

.floatRight { float: right; margin: 5px 0 10px 20px; }
.floatLeft { float: left; margin: 5px 20px 10px 0; }

#services #marges img,
#solutions #marges img,
#technologies #marges img { background-color: #fff; border: 1px #BFDCEC solid; padding: 2px;}

#marges ul#listeA,
#marges ul#listeB,
#marges ul#listeC,
#marges ul#listeD,
#marges ul#listeF,
#marges ul#listeG { float: left;}

#marges ul#listeA { width: 500px; }
#marges ul#listeB { width: 320px;}
#marges ul#listeC { width: 500px; }

#marges ul#listeF { width: 530px; }

/***********************************************************************************************/
/*																											 Technologies */
/***********************************************************************************************/

#sousNavTechno { 
	height: 22px;
	border-left: 1px #BFDCEC solid; }
#sousNavTechno li { 
	float: left; 
	padding: 0 15px !important; 
	height: 20px; 
	line-height: 20px; 
	background-position: 5px 7px !important; 
	border-bottom: 1px #BFDCEC solid;
	border-top: 1px #BFDCEC solid;
	border-right: 1px #BFDCEC solid; 
	background-color: #F0F7FB !important;}
#sousNavTechno li a { 
	display: block; 
	height: 20px; 
	line-height: 20px; 
	float: left; 
	color: #004080; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; }

.colTer,
.unTiers,
.deuxTiers { float: left; }

.colTer { width: 230px; padding: 0 20px 0 0;}

.col { width: 385px; text-align: center; float: left; }
.col h3 { margin-top: 10px; }

.col p strong,
.center p strong { display: block; font-size: 13px; }

.center img { margin: 12px 0 10px 0 !important}

.col img { margin: 15px 0 0 0; }

#marges .noBorder { border: 0 !important; }

.unTiers,
.deuxTiers { padding: 0 28px 0 0;}

.unTiers { width: 254px;}
.deuxTiers { width: 454px;}

#technologies #marges h2 {font-size: 16px; padding-top: 10px;}
#technologies #marges h3 {font-size: 14px; color: #004080; padding: 0; background-color: #fff;}
#technologies #marges h4 { font-size: 18px; background-color: #F0F7FB; color: #1F6498; padding: 0 2px; margin-bottom: 10px;}

#technologies .center { text-align: center; }
#technologies .center img { margin-bottom: 10px; }

#technologies .margesImages { clear: both; padding-bottom: 25px; }

/*#technologies .center p,
.col p,
#technologies .center h3,
.col h3 { text-align: left; }*/

/***********************************************************************************************/
/*																													 Erreur */
/***********************************************************************************************/

#erreur #marges {height: 370px;}

/***********************************************************************************************/
/*																											 L'entreprise */
/***********************************************************************************************/

#histoire #marges h4,
#profil #marges h4 { 
	color: #004080; 
	font-size: 12px; 
	margin-bottom: 5px;}

#monde ul li span { display: block; }

#innovation #marges img { margin-bottom: 10px; }

#valeurs #marges img,
#histoire #marges img { 
	background-color: #fff; border: 1px #BFDCEC solid; padding: 2px;
	float: right; margin: 20px 0 20px 20px; }
#histoire #marges h2 { padding-left: 12px;
	background: transparent url(../images/flecheSuivant.gif) no-repeat 0 4px; 
	margin-top: 10px;}
	
.colProfil { 
	border: 1px #5AA5DE solid;
	float: right; 
	width: 150px; 
	margin: 0 0 0 20px; 
	padding: 10px 10px 0 10px; }

.blocProfil { 
	color: #004080; 
	font-weight: bold; 
	font-size: 12px;
	padding: 5px; margin-bottom: 10px; 
	text-align: center;
	background-color: #DDF0FA;}
.blocProfil img { margin-top: 5px; }
.blocProfil span { font-size: 14px; color: #EE1B2D }
	
/***********************************************************************************************/
/*																													 Footer */
/***********************************************************************************************/

#footer {
	background: transparent url(../images/bgFooter.gif) no-repeat left bottom; 
	height: 50px;
	position: relative;
	clear: both;}
#footer ul {position: absolute; left: 20px; top: 18px; list-style: none}
#footer ul li {float: left;}

#footer ul li,
#footer ul li a {
	font-weight: bold;
	color: #398CBD;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;}

#footer ul li.espace {display: none;}
#footer ul li.espace a {color: #1F6497;}

#footer ul li a:hover {color: #EE1B2D;}

.prescripteurs #footer ul li.espace,
.installateurs #footer ul li.espace,
.MOTertiaire #footer ul li.espace,
.MOIndustriels #footer ul li.espace {display: block;}

/***********************************************************************************************/
/*																					              Configurateur SSI */
/***********************************************************************************************/

#configurateur fieldset .unTiers { width: 200px; }

#configurateur fieldset .unTiers label { width: 170px;}
#configurateur fieldset .unTiers p { height: 20px; margin: 0;}
#configurateur fieldset .deuxTiers label { width: 200px;}
#configurateur fieldset ul { float: left; margin: 0 0 5px 0;}
#configurateur fieldset ul li { float: left; padding: 0 10px 0 0; background-image: none; }
#configurateur fieldset .choixTechno p { width: 210px; float: left; margin: 0;}

#configurateur fieldset .colonne label { width: 210px; padding-bottom: 5px; }
#configurateur fieldset .colonne p { clear: both; }
#configurateur fieldset .colonne p input,
#configurateur fieldset .colonne p select { width: 140px; }

#configurateur fieldset.listingProduits ul li { width: 350px; padding-right: 10px; border-bottom: 1px #BFDCEC dotted; margin-bottom: 10px; padding-bottom: 10px;}
#configurateur fieldset.listingProduits ul li img { width:71px; height:71px; float: left; margin: 0 10px 0 0; border: 1px #5AA5DE solid;}

#configurateur fieldset.listingProduits ul li h5 { font-size: 14px;}
#configurateur fieldset.listingProduits ul li h6 { font-size: 12px; color: #004080}

#configurateur fieldset#fieldEtape4 .colonne label { width: 150px; }
#configurateur .center label { width: 250px; margin-right: 0; }

#configurateur table td,
#configurateur table th { border: 1px #BFDCEC solid; }

#configurateur ul li.colonne { width: 370px;}

/***********************************************************************************************/
/*																										  Page industrie */
/***********************************************************************************************/

#pageIndustrie #marges ul ul li { background-image: url(../images/flecheBleue.gif); margin-left: 20px; }

/***********************************************************************************************/
/*																											          Jeu */
/***********************************************************************************************/

#fenetreJeu { background-image: none; margin: 0;}

.jeu { 
	width: 570px; height: 405px; 
	background: #fff url(../images/bgJeu.jpg) repeat-x left bottom; 
	z-index: 5000;}
.jeu .logoJeu { margin: 14px 0 13px 15px; }
.jeu .dateLimite { position: absolute; left: 15px; bottom: 10px; color: #fff;}
.jeu h1 { width: 570px; height: 50px; background: transparent url(../images/titreJeu.gif) no-repeat; }
.jeu h1 span,
.jeu h2 span { display: none; }

/************* Ecran A */

#blocJeuA h2 { width: 430px; height: 65px; background: transparent url(../images/sousTitreJeu.gif) no-repeat; }
#blocJeuA .ipodA { position: absolute; top: 63px; right: 23px;}
#blocJeuA p { padding: 6px 20px; }
#blocJeuA img.visuelCassiope { float: left; margin: 10px 10px 0 20px; }
#blocJeuA p.participation { width: 385px; font-weight: bold;}
#blocJeuA p.etapes { padding-top: 20px; line-height: 16px;}
#blocJeuA a.btnCliquez { 
	width: 230px; height: 31px; 
	display: block; position: absolute; right: 20px; bottom: 15px;
	background: transparent url(../images/btnCliquez.gif) no-repeat; }
#blocJeuA a.btnCliquez span { display: none; }

/************* Ecran B */

#blocJeuB h2,
#blocJeuC h2 { 
	width: 286px; height: 39px; 
	position: absolute; right: 11px; top: 13px;
	background: transparent url(../images/sousTitreJeuB.gif) no-repeat; }
#blocJeuB .ipodB { position: absolute; top: 63px; right: 23px;}
#blocJeuB form { padding: 20px; }

.colJeuA,
.colJeuB { float: left; }

.colJeuA { width: 240px; }
.colJeuB { width: 270px; }

.colJeuA input,
.colJeuB input,
.colJeuA select { width: 150px; }

.jeu label { width: 80px; font-weight: bold;}

.jeu ul { list-style: none; padding-left: 40px;}
.jeu ul li { clear: both;}
.jeu ul li label { width: 200px; text-align: left; font-weight: normal;}
.jeu ul li .noSize { width: auto;}

#blocJeuB .participation { margin-bottom: 10px; }
#blocJeuB fieldset { border: 0;}
#blocJeuB fieldset p { margin-bottom: 10px; }

.colJeuB { margin-top: 29px;}

#blocJeuB .champs {font-weight: bold; color: #fff; display: block; position: absolute; left: 310px; bottom: 10px; width: 200px;}

#blocJeuB #btnValiderJeu { 
	width: 100px; height: 31px; 
	background: transparent url(../images/btnValiderJeu.gif) no-repeat; 
	border: 0;
	color: #921822;
	font-weight: bold;
	position: absolute; right: 20px; bottom: 15px;
	font-size: 16px;}
	
/************* Ecran C */
	
#blocJeuC h1 { width: 570px; height: 35px; background: transparent url(../images/titreVotreCode.gif) no-repeat; }
#blocJeuC .ipodC { float: right; margin: 5px 0 0 0;}
#blocJeuC a.btnImprimer { 
	width: 110px; height: 31px; 
	display: block; position: absolute; right: 20px; bottom: 15px;
	background: transparent url(../images/btnImprimer.gif) no-repeat; }
#blocJeuC a.btnImprimer span { display: none; }
#blocJeuC #zoneCode { 
	width: 380px; height: 204px; 
	padding: 20px; float: left;
	/*background: transparent url(../images/console.gif) no-repeat 20px 20px; */
	position: relative;}
#blocJeuC #zoneCode span { 
	display: block;
	text-align: center; 
	font-size: 16px;
	color: #000; 
	position: absolute; left: 185px; top: 112px;
	z-index: 500;
	font-weight: bold;}
#blocJeuC .conservez { padding: 30px 20px 0 0; }
#blocJeuC .badge { font-weight: bold; color: #3583B0; padding: 30px 20px 0 0; }

/*************************************************************** pages international */

#colInterGauche,
#colInterDroite { float: left; }

#colInterGauche { width: 480px; padding-right: 20px;}
#colInterDroite { width: 270px; }

#colInterGauche img { margin: 0 8px; }
#colInterGauche img#carte { margin: 20px 0 0 40px; border:0;}
#colInterGauche h1 { text-align: center; }

.site { color: #000; font-size: 12px; text-align: right; font-weight: bold; padding-bottom: 20px;}

#blocContact { background-color: #ADD0E4; padding: 15px; margin-bottom: 15px; color: #000; margin-top: 10px;}
#blocContact h2 { color: #fff; }
#blocContact a { color: #000; }

#blocActus { background-color: #D5EDFB; padding: 15px;  color: #000;}
#blocActus h4 { font-size: 14px; margin-bottom: 10px; }

.news { margin-bottom: 10px; }
.news strong { font-size: 12px; }

#pageInternational #marges #elementsRetour li { float: left; padding-left: 15px; background-position: 5px 5px;}

/*************************************************************** pages innovations */

#pageInnovations #marges ul#listeInnovations li { 
   background-image: none; 
   padding: 10px 20px 0 0; float: left;}
   
#pageInnovations #marges ul#listeInnovations li a { display: block; height: 230px; }
#pageInnovations #marges ul#listeInnovations li a span { display: none; }

#pageInnovations #marges ul#listeInnovations li#btnEko a { width: 347px; background: transparent url(../images/btnEko.jpg) no-repeat;}
#pageInnovations #marges ul#listeInnovations li#btnOsis a { width: 287px; background: transparent url(../images/btnOsis.jpg) no-repeat;}

.margeGauche { margin: 10px 0 15px 50px; }