@charset "utf-8";
/* CSS Document */

* {
	margin :			0px;
	padding :			0px;	
	font-family :		Arial, Helvetica, sans-serif;
}
a {
	color :				#aaabad;
	text-decoration :	none;
}
a:hover, a:active {
	color :				#8f8c8f;
	text-decoration :	none;
}

h1, h2, h3, h4, h5, h6, p, ul, li, form, label, textarea {
	margin:0px;
	padding:0px;
}
h1 { font-size:30px;}
h2 { font-size:19px;}
h3  { font-size:15px;}
h4, h5 { font-size:12px;}
h6 { font-size:11px;}
p { font-size:12px; }

li {
	padding-left:10px;
	list-style-position:inside;
	list-style-type:none;
	}
input {
	font-size:11px;
	color:#717376;
}
img { border : none;}body {
 background-color:  #FFFFFF;
 text-align: center;
}

#fenetremessage {
 width: 400px;
 margin-left: -425px;
 position: absolute;
 z-index: 100;
 top: 150px;
 background-color: #E6E4E5;
 border-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #91278F;
 border-right-color: #91278F;
 border-bottom-color: #91278F;
 border-left-color: #91278F;
 text-align: center;
 padding-top: 20px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 10px;
 color: #91278F;
 font-size: 12px;
}

#fenetremessage .btn {
 padding-right: 10px;
}

select{
 display:  block;
} 
#bordures {
 background: url(../images/fond-page-int.gif) center top repeat-y; 
 margin-left: 1px;
}
#cadrehaut {
 background: url(../images/fond-page.jpg) top no-repeat;
 top: 0px!important;
 /* Ajout LG le 25/03/09 pour mettre à niveau le drapeau sur Firefox */
 border: 1px;
 border-style: solid;
 border-color: white;
 /* */
}
body > #bordures {
  /* Modif LG le 25/03/09 pour mettre à niveau le drapeau sur Firefox */
  /* margin-top: -52px; */
  margin-top: -5px;
}
#conteneur {
 clear:  both; 
 top:  0px;
 text-align: left;
 positon: absolute; 
 width: 926px;
 margin: 0 auto;
 text-align: left;
}
#barre_langue {
 height: 20px;
 /*padding-top: 52px;*/
 margin-top: 52px; /*Modif JVN le 02/03/2009*/
 margin-left: 5px;
 margin-right: 5px;
 text-align: right;
 color:  #767676;
 font-size: 10px;
}
div > #page { 
 margin-left: 5px; 
}
#page { 
 background-image: url(../images/bandeau-fret-sncf.jpg);
 background-position-x: center;
 background-position-y: top;
 background-repeat:  no-repeat;
 position: relative;
 height : 100%;
}

/* ########################################################################## */
/* ### Colonne de Gauche ### */

#bloc_gauche {
 width:  680px;
 float:  left;
 margin-bottom: 10px;
 position: relative;
}

/* Zone Entête */
#titre_site {
 height: 125px;
}
#bloc_gauche h1 img {
 margin-left: 120px;
 margin-top: 50px;
}
/* Menu principal */
#menu {
 background-color:  #0c8cb2;
 margin-top: 3px;
 padding: 2px 0px;
 margin-bottom: 40px; 
 margin-bottom: 3px;
 margin-left: 5px; 
 position: relative;
 z-index: 10;
}
div > #menu {
 height: 15px;
 margin-left: 0px;
}
/* ################## Couleurs pour le menu déroulant ################## */

#menu li {
 display: inline;
 position: relative; 
 margin: 0;
 padding: 0;
 list-style: none;
 background: url(../images/nav-top-sep.gif) center right no-repeat;
 margin-top: -3px;
}
#menu > li {
 float: left;
} 
#menu li a {
 color:  #FFFFFF;
 margin: 2px;
 margin-left: 1px;
 padding: 2px 5px; 
 font-weight: bold;
 font-size: 12px;
}

#menu menu_home{
 background-color:  #0c8cb2;
 margin-top: 3px;
 padding: 2px 0px;
 margin-bottom: 3px;
 margin-left: 5px; 
 position: relative;
 }
 
/* Sous menu */ 

#menu li ul.sous_menu {
 list-style-type: none;
 margin-top: 18px;
  padding: 0;
  border: 0;
 position: absolute;
 background-color: #FFFFFF; 
 display: none;
 z-index: 10;
 z-order: 10;
}
#menu li > ul.sous_menu {
 margin-top: 16px;
 z-index: 10;
}
#menu li ul.sous_menu li
{
 list-style-type: none;
 color:#7a7d71;
 float: none;
 margin: 0px;
 list-style-position: outside;
 padding: 0;
 display: block;
 width: 100%;
 z-index: 10;
 z-order: 10;
}
#menu li ul.sous_menu li a {
 display: block;
 margin: 0 5px;
 padding: 1px 0px;
 border: 0;
 text-decoration: none;
 z-index: 10;
 z-order: 10;
}
#menu li ul.sous_menu li a:link,
#menu li ul.sous_menu li a:visited
{
 color: #7a7d71;
 background-color: #FFFFFF;
}
#menu li ul.sous_menu li a:hover
{
 color: #a5c73d;
}
#menu li:hover ul.sousMenu { display: block; }

#menu li.menuCoulcharte1 a:hover {
 color:  #0084af;
 background-color:  #FFFFFF;
}
#menu li.menuCoulcharte1 a.parent {
 color:  #0084af;
 background-color:  #FFFFFF; 
}
#menu li.menuCoulcharte1 ul.sous_menu {
 border:#0084af solid 1px;
}
#menu li.menuCoulcharte1 ul.sous_menu li {
 border-bottom:#0084af solid 1px;
}
#menu li.menuCoulcharte1 ul.sous_menu li a:hover {
 color:#0084af;
}
#menu li.menuCoulcharte2 a:hover {
 color:  #91278f;
 background-color:  #FFFFFF;
}
#menu li.menuCoulcharte2 a.parent {
 color:  #91278f;
 background-color:  #FFFFFF; 
}
#menu li.menuCoulcharte2 ul.sous_menu {
 border:#91278f solid 1px;
}
#menu li.menuCoulcharte2 ul.sous_menu li {
 border-bottom:#91278f solid 1px;
}
#menu li.menuCoulcharte2 ul.sous_menu li a:hover {
 color:#91278f;
}
#menu li.menuCoulcharte3 a:hover {
 color:  #a5c73d;
 background-color:  #FFFFFF;
}
#menu li.menuCoulcharte3 a.parent {
 color:  #a5c73d;
 background-color:  #FFFFFF; 
}
#menu li.menuCoulcharte3 ul.sous_menu {
 border:#a5c73d solid 1px;
}
#menu li.menuCoulcharte3 ul.sous_menu li {
 border-bottom:#a5c73d solid 1px;
}
#menu li.menuCoulcharte3 ul.sous_menu li a:hover {
 color:#a5c73d;
}
#menu li.menuCoulcharte4 a:hover {
 color:  #67c8c6;
 background-color:  #FFFFFF;
}
/* fil d'ariane */
#ariane {
 font-size: 11px;
 margin-bottom: 7px;
 margin-left: 30px;
 margin-right: 33px;
 padding: 0px 2px;
 background-color:	#FFFFFF;
}
/* zone infos*/
#titre_page {
 margin-left: 30px;
 padding: 6px 9px;
 color:  #FFFFFF; 
 width:  600px;
 margin-bottom: 0px;
}
#titre_page span {
 color:  #FFFFFF; 
 margin-bottom: 40px; 
 font-size: 18px; 
}
/* menu niv 3 */
#menu_niv3 {
 margin-left: 0px;
 height: 19px;
 margin-bottom: 25px;
 margin-top: 1px;
 float: left;

}
#conteneurMenu {
 position: relative;
 margin-left: 30px;
}
#menu_niv3 li {
 float:left;
 padding:0px;
 font-weight:bold;
 background:transparent url(../images/sous-nav/sous-nav-fd-li.gif) bottom left repeat-x;
 height:19px;
}
#menu_niv3 li a {
 padding:2px 2px 2px 0px;
 float:left;
 font-size: 12px;
}
#menu_niv3 li.active a:hover, 
#contenu_page ul.sous_nav li a:hover {
 color:#8f8c8f;
}
#menu_niv3 li.active a {
 color:#fff;
 margin-left:5px;
}

#menu_niv3 li .bord_left,
#menu_niv3 li .bord_left_first,
#menu_niv3 li .bord_right, 
#menu_niv3 li .bord_right_last, 
#menu_niv3 li.active .bord_left,
#menu_niv3 li.active .bord_left_first, 
#menu_niv3 li.active .bord_right {
 display:block;
 float:left;
 width:13px;
 height:19px;
}
#menu_niv3 li .bord_right, 
#menu_niv3 li .bord_right_last, 
#menu_niv3 li.active .bord_right {
 width:5px;
}


/* Zone de contenu */
#contenu {
 margin-left: 40px;
 width:  600px;
 clear: both;
 z-index : 0;
}

/* ########################################################################## */
/* ### Colonne de Droite ### */
#btn_contact {
 text-align: right;
 padding-top: 20px;
 margin-right: 5px;
}

#panneau_droit {
 width:  219px;
 background-image:  url(../images/home-right-middle.gif);

position: relative;
}

#panneau_droit p {
 color:  #FFFFFF;
 position: relative;
}
/* formulaire de recherche */
#form_zone_recherche {
 margin-top: 10px;
 margin-bottom: 6px;
 margin-right: 5px;
 text-align: right;
}
#form_recherche {
 background-color:  #FFFFFF;
 border: none;
 width:  95px;
 margin-top: 2px;
 margin-right: 10px;
 padding:2px 2px; 
 font-size: 11px;
 color:#717376;
}
/* cartouche zone actus */
.cartouche {
 color:  #FFFFFF;
 padding-top: 1px;
 font-size: 18px;
 font-weight: bold;
 background: #67c8c6 url(../images/home-right-top.gif) top center no-repeat;
 padding-left: 10px;
}
/* contenu zone actus */
#zone_actus {
 background-image:  url(../images/home-right-encart-middle.gif);
 width:  203px;
 height: 320px; 
 margin-left: 8px;
 margin-bottom: 15px;
 margin-top: -50px;
 position: relative;
}
#zone_diaporama {
 height: 315px;
 width: 200px;
 overflow: hidden;
}
#haut_actus {
 background-image:  url(../images/home-right-encart-top.gif); 
 height: 2px;
 background-position: top center; 
 background-repeat:  no-repeat;
}
#zone_diaporama h2, #zone_diaporama p {
 padding-left: 11px;
 padding-right: 11px;
}
#zone_diaporama h2 {
 font-size: 13px;
 font-weight: bold;
 color: #67c8c6; 
}
#zone_diaporama h2 a {
 color:  #67c8c6;
 font-size: 13px;
}
#zone_diaporama p {
 color:  #000000;
 font-size: 11px;
}
#zone_diaporama img {
 margin-top: 10px;
}
#zone_diaporama .bt_precedent {
 margin-right: 135px;
}
#zone_diaporama .bas_actus {
 padding-bottom:  10px;
}
#bas_actus {
 background-image:  url(../images/home-right-encart-bottom.gif);
 background-position: bottom center;  
 margin-top: 2px;
 height:  2px;
}
#zone_diaporama .uneactu {
 margin-top: 5px;
 height: 280px;
 overflow: hidden;
}
/* zone perspective */
.droit_puce {
 color:  #FFFFFF;
 font-weight: bold;
 background: url(../images/puces/puce-caree-fleche-blanche.gif) 0px 4px no-repeat;
 padding: 0 0 4px 12px;
 
}
.droit_puce_pf a {
width: 130px;
 background: url(../images/puces/puce-caree-fleche-blanche.gif) 0px 4px no-repeat;
 padding: 0 4 4px 12px;
 color:  #FFFFFF;
 float: left;
}
.droit_puce_pf a:hover {
 color: white;
}
.droit_puce_pf .titre {
 font-weight: bold;
 font-size: 12px;
}
.cartouche2 {
 border-left: solid 4px #FFFFFF;
 padding-left: 2px;
 font-size: 13px;
 color:  #FFFFFF;
 font-weight: bold; 
 margin-left: 10px;
 margin-top: 15px;
 margin-bottom: 8px;
}
.perspective {
 margin-left: 10px;
 padding:5px;
 float:  left;
}
#perspectives_fret {
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 100px;
 margin-bottom: 20px;
 /*clear: both;*/
}
#form_deja_client {
 width:  166px;
 color:  #767676;
 font-size: 11px;
 border: 1px solid #0b6563;
 padding: 1px 2px;
 width:  138px;
}
#form_email_perspective {
 font-size: 11px;
 color:  #3a706f;
 background-color:  #afe2e1;
 height: 16px;
 padding: 1px 2px;
 border: none;
 width:  133px;  
}
#panneau_droit_bas {
 margin-top: 0px !important;
 margin-left: 1px !important;
 margin-bottom: 0px !important;
 padding: 0px !important;
 height: 6px; 
 width:  219px;
 background: #FFFFFF url(../images/home-right-bottom.gif) top left no-repeat;
}
/* ########################################################################## */
/* ### Pied ### */
#pied {
 font-size: 11px;
 text-align: center;
 background: #FFFFFF url(../images/fond-page-bottom.gif) top left no-repeat;
 padding-top: 8px;
}
div > #pied {
 margin-left: -1px;
}
#pied a {
 color:  #767676;
 }
#pied li {
 display: inline;
 border-left: 1px solid #767676;
 padding: 0 3px 0 5px;
 text-align: center;
 height: 10px;
 }
#pied li.first {
 border-left: none;
 margin-left: 18px;
}

/* ########################################################################## */
/* ### Classes ### */
.clear{
 clear:  both;
 display: block;
 width:  1px;
 height: 1px;
}

/* Formulaires */
#contenu .form_left {
 float:left;
 width:106px;
 margin:0px;
 padding:0px;
}
#contenu .form_left_contact {
 float:left;
 width:150px;
 margin:0px;
 padding:0px;
 line-height:16px;
}

#contenu .form_right {
 float:left;
}

#contenu input.radio {
 margin-left:0px;
}

#contenu select.list {
 height:15px;
 width:225px;
 background:#e6e4e5;
 border:solid 1px;
 border-bottom-color:#9f9e9f;
 border-right-color:#9f9e9f;
 border-left-color:#c3c2c3;
 border-top-color:#c3c2c3;
 font-size:11px;
 font-weight:bold;
 color:#a23a79;
 padding-left: 3px !impotant;
}

#contenu input.text {
 height:15px;
 width:187px;
 background:#e6e4e5;
 border:solid 1px;
 border-bottom-color:#9f9e9f;
 border-right-color:#9f9e9f;
 border-left-color:#c3c2c3;
 border-top-color:#c3c2c3;
 font-size:12px;
 font-weight:bold;
 color:#a23a79;
 font-size: 11px !important;
 padding-left: 3px;
}

.form_line{
 clear:both;
 height:32px;
}

.btn {
 display:block;
 height:19px;
 padding:0px;
 margin:0px;
 float:right;
 margin-bottom:4px;
 font-weight:bold;
}
.btn input.champ_submit {
 float:left;
 height:19px;
 border:none;
 background:url(../images/boutons/bt-bordeau-middle.gif) top left repeat-x;
 color:#a23a79; 
 padding-left:0px;
 padding-right:0px;
 font-weight:bold;
}
.btnfenetre {
 height:19px;
 border:none;
 color:#a23a79;  
 font-weight:bold; 
 width:200px;
 padding:0px;
 margin-left:auto;
 margin-right:auto;
}
.btnfenetre .btn_left,
.btnfenetre .btn_right {
 width:5px;
 height:19px;
 margin:0px;
 float:left;
}
.btnfenetre input.champ_submit {
 float:left;
 width:190px;
 height:19px;
 border:none;
 background:url(../images/boutons/bt-bordeau-middle.gif) top left repeat-x;
 color:#a23a79; 
 padding-left:0px;
 padding-right:0px;
 font-weight:bold;
}
.btn .btn_left, 
.btn .btn_right {
 float:left;
 width:5px;
 height:19px;
 margin:0px;
}
.btn .btn_left, .btnfenetre .btn_left { background:url(../images/boutons/bt-bordeau-left.gif) top left no-repeat;}
.btn .btn_right, .btnfenetre .btn_right { background:url(../images/boutons/bt-bordeau-right.gif) top left no-repeat;}

.btn_contact{
 display:block;
 height:19px;
 padding:0px;
 margin:0px;
 float:both;
 margin-bottom:4px;
 padding-top:20px;
 padding-left:300px;
 font-weight:bold;
 text-align:center;
}
.btn_contact input.champ_submit {
 float:left;
 height:19px;
 border:none;
 background:url(../images/boutons/bt-bordeau-middle.gif) top left repeat-x;
 color:#a23a79; 
 padding-left:0px;
 padding-right:0px;
 font-weight:bold;
}
.btn_contact .btn_left, 
.btn_contact .btn_right {
 float:left;
 width:5px;
 height:19px;
}
.btn_contact .btn_left { background:url(../images/boutons/bt-bordeau-left.gif) top left no-repeat;}
.btn_contact .btn_right { background:url(../images/boutons/bt-bordeau-right.gif) top left no-repeat;}

#lien_contact {
 color: #A23A79;
 font-size: 18px;
 font-weight:bold;
}

#contenu textarea.text {
 height:200px;
 background:#e6e4e5;
 border:solid 1px;
 border-bottom-color:#9f9e9f;
 border-right-color:#9f9e9f;
 border-left-color:#c3c2c3;
 border-top-color:#c3c2c3;
 font-size:12px;
 font-weight:bold;
 color:#a23a79;
 padding-left: 3px;
 width:600px;
}

.captcha {
 width: 140px !important;
}
#bloc_droit {
 margin-left: 694px !important ;
 position: relative;
}
.cartouche {
 height: 91px !important ;
}
#zone_actus {
 margin-top: -50px !important ;
}

.msgErreur {
 border: solid 1px red;
 text-align: left;
 font-size: 11px;
 color: black;
 width: 600px;
 margin-bottom : 15px;
 padding: 5px;
}

#contenu #autocompletegare , #contenu #autocompletemarchandise{
 border:solid 1px;
 border-bottom-color:#9f9e9f;
 border-right-color:#9f9e9f;
 border-left-color:#c3c2c3;
 border-top-color:#c3c2c3;
 display: block;
 list-style: none;
 background-image: none;
 width: 266px;
 height: 175px;
 position: absolute;
 left: 400px;
 overflow: scroll;
 font-size: 8px;
}
#contenu #autocompletegare ul, #contenu #autocompletemarchandise ul {
 padding: 0px;
 margin: 0px;
}
#contenu #autocompletegare ul li, #contenu #autocompletemarchandise ul li {
 background-image: none;
 padding: 0px;
 margin:2px;
 font-size: 12px; 
}
#contenu #autocompletegare a, #contenu #autocompletemarchandise a {
 color: #222222;
 display: block;
 padding: 0 2px;
 background-color: #F0F0F0; 
 width: 242px;
}
#contenu #autocompletegare a:hover, #contenu #autocompletemarchandise a:hover {
 background-color: #CFCFCF;
 font-weight: bold;
}
.valeur {
 color: #0000CC;
}



/********************************************************************************************/
/************************** Correction des bugs ie6 sur les SELECT ***********************/
/********************************************************************************************/

.tableau_text_noir {
 color:#000000;
}

/* ################## Pagination ################## */
.paginationActuelle {
	font-weight:bold;
	color : black !important;
}

.pagination {
	font-weight:bold;
	font-size : 12px;
}

/* ################## Les classes des tableaux  wagons ################## */

.lexique_vitesse{
color:#33cc66;
}
.lexique_categorie{
color:#990000;
}
.lexique_charges{
color: #ff9933;
}

/* ################## Les classes des tableaux ################## */

.tableau_ligne_paire ,
.tableau_ligne_impaire  {
	padding-right:12px;
	padding-left:12px;
	vertical-align : top;
}


/* ################## Les classes du formulaire clic services ################## */

#form_connect {
	width:192px;
	padding:13px 0px 0px 6px;
	font-size:12px;
	font-weight:normal;
	color:#004258;
	}
#form_connect .form_line {
	clear:both;
	height:24px;
}
#form_connect label {
	float:left;
	font-size: 12px;
}	
#form_connect input.champ_text,
#form_connect input.champ_pass {
	background-color:#87c5d9;
	color:#000;
	border:none;
	float:right;
	display:block;
	width:110px;
	height:13px;
}
#form_connect .btn {
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	float:right;
	margin-bottom:4px;
	font-weight:bold;
}
#form_connect .btn input.champ_submit {
	float:left;
	height:16px;
	border:none;
	background:url(../images/boutons/bt-ciel-middle.gif) top left repeat-x;
	color:#0084af;	/* MARINE */
	padding-left:0px;
	padding-right:0px;
	font-weight:bold;
	
	width:96px;
}
#form_connect .btn .btn_left, 
#form_connect .btn .btn_right {
	float:left;
	width:4px;
	height:16px;
}
#form_connect .btn .btn_left { background:url(../images/boutons/bt-ciel-left.gif) top left no-repeat;}
#form_connect .btn .btn_right { background:url(../images/boutons/bt-ciel-right.gif) top left no-repeat;}
#form_connect .mdp_oublie {
	clear:both;
	text-align:right;
}
#form_connect .mdp_oublie a {
	font-size:10px;
	color:#8a868a;
	text-decoration:underline;
}

/* ################## Wagon ################## */

#contenu #tabwagon thead tr .titre_tab { 
	text-align : center;
	font-weight : bold !important;
	font-size:12px;
}


#tabwagon  tbody.wagcateg td{
	border: none !important;
}
#contenu #tabwagon  thead th.wagcateg {
	text-align:left;
	padding-left:15px;
}

body.mceContentBody #tabwagon tbody.wagcateg td img.wagcateg{
	float:right;
}

#tabwagon tbody tr td.CelluleTableauWagonOn {
	background:#f4e9f4 url(../images/tableaux/fd-cellule-achures-vert.gif) top left repeat;
}

#contenu #tabwagon thead tr th.CelluleTableauWagonSecteur{
	text-align:left;
}

#contenu #tabwagon thead tr th.CelluleTableauWagonSecteur A {
	color : white;
	padding-left : 3px;
}

#contenu #tabwagon thead tr th.CelluleTableauWagonSecteur A:hover {
	color : white;
}

#tabwagon tr th.CelluleTableauWagonSecteur { 
	text-align : left !important;
	border-top:3px solid #fff;
	border-bottom:2px solid #fff;
	text-align:left;
	font-weight:bold !important;
	font-size:14px;
	padding:5px;
}

#contenu .vignette{
	padding:5px 5px 5px 0px;
	float:left;
	display:block;
	margin-right:10px;
}

#sav_clicservices {
 visibility : hidden;
 width: 200px;
 margin-left: 20px;
 position: absolute;
 z-index: 100;
 top: 220px;
 background-color: #E6E4E5;
 border-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #91278F;
 border-right-color: #91278F;
 border-bottom-color: #91278F;
 border-left-color: #91278F;
 text-align: center;
 padding-top: 20px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 10px;
 color: #91278F;
 font-size: 12px;
 z-index : 500;
}

#sav_clicservices .btn {
 padding-right: 10px;
}

#panneau_droit_editable_conteneur {
	width : 218px;
	overflow : hidden;
	margin-top : 10px;
}
#home_bloc_left {
	float:left;
	width:255px;
	padding:0px;
	color:#0084af;	/* Marine */
	font-weight:bold;
	position:relative;
	top:60px;
	left:15px;
	margin-bottom:5px;
}
.titre { font-size:19px; font-weight:bold;}

#home_bloc_left h2{
	margin-bottom:5px;
	color:#0084af;
	
}
#home_bloc_left .warning {
	font-size:12px;
	color:#e31e27;	/* Rouge */
	border:1px solid #e21d24;
	padding:3px 3px 0px 5px;
	width:240px;
	margin-bottom:10px;
}
#home_bloc_left .warning a {
	color:#e31e27;
}
	
#home_bloc_left .warning #warning_img {
	float : left;
	padding-right : 10px;
	padding-bottom : 7px;
}	

#home_bloc_left .warning #warning_ht {
	clear:both;
	height : 2px;
}

#home_bloc_left ul li {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:none;	
	position:relative;
	list-style-image:url(../images/puces/puce-caree-fleche-marine.gif);
	padding:0 0 4px 0;
	font-size: 12px;
}
#home_bloc_left ul li a {
	color:#0084af;
	margin:0;
	padding:0;
	font-weight:bold;
}
#home_bloc_left h3 {
	border-left:solid 4px #0084af;
	padding-left:2px;
	color:#0084af;
}
#form_connect {
	width:192px;
	padding:13px 0px 0px 6px;
	font-size:12px;
	font-weight:normal;
	color:#004258;
	}
#form_connect .form_line {
	clear:both;
	height:24px;
}
#form_connect label {
	float:left;
}	
#form_connect input.champ_text,
#form_connect input.champ_pass {
	background-color:#87c5d9;
	color:#000;
	border:none;
	float:right;
	display:block;
	width:110px;
	height:13px;
}
#form_connect .btn {
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	float:right;
	margin-bottom:4px;
	font-weight:bold;
}
#form_connect .btn input.champ_submit {
	float:left;
	height:16px;
	border:none;
	background:url(../images/boutons/bt-ciel-middle.gif) top left repeat-x;
	color:#0084af;	/* MARINE */
	padding-left:0px;
	padding-right:0px;
	font-weight:bold;
	
	width:96px;
}
#form_connect .btn .btn_left, 
#form_connect .btn .btn_right {
	float:left;
	width:4px;
	height:16px;
}
#form_connect .btn .btn_left { background:url(../images/boutons/bt-ciel-left.gif) top left no-repeat;}
#form_connect .btn .btn_right { background:url(../images/boutons/bt-ciel-right.gif) top left no-repeat;}
#form_connect .mdp_oublie {
	clear:both;
	text-align:right;
}
#form_connect .mdp_oublie a {
	font-size:10px;
	color:#8a868a;
	text-decoration:underline;
}
#home_bloc_left ul {
	padding:5px 0 0 6px;
	margin:0;
}
#home_bloc_middle {
	width:400px;
	float:left;
	position:relative;
	/*top:7px;*/ /*MODIF JVN*/
	margin-bottom:-40px;
	margin-left:20px;
}
#home_bloc_middle .demi_bloc {
	float:left;
	width:225px;
	padding-right:20px;
}
#home_bloc_middle #marchandise_type  {
width:225px;
}
#home_bloc_middle .demi_bloc_qui_sommes_nous1 {
	float:left;
	width:165px;
	padding-right:5px;
}
#home_bloc_middle .demi_bloc_qui_sommes_nous2 {
	float:right;
	width:180px;
}
#home_bloc_middle h2, #home_bloc_middle h3, #home_bloc_middle .contenu {
	background:url(../images/home-centre-middle.gif) top left repeat-y;
	padding:2px 10px 0px 20px;
}
#home_bloc_middle p {
	position:relative;
}
#home_bloc_middle h2 {
	/*background:url(../images/home-centre-top.gif) left no-repeat;*/
	padding:15px 10px 0px 20px;
	/*height:24px;*/ /* MODIF JVN*/
	height:6px !important;
	color:#91278f;
	}
#qui_sommes_nous {
	clear : both;
	font-size : 19px !important;
}
#home_bloc_middle h2{ margin-top:21px; }
#home_bloc_middle h3 { padding-top:5px; color:#a5c73d; }
#home_bloc_middle .contenu { 
	font-size:12px;
	padding-bottom:10px;
	}
#home_bloc_middle ul {
	padding:5px 0;
	margin:0;
	}
#home_bloc_middle ul.offres li, #home_bloc_middle ul.offres2 li {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:none;	
	position:relative;
	list-style-image:url(../images/puces/puce-caree-fleche-violet.gif);
	padding:0 0 4px 0;
	font-size: 12px;
	}
	
#home_bloc_middle ul.offres li a{
	color:#91278f;
	margin:0;
	padding:0;
	font-weight:bold;
	}
#home_bloc_middle ul.offres2 li a {
	color:#91278f;
	margin:0;
	padding:0;
	}
#home_bloc_middle ul.presentation li {
	position:relative;
	list-style:outside;
	list-style-type:none;
	position:relative;
	background:url(../images/puces/puce-caree-fleche-vert.gif) 0px 4px no-repeat;
	padding:0 0 4px 12px;
	}
#home_bloc_middle ul.presentation li a {
	color:#a5c73d;
	margin:0;
	padding:0;
	font-weight:bold;
	}	
#home_bloc_middle .bottom {
	clear:both;
	background:url(../images/home-centre-bottom.gif) top left no-repeat;
	height:10px;	
	width:400px;
	display:block;
}
#form_marchandise {
	padding:5px 0;
	}
#form_marchandise .form_line {
	clear:both;
	height:24px;
}
#form_marchandise label {
	float:left;
}	
#form_marchandise select {
	width:200px;
	color:#767676;
	font-size:11px;
	font-weight:bold;
	border:1px solid #767676;
	padding:0px 1px;
}
#form_marchandise .btn {
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	float:right;
	margin-bottom:4px;
}
#form_marchandise .btn input.champ_submit {
	float:left;
	height:16px;
	border:none;
	background:url(../images/boutons/bt-violet-middle.gif) top left repeat-x;
	color:#91278f;	/* VIOLET */
	font-weight:bold;
}
#form_marchandise .btn .btn_left, 
#form_marchandise .btn .btn_right {
	float:left;
	width:4px;
	height:16px;
}
#form_marchandise .btn .btn_left { background:url(../images/boutons/bt-violet-left.gif) top left no-repeat;}
#form_marchandise .btn .btn_right { background:url(../images/boutons/bt-violet-right.gif) top left no-repeat;}
#form_marchandise .mdp_oublie {
	clear:both;
	text-align:right;
}
#form_marchandise .mdp_oublie a {
	font-size:10px;
	color:#8a868a;
	text-decoration:underline;
	}	
#home_bloc_left ul li a:hover, #home_bloc_left ul li a:active, 
#home_bloc_middle ul.offres li a:hover, #home_bloc_left ul.offres li a:active, 
#home_bloc_middle ul.presentation li a:hover, #home_bloc_left ul.presentation li a:active {
	color:#8f8c8f;
	text-decoration:none;
}
.mdp_oublie {
text-align:center;
font-size:10px;
margin-bottom: 10px;
}

#carteEuropeImg {
	visibility : hidden;
	position : absolute;
	top : 50px;
	left : 120px;
	border : 1px solid #666666;;
	padding : 5px 5px 5px 5px;
	background-color : white;
	text-align : right;
	z-index : 0;
}