body {
	scrollbar-face-color: #c1c1c1; /* couleur du dessus des boutons et de l'ascenseur */
	scrollbar-shadow-color: #cccccc; /* couleur sombre du relief des boutons et de l'ascenseur */
	scrollbar-highlight-color: #ffffff; /* couleur claire du relief des boutons et de l'ascenseur */
	scrollbar-3dlight-color: #c1c1c1; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color: #cccccc; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-track-color: #ffffff; /* couleur du fond de la barre */
	scrollbar-arrow-color: #ffffff;
	text-align: center;
	background-color:#c1c1c1;
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}

a { text-decoration:none; }

a:hover { text-decoration: underline; }

/******************************* C O M M U N *******************************/

#global {
	width: 100%;
	background-image: url(img/commun-fond.jpg);
	height:100%;
	background-repeat: repeat-x;
	background-color:#ffffff;
}

#site { /* Site */
	width: 850px;
	height:565px;
	text-align: center;
	background-image: url(img/index-fond.jpg);
	background-repeat:no-repeat;
}

#page { /* Site */
	width: 850px;
	height:565px;
	text-align: center;
}

#top {
	width:100%;
	height:99px;
}

#bottom {
	width:850px;
	height:16px;
	text-align: right;
}

/******************************* I N D E X *******************************/


#index-gauche {
	width:350px;
	height:377px;
	float:left;
	text-align:right;
}

#logo {
	width:350px;
	height:187px;
	float:left;
	text-align:left;
}

#logo-index {
	width:350px;
	height:187px;
	float:left;
	text-align:left;
}


#slogan {
	width:350px;
	height:102px;
	float:left;
	text-align:right;
}

#entree {
	width:330px;
	height:25px;
	float:left;
	text-align:right;
}

#entree .acces {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:600;
	color:#FFFFFF;
}

#resolution {
	width:330px;
	height:60px;
	float:left;
	text-align:right;
}

#resolution .res {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#info {
	width:305px;
	height:40px;
	float:left;
	text-align:right;
}

#info .txt {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d34e22;
}

#pdf {
	width:25px;
	height:40px;
	float:left;
}

#index-droite {
	width:499px;
	height:565px;
	float:right;
}

#actu {
	width:380px;
	height:248px;
	float:right;
	text-align:left;
}

#actu .titre {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ea7c15;
	font-weight:bold;
}

#actu .txt {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ba3324;
	font-weight:bold;
}

#actu .info {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ba3324;
}

#pont {
	width:499px;
	height:315px;
	float:left;
	text-align:left;
}

/******************************* P A G E S *******************************/


#page-gauche {
	width:320px;
	height:563px;
	float:left;
	text-align:right;
}

#logo {
	float:left;
	width: 185px;
	height:312px;
	text-align: center;
	background-image: url(img/page-logo-fond.jpg);
	background-repeat:no-repeat;
}

#oie {
	float:left;
	width: 142px;
	height:251px;
	text-align: center;
	background-image: url(img/page-oie-fond.jpg);
	background-repeat:no-repeat;
}

#diapo {
	float:left;
	width: 178px;
	height:251px;
	text-align: left;
	background-image: url(img/page-diapo-fond.jpg);
	background-repeat:no-repeat;
}

#page-droite {
	width:530px;
	height:563px;
	float:left;
	text-align:right;
	background-image: url(img/page-contenu-fond.jpg);
	background-repeat:no-repeat;
}

/******************************* M E N U *******************************/

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



#menu {
	float:left;
	width: 135px;
	height:212px;
	background-image: url(img/page-menu-fond.jpg);
	background-repeat:no-repeat;
	padding-top:7px;

	
}

dl#menu-details { /*menu global*/
	width: 135px;
	margin:0;
	padding:0;
}

dl#menu-details dt { /*titre*/
	cursor: pointer;
	margin: 2px 0; /* ecart entre les blocs */
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.groupe-00 {
	display: block;
	background: url(img/menu-groupe-presentation.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.groupe-00:hover { background: url(img/menu-groupe-presentation.jpg) right no-repeat; }

dl#menu-details li a.groupe-00-clic {
	display: block;
	background: url(img/menu-groupe-presentation.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.groupe-01 {
	display: block;
	background: url(img/menu-groupe-engagement.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.groupe-01:hover { background: url(img/menu-groupe-engagement.jpg) right no-repeat; }

dl#menu-details li a.groupe-01-clic {
	display: block;
	background: url(img/menu-groupe-engagement.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.groupe-02 {
	display: block;
	background: url(img/menu-groupe-societe.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.groupe-02:hover { background: url(img/menu-groupe-societe.jpg) right no-repeat; }

dl#menu-details li a.groupe-02-clic {
	display: block;
	background: url(img/menu-groupe-societe.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.groupe-03 {
	display: block;
	background: url(img/menu-groupe-idf.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.groupe-03:hover { background: url(img/menu-groupe-idf.jpg) right no-repeat; }

dl#menu-details li a.groupe-03-clic {
	display: block;
	background: url(img/menu-groupe-idf.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.groupe-04 {
	display: block;
	background: url(img/menu-groupe-organigramme.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.groupe-04:hover { background: url(img/menu-groupe-organigramme.jpg) right no-repeat; }

dl#menu-details li a.groupe-04-clic {
	display: block;
	background: url(img/menu-groupe-organigramme.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.metiers-01 {
	display: block;
	background: url(img/menu-metiers-surveillance.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.metiers-01:hover { background: url(img/menu-metiers-surveillance.jpg) right no-repeat; }

dl#menu-details li a.metiers-01-clic {
	display: block;
	background: url(img/menu-metiers-surveillance.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.metiers-02 {
	display: block;
	background: url(img/menu-metiers-prevention.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.metiers-02:hover { background: url(img/menu-metiers-prevention.jpg) right no-repeat; }

dl#menu-details li a.metiers-02-clic {
	display: block;
	background: url(img/menu-metiers-prevention.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.metiers-03 {
	display: block;
	background: url(img/menu-metiers-formation.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.metiers-03:hover { background: url(img/menu-metiers-formation.jpg) right no-repeat; }

dl#menu-details li a.metiers-03-clic {
	display: block;
	background: url(img/menu-metiers-formation.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.actu-01 {
	display: block;
	background: url(img/menu-actualites-archives.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.actu-01:hover { background: url(img/menu-actualites-archives.jpg) right no-repeat; }

dl#menu-details li a.actu-01-clic {
	display: block;
	background: url(img/menu-actualites-archives.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
dl#menu-details li a.actu-02 {
	display: block;
	background: url(img/menu-actualites-infos.jpg) left no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

dl#menu-details li a.actu-02:hover { background: url(img/menu-actualites-infos.jpg) right no-repeat; }

dl#menu-details li a.actu-02-clic {
	display: block;
	background: url(img/menu-actualites-infos.jpg) right no-repeat;
	text-indent: -5000px;
	width: 135px;
	height: 15px;
}

/******************************* P A G E S *******************************/


#cal-titre {
	width:530px;
	height:80px;
}

#titre-page {
	float:left;
	width:529px;
	height:30px;
}

#cal-soustitre {
	float:left;
	width:530px;
	height:45px;
}

#soustitre-page {
	float:left;
	width:529px;
	height:30px;
}

#cal-frame {
	float:left;
	width:530px;
	height:15px;
}

#cal-frame-gauche {
	float:left;
	width:52px;
	height:15px;
}

#legal {
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
	margin:5px;
	padding:5px;
	float:left;
	width: 390px;
	height: 390px;
	overflow: auto;
	scrollbar-face-color: #ffffff; /* couleur du dessus des boutons et de l'ascenseur */
	scrollbar-shadow-color: #F7EAE8; /* couleur sombre du relief des boutons et de l'ascenseur */
	scrollbar-highlight-color: #F7EAE8; /* couleur claire du relief des boutons et de l'ascenseur */
	scrollbar-3dlight-color: #ffffff; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color: #ffffff; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-track-color: #ffffff; /* couleur du fond de la barre */
	scrollbar-arrow-color: #a92a1b;
}

#frame {
	padding-right:10;
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
	float:left;
	width: 420px;
	height: 335px;
	overflow: auto;
	scrollbar-face-color: #F3F3F3; /* couleur du dessus des boutons et de l'ascenseur */
	scrollbar-shadow-color: #cccccc; /* couleur sombre du relief des boutons et de l'ascenseur */
	scrollbar-highlight-color: #ffffff; /* couleur claire du relief des boutons et de l'ascenseur */
	scrollbar-3dlight-color: #cccccc; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color: #ffffff; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-track-color: #ffffff; /* couleur du fond de la barre */
	scrollbar-arrow-color: #a92a1b;
}

#frame-notitre {
	padding-right:10;
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
	float:left;
	width: 420px;
	height: 385px;
	overflow: auto;
	scrollbar-face-color: #F3F3F3; /* couleur du dessus des boutons et de l'ascenseur */
	scrollbar-shadow-color: #cccccc; /* couleur sombre du relief des boutons et de l'ascenseur */
	scrollbar-highlight-color: #ffffff; /* couleur claire du relief des boutons et de l'ascenseur */
	scrollbar-3dlight-color: #cccccc; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color: #ffffff; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-track-color: #ffffff; /* couleur du fond de la barre */
	scrollbar-arrow-color: #a92a1b;
}

.frame-tab {
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
}

.frame-red {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b32f1b;
}

.frame-sstitre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b32f1b;
	text-decoration:underline;
}

.frame-sstitre-nou {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b32f1b;
}

.frame-titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ea7c15;
	font-weight:bold;
}

.admin-red {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b32f1b;
		text-decoration:none;
}

.admin-vert {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#006e06;
	text-decoration:none;
}

.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
}
.txt-blanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}


#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	text-align:left;
	width:100%;
	float:left;
}

#news {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	text-align:center;
	width:100%;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;

}

#news-bloc {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	line-height: 20px;	/*** ... et centrés verticalement. ***/

}
#news p {	/*** Mise en forme des lignes du formulaire ***/
margin-left:10px;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	border:0px;
	width:390px;
	text-align:left;


}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	float:left;
	width:390px;
}


#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	line-height: 20px;	/*** ... et centrés verticalement. ***/
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	float:left;
	background: #fbf4f0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border-bottom:#d79676 solid 1px;
	border-right:#d79676 solid 1px;
	border-top:#d79676 solid 1px;
	border-left:#d79676 solid 1px;
	margin-top:5px;

}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	float:left;
	background: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border-bottom:#d79676 solid 1px;
	border-right:#d79676 solid 1px;
	border-top:#d79676 solid 1px;
	border-left:#d79676 solid 1px;
	margin-top:5px;
}

#news .normal {	/*** Retour à l'état normal après l'utilisation ***/
	float:left;
	background: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	border-bottom:#d79676 solid 1px;
	border-right:#d79676 solid 1px;
	border-top:#d79676 solid 1px;
	border-left:#d79676 solid 1px;
	margin:3px;
}

#trombi{
	text-align:center;
}

#trombine{
	width: 130px;
}