@CHARSET "UTF-8";
body {
	text-align: center;
	background-color: #9EB3BF;
	
	font-family: Verdana, sans-serif;
	font-size: x-small;
}

img {
	border:0;
}

#All {
	width:990px;
	margin:0 auto;
	text-align: left;
	
}

#ContourHaut {
	width:990px;
	height: 16px;
	line-height: 16px;	
	background: transparent url('/img/fd_top.png') no-repeat top left;
}
#ContourBas {
	clear: both;
	width:990px;
	height: 9px;
	line-height: 9px;	
	background: transparent url('/img/fd_bottom.png') no-repeat top left;
}

#Main {
	background: white url('/img/fd_center.png') repeat-y top left;
}
#Content {
	position:relative;
	width: 977px;
	margin-left:8px;
	background-color: white;
}

#Footer {
	color:white;
	text-align: center;
	
}
#Footer a {
	color:white;
	text-decoration: none;
}
#Footer a:hover {
    text-decoration: underline;
}
#Footer p {
	margin: 0;
	padding:0;
	text-align: center;	
}

#Footer img {
	width:35px;
	float: right;
	margin: 0 10px 5px 0;	
}

/*
#Bando {
	position:relative;
	height:258px;
	z-index: 10000;
	background: white url("/img/bandeau.jpg") no-repeat top left;
		
}
	#Bando .Titre {
		position: absolute;
		top:55px;
		left:380px;
	}

	
	#Bando #Logo {
		position: absolute;
		top:50px;
		right:0;
		text-align: center;
		padding: 5px 25px 0 0;
		background: transparent;
	}
	
	#Bando #ESH {
		position: absolute;
		left:10px;
		top:13px;
		font-weight: bold;
		font-size:13px;
		color: #2e2e2e;
		letter-spacing: 2px;
		padding-bottom:5px;
	}
	#Bando #ESH strong {
		text-transform: uppercase;
		font-size:15px;
	}
	#Bando #ESH acronym {
		cursor: help;
		border-bottom: 1px dotted #000;
	}
	#Bando #Bati {
		position: absolute;
		right:10px;
		top:8px;
		font-weight: bold;
		font-size:12px;
		color: #2e2e2e;
	}
	#Bando ul {
		position: absolute;
		top:180px;
		right:25px;
	}
		#Bando ul li {
			list-style: none;
			float: left;
			font-weight: bold !important; 
			color: #666 !important;
			height:42px;
			background: white url('/img/menu/9.jpg') repeat-x bottom left;
			line-height:42px;
			font-size: 11px;
			text-align: center;
		} 
		#Bando ul li.start {
			width:8px;
			background: white url('/img/menu/8.jpg') no-repeat bottom left;
		} 
		#Bando ul li.end {
			width:8px;
			background: white url('/img/menu/11.jpg') no-repeat bottom left;
		} 
		
	
		#Bando ul li a {
			display:block;
			color: #666 !important;
			text-decoration: none;
			padding:0 10px;
			height:42px;
			line-height:42px;
			background: transparent url('/img/menu/10.jpg') no-repeat bottom right;
			width:120px;
			font-size: 11px;
			
		}
		
		
				
		#Bando ul.groupe li a { 
			width:100px;
		}
		
		#Bando ol.ssmenu {
			margin:0;
			padding:0;
			position: absolute;
			top:178px;
			z-index:5000;
			border:1px solid #ccc;
		}
		
		#Bando ol.ssmenu li {
			margin:0;
			padding:0;
			list-style: none;
			background-color: transparent;
		}
		
		#Bando ol.ssmenu li a {
			display:block;
			margin:0;
			padding: 0 10px;
			color:#666;
			text-decoration: none;
			font-size:10px;
			background: transparent url('/img/ssmenu.png') repeat-x left -23px;
			line-height:23px;
		}
		#Bando ol.ssmenu li a:hover {
			background-position:  left top;
			
		}
		

#MenuTop {
	margin: 0;
	padding:1px 0 0 0;
	height: 22px;
	
	background: transparent url("/img/menutop/all.jpg") repeat-x top left;
}


#MenuTop li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}



#MenuTop li a {
	display: block;
	line-height: 22px;
	height: 22px;
	padding:0 15px;
	text-align: center; 
	
	color:white;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	
	background-color: #9EB3BF;
	background-repeat: repeat-x;
	background-position: left -1px;
	
	border-right:1px solid white;
	
	width:116px;
}


#MenuTop li a.current, 
	
#MenuTop li a:hover {
	background: #efefef;
	color:#666;
}

#MenuTop li a#L1 {
	background-image: url("/img/menutop/2.jpg");
}

#MenuTop li a#L2 {
	background-image: url("/img/menutop/2.jpg");
}

#MenuTop li a#L3 {
	background-image: url("/img/menutop/3.jpg");
}

#MenuTop li a#L4 {
	background-image: url("/img/menutop/4.jpg");
}

#MenuTop li a#L5 {
	background-image: url("/img/menutop/5.jpg");
}

#MenuTop li a#L6 {
	background-image: url("/img/menutop/6.jpg");
	width :212px;
	border-right:0 !important;
	
}



#MenuTop li a.current, 
#MenuTop li a:hover  {
	background-image: url("/img/menutop/1.jpg") !important;
	color: black;
}

*/
/**
 * Menu des articles
 */
 
#ArticlesMenu {
	float: right;	
	width:250px;
	margin:4px 20px 0 0;
	padding:0;	
	overflow:hidden;
}
 
#ArticlesMenu {
	float: right;	
	width:250px;
	margin:4px 20px 0 0;
	padding:0;	
	overflow:hidden;
}

#ArticlesMenu ul {
	margin:0;
	padding:0;	
}

#ArticlesMenu .accordion_content {
	
	position: relative;
	top:5px;
}
#ArticlesMenu .accordion_title {
	background-color: pink;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	text-align: center;
	position: relative;
	top:10px;
}

/**
 * Liste des articles.
 */
 
 

 
.article {
	background-color: white;
}


.article .content  {
	padding:0;
	margin:0 7px 0 15px;
	font-size:10px;
	cursor: pointer;
}


.article h3 {
	margin:0;
	padding:10px 7px 0px 15px;
	font-size: 14px;
}

.article h4 {
	margin:0;
	padding:2px 7px 0px 10px;
	font-size: 12px;
}
.article span.date {
	display: block;
	margin:0;
	padding:5px 0 0px 10px;
	font-size: 9px;
	color:#999;
}

.article  .img_bas {
	display: block;
}

.article  .contenu {
	padding: 0 0 5px 10px;	
	color: #666 !important;
}

.article  .contenu p {
	margin: 0; 
	padding: 3px 0 0 0 ; 
}


.article_largeur_totale {
	width: 657px; 
	clear:both;
	background: transparent url('/img/article/2.jpg') repeat-y top left;
}



.article_largeur_totale  h3 {
	font-size:10px;
	background: transparent url('/img/article/1.jpg') no-repeat top left;
}
.article_largeur_totale  .visuel {
	float:left;
	max-width: 180px;
	max-height: 180px;
	overflow: hidden;
	margin-left:-10px;
}


.article_moitie {
	width:329px;
	margin-right:3px;
	float: left;
	background: white url('/img/article/5.jpg') repeat-y top left;
	 
}


.article_moitie  h3 {
	font-size:10px;
	background: transparent url('/img/article/4.jpg') no-repeat top left;
	
}

.article_moitie  .visuel {
	float:right;
	max-width: 150px;
	max-height: 210px;
	overflow: hidden;
	margin-left:5px;
}



#AllArticles {
	width: 672px;
	float: left;
	margin-left:15px;
	text-align: left;
	margin-bottom:15px;
	clear:both;
	background: transparent url('/img/article/2.jpg') repeat-y top left;
}

#AllArticles h3 {
	margin:0;
	padding:10px 7px 0px 15px;
	font-size:10px;
	background: transparent url('/img/article/1.jpg') no-repeat top left;
	
}


#AllArticles div {
	
	padding: 0 30px;
}

#AllArticles span.infos {
	font-size:11px;
}

#AllArticles span.date {
	color:#999;
	font-size:9px;
}

#AllArticles h4 {
	margin:0 0 10px 0;
	font-size:12px;
}
#AllArticles h4 a {
	color:black;
	text-decoration: none;
}
#AllArticles h4 a:hover {
	color:red;
}

#rideau{
	position:absolute;
	z-index:10001;	
}

#BbodyL {
    position: absolute;
    top: 0;
    left:50%;
    margin-left:-500px;
    width:10px;
    height:500px;	
}
#BbodyR {
    position: absolute;
    top: 0;
    left:50%;
    margin-left:490px;
    width:10px;
    height:500px;	
}

#Bando {
	position:relative;
	height:150px;
	z-index: 10000;
	background: white url("/img/bandeau.jpg") no-repeat top left;
		
}
.Titre {
	height:80px;
	margin:30px 0 15px 20px;
}

	
	#Bando #Logo {
		position: absolute;
		top:20px;
		left:0;
		text-align: center;
		padding: 5px 0 0 25px;
		background: transparent;
	}
	
	
#Bando #ESH {
		position: absolute;
		right:10px;
		top:13px;
		font-weight: bold;
		font-size:13px;
		color: #2e2e2e;
		/*letter-spacing: 2px;*/
		padding-bottom:5px;
		/*background: white;
		padding: 2px 5px;*/
		text-align: right;
		
	}
	#Bando #ESH strong {
		text-transform: uppercase;
		font-size:15px;
	}
	#Bando #ESH acronym {
		cursor: help;
		border-bottom: 1px dotted #000;
	}

	
#MenuTop {
	margin: 0;
	padding:1px 0 0 0;
	height: 22px;
	background: transparent url("/img/menutop/all.jpg") repeat-x top left;
}


#MenuTop li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}


#MenuTop li a {
	display: block;
	line-height: 22px;
	height: 22px;
	padding:0 15px;
	text-align: center; 
	
	color:#666;
	font-size: 11px;
	text-decoration: none;
	width:126px;
	
	cursor: pointer;
}


#MenuTop li a#L4 {
    width :106px;
}

#MenuTop li a#L5 {
    width :146px;
}

#MenuTop li a#L6 {
    width :167px;
    border-right:0 !important;
}

#MenuTop li a:hover  {
	/*background-image: none !important;*/
	
}

#MenuTop li a.inactive {
	background-color: #9EB3BF;
	background-repeat: repeat-x;
	background-position: right -1px;
	background-image: url('/img/pied/btn-menu.jpg');
	color:#666;
}
#MenuTop li a.active {
	background-color:#d4f73c;
    background-repeat: repeat-x;
    background-position: right -1px;
    background-image: url('/img/pied/degrade-onglet.png');
	color: black !important;
}


#MenuTop li a.current {
	/*color:#99ac2c;
	text-decoration: underline;
	*/
	
    color: black;
    font-weight: bold;
	background-color:#efefef;
    background-image: url('/img/pied/degrade-onglet.png');
    background-repeat: repeat-x;
    background-position: right -1px;
	
}

#MenuShadow {
	line-height: 13px;
	height: 13px;
}

.Sinactive {
	background: transparent url('/img/pied/degrade-menu.png') no-repeat left top;
}
.Sactive {
	background: #d4f73c;
}

.menutop {
	position: absolute;
	z-index:15000;
	background: #bedd11 url('/img/pied/h_fd.jpg') repeat-x left top;	
	width:100%;
	left:0;
	min-height:180px;
	top:180px;
}
.menutop img.shadow {
	position: absolute;
	bottom:-13px;	
}

.menutop h3 {
	margin-top:0;
	font-size:13px;
	font-weight: bold;
}

.menutop a {
	color: #333;
	font-size:11px;
}
.menutop a:hover {
	text-decoration: underline;
	color: black;
}
.menutop a.lien {
	clear: both;
	display: block;
	margin:  0 0 15px 0;
	min-height:56px;
	text-decoration: none;
	
}
.menutop a.lien:hover  {
    background: #d4f73c;
	-moz-border-radius: 2%;
	border-radius: 2%;
}
.menutop a.lien:hover strong {
	text-decoration: underline;
	color: black;
}
	
	

.menutop a.ext-link,
.menutop a.ext-link:hover  {
    background-image: url("/img/extlink.gif") ;
    background-repeat: no-repeat;
    background-position: 98% 94% ;
}
span.ext-link {
    background:url("/img/extlink.gif") no-repeat scroll center center transparent;
    padding-left:15px;
    display: none;
}


	.menutop a.lien img {
		float: left;
		margin: 2px 10px 0 6px;
		width: 64px;
		height: 48px;
		border:2px solid #d4f73c;
		
	}
	
	

    .menutop .imgFake {
        display: block;
        width:60px;
        height:60px;
        background: #d4f73c;
        float: left;
        margin: 2px 10px 0 6px;
        border:2px solid #d4f73c;
        
    }

	.menutop a.lien strong {
		display: block;
		padding-right:5px;
	}
	.menutop a.lien em {
		display: block;
		font-style: normal;
		margin-top:5px;
		padding-right:5px;
		font-size:9px;
		line-height: 98%;
		text-decoration: none !important;
		color: #333 !important;
		font-weight: normal !important;
	}


table.top {
	width:99%;
	margin: 0 auto;	
	border-spacing: 0;
}

table.top tr {
	vertical-align: top;	
}
table.top td {
	width:33%;
	padding:10px;	
	background: transparent url('/img/pied/barre-separation.gif') no-repeat right 5px;
}
table.top td.end{
	background: none;
}

table.top td.nopadding {
	padding:0;
}
table.top td.valeurs {
	height:88px;
}
	table.top td.valeurs img{
		display: block;
	}


table.top ul {

}
	
	table.top ul li{
		list-style-image: url('/img/pied/puce.png');
	}
	table.top ul li a{
		color: #333;
		text-decoration: none;
	}
		table.top ul li a:hover {
			text-decoration: underline;
		}
		
.redir_groupe {
	text-align: center;
}		
	.redir_groupe em {
		color: #666;
		font-size:9px;
		font-style: normal;
	}	
	

/**
 * PANNEAU SAUMON
 
#MenuTop li.saumon  a.inactive {
   background-image: url('/img/pied/btn-menu-saumon.jpg');
} 

#MenuTop li.saumon a.active {
    background-image: url('/img/pied/degrade-onglet-saumon.png');
}


#MenuTop li a.active_saumon {
    background-color:#e07a61;
}

.menusaumon {
    background: #e07a61 url('/img/pied/h_fd-saumon.jpg') repeat-x left top;
}
    
.menusaumon a.lien:hover  { 
    background: #f19570;    
}

.menusaumon table.top td {
    background: transparent url('/img/pied/barre-separation-saumon.gif') no-repeat right 5px;
}
.Sactive_saumon {
    background: #e07a61;
}


.menusaumon a.lien img {
    border:2px solid #f19570;    ;
    
}
*/ 
#FilAriane {
	margin:5px 0 0 10px;
	padding: 0;
	height:30px;
}

#FilAriane li {
	float: left;
	margin:0  10px 0 0;
	list-style: none;
}

#FilAriane li a {
	display: block;
	padding:0 0 0 15px;
	background: transparent url('/img/flechegrise.gif') no-repeat left 50%;
	text-decoration: none;
	color: #666;
}
#FilAriane li a:hover {
	text-decoration: underline;
	
}

#FilAriane li.first a {
	background-image: none;
}#Search {
	background: white url('/img/article/search.jpg') no-repeat top left;
	width: 248px;
	height: 112px;
}

#Search input, 
#Search label {
	display: block;
	margin-left:15px;
	width: 210px
}
#Search label {
	padding-top:10px;
	color :white;
	font-weight: bold;
}


#ArticlesResume {
	width: 672px;
	float: left;
	margin-left:15px;
	
}

#ArticleDisplay {
	width: 672px;
	float: left;
	margin-left:15px;
	background: white url('/img/article/fd_mi.jpg') repeat-y top left;
	text-align: left;
}


#ArticleDisplay img.hb {
	display: block;
}


#ArticleDisplay .chapo{
	font-size: 10px;
	padding: 10px  3px 0 10px;
	font-style: italic;	
	color:#666;
}


#ArticleDisplay .contenu {
	margin: 0 6px 0 6px;
}

#ArticleDisplay .content {
	padding: 0  3px 0 10px;
}

#ArticleDisplay .entete {
	overflow: hidden;
	position: relative;
}

#ArticleDisplay .entete {
	width:660px;
	overflow:hidden;	
	
}

#ArticleDisplay .entete h2 {

	position: absolute;
	bottom:0;
	left:0;
	background-color: white;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	width:100%;
	margin:0;
	padding:7px 0 7px 15px;
}


#ArticleDisplay .content {
	/*position:relative;*/
}



.carcan {
	margin: 0 0 0 0;
	width:100%;
}


div.tools {
	float: right;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:160px;
	min-height:480px;
	margin-left: 5px;
} 

div.tools ul.mise_en_page {
	margin:0;
	padding:2px;	
	height:21px;
	background-color: #728291;
}

div.tools ul.mise_en_page li {
	margin:0;	
	padding:0;
	list-style: none;
	float: right;
}

div.tools ul.mise_en_page li a {
	display: block;	
	margin-left:2px;
}


div.tools h6 {
	color: #999;
	font-size:10px;
	padding-left:15px;	
	margin:15px 0 0 0;
}

div.tools ul.mots,
div.tools ul.acces {
	margin:15px 0 0 0;
	padding:0 5px 0 0 ;
}

div.tools ul.mots li,
div.tools ul.acces li {
	margin:0;
	padding:0 0 15px 15px;
	list-style: none;
	
}

div.tools ul.mots li a,
div.tools ul.acces li a {
	font-size:10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
div.tools ul.mots li a:hover,
div.tools ul.acces li a:hover {
	color: #BEDB11;
	text-decoration: underline;
}





.documents-externes {
	margin:15px;
	padding:3px;
	background-color: #efefef;
	
	clear: both;
}


.documents-externes strong {
	color:#666;
}


.documents-externes li {
	list-style-type: square;
}
.documents-externes a {
	text-decoration: none;
	color: #666;
}

.documents-externes .doc-description {
	display: block;
	margin-left:10px;
	font-size:9px;
}


.paragraphe {
	padding:0;
	color: #666;
	font-size:10px;
}



.paragraphe p {
	
	margin-top: 0;
	padding:0;
}

.paragraphe img {
	display: block;
	margin:5px;	
}

.paragraphe h3 {
	font-size: 11px;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding:0;
	color: black;
	line-height: 1.5em;
}



.paragraphe_3 .img {
	float:right;
}

.paragraphe_5 .img {
	float:left;
}
#ArticlesMenu {
	position:absolute;
	right:0;
	top:280px;
	z-index:100;
}


#VideoOddCast {
	position: relative;
	width: 245px;
	height:225px;
	background: transparent url('/img/fd_video_2.png') no-repeat left top;
	text-align: center;
	padding-top:5px;
}

#VideoOddCast-Btn {
	display: block;
	text-align: right;
	color: #999;
	font-size:9px;
	margin: 0 15px 10px 0
}
	#VideoOddCast-Content .actions{
		position: absolute;
		bottom: 10px;
		right:10px;
		margin:0;
		text-align: right;
	}
	#VideoOddCast-Content .actions a{
		font-size:9px;
		color: white;
		text-decoration: none;
	}
	#VideoOddCast-Content #ST {
		margin:5px;
	}


.shingles {
	margin: 0px 1px;
	overflow: hidden;
	position: relative;
}

.shingles li {
	display: block;
	z-index: 1;
	width: 100%
}

.shingles img.photo {
	display: block;
	margin: 2px 3px -10px
}

.shingles .handle {
	padding-right: 15px;
	display: block;
	padding-left: 15px;
	background:
		url('/img/fd_menu_interactif.png')
		no-repeat -248px 100%;
	margin-bottom: -3px;
	padding-bottom: 8px;
	overflow: hidden;
	padding-top: 15px;
	height: 73px;
	cursor: pointer;
}

.shingles .handle:hover {
	text-decoration: none
}

.shingles .handle strong {
	display: block;
	font-weight: normal;
	font-size: 13px;
	overflow: hidden;
	color: #333;
	white-space: nowrap;
	height: 18px;
}

.shingles .handle .description {
	margin-bottom: 5px;
	overflow: hidden;
	color: #333;
	line-height: 14px;
	height: 28px;
}

.shingles .handle .more {
	color: #2971a7;
	zoom: 1
}

.shingles li.obscured .handle {
	background-position: 0px 100%
}

.shingles li.obscured .handle .description {
	color: #666
}

.shingles li.first .handle strong {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}

.shingles li.last .handle {
	padding-bottom: 9px
}

.shingles {
	border-top:1px solid #efefef;
	height: 455px;
	background: #efefef url('/img/fd_bottom_menu.png') no-repeat bottom left;
}

.shingles li {
	position: absolute;
	top: 0;
}

img.ImgLeft {
	float:left;
	margin:0 10px 5px 50px;
}

img.ImgRight {
	float:right;
	margin:0 20px 5px 10px;
}

.mise-en-avant {
	font-size:90%;
	width:460px;
	background: transparent url('/img/textes/intro-degrade.jpg') repeat-y left top;
	margin:0 0 0 0;
	display: block;
}


.mise-en-avant .contenu {
	padding: 10px 5px 5px 20px;
	font-size:10px;
	font-weight: bold;
	
}

.mise-en-avant strong {
	font-size: 12px;
}
	

.mise-en-avant ul {
	margin-top: 0;
	margin-bottom: 10px;
}
	

.mise-en-avant-2 {
	color: #333;
	margin:10px 0 5px 150px;
}


.mise-en-avant-2 .contenu {
	padding: 0 5px 0 0;
	font-size:10px;
	font-weight: bold;
}

.mise-en-avant-2 strong {
	font-size: 11px;
}
	
#ContenuGeneral {
	margin: 0 300px 10px 20px;
	min-height:550px;
}


#ContenuDisplay {
	width: 672px;
	float: left;
	margin-left:15px;
	background: white url('/img/article/fd_mi.jpg') repeat-y top left;
	text-align: left;
	min-height: 500px;
}


#ContenuDisplay img.hb {
	display: block;
}


#ContenuDisplay .chapo {
	
}


#ContenuDisplay .contenu {
	margin: 0 6px 0 6px;
}

#ContenuDisplay .content {
	padding: 0 ;
}

#ContenuDisplay .entete {
	overflow: hidden;
	position: relative;
}

#ContenuDisplay .entete {
	width:660px;
	overflow:hidden;	
	
}



h3 {
	line-height: 23px;
	font-size:17px;
	font-weight: normal;
	margin: 15px 0 0 20px;
}


#ContenuDisplay .entete h2 {
	position: absolute;
	bottom:0;
	left:0;
	background-color: white;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	width:100%;
	margin:0;
	padding:7px 0 7px 15px;
	font-size: 15px;
}



#ContenuDisplay .content {
	position:relative;
}
h3 span.crD,
h3 span.crG,
#ContenuDisplay h2 span.crD, 
#ContenuDisplay h2 span.crG {
	font-size:17px;
	background: transparent url('/img/textes/crG.gif')  no-repeat left 50%;
}

h3 span.crD,
#ContenuDisplay h2 span.crD {
	background-image:url('/img/textes/crD.gif');
}


#ContenuDisplay h4 {
	background: transparent url('/img/textes/pointillees.jpg') no-repeat left 50%;
	padding-left: 55px;
	line-height:17px;
	font-size:12px;
	color:#333;
	margin:30px 0 5px 0;
}

#ContenuDisplay h4 span.crD, 
#ContenuDisplay h4 span.crG {
	font-size:14px;
	background: transparent url('/img/textes/textes_17.jpg') no-repeat left top;
}

#ContenuDisplay h4 span.crD {
	padding-left:10px;
	padding-right:20px;
	background-image:url('/img/textes/textes_20.jpg');
	cursor: pointer;
}


#ContenuDisplay p.texte {
	font-size:10px;
	margin: 3px 20px 3px 50px;
}

#ContenuDisplay .chapo {
	padding: 10px 0 0 10px;
	font-style: italic;	
	font-weight: bold;
	font-size: 10px;
	margin-left:30px;
	margin-right:20px;
	color:#333;
}



#LinkActions {

	display: block;
	width:200px;
	margin:15px auto;
	padding: 8px;
	font-weight: bold;
	background-color: #bedb11;
	color: #000;
}

/**
 *	TROMINOSCOPE MANAGEMENT
 */
.management {
	position: relative;
	background: transparent url('/img/groupe/management/trombi-milieu_32.jpg') repeat-y left top;
	text-align: center;
}

.management h3 {
	margin:8px 0 14px 10px;	
	height:24px;
	background: transparent url('/img/groupe/management/trombinoscope_10.png') no-repeat left top;
}

.management h3 span {
	display: none;
}
.management .contenu{
	width: 640px;
	text-align: left;
	margin:0 0 0 13px;
}
.management table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.management table td {
	text-align: center;
	border:2px solid white;
}

.management table td.instruction {
	font-weight: bold;
	color: white;
	background-color: #879aab;
	text-decoration: none;
}

.management table a {
	font-weight: bold;
	color: white;
	background-color: #879aab;
	display: block;
	text-decoration: none;
	padding:7px 0;
}
.management table a em {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size:90%;
	line-height: 90%
	
}

.management table a.current,
.management table a:hover {
	background-color: #bedb11;
	color:#3e3f41;
}

.management .trombi {
{*	background: transparent url('/img/groupe/management/descriptif.png') no-repeat top left;
	height:100px;
	width: 300px;
	position: absolute;
	right:0px;
	top:-30px;*}
}

.management .trombi tr {
	vertical-align: top;
}

.management .trombi th {
	width: 75px;	
}
.management .trombi img {
	height: 66px;
	width: 66px ;
	overflow: hidden;
	margin:5px;
}
.management .trombi span {
	display: block;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}
.management .trombi .agence {
	font-weight: bold;
}
.management .trombi .lieu {

}
.management .trombi .nom {
	font-weight: bold;
	color: #bcdb11;
}
.management .trombi .texte {
	font-size:90%;
}

table.tete {
	font-size: 9px;
}

table.tete  .trombi td,
table.tete  .nom td,
table.tete  .titre td {
	text-align: center;
	width: 120px;
}

table.tete  .titre td {
	font-weight: bold;
 }

.effectif {
	background: transparent url('/img/fl_horiz.png') no-repeat left 50% ;
	line-height: 18px;
	padding-left: 25px;
	margin:10px 0 10px 0;
}


/**
 *	Page chiffres-clés
 */
 
.chiffres {
	background: transparent url('/img/groupe/chiffres/chiffres-cles1.jpg') no-repeat 15px 20px;
}


.chiffres table {
	margin-bottom:60px;
	margin-top:20px;
	margin-left:250px;
}

.chiffres table {
	line-height: 1em;	
}
.chiffres table tr {
	
	vertical-align: baseline;
}

.chiffres table th {
	text-align: right;
	width:50px;
	color: #f67f61;
}

.infos-suppl {

	margin:20px 20px 20px 60px;
}
#conteneur_timeline {
	width : 951px;
	margin:0 auto 30px auto;
}

#DemandeLogement {

	margin:5px 10px 30px 15px;
}

#DemandeLogement tr {
	vertical-align: top;
}


#DemandeLogement td,
#DemandeLogement th {

	padding:40px 8px 8px 8px;
	border-bottom: 1px solid #ccc;
}


#DemandeLogement td {
}
#DemandeLogement th {
	background:transparent url('/img/textes/textes_22.jpg') no-repeat left 40px;
	padding-left:40px;
		width: 350px;		
	font-weight: normal;
}


#DemandeLogement a {
	background:transparent url('/img/pdf.gif') no-repeat left 50%;
	padding: 0 0 0 28px;
	display: block;
	text-decoration: none;
	color: #666;
}

#LienContact  {
	display: block;
	width: 350px;
	margin:0 auto;
	text-align: center;
	font-weight: bold;
	color: black;
}
#MpSociete {
	position: absolute;
	top:470px;
	left:40px;
	background-color: white;
	width:220px;
	z-index:10000;
	padding:10px;
	border:1px solid #ccc;
}

.societe {
	margin-bottom: 10px;	
	
}
.societe strong {
	color: #bedb11;
	
}

.societes-partenaires tr {
	
	vertical-align: middle;

}

.societes-partenaires a {
	
	color: #bedb11;

}

.societes-partenaires p {
	margin:0 0 5px 0;
}

#TContact tr {
	vertical-align: middle;
	
}
#TContact th {
	height:25px;
}


#TContact th {
	text-align: right;
	padding-right:4px;
}

#TContact input.court {
	border: 0;
	display: block;
	width:182px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_06.jpg') no-repeat top left;
}

#TContact input.long {
	border: 0;
	display: block;
	width:446px;
	height:25px;
	background: transparent url('/img/contact/contact-cut_03.jpg') no-repeat top left;
}
#TContact textarea {
	border: 0;
	display: block;
	width:447px;
	height:113px;
	background: transparent url('/img/contact/contact-cut_09.jpg') no-repeat top left;
}

#TContact select {
	margin:3px 0;
	width:446px;
	border:1px solid #ccc;
}


#TContact input.submit {
	border:0;
	font-weight: bold;
	cursor: pointer;
	padding-right:25px;
	background: transparent url('/img/contact/contact-cut_13.jpg') no-repeat right 50%;
	display: block;
	height:30px;
	float: right;
}


#RechContact {
	position:absolute;
	right:0;
	top:270px;
	z-index:100;
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
	
}

#RechContact h2 {
	background: transparent url('/img/contact/contact-cut_23.jpg') no-repeat top left;
	width: 256px;
	height: 67px;
	margin:0;
	padding: 0;
 }


#RechContact h2 span {
	display: none;
 }
 
 
#RechContact h3 {
	background: transparent url('/img/contact/contact-cut_36.png') no-repeat left 50%;
	padding:0 0 0 30px;
	margin:10px 0 10px 0;
	font-size:11px;
	font-weight: bold;
	height: 22px;
	line-height: 22px !important;
	
 }
 
 
/*
#RechContact h3 span.lf { 
	background: transparent url('/img/contact/contact-cut_33.png') no-repeat left 50%;
	height:19px;
	float:left;
}

#RechContact h3 span.rg { 
	background: transparent url('/img/contact/contact-cut_31.png') no-repeat right 50%;
	height:19px;
	float:right;
	margin-right:10px;
}
*/


#RechContact h3 span.lf, 
#RechContact h3 span.rg {
	background: transparent url('/img/contact/contact-cut_31.png') no-repeat right 50%;
	font-size: 16px;
	
}

#RechContact h3 span.lf {

	background: transparent url('/img/contact/contact-cut_33.png') no-repeat left 50%;
}

#RechContact table {
	margin-left:40px;		
}

#RechContact input.court {
	border: 0;
	display: block;
	width:80px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_45.jpg') no-repeat top left;
}

#RechContact input.submit {
	border:0;
	cursor: pointer;
	display: block;
	height:23px;
	width:23px;
}

#RechContact ul {
	margin: 0;
	padding: 0;
	
}

#RechContact p {
	padding:0 0 0 15px;	
}
#RechContact ul li {
	margin: 0;
	padding: 0 0 0 45px;
	list-style: disc;
	list-style-position: inside;
}
#RechContact ul li a {
	color: black;
}
#RechContact ul li.current a{
	font-weight: bold;
}


#RechContact #NewRech {
	border: 0;
	display: block;
	width:150px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_13.jpg') no-repeat right 50%;
	line-height: 24px;
	font-weight: bold;
	color:black;
	text-decoration: none;
	padding-right: 25px;
	text-align: right;
	float:right;
	margin:15px 15px 15px 0;
}



#Carte {
		margin:0 auto;
		width:660px;
		height:300px;
	}



.succursale-infos {
	width:98%;
	margin:0 auto;	
}
.succursale-infos td {
	width: 33%;
	font-weight: normal;
}

.hr_destinataire,
.hr_object {
	display: block;
	line-height:22px;
}


.itineraire {
	margin:15px  0;
	padding:5px;
	
}

.succursale-infos strong {

	font-size:10px;	
}

.succursale-infos p {
	margin:0 0 4px 0;	
}

.itineraire input#Gaddress {
	border:1px solid #ccc;
	padding:2px;
	background-color: #efefef;
	width : 260px;

}
.itineraire input#GoGoogle {
	border:1px solid #ccc;
	padding:2px;
	background-color: white;
	color: #666;

}
 a.o {
	position: relative;
	display:block;
	background: transparent url('/img/presse/fl-xl.gif') no-repeat right 50%;
	text-align: right;
	margin-right:15px;
	padding-right:25px;
	line-height:25px;
	font-size:13px;
	font-weight: bold; 
	color: black;
	text-decoration: none;
}

 a.o2 {
	position: relative;
	display:block;
	text-align: right;
	margin-right:15px;
	padding-right:25px;
	line-height:15px;
	font-size:10px;
	color: black;
	text-decoration: none;
}#PiedDePage {
	margin: 0 0 0 8px;
	width:977px;
	background: transparent url('/img/pied/fd.png') no-repeat -40px top;
}


#PiedDePage h3 {
	margin:10px 0 0 0;
	font-size:12px;
	font-weight: bold;
}

#PiedDePage a {
	text-decoration: none;
}


#PiedDePage div.contenu {
	padding-top: 70px;
	background: transparent url('/img/pied/fd_contenu.jpg') repeat-x left 74px;
	min-height:150px;
	width:977px;
}
#PiedDePage table.contenu {
	margin:10px auto;
	width: 950px;
	border-collapse: collapse;
	border-spacing:0;
	
}
#PiedDePage table.contenu tr{
	vertical-align: top;
}
#PiedDePage table.contenu td {
	padding: 0 20px 10px 0;	
	width:33%;
}


#PiedDePage h5 {
	margin:0 0 0;
	padding: 4px 0;
	font-size:11px;
}

#PiedDePage ul.actus {
	padding:0;
	margin:12px 0 0 0;

}
#PiedDePage ul.actus li {
	list-style: none;
	padding:0;
	margin:0 0 10px 0;
	background: transparent url('/img/pied/point.png') no-repeat left 5px;
	padding-left:10px;
}
#PiedDePage ul.actus strong{
	display: block;
	font-weight: normal;
	color: black;
}
#PiedDePage em,
#PiedDePage ul.actus span {
	display: block;
	color: #666;
	font-size:90%;
	font-style: normal;
}

#PiedDePage table.formulaire {
	border-spacing: 0;
}
#PiedDePage table.formulaire td {
	padding:1px;
}
#PiedDePage table.formulaire .COL1 { width: 130px !important}
#PiedDePage table.formulaire .COL2 { }
#PiedDePage table.formulaire .COL3 {  }

#PiedDePage table.formulaire select {
	width: 130px;
	background: white;
	border:1px solid #ccc;
	padding:1px
}

a.soul {
	display: block;
	text-decoration: underline !important;
	color: black;
}
a.fl {
	display: block;
	color: black;
	background: transparent url('/img/pied/fl.gif') no-repeat left 50%;
	line-height: 12px;
	padding-left:18px;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}

#pdp-actu {
background: transparent url('/img/pied/nuage1.png') no-repeat left 40%;
	
}
#pdp-contact {
background: transparent url('/img/pied/nuage1.png') no-repeat left 60%;
	
}
#pdp-logement {
	
}



#PiedDePage dl.criteres  {
	margin-left:10px;
}
#PiedDePage .criteres dt {
	font-weight: bold;
	float: left;
	width:120px;
	color: #666
}
#PiedDePage .criteres dd {
	color: #666
}
#PiedDePage p.criteres,
#PiedDePage p.criteres a {
	color: #666;
	font-size: 12px;
	font-weight: bold;	
}


#PiedDePage a:hover,
#PiedDePage a:hover strong {
	
	text-decoration: underline;
}
#PiedDePage a:hover span {
	font-weight: normal; 
	text-decoration: none;
	
	
}