@charset "utf-8";

/********************************************
/* Elements de base */
/********************************************/
a:link, a:visited { color:#F50; font-weight:bold; text-decoration:underline; }
a:hover, a:active { color:#000; }

html, body {
	background-color: #fff;	
/*	overflow: hidden;
*/	}

body {

	font-family:Arial, Helvetica, sans-serif;
	color:#594f45;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
	background-color:#fff;
	}

h1 {
	margin:0;
	padding:0;
	}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#ff5500;
	font-variant:small-caps;
	}

h3 {
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	color:#009fd8;
	}
h4 {
	font-size:14px;
	font-weight:bold;
	color:#009fd8;
	}

sup {
	font-size: 8px;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background:transparent url(../img/com/picto_pdf.gif) left top no-repeat;
	padding-left:18px; 
	padding-bottom:3px;
	line-height:20px;
	}

/********************************************/
/* Conteneurs généraux */
/********************************************/
#center {
	position: relative;
	width: 924px;
	margin: auto;
	padding: 0;
/*	overflow: visible;
*/	}
	#center #global {
	position: absolute;
	width:924px;
	top: 50%;
	left: 50%;;
	margin-left: -460px;
	padding: 0;
	text-align: left;
	overflow: hidden;
		}
		#center #global #header {
			margin:0;
			padding:0;
			top:14px;
			background:transparent url(../img/com/header.gif) left top no-repeat;
			width:924px;
			height:145px;
			text-align:left;
			}
		#center #global #contenu {
			margin:0;
			padding:0;
			background:transparent url(../img/com/fd_contenu.gif) left top repeat-y;
			width:924px;
			min-height: 600px;
			height: auto !important;
			height: 600px;
			text-align:left;
			}
			#center #global #contenu #NavigGche {
				margin-left:28px;
				padding:0;
				width:248px;
				height:537px;
				text-align:left;
				float:left;
				}
				#center #global #contenu #NavigGche #MetierSpecialiste {
					top:272px;
					width:200px;
					height:265px;
					padding:35px 24px 0 24px;
					background:transparent url(../img/fr/bloc_metier_specialiste.gif) left top no-repeat;
					}
			#center #global #contenu #Accueil {
				padding:35px;
				width:560px;
				height:400px;
				background:transparent url(../img/com/fd_accueil.gif) right bottom no-repeat;
				float:left;
				}
				#center #global #contenu #Accueil p {
					width:380px;
					}
			#center #global #contenu #Rubrique {
				padding:20px 35px 35px 35px;
				width:560px;
				float:left;
				}
				#center #global #contenu #Rubrique table {
					width:560px;
					margin-bottom:10px;
					padding:0;
					}
					#center #global #contenu #Rubrique table th {
						width:286px;
						padding-left:20px;
						}
						#center #global #contenu #Rubrique table th #CompositionRayonnage {
							background:transparent url(../img/fr/composition_rayonnage.gif) left top no-repeat;
							width:265px;
							height:70px;
							padding:25px 15px 15px 15px;
							vertical-align:top;
							top:0;
							font-weight:normal;
							}
						#center #global #contenu #Rubrique table td #CompositionRayonnage {
							background:transparent url(../img/fr/composition_rayonnage.gif) left top no-repeat;
							height:70px;
							padding:25px 15px 15px 15px;
							vertical-align:top;
							top:0;
							font-weight:normal;
							}
						#center #global #contenu #Rubrique table th #CompositionRayonnageLourd {
							background:transparent url(../img/fr/composition_rayonnage_lourd.gif) left top no-repeat;
							width:265px;
							height:70px;
							padding:25px 15px 15px 15px;
							vertical-align:top;
							top:0;
							font-weight:normal;
							}
						#center #global #contenu #Rubrique table td #CompositionRayonnageLourd {
							background:transparent url(../img/fr/composition_rayonnage_lourd.gif) left top no-repeat;
							height:70px;
							padding:25px 15px 15px 15px;
							vertical-align:top;
							top:0;
							font-weight:normal;
							}
				#center #global #contenu #Rubrique #BlocBeige {
					background-color:#edebdd;
					width:530px;
					margin:0;
					padding: 10px;
					}
					#center #global #contenu #Rubrique #BlocBeige table {
						width:530px;
						}
					#center #global #contenu #Rubrique #BlocBeige table td {
						width:50%;
						padding:5px;
						vertical-align:text-top;
						}
		#center #global #bdp {
			margin:0;
			padding:0;
			background:transparent url(../img/com/bdp.gif) left bottom no-repeat;
			width:924px;
			height:38px;
			text-align:left;
			}
			
#linkPartnair {
	bottom:0;
	position:absolute;
	margin:0 auto;
	width:100%;
	text-align:center;
}
#linkPartnair a:link, #linkPartnair a:visited, #linkPartnair a:hover, #linkPartnair a:active {
	color:#594f45; 
	text-decoration:underline;
}

/********************************************/
/* Les classes */
/********************************************/

.Orange{
	color:#ff5500;
	}
.Police18px{
	font-size:18px;
	line-height:20px;
	}
.Hr {
	color:#b3d06c;
	text-align:center;
	width:766px;
	margin:0;
	text-align:left;
	}

.Bold {
	font-weight:bold;
	}

.Souligne {
	text-decoration:underline;
	}
 
.x-dlg .x-dlg-hd-left {background-color:#03214d; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#03214d; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#03214d; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #03214d; border-right:3px solid #03214d; border-left:3px solid #03214d; background-color:#03214d;}

.x-dlg-mask {opacity: 0.5; background-color: #000;}

/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}
.gauche {
	float: left;
	}
.Centre {
	text-align:center;
	}

.Justifie {
	text-align:justify;
	}

.ClearBoth {
	clear: both;
	}
hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #ccc dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	}

/*******************************************************
/* Pages interne - Onglets avec liens vers sous pages */
/*******************************************************/

div.onglet-interne-image {
  float: left;
  width: 41px;
  height: 28px;
}

div.onglet-interne-text-actif {
  float: left;
  width: 215px;
  height: 20px;
  padding-top: 8px;
  padding-left: 10px;
  background-color: #edebdd;
  color: #ff5500;
  font-weight: bold;
  font-size: 10px;
}

div.onglet-interne-text-passif {
  float: left;
  width: 215px;
  height: 20px;
  padding-top: 8px;
  padding-left: 10px;
  font-size: 10px;
}

div.onglet-interne-text-passif a {
  color: #5c5147;
  text-decoration: none;
  font-size: 10px;
}

div.onglet-interne-text-passif a:hover {
  color: #ff5500;
  font-size: 10px;
}

div.onglet-interne-espace {
  clear: both;
  height: 10px;
}

/*******************************************************
/* Formulaire - Commander un guide                     */
/*******************************************************/



td.table-guide-col {
  background-color: #edebdd;
  border-top: 1px black solid;
  border-left: 1px black solid;
  padding:2px;
}
td.table-guide-inp {
  border-top: 1px black solid;
  border-right: 1px black solid;
  border-left: 1px black solid;
  padding:2px;
}

td.table-guide-inp input {
  border: 0px;
}

Hr.sep-form {
	color: black;
	text-align: center;
	margin:0;
	text-align:left;
	width: 100%;
	}
	
/*******************************************************
/* Autre                                               */
/*******************************************************/

table.classique{
  width:100px;
					margin-bottom:10px;
					padding:0;
					text-align:justify;
}

/* CFWindow 
-----------------------------------------------*/
#cfWindow {background-color:#FFFFFF;}
.x-dlg .x-dlg-hd-left {background-color:#ff5500; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#ff5500; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#ff5500; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #ff5500; border-right:3px solid #ff5500; border-left:3px solid #ff5500;}

.x-dlg-mask {
	opacity:0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	background-color: #000;
}