/* -------------------------- 
	CONFIGURATION
--------------------------- */
a img{border:none;}
a:active, a:focus{outline:none;}
#contenu {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}

/* -------------------------- 
	TITRE H1
--------------------------- */
/* RUBRIQUE */
#container #filAriane {
	position:absolute;
	width:630px;
	height:55px;
	z-index:20;
	top:70px;
	left:50%;
	margin-left:-170px;
	text-align:right;
}
#container #filAriane h1 {
	color:#FFF;
	font-size:30px;
	font-weight:normal;	
	padding-bottom:2px;
	text-align:right;
	display:inline;
}
#container #filAriane span {
	color:#FFF;
	font-size:30px;
	display:inline;
	padding:0 0 1px 1px;
}
/* SOUS RUBRIQUE  */
#container #gblTitre {
	position:absolute;
	width:630px;
	height:55px;
	z-index:20;
	top:105px;
	left:50%;
	margin-left:-160px;
	text-align:right;
}
#container #gblTitre h1 {
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;	
	display:inline;
	padding-bottom:2px;
}
#container #gblTitre span {
	color:#ff9900;
	font-size:25px;
	display:inline;
}
#container #gblTitre.gblMarge {
	margin-left:-140px;
}

/* -------------------------- 
	TITRES H3
--------------------------- */
/* 01 */
#contenu .gblSTitre {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#contenu .gblSTitre h3 {
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	margin-bottom:-8px;
}
#contenu .gblSTitre span {
	font-size:24px;
	font-weight:normal;
	color:#ff9900;
	display:block;
}
/* 02 */
#contenu .gblSTitre02 {
	text-align:center;
	margin-bottom:10px;
}
#contenu .gblSTitre02 h3 {
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	display:inline;
	margin-right:2px;
}
#contenu .gblSTitre02 span {
	font-size:20px;
	font-weight:normal;
	color:#ff9900;
	display:inline;
}

/* -------------------------- 
	TITRE H2
--------------------------- */
#container #gblUpline {
	position:relative;
	position:absolute;
	z-index:3000;
	top:155px;
	left:50%;
	margin-left:-175px;
	padding:0 35px 10px 40px;
}
#container #gblUpline h2 {
	font-size:26px;
	color:#ff9900;
	font-weight:normal;
	display:inline;
	background:url(../images/integration/h2.gif) center 35px no-repeat;
}
#container #gblUpline span.sUpline {
	color:#FFFFFF;
	font-size:23px;
	display:inline;
	padding-bottom:4px;
}
#container #gblUpline span.beginH2 {
	display:block;
	position:absolute;
	left:0;
	top:-14px;
	width:29px;
	height:38px;
	background:url(../images/integration/beginH2.gif) left top no-repeat;
}
#container #gblUpline span.endH2 {
	display:block;
	position:absolute;
	right:0;
	top:-14px;
	width:29px;
	height:38px;
	background:url(../images/integration/endH2.gif) right top no-repeat;
}
#contenu h4 {
	background:#000;
	width:95%;
	height:21px;
	padding:6px 10px 0 10px;
	margin:10px auto 8px auto;
	font-weight:normal;
	font-size:11px;
}
#contenu h5 {
	color:#FF9900;
	text-align:left;
	padding:2px 0 2px 2px;
	text-transform:uppercase;
	font-weight:normal;
	float:left;
	font-size:11px;
	width:97%;
	margin:10px 0 5px 0;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
}

/* -------------------------- 
	TEXTE
--------------------------- */
#contenu p {
	padding-bottom:15px;
	font-size:13px;
	line-height:15px;
	text-align:justify;
	color:#CCCCCC;
}
#contenu p em {}
#contenu p.center, #contenu .center {text-align:center;}

#contenu .couleur, #contenu p.couleur {color:#ff9900;}
#contenu .couleur01, #contenu p.couleur01 {color:#666666;}
#contenu .couleur02, #contenu p.couleur02 {color:#999999;}
#contenu .couleur03, #contenu p.couleur03 {color:#FFF;}

/* COULEURS PACKS */
#contenu .couleurPresence, #contenu p.couleurPresence {color:#fdca38;}
#contenu .couleurAffaire, #contenu p.couleurAffaire {color:#26b4cd;}
#contenu .couleurGestion, #contenu p.couleurGestion {color:#d82c69;}

strong {color:#CCC; font-weight:bold;}
#contenu p.nota, #contenu .nota {
	font-style:italic;
	font-size:0.9em;
	color:#666;
	line-height:13px;
}
#contenu p.small, #contenu span.small {font-size:11px;}
#contenu p.medium, #contenu span.medium {font-size:14px;}
#contenu p.big, #contenu span.big {font-size:14px; font-weight:bold;}
#contenu p.medium span {font-weight:bold;	font-size:16px;}

#contenu p.gblAlerte, #contenu .gblAlerte {color:#ff9900;}

/* -------------------------- 
	LIEN
--------------------------- */
#contenu a:link, #contenu a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#ff9900;
}
#contenu a:hover, #contenu a:active {
	color:#666666;
	text-decoration:none;
}
#contenu a:link img, #contenu a:visited img  {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#contenu a:hover img, #contenu a:active img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenu a:link.picto, #contenu a:visited.picto {
	text-decoration:none;
	font-weight:normal;
	color:#FF9900;
	padding-left:10px;
	font-size:11px;	
}
#contenu a:hover.picto, #contenu a:active.picto {
	color:#FFF;
	text-decoration:none;
}
#contenu a.picto {background:url(../images/integration/picto02.gif) left 4px no-repeat;}
#contenu a.picto.pictoPresence {background:url(../images/integration/pictoPresence.gif) left 4px no-repeat;}
#contenu a.picto.pictoAffaire {background:url(../images/integration/pictoAffaire.gif) left 4px no-repeat;}
#contenu a.picto.pictoGestion {background:url(../images/integration/pictoGestion.gif) left 4px no-repeat;}	
#contenu a.picto.pictoNeutre {background:url(../images/integration/picto02.gif) left 4px no-repeat;}	

/* -------------------------- 
	LISTE A PUCE
--------------------------- */
#contenu ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 20px 0;
	font-size:1em;
	color:#CCC;
}	
#contenu ul li {
	padding:0 0 5px 15px;
	font-size:13px;
	float:left;	
	width:100%;
	background:url(../images/integration/picto.gif) left 4px no-repeat;
}
#contenu .blocTexte.listeTexte ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 20px 0;
	font-size:1em;
}	
#contenu .blocTexte.listeTexte ul li {
	padding:0 0 10px 0;
	font-size:13px;
	float:left;	
	width:100%;
	background:url(../images/integration/pictoListeNeutre.png) left 1px no-repeat;
}
#contenu .blocTexte.listeTexte ul li span {
	color:#CCC;
	float:right;
	width:87%;
}
#contenu .blocTexte.listeTexte ul li span.numero {
	font-weight:bold;
	color:#FFF;
	width:19px;
	height:27px;
	float:left;
	padding-top:3px;
	text-align:center;
	font-size:11px;
}
#contenu #global_packPresence .blocTexte.listeTexte ul li {background:url(../images/integration/pictoListePresence.png) left 2px no-repeat;}
#contenu #global_packAffaire .blocTexte.listeTexte ul li {background:url(../images/integration/pictoListeAffaire.png) left 2px no-repeat;}
#contenu #global_packGestion .blocTexte.listeTexte ul li {background:url(../images/integration/pictoListeGestion.png) left 2px no-repeat;}