@charset "UTF-8";
/*---				--*/
/*---	Global - div id		--*/
/*---				--*/
body {
	background-color: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#cadre {
	background-color: #FFFFFF;
	width: 1170px;
	height: 680px;
	position: relative;
	border: 0px solid #F09403;
}
/*-------------------------------------------------------------*/
/*                   CADRE PARTIES HAUTES                      */
/*-------------------------------------------------------------*/
#logo {
	position: absolute;
	background-color: white;
	width: 200px;
	height: 120px;
	left: 10px;
	top: -10px;
	z-index: 4;
}
#lignelogo {
	position: absolute;
	background-color: #F09403 ;/*Orange*/
	width: 700px;
	height: 4px;
	left: 212px;
	top: 104px;
	z-index: 1;
}
#contact {
	position: absolute;
	background-color: white;
	width: 170px;
	height: 30px;
	left: 10px;
	top: 130px;
	z-index: 4;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	list-style-type: circle;
}
#contact a {
	margin-left: 0px;
	color: #6E6E6E;
}
/*----------------------------------------*/
/*---	ZONE TITRE THEME DE PAGE	--*/
#bandeau {
	position: absolute;
	color: #555555;
	left: 305px;
	width: 595px;
	height: 30px;
	top: 120px;
	border-top: 0px solid #F09403;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F09403;/*Orange*/
	margin-top: 2px;
	font-weight: none;
	text-align: right;
	z-index: 1;
}
/*----------------------------------------*/
/*---	CADRE COLONNE DE DROITE		--*/
#Colonnedroite { 
	position: absolute;
	color: #555555;
	height: 250px;
	left: 920px;
	width: 250px;
	top: 0px;
	border: 0px solid #F09403;
	z-index: 2;
}
/*-------------------------------------------------------------*/
/*    CADRE PARTIE GAUCHE MENU GENERAL (hors boutons)          */
/*-------------------------------------------------------------*/
#cadremenu {
	position: absolute;
	top: 185px;
	left: 10px;
	width: 170px;
	border: 0px solid #F09403;
}
#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	border: 0px solid #F09403 ;/*Orange*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold
}
#navigation li {
	background: #FFFFFF ;/*Blanc*/
	color: #4A4A4A;/*Gris*/
	margin-top: 5px ;
	margin-bottom: 5px ;
}
#navigation li a {
	display: block ;
	background: #FFFFFF ;/*Blanc*/
	color: #1C1C1C ;/*GrisFoncé*/
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 0 ;
}
#navigation li a:hover, #navigation li a:focus #navigation li a:active{
	background: #F09403;/*Orange*/
	text-decoration: none ;
}
#navigation #selected a {
	background: #F09403;/*Orange*/
	text-decoration: none ;
}
/*-------------------------------------------------------------*/
/*ZONE DE NAVIGATION AVEC BOUTONS DE PRESTATION EN PARTIE HAUTE*/
/*-------------------------------------------------------------*/
/*Zone de navigation par boutons de prestation*/
#jeuicones {
	position: absolute;
	top: 10px;
	left: 305px;
	width: 595px;
	height: 90px;
	float: left;
	z-index: 1;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: 0px solid #F09403;
	z-index: 4;
}
/*--- 			Boutons navigation 		     ---*/
/*Bouton Poste de Travail*/	
#bouton a {
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/postedetravail.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
/*Bouton Poste de Travail*/
#bouton a:hover { 
	background:url(IMG-boutons/postedetravail.jpg) left top no-repeat;
}
/*Bouton Bureaux*/
#bouton2 a {
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/bureaux.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
/*Bouton Bureaux*/
#bouton2 a:hover {
	background:url(IMG-boutons/bureaux.jpg) left top no-repeat;
}
/*Bouton Architecture*/
#bouton3 a { 
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/architecture.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
/*Bouton Architecture*/
#bouton3 a:hover {
    	background:url(IMG-boutons/architecture.jpg) left top no-repeat;
}
/*Bouton Informatique*/
#bouton4 a {
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/informatique.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
/*Bouton Informatique*/
#bouton4 a:hover {
	background:url(IMG-boutons/informatique.jpg) left top no-repeat;
}
/*Bouton Design*/
#bouton5 a {
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/design.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
#bouton5 a:hover {
/*Bouton Design*/
	background:url(IMG-boutons/design.jpg) left top no-repeat;
}
#bouton6 a { /*Bouton Handicap*/
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/handicap.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
#bouton6 a:hover { /*Bouton Handicap*/
	background:url(IMG-boutons/handicap.jpg) left top no-repeat;
}
#bouton7 a { /*Bouton Prévention*/
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/prevention.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
#bouton7 a:hover { /*Bouton Prévention*/
	background:url(IMG-boutons/prevention.jpg) left top no-repeat;
}
#bouton8 a { /*Bouton Santé au Travail*/
	display:block;
	float: left;
	width:85px;
	line-height:50px;
	text-align:center;
	vertical-align: center;
	padding-top: 45px;
	background:url(IMG-boutons/sante.jpg) right top no-repeat;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C1C1C;
}
#bouton8 a:hover { /*Bouton Santé au Travail*/
	background:url(IMG-boutons/sante.jpg) left top no-repeat;
}
/*BOUTONS : Mise en position active, avec fond blanc.*/
#bouton .actif {
	background:url(IMG-boutons/postedetravail.jpg) left top no-repeat;
}
#bouton2 .actif {
	background:url(IMG-boutons/bureaux.jpg) left top no-repeat;
}
#bouton3 .actif {
	background:url(IMG-boutons/architecture.jpg) left top no-repeat;
}
#bouton4 .actif {
	background:url(IMG-boutons/informatique.jpg) left top no-repeat;
}
#bouton5 .actif {
	background:url(IMG-boutons/design.jpg) left top no-repeat;
}
#bouton6 .actif {
	background:url(IMG-boutons/handicap.jpg) left top no-repeat;
}
#bouton7 .actif {
	background:url(IMG-boutons/prevention.jpg) left top no-repeat;
}
#bouton8 .actif {
	background:url(IMG-boutons/sante.jpg) left top no-repeat;
}
/*-------------------------------------------------------------*/
/*          ZONE DE NAVIGATION SOUS-MENU PAR ONGLET            */
/*-------------------------------------------------------------*/
#navsousmenu {
	position: absolute;
	left: 200px;
	top: 180px;
	height: 20px;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	border-bottom: 1px solid #F09403;
	z-index: 4;
}
#navsousmenu li {
	display: inline;
	background: #FFFFFF ;/*Blanc*/
	color: #4A4A4A ;
	border: 1px solid #F09403 ;/*Orange*/
	-moz-border-radius : 10px 10px 0px 0px;
	-webkit-border-radius : 10px 10px 0px 0px;
	margin-bottom: 1px ; 
}
#navsousmenu li a {
	background: #FFFFFF ;/*Blanc*/
	color: #1C1C1C ;
	font: 13px Arial,sans-serif ;
	line-height: 14px ;
	text-align: left ;
	text-decoration: none ;
	text-indent: 5px;
	-moz-border-radius : 10px 10px 0px 0px;
	-webkit-border-radius : 10px 10px 0px 0px;
	padding: 1px 5px ;
}
#navsousmenu li a:hover, #navigation li a:focus #navigation li a:active {
	background: #F09403 ;/*Orange*/
	text-decoration: none ;
}
#navsousmenu .actif {
	background: #F09403 ;/*Orange*/
	text-decoration: none ;
}
/*-------------------------------------------------------------*/
/*          CADRE PARTIE CENTRALE ZONE DE TEXTE                */
/*-------------------------------------------------------------*/
#Titre1 {
	display: block;
	position: absolute;
	top: 200px;
	left: 200px;
	width: 700px;
	height: 30px;
	background-color: #FFFFFF;
	overflow: auto;
	padding: 0px;
	border-left: 1px solid #F09403;
	z-index: 2;
}
#zonetexte { /*Zone d'affichage du texte central, hors page d'accueil*/
	display: block;
	position: absolute;
	top: 230px;
	left: 200px;
	width: 700px;
	height: 420px;
	background-color: #FFFFFF;
	overflow: auto;
	padding: 10px;
	border-left: 1px solid #F09403;
	z-index: 1;
}
/*-------------------------------------------------------------------*/
/*       	Spécifications pour la zone de texte	             */
/*-------------------------------------------------------------------*/
#zonetexte a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6E6E6E;
}
#zonetexte table {
	border: 1px solid #FF9900;
}
#zonetexte td {
	border: 1px solid #FF9900;
}
/*-------------------------------------------------------------------*/
/*  ZONE SPECIFIQUE UNIQUEMENT A L INTERRIEUR DE ZONE TEXTE ACCUEIL. */
/*-------------------------------------------------------------------*/
#cadrebouton {
	position: relative;
	width: 340px;
	float: left;
	font-family: Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
    	list-style: none ;
	color: #4F4F4F;
}
#cadrebouton2 {
	position: relative;
	width: 340px;
	float: left;
	font-family: Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
    	list-style: none ;
	color: #4F4F4F;
	border-left: 2px solid #C1C1C1;
}
#cadretexte_posteindustriel { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_postetertiaire { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_architecture { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_ihm {
 	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_design { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_handicap { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_risque {
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
#cadretexte_sante { 
	position: relative;
	width: 250px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
/*-------------------------------------------------------------------*/
/*      EXEMPLES, menu à droite, uniquement sur certaines pages      */
/*-------------------------------------------------------------------*/
#zoneexemple {
	position: absolute;
	width: 220px;
	top: 250px;
	left: 930px;
	background: #FFFFFF ;/*Blanc*/
	border: 0px solid #F09403 ;
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 12px;
	font-weight: normal;
	list-style-type: circle;
	margin-left: 3px;
	text-align: left;
	z-index: 1;
}
#zoneexemple a {
	margin-left: 5px;
	color: #6E6E6E;
	font-weight: bold;
}
/*------------------------------------------------*/
/*--- Note : Pb si code ci-dessous :    	--*/
/*--- #zoneexemple a {				--*/
/*---	margin-left: 5px;			--*/
/*---	color: #6E6E6E;	    			--*/
/*------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*     	                                                             */
/*  DEFINITION DES STYLES DE CARACTERES SPECIFIQUES A CHAQUE CADRE   */
/*	                    			                     */
/*-------------------------------------------------------------------*/
/*       	STYLES POUR TITRES - div class	                     */
/*-------------------------------------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	font-size: 16px;
	font-weight: bold;
	margin-left: 3px;
	text-align: left;
}
.Maj {
	font-size: 28px;
	font-weight: bold;
	color: #505050;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #1C1C1C;
	font-size: 14px;
	font-weight: bold;
	margin-left: 3px;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #1C1C1C;
	font-size: 12px;
	font-weight: bold;
}
/*-------------------------------------------------------------------*/
/*              STYLES TEXTE DE BASE - span class	             */
/*-------------------------------------------------------------------*/
.txt1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #1C1C1C;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
	margin-left: 3px;
	text-align: left;
}
.txt2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #1C1C1C;
	font-size: 10px;
	font-weight: normal;
	list-style-type: circle;
}
/* Ces caractéristiques sont utilisées pour le corps de texte */
.txtR {
 	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	color: #1C1C1C;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
/*---	Texte centré pour colonne, tableau et adresse bas de page		--*/
.txtC {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	list-style-type: circle;
}
.txtC a{
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}
/*---	Texte en orange [n'existe plus]	--*/
.or {
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-weight: bold;
}
.or a{
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-weight: bold;
}
.txtp {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}