* {
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:11px;
}
body {
	/* background-color:white; */
	background:#fff url(../images/_interface/background_4a.jpg) top center;
}
h1 {
	color:#2887b9;
	font-weight:bold;
	font-size:11px;
	margin:0 0 0 20px;
	padding:0;
}
h2 {
	color:#2887b9;
	font-weight:normal;
	font-size:11px;
	margin:5px 0 5px 0;
	padding:0;
}
h3 {
	color:#F29400;
	font-weight:bold;
	font-size:12px;
	margin:5px 0 5px 0;
	padding:0;
}
p {
	color:#4d4d4d;
	font-weight:normal;
	margin:5px 0 5px 0;
	padding:0
}
a {
	color:#4d4d4d;
	text-decoration:none;
	font-size:9px;
}
a:hover {
	text-decoration:underline;
}
#total {
	position:absolute;
	width:840px;
	left:50%;
	margin-top:20px;
	margin-left:-415px;
}

.clear{
	clear:both;
}
/* TEXT AREA */
.leftArea{
	display:block; text-align:left;
}

.rightArea{
	display:block; text-align:right;
}

span.centerArea{
	display:block; text-align:center;
}

.justifyArea{
	display:block; text-align:justify;
}
/*--------------------------- PORTAIL ---------------------------*/

#contenu-portail{
	position:absolute;
	width:auto;
	height:550px;
	left:50%;
	margin-top:150px;
	margin-left:-400px;
}

#logo-portail{
	position:absolute;
	width:250px;
	height:122px;
	margin-left:270px;
	margin-top:70px;
	background:url(../images/_interface/logo2.png) top left no-repeat;
}

#boutons{
	position:absolute;
	width:440px;
	height:49px;
	margin: 240px 0 0 220px;
}

#entree-html{
	width:137px;
	height:49px;
	background:url(../images/_interface/entree-html.png) top left no-repeat;
	z-index:1;
	float:left;
}

#entree-html a{
	z-index:2;
	width:137px;
	height:49px;
}

#entree-flash{
	margin-left:80px;
	z-index:2;
	width:137px;
	height:49px;
	background:url(../images/_interface/entree-flash.png) top left no-repeat;
	float:left;
}

#entree-flash a{
	width:137px;
	height:49px;
	z-index:1;
}

#footer_portail{
	width:700px;
	height:20px;	
	margin-top:530px;
	position:absolute;
	padding:0;	
	left:50%;
	margin-left:50px;
}

#footer_portail ul{
	width:700px;
	height:20px;	
	list-style-type:none;
	margin-left:10px;
}

#footer_portail li{
	list-style-type:none;
	float:left;
}


/*--------------------------- ---------------------------*/

#logo a {
	float:left;
	display:block;
	width:180px;
	height:116px;
	background:url(../images/_interface/logo3.png) top left no-repeat;
	padding:0;
	margin:10px 0 0 5px !important;
	margin:10px 0 0 3px;
}

#menu_flash {
	float:left;
	width:636px;
	height:130px;
	margin:0 0 0 8px !important;
	padding:0;
/*	background:url(../images/_interface/menu-versement.png) top left no-repeat;
*/}

#colonne_gauche {
	float:left;
	width:195px;
	margin:16px 0 0 0;
	padding:0;
}
#contenu_actualites {
	float:left;
	margin:3px 0 0 11px;
	padding:0;
	width:615px;
	height:426px;
	background:url(../images/_interface/contenu_top.png) top left no-repeat;
}
#contenu_actualites h1{
	margin:28px 0 0 28px;
}
#contenu {
	float:left;
	margin:3px 0 0 11px;
	padding:0;
	width:615px;
	height:604px;
	background:url(../images/_interface/contenu_big.png) top left no-repeat;
}
#contenu h1{
	margin:28px 0 0 28px;
	font-size:14px;
}
#footer {
	color:#4d4d4d;
	margin:5px 0 0 390px;
}
#footer a {
	font-size:9px;
}
#colonne_gauche #recherche input.input {
	float:left;
	color:#4d4d4d;
	font-size:10px;
	font-weight:bold;
	border:1px solid #cccccc;
	width:147px;
	height:15px;
	margin:0 0 0 5px;
	padding:3px 0 0 4px;
}
#colonne_gauche #recherche .btn_recherche {
	float:left;
	border:1px solid #cccccc;
	width:19px;
	height:18px;
	margin:0 0 0 5px;
	padding:0;
}
#colonne_gauche #recherche select {
	border:1px solid #cccccc;
	width:180px;
	height:17px;
	margin:0 0 0 5px;
	padding:0;
}
/* box blue */
#colonne_gauche  {
	margin:16px 0 0 0;
	padding:0;
} 
#box_blue {
	margin:16px 0 0 0;
	padding:0;
	width:188px;
	height:170px;
	background:url(../images/_interface/box_blue.png) top left no-repeat;
}
#box_blue p {
	margin:4px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
}
#box_blue span {
	color:#F29400;
	font-weight:bold;
}
#box_blue_big {
	margin:16px 0 0 0;
	padding:0;
	width:188px;
	height:205px;
	background:url(../images/_interface/box_blue_big.png) top left no-repeat;
}
#box_blue_big p {
	margin:4px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
}
#box_blue_big span {
	color:#F29400;
	font-weight:bold;
}
#box_blue_charge {
	margin:16px 0 0 0;
	padding:0;
	width:188px;
	height:206px;
	background:url(../images/_interface/box_blue_charge.png) top left no-repeat;
}
#box_blue_charge p {
	margin:7px 0 0 0;
	padding: 8px 12px 0 12px; /* 6px (top) avec un lien en plus */
	font-size:9px;
	color:#fff;
}
#box_blue_charge a {
	color:#fff;
}
#box_blue_charge span {
	color:#DA8307;
	font-weight:bold;
}
#box_orange_charge {
	margin:16px 0 0 0;
	padding:0;
	width:188px;
	height:172px;
	background:url(../images/_interface/box_orange.png) top left no-repeat;
}
#box_orange_charge h1 {
	margin:7px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:11px;
	color:#fff;
}
#box_orange_charge p {
	margin:7px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
}
#box_orange_charge a {
	color:#fff;
}
#box_orange_charge ul {
	margin:15px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
	list-style-type:none;
}
#box_orange_charge li {
	margin:8px 0 0 0;
}
#box_orange_charge span {
	color:#DA8307;
	font-weight:bold;
}
#box_orange_slim {
	margin:16px 0 0 0;
	padding:0;
	width:188px;
	height:122px;
	background:url(../images/_interface/box_orange_slim.png) top left no-repeat;
}
#box_orange_slim h1 {
	margin:7px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:11px;
	color:#fff;
}
#box_orange_slim p {
	margin:7px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
}
#box_orange_slim a {
	color:#fff;
}
#box_orange_slim ul {
	margin:15px 0 0 0;
	padding: 0 12px 0 12px;
	font-size:9px;
	color:#fff;
	list-style-type:none;
}
#box_orange_slim li {
	margin:8px 0 0 0;
}
#box_orange_slim span {
	color:#DA8307;
	font-weight:bold;
}
#box_blue_txt {
	margin:0;
	padding:15px 0 0 2px;
}
#box_blue_txt p {
	margin:0;
	text-align:justify;
}
#box_blue_txt h1 {
	color:#fff;
	margin:0;
	padding:3px 0 0 12px;
}
#box_blue_txt_menu  {
	margin:0;
	padding:15px 0 0 2px;
}
#box_blue_txt_menu p {
	margin:0;
}
#box_orange_txt {
	margin:0;
	padding:11px 0 0 2px;
}
#box_orange_txt .underline  {
	text-decoration:underline;
}

/* box contact */
#colonne_gauche #box_contact {
	width:188px;
	height:170px;
	text-align:right;
	margin:0px 0 0 0;
	padding:0;
	font-weight:normal;
}
#box_contact h2 {
	margin:6px 5px 0 5px;
	font-weight:bold;
}
#box_contact p {
	margin:5px 5px 0 0;
}
#box_contact img {
	margin:0 0px 0 0 !important;
}
#box_contact .no_underline a:hover {
	text-decoration:none;
}
/* CONTENU */
#contenu_gauche {
	float:left;
	/*margin:27px 0 0 28px !important;
	margin:27px 0 0 14px;*/
	margin:20px 0 0 28px !important;
	margin:20px 0 0 14px;
	padding:0;
}
#contenu_droit {
	display:block;
	position:relative;
	float:left;
	width:298px;
	height:335px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
	z-index:0;
}
#contenu_droit h3 {
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
}
#contenu_droit p {
	/* text-align:justify; */
	margin:10px 0 10px 0;
	padding: 0 27px 0 10px;
}
#contenu_total {
	display:block;
	position:relative;
	float:left;
	width:600px;
	height:510px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
	z-index:0;
}
#contenu_total h3 {
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
}
#contenu_total p {
	/* text-align:justify; */
	margin:10px 0 10px 0 !important;
	margin:10px 19px 10px 0;
	padding:0 37px 0 10px;
}
#contenu_versement {
	display:block;
	position:relative;
	float:left;
	width:600px;
	height:550px;
	overflow:hidden;
	margin:27px 0 0 0;
	padding:0;
	z-index:0;
}
#contenu_versement h3 {
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
}
#contenu_versement p {
	text-align:justify;
	margin:10px 0 10px 0 !important;
	margin:10px 19px 10px 0;
	padding:0 37px 0 10px;
}
#txt {
	float:left;
	z-index:0;
}
#txt p {
	margin:0;
}
#txt_total {
	float:left;
	z-index:0;
	margin:0 0 0 13px;
	padding:0;
}
#txt_total h3 {
	color:#2887b9; 
	font-size:11px;
	text-decoration:underline;
}
#txt_total p {
	padding: 0 34px 0 10px;
	font-weight:bold;
}
#txt_total span {
	/* color:#2887b9;
	text-decoration:underline; */
}
#txt_total a.link_total {
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
	color:#2887b9; 
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	text-align:left !important;
}
#txt_total a:hover.link_total {
	text-decoration:none;
}
#txt_total a.link_total_p {
	font-size:10px;
	padding-left:0;
	font-weight:normal;
}
#txt_total ul {
	padding: 0 34px 10px 35px;
	font-weight:bold;
	color:#4d4d4d;
	list-style-type:square;
}
/* */

/* MAP */
#map_gauche {
	float:left;
	margin-left:10px !important;
	margin-left:5px;
}
#map_gauche h1 {
	color:#F29400;
	margin:0 0 5px 0;
}
#map_gauche span {
	color:#4D4D4D; 
	text-decoration:none;
}
#map_canvas {
	border:1px solid #4D4D4D;
	margin-bottom:5px;
}
#directions {
	display:block;
	margin-left:6px;
	width:541px; 
	height:1200px;
	font-size:11px;
}
#map_droit {
	float:left;
	margin:34px 0 0 8px !important;
	margin:34px 0 0 8px;
	padding:40px 0 0 0;
	border:1px solid #4D4D4D;
	width:160px;
	height:260px;
}
#map_droit input.input {
	color:#4d4d4d;
	font-size:10px;
	font-weight:bold;
	border:1px solid #cccccc;
	width:125px;
	height:15px;
	margin:0 0 0 8px;
	padding:3px 0 0 4px;
}
#map_droit p {
	text-align:left;
	font-size:9px;
}
#map_droit span {
	color:#0B6B9F;
}
.bleu {
	color:#0B6B9F;
}
#map_droit a {
	text-align:left;
	text-decoration:none;
}
#imprimer {
	float:left; 
	padding:0;
	margin:5px 0 0 10px !important;
	margin:5px 0 0 5px;
}
#page_imprimer {
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-325px;
	border:1px solid #D4D4D4;
	width:650px;
	
}
#plan_acces {
	margin-top:15px;
}
#plan_acces a {
	padding-left:10px;
	color:#1E7DB0;
}
.gmnoprint span {
	font-size:1px;
	color:#ccc;
}

#equipe{
	float:left;
	width:300px;
}

#salaries{
	float:left;
	width:320px;
}

.personne-single{
	width:320px;
	float:left;
	margin-bottom:5px;
}


.personne-single img{
	float:left;
	margin-left:10px;
	width:60px;
	height:60px;
}

.personne-single p{
	position:relative;
	display:block;
	float:left;
	line-height:14px;
	font-size:10px;
	top:-12px;
}

.personne-single a{
	text-decoration:underline;
	font-size:10px;
	color:#0000FF;
}

.personne-single span{
	text-decoration:none;
	font-weight:bold;
}

#flash_carte{
	float:left;
	width:200px;
}

#carte_jaune{
	float:left;
	width:260px;
}

#carte_nord{
	position:relative;
	float:left;
	width:260px;
}

#carte_centre{
	float:left;
	width:260px;
}

#carte_sud{
	float:left;
	width:260px;
}

#carte_jaunebis{
	float:left;
	width:260px;
}

/* CLASSES */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.float_left img {
	float:left;
	padding:0 10px 3px 10px;
}
.float_right img {
	float:right;
	padding:0 27px 3px 15px;
}
.faq_p p {
	font-weight:normal !important;
}

.png { behavior:url(js/iepngfix.htc); }
.separation {
	width:260px;
	height:3px;
	background:#fff url(../images/_interface/separation.gif) top left no-repeat;
	margin:15px 0 15px 15px !important;
	margin:15px 0 7px 15px;
	padding:0;
}
#box_blue_charge a.select_box {
	text-decoration:none;
	font-weight:bold;
	color:#F29400;
}
.titre_acces a {
	color:#F29400;
	text-decoration:none;
	font-size:14px;
}
.legende {
	margin:13px 0 0 12px; /*14px avec un lien en plus et 13 px si un des liens est sur 2 lignes */
	padding:0;
	display:block;
}

.link_legende a {
	color:#fff;
	font-weight:bold;
}
.legende img {
	float:left;
	display:block;
}
.link_legende a {
	float:left;
	margin:-3px 0 0 6px;
}
.puce {
	float:left;
	margin:5px 0 0 12px !important;
	margin:5px 0 0 6px;	
}
.titre_versements {
	float:left;
	margin:6px 0 0px 0px;
	padding:0;
}
.p_versement {
	margin-top:-10px;
	/* padding-top:-10px; */
}
#test_flash {
	padding:0 10px 0 10px;
	z-index:-10;
}
#flash_ferroviaire {
	margin:12px 0 0 0;
	padding:0;
	/* background:url(../images/_interface/flash_ferroviaire.png) top left no-repeat; */
	width:188px;
	height:139px;
}
a.scrollToId_equipe_txt_total {
	text-decoration:underline;
}
a.scrollToId_acces_txt_total {
	text-decoration:underline;
}

#logo_pdf_orange {
	position:relative;
	top:30px; left:15px;
}