/* CSS Document - Global/Environment */

/* Native Element */
body, form {
	margin:0px;
	padding:0px;
	background-color:#ffffff
}

/* ------------------------------------------------------------ */
/*																*/
/* 						   Gabarit Contenu 						*/
/*																*/
/* ------------------------------------------------------------ */


.globalContainer {
	text-align:center
}

#container {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	text-align:left
}

#topMenuQuickAccess	{
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -262px;
	width:740px;
	text-align:right;
}

#topMenuQuickAccess	img {
	width:1px;
	height:16px;
}

#topMenuQuickAccess	a {
	position:relative;
	top:-4px;
	margin:0px 10px 0px 10px;
	font-family:Arial;
	font-size:9px;
	color:#576279;
	text-decoration:none
}
#topMenuQuickAccess	a:hover	{
	color:#333333;
	text-decoration:underline;
}

#mainNavig {
	width:780px;
	height:42px;
}

#mainNavig img 	{
	width:129px;
	height:42px;
	margin-right:1px;
	border:0px
}

#compass {
	margin-left:20px;
	margin-top:3px;
	font-family:Arial;
	color:#fff;
	font-size:12px
}

#compass a {
	font-family:Arial;
	color:#fff;
	font-size:12px;
	text-decoration:underline
}

#compass a:hover {
	text-decoration:none
}

#compassEntreprise {
	margin-left:20px;
	margin-top:3px;
	font-family:Arial;
	color:#000;
	font-size:12px
}

#compassEntreprise a {
	font-family:Arial;
	color:#000;
	font-size:12px;
	text-decoration:underline
}

#compassEntreprise a:hover {
	text-decoration:none
}

#legend {
	font-family:Arial;
	font-size:11px;
	color:#597590;
	margin-top:5px;
	margin-left:10px;
	background-image:url(/img/pts_legend.gif);
	height:20px
}


/* --- Right col - Savoir plus --- */

.rightCol {
	background-color:#ecf1f1;
}

.knowMore {
	margin-top:5px
}

.knowMore a {
	display:block;
	width:213px;
	font-family:Arial;
	font-size:11px;
	color:#000;
	text-decoration:none;
	margin-left:10px
}

.knowMore a:hover {
	text-decoration:underline
}

.knowMore div {
	width:100%;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(/img/pts_h.gif)
}

/* ------ Footer ------ */

#footer	{
	width:955px;
	height:44px;
	background-image:url(/img/footer_orange.gif);
	text-align:center
}


#footer .legal {
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	color:#7F5920;
}

#footer .legal a {
	color:#7f5920;
	text-decoration:none
}

#footer .legal a:hover {
	text-decoration:underline
}

#footerSommaire	{
	width:955px;
	height:44px;
	background-image:url(/img/footer_orange_sommaire.gif);
	text-align:center;
	display:block;
}

#footerSommaire .legal {
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	color:#7F5920;
}

#footerSommaire .legal a {
	color:#7f5920;
	text-decoration:none
}

#footerSommaire .legal a:hover {
	text-decoration:underline
}

#footerMba	{
	width:955px;
	height:44px;
	background-image:url(/img/footer_mba.gif);
	text-align:center;
	display:block;
}

#footerMba .legal {
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	color:#7f7f7f;
}

#footerMba .legal a {
	color:#7f7f7f;
	text-decoration:none
}

#footerMba .legal a:hover {
	text-decoration:underline
}

/* ------------------------------------------------------------ */
/*																*/
/* 						 Styles demandés						*/
/*																*/
/* ------------------------------------------------------------ */

.TPrinc{
		font-family:Arial;
		color:#000;
		font-weight:bold;
		font-size:13px
		}
.TChap{
		font-family:Arial;
		color:#000;
		font-weight:bold;
		font-size:12px
		}
.texte{
		font-family:Arial;
		color:#000;
		font-size:12px
	  }
.tbleu{
		font-family:Arial;
		color:#09337B;
		font-size:12px
	  }
.torange{
		font-family:Arial;
		color:#ffAF47;
		font-size:12px
		}
.trouge{
		font-family:Arial;
		color:#F00;
		font-size:12px
		}

.tdcolor {
	background-color:153f69;
	color:#ffffff;
}

.Tablo{
			background-color:#fff
		 }

.Tablo.m{
			background-color:#ffAF47;
			font-family:Arial;
			color:#000;
			font-weight:bold;
			font-size:12px

		 }

.Tablo td{
			font-family:Arial;
			font-size:12px;
			text-align:center
		 }

.Tablo.b{
			background-color:#09337B;
			font-family:Arial;
			color:#fff;
			font-size:12px
		 }

/* ------------------------------------------------------------ */
/*																*/
/* 						  Gabarit Sommaire 						*/
/*																*/
/* ------------------------------------------------------------ */

.linkBackHomeImg {
	width:183px;
	height:104px;
	margin-top:20px;
	margin-left:30px;
	border:0px
}

.titleSommmaire {
	font-family:Arial;
	color:#feb241;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase
}
.sstitleSommmaire {
	font-family:Arial;
	color:#404040;
	font-size:13px;
	font-weight:normal;
}

.globalTableSommaire td{

}

.rightSommaireSection {
	background-image:url(/img/right_bg_sommaire.gif);
	background-repeat:no-repeat;
	vertical-align:bottom
}

.vPts {
	background-image:url(/img/pts_v.gif)
}

.hPtsSectionTitle {
	height:49px;
	background-image:url(/img/pts_h_end.gif)
}

.hPts {
	background-image:url(/img/pts_h_sommaire.gif)
}

.contentSommaire {
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	color:#404040;
}

.contentSommaire td {
	vertical-align:top
}

.GlobalInternTableFixedSommaire {
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	color:#404040;
	table-layout:fixed
}

.alterTypo {
	font-family:Arial;
	font-size:12px;
}

#actuSommaireSection {
	margin:7px 0px 0px 10px;
	font-family:Arial;
	font-size:11px;
	color:#808080
}

#actuSommaireSection .actuItem {
	margin-bottom:20px		
}

#actuSommaireSection .title {
	color:#bf8631;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase
}

#navigSommaireSection {
	margin-left:10px;
	font-family:Arial;
	font-size:11px;
	line-height:16px;
}

#navigSommaireSection a {
	display:block;
	color:#404c66;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:2px
}

#navigSommaireSection a:hover {
	display:block;
	color:#404c66;
	text-decoration:underline;
	text-transform:uppercase
}

#navigSommaireSection .sp {
	display:block;
	color:#7f8799;
	text-decoration:none;
	text-transform:uppercase
}

#navigSommaireSection .sp:hover {
}

.bigVisuTable {
	vertical-align:top
}

.actuCol {
	vertical-align:top
}

.DescriptionFormText {
	margin-left:20px;
	margin-top:20px;
	width:254px
}

/* ------------------------------------------------------------ */
/*																*/
/*		   §§§§§§§§§ BOUTONS Styles Invariables §§§§§§§§§		*/
/*																*/
/* ------------------------------------------------------------ */

a.button {
	color:#fff;
	background-color:#676767;
	text-decoration:none;
	font-weight:normal;
	padding:2px 8px 2px 8px;
	border:1px solid #fff
}

a.button:hover {
	background-color:#fff;
	color:#09337b;
	border:1px solid #09337b
}

/* ------------------------------------------------------------ */
/*																*/
/*					§§§§§§§§§ Home §§§§§§§§§					*/
/*																*/
/* ------------------------------------------------------------ */

.rightSommaireSectionHome {
	background-image:url(/img/right_bg_sommaire.gif);
	background-repeat:no-repeat;
	vertical-align:bottom
}


/*
§§§ Footer Homepage §§§
Styles qui détermine le pied de page de la Home
*/

#footerHome	{
	width:955px;
	height:44px;
	background-image:url(/img/footer_home.gif);
	text-align:center;
	display:block;
}

#footerHome .legal {
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	color:#7F5920;
}

#footerHome .legal a {
	color:#7f5920;
	text-decoration:none
}

#footerHome .legal a:hover {
	text-decoration:underline
}

#navigSommaireSectionHome {
	margin-left:10px;
	font-family:Arial;
	font-size:11px;
	line-height:16px;
}

#navigSommaireSectionHome a {
	display:block;
	color:#404c66;
	text-decoration:none;
}

#navigSommaireSectionHome a:hover {
}

#navigSommaireSectionHome .sp {
	display:block;
	color:#7f8799;
	text-decoration:none;
}

#navigSommaireSectionHome .sp:hover {
	color:#6f778a
}

/*
§§§ Popups Description §§§
Les classes [clDescriptionCont,clDescription] qui suivent
contrôlent l'apparence des infobulles en haut à gauche de la Home.
*/

.clDescriptionCont {
	position:absolute;
	width:205px;
	height:75px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	visibility:hidden;
	z-index:10
}

.clDescription {
	left:0px;
	top:0px;
	font-family:Arial;
	overflow:hidden;
	padding:5px;
	font-size:12px;
	background-color:#ffe6c0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:216px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:205px;
}

html>body .clDescription {
	width:216px;
}


/*
§§§ Section Actualité §§§
*/
.tableActuHome {
	margin:10px 0px 10px 10px
}

.cellActuHome {
	font-family:Arial;
	font-size:12px;
	color:#808080
}

/*
Titre
*/
.cellActuHome div {
	color:#feb241;
	font-weight:bold
}

.cellButtonAllActu {
	text-align:right;
	vertical-align:top
}

/*
Background transversale pointillés
*/
.bgHomeWidthPts {
	background-image:url(/img/pts_h_sommaire.gif)
}

.homeSearchSection {
	margin:10px 0px 9px 20px
}
	
.searchtextfield {
	width:180px;
	font-family:Arial;
	font-size:12px;
	padding-left:2px;
	border:1px solid #7f7f7f;
}

.submitArrowButton {
	position:relative;
	top:4px;
	left:9px;
}

.rightImgTitleHomePage {
	margin:11px 0px 13px 10px
}


.globalVisuHome {
	vertical-align:top;
	background-image:url(/img/visu_home.jpg)
}

.linkBackHomeImgHome {
	width:183px;
	height:104px;
	margin-top:20px;
	margin-left:30px;
	border:0px
}

.navigOptima {
	text-align:center;
	font-size:10px;
	font-family:Arial
}

.cepiAdress {
	margin-left:15px;
	font-family:Arial;
	font-size:10px;
	color:#999999
}

/* ------------------------------------------------------------ */
/*																*/
/* 					§§§§§§§§§ Search §§§§§§§§§ 					*/
/*																*/
/* ------------------------------------------------------------ */

.globalTableSearchResult {
	font-family:Arial;
	font-size:12px
}

.titleSearchResult {
	background-color:#e19a32;
	color:#fff;
	padding-left:5px
}

.searchColorSeparator {
	background-color:#ccc
}

.resultArticlesSection {

}

.resultArticlesSection img {
	position:relative;
	top:-2px;
	margin-right:5px;
	width:5px;
	height:5px
}

.resultArticlesSection a {
	margin-left:5px;
	color:#e19a32;
	text-decoration:underline
}

.resultArticlesSection a:hover {
	text-decoration:none
}

.resultFilesSection {

}

.resultFilesSection img {
	position:relative;
	top:-2px;
	margin-right:5px;
	width:5px;
	height:5px
}

.resultFilesSection a {
	margin-left:5px;
	color:#e19a32;
	text-decoration:underline
}

.resultFilesSection a:hover {
	text-decoration:none
}

.indispoTitre {
	font-family:Arial;
	color:#2E3748;
	font-size:15px;
	font-weight:bold
}
.indispoTexte {
	font-family:Arial;
	color:#2E3748;
	font-size:12px;
}
.indispoLien:link {
	font-family:Arial;
	color:#FEB241;
	font-size:12px;
	text-decoration:underline
}
.indispoLien:visited {
	font-family:Arial;
	color:#FEB241;
	font-size:12px;
	text-decoration:underline
}
.indispoLien:hover {
	font-family:Arial;
	color:#FEB241;
	font-size:12px;
	text-decoration:none
}