/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#052754 url(images/bg.gif);
}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border-left:1px solid #00467E;
	border-right:1px solid #00467E;
}


/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.4em;
	margin:0;	
}

h2
{
	font-size:1.1em;
	margin:0;
	padding:0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

a:link
{color:#03477F;}

a:focus, a:hover, a:active { outline:none }

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.txt_date
{color:#00ADEF;}

.txt_petit
{font-size:0.9em;}

.youtube
{
	margin: 2em 0;
	z-index: 2;
}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:955px;
	position:relative;
	background:#fff url(images/bg_entete.jpg) no-repeat bottom right;
}
/* ------------------------------- */
/* --- logo ---------------------- */

h1#logoCompagnie
{
	float:left;
	width:225px;
	padding:17px 0 0 17px;
}

h1#logoCompagnie img.logo
{display:block;}


#logoPrint
{display: none;}


/* ------------------------------------ */
/* --- zone flash ---------------------- */

#zoneFlash
{
	position:absolute;
	top:12px;
	left:261px;
}

/* ------------------------------------ */
/* --- top  menu ---------------------- */

/* -- top menu accueil positionné en absolu pour pouvoir l'insérer au dessus de l'animation flash qui empêche une partie du lien d'être cliquable --------------- */
#topMenu_acc
{
	position:absolute;
	top:0;
	left:255px;
	width:700px;
}

#topMenu_acc ul
{
	float:right;
	font-size:0.8em;
	list-style:none;
	margin:0 0 0 0;
	padding:5px 65px 0 0;
}

#topMenu_acc ul li
{
	float:left;
	margin:0;
	padding:5px 5px 0 5px;
	color:#00467F;
}


#topMenu_acc a:link, #topMenu_acc a:visited, #topMenu_acc a:active
{
	color:#00467F;
	text-decoration:none;
}

#topMenu_acc a:hover
{text-decoration:underline;}


/* --------------- top menu --------------- */
#topMenu
{
	float:right;
	width:700px;
}

#topMenu ul
{
	float:right;
	font-size:0.8em;
	list-style:none;
	margin:0 0 0 0;
	padding:5px 65px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:5px 5px 0 5px;
	color:#00467F;
}


#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#00467F;
	text-decoration:none;
}

#topMenu a:hover
{text-decoration:underline;}


/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */
#zoneMenu
{
	width:955px;
	background:url(images/bg_menu_top.gif) no-repeat top left;
	margin:18px 0 0 0;
	padding:34px 0 0 0;
	border-bottom:1px solid #41759F;
}

#zoneMenu_en
{
	width:955px;
	background:url(images/bg_menu_top_en.gif) no-repeat top left;
	margin:18px 0 0 0;
	padding:34px 0 0 0;
	border-bottom:1px solid #41759F;
}

#bg_menu
{background:url(images/bg_menu_continu.gif) repeat-y top left;}

#bg_menu_en
{background:url(images/bg_menu_continu_en.gif) repeat-y top left;}

#zoneMenu img, #zoneMenu_en img{display:block;}


#zoneMenu ul, #zoneMenu_en ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#zoneMenu ul li,#zoneMenu_en ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

#zoneMenu ul li#zonerechercheMenu, #zoneMenu_en ul li#zonerechercheMenu
{
	float:right;
	padding:3px 19px 0 0;
}

#zoneMenu ul li#zonerechercheMenu input.irecherche, #zoneMenu_en ul li#zonerechercheMenu input.irecherche
{
	width:184px;
	margin:0 4px 0 4px;
	vertical-align:middle;
	color:#00467F;
	font-size:0.8em;
}

#zoneMenu ul li#zonerechercheMenu input.ibRecherche, #zoneMenu_en ul li#zonerechercheMenu input.ibRecherche
{vertical-align:middle;}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 0.9em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #000;
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #034880;
	font-weight:bold;
}
#smenu-mprincipal a:hover 
{background:#4A80AB;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #ms_ServicesMenu
{width: 270px;}
#smenu-mprincipal #ms_MarchesMenu
{width: 290px;}
#smenu-mprincipal #ms_QuiSommesNousMenu
{width: 140px;}

/* ---------------------------------------------------------------------- */
/* --- Zone contenu ----------------------------------------------------- */

/* --- accueil ------------------ */
#zoneContenu_acc
{
	width:955px;
	background:#fff url(images/bg_zcontenu_acc.gif) repeat-y top left;
	margin:3px 0 0 0;
}

#bg_zoneContenu_acc
{background:url(images/bg_zcontenu_bas_acc.gif) no-repeat bottom left;}

div#bg_zoneContenu_acc{height:500px;}

html>body div#bg_zoneContenu_acc
{
	min-height:500px;
	height:auto;
}

#colGau_acc
{
	float:left;
	width:333px;
}

#colDr_acc
{
	float:left;
	width:622px;
	padding:32px 0 0 0;
}

/* --- pages intérieures ------------------ */
#zoneContenu
{
	width:955px;
	background:#fff url(images/bg_zcontenu.gif) repeat-y top left;
	margin:3px 0 0 0;
}

#bg_zoneContenu
{background:url(images/bg_zcontenu_bas.gif) no-repeat bottom left;}

div#bg_zoneContenu{height:500px;}

html>body div#bg_zoneContenu
{
	min-height:500px;
	height:auto;
}

/* --- bg pages intérieures textes statiques en long ------------------ */
#zoneContenu_long
{
	width:955px;
	background:#fff url(images/bg_zcontenu_long.gif) repeat-y top left;
	margin:3px 0 0 0;
}

#colGau
{
	float:left;
	width:693px;
	position:relative;
}

#colDr
{
	float:left;
	width:262px;
	background:url(images/bg_colDr_top.gif) no-repeat top left;
}

/* --- Colonnes de la section réalisations ------------------ */

#bg_zoneContenu_reali
{background:url(images/bg_zcontenu_reali_bas.gif) no-repeat bottom left;}

div#bg_zoneContenu_reali{height:500px;}

html>body div#bg_zoneContenu_reali
{
	min-height:500px;
	height:auto;
}

#zoneContenu_realis
{
	width:955px;
	background:#fff url(images/bg_zcontenu_reali.gif) repeat-y top left;
	margin:3px 0 0 0;
}

#colGau_realis
{
	float:left;
	width:600px;
}

#colDr_realis
{
	float:left;
	width:355px;
	background:url(images/bg_colDr_reali_top.gif) no-repeat top left;
}

div#colDr_realis
{
	height:75px;
}

html>body div#colDr_realis
{
	height:auto;
	min-height:75px;
}

/* Éléments de contenu texte ---------------------------------------- */
.contenu_acc
{
	padding:0 21px 0 23px;
}

.contenu
{
	padding:0 21px 10px 23px;
}

.contenu p, .contenu_acc p
{
	line-height:1.3em;
	padding:0 0 17px 0;
}

.contenu h1
{
	font-size:1.2em;
	color:#08457C;
	padding:0 0 17px 0;	
}

.contenu h2
{
	font-size:1.1em;
	color:#08457C;
	padding:0 0 10px 0;	
}

.contenu h3
{
	font-size:0.9em;
	color:#000;
	padding:0;	
}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 18px 0;
}

.contenu ul li
{
	margin:0;
	padding:0 0 15px 30px;
	background:url(images/i_vague_listeContenu.gif) no-repeat 0 4px;
}

.contenuMarches ul
{
	list-style:none;
	margin:0;
	padding:0 0 18px 0;
}

.contenuMarches ul li
{
	margin:0;
	padding:0 0 7px 30px;
	background:url(images/i_vague_listeContenu.gif) no-repeat 0 4px;
	line-height:1.3em;
}

.contenu a:link, .contenu a:visited, .contenu a:active, .contenuMarches a:link, .contenuMarches a:visited, .contenuMarches a:active
{
	color:#00ADEF;
	text-decoration:underline;
}

.contenu a:hover, .contenuMarches a:hover
{text-decoration:none;}

.rowBloc_contenu
{
	width:910px;
	margin:0 0 20px 0;
}

.txtGau
{
	float:left;
	width:450px;
	margin:0 10px 0 0;
}

.txtDr
{
	float:left;
	width:450px;
}

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

/* Colonne gauche de l'accueil ---------------------------------------- */

/* -- boîte manchette accueil --------------------- */
#box_manchette
{
	width:284px;
	margin:0 0 26px 26px;
}

#box_manchette img
{
	display:block;
	border:1px solid #00467E;
	margin:0 0 12px 0;
}

#box_manchette p
{
	font-size:0.9em;
	padding:0 0 10px 0;
}

#box_manchette a:link, #box_manchette a:visited, #box_manchette a:active
{
	text-decoration:none;
	color:#00ADEF;
}

#box_manchette a:hover
{text-decoration:underline;}

/* -- boîte Quoi de neuf ? --------------------- */
#box_quoineuf_bordTop
{
	width:284px;
	background:#fff url(images/t_quoineuf.gif) no-repeat top left;
	padding:52px 0 0 0;
	margin:0 0 26px 26px;
}

#box_quoineuf_bordTop_en
{
	width:284px;
	background:#fff url(images/t_quoineuf_en.gif) no-repeat top left;
	padding:52px 0 0 0;
	margin:0 0 26px 26px;
}

#box_quoineuf_bordDr
{background:url(images/pixel_bleuFonce.gif) repeat-y top right;}
#box_quoineuf_bordBas
{background:url(images/pixel_bleuFonce.gif) repeat-x bottom left;}
#box_quoineuf_bordGau
{background:url(images/pixel_bleuFonce.gif) repeat-y top left;}

#box_quoineuf_coinBG
{background:url(images/box_quoineuf_coinBG.gif) no-repeat bottom left;}

#box_quoineuf_coinBD
{background:url(images/box_quoineuf_coinBD.gif) no-repeat bottom right;}

#box_quoineuf
{
	width:284px;
	padding:17px 0 0 0;
}

#box_quoineuf p
{
	font-size:1em;
	color:#323F7D;
	padding:0 15px 19px 12px;
}

#box_quoineuf a:link, #box_quoineuf a:visited, #box_quoineuf a:active
{
	text-decoration:none;
	color:#323F7D;
}

#box_quoineuf a:hover
{text-decoration:underline;}

#box_quoineuf p.txt_plusNouvelles
{
	text-align:right;
	font-size:0.9em;
	color:#323F7D;
	padding:20px 2px 3px 0;
}

/* Colonne droite de l'accueil ---------------------------------------- */

/* -- boîte Marchés desservis ----------------------------------------- */
#bg_boxServices_acc
{
	width:581px;
	background:url(images/bg_boxServices_acc.gif) repeat-y top left;
	margin:0 0 23px 20px;	
}

#bgpieds_boxServices_acc
{
	background:url(images/bg_boxServices_pied.gif) no-repeat bottom left;
	padding:0 0 16px 0;
}

#boxServices_acc
{
	width:581px;
	background:url(images/t_services_secteur.gif) no-repeat top left;
	padding:66px 0 0 0;
}

#boxServices_acc_en
{
	width:581px;
	background:url(images/t_services_secteur_en.gif) no-repeat top left;
	padding:66px 0 0 0;
}
div.boxServices_colGau
{
	float:left;
	width:193px;
	margin:0 1px 0 0;
}

div.boxServices_colDr
{
	float:left;
	width:193px;
}

#boxServices_acc img
{display:block;}


/* -- colonne gauche ----- */
/* - entête gauche --- */

.enteteGau_boxServices_acc
{
	width:194px;
	background:#bbb url(images/enteteGau_boxServices_continu.gif) repeat-y top left;
	padding:0;
	margin:0 0 5px 0;
}

.enteteGau_boxServices_top
{background:url(images/enteteGau_boxServices_top.gif) no-repeat top left;}
.enteteGau_boxServices_bas
{background:url(images/enteteGau_boxServices_bas.gif) no-repeat bottom left;}

.enteteGau_boxServices_acc h1
{

	text-align:center;
	font-weight:bold;
	font-size:1em;
	padding:13px 20px 12px 20px;
}

/* - menu gauche --- */
#listeServicesGau
{
	width:193px;
	background:url(images/bg_listeServicesGau.gif) repeat-x top left;
	padding:10px 0 0 0;
}
#listeServicesGau a 
{
	display: block;
	padding:0 5px 6px 29px;
	text-decoration:none;
	color:#000;
	font-size:1em;	
	background:url(images/i_neutre_vagueGau.gif) no-repeat 4px 4px;
}

#listeServicesGau a:hover 
{
	background:url(images/i_over_vagueGau.gif) no-repeat 4px 4px;
	color:#077EB0;
}

/* -- colonne centre ----- */
/* - entête centre --- */

.enteteCen_boxServices_acc
{
	width:192px;
	background:#CECECE url(images/enteteCen_boxServices_continu.gif) repeat-y top left;
	padding:0;
	margin:0 0 5px 0;
}

.enteteCen_boxServices_top
{background:url(images/enteteCen_boxServices_top.gif) no-repeat top left;}
.enteteCen_boxServices_bas
{background:url(images/enteteCen_boxServices_bas.gif) no-repeat bottom left;}

.enteteCen_boxServices_acc h1
{

	text-align:center;
	font-weight:bold;
	font-size:1em;
	padding:13px 20px 12px 20px;
}

/* - menu centre --- */
#listeServicesCen
{
	width:193px;
	background:url(images/bg_listeServicesCen.gif) repeat-x top left;
	padding:10px 0 0 0;
}
#listeServicesCen a 
{
	display: block;
	padding:0 5px 6px 29px;
	text-decoration:none;
	color:#000;
	font-size:1em;	
	background:url(images/i_neutre_vagueCen.gif) no-repeat 4px 4px;
}

#listeServicesCen a:hover 
{
	background:url(images/i_over_vagueCen.gif) no-repeat 4px 4px;
	color:#3C920D;
}

/* -- colonne droite ----- */
/* - entête droite --- */

.enteteDr_boxServices_acc
{
	width:193px;
	background:#E7E7E7 url(images/enteteDr_boxServices_continu.gif) repeat-y top left;
	padding:0;
	margin:0 0 5px 0;
}

.enteteDr_boxServices_top
{background:url(images/enteteDr_boxServices_top.gif) no-repeat top left;}
.enteteDr_boxServices_bas
{background:url(images/enteteDr_boxServices_bas.gif) no-repeat bottom left;}

.enteteDr_boxServices_acc h1
{

	text-align:center;
	font-weight:bold;
	font-size:1em;
	padding:13px 20px 12px 20px;
}

/* - menu droite --- */
#listeServicesDr
{
	width:192px;
	background:url(images/bg_listeServicesDr.gif) repeat-x top left;
	padding:10px 0 0 0;
}
#listeServicesDr a 
{
	display: block;
	padding:0 5px 6px 29px;
	text-decoration:none;
	color:#000;
	font-size:1em;	
	background:url(images/i_neutre_vagueDr.gif) no-repeat 4px 4px;
}

#listeServicesDr a:hover 
{
	background:url(images/i_over_vagueDr.gif) no-repeat 4px 4px;
	color:#D87A14;
}

/* -- boîte Gardez le contact ----------------------------------------- */
#bg_boxContact
{
	width:590px;
	background:#2E5C8C url(images/boxContact_bg.gif) repeat-y top left;
	margin:0 0 47px 10px;
}

#bg_boxContact_coinTG
{background:url(images/boxContact_coinTop.gif) no-repeat top left;}
#bg_boxContact_coinBD
{background:url(images/boxContact_coinBD.gif) no-repeat bottom right;}
#bg_boxContact_coinBG
{background:url(images/boxContact_coinBG.gif) no-repeat bottom left;}

#bg_boxContact_coinTG_en
{background:url(images/boxContact_coinTop_en.gif) no-repeat top left;}

#boxContact p
{
	color:#fff;
	font-size:0.9em;
	padding:20px 10px 10px 217px;
}

#champsCourriel
{
	padding:0 0 12px 0;
	margin:0 0 0 217px;
}

#champsCourriel input.ivotrecourriel
{
	width:228px;
	margin:0 4px 0 4px;
	vertical-align:middle;
	color:#00467F;
	font-size:0.8em;
}

#champsCourriel input.ibCourriel
{vertical-align:middle;}

/* -- Fil d'ariane ---------------------------------------------- */

#fil
{width:693px;}

#fil ul
{
	float:left;
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:15px 0 15px 24px;
}

#fil ul li
{
	float:left;
	margin:0;
	padding:0 2px;
	color:#000;
	background:none;
}

#fil ul li.lien_retour, #fil_realis ul li.lien_retour
{
	float:right !important;
	margin:0;
	padding:0 10px 0 0;
	color:#000;
	font-weight:bold;
	background:none;
}

#fil a:link, #fil a:visited, #fil a:active
{
	text-decoration:none;
	color:#000;
}

#fil a:hover
{text-decoration:underline;}

/* -- Fil d'ariane ---------------------------------------------- */

#fil_realis
{width:600px;}

#fil_realis ul
{
	float:left;
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:15px 0 15px 24px;
}

#fil_realis ul li
{
	float:left;
	margin:0;
	padding:0 2px;
	color:#000;
	background:none;
}

#fil_realis a:link, #fil_realis a:visited, #fil_realis a:active
{
	text-decoration:none;
	color:#000;
}

#fil_realis a:hover
{text-decoration:underline;}

/* --------------------------------------------------------------------------------------- */
/* -- Boîte d'information Marchés desservis ---------------------------------------------- */

/* -- entête -------- */

#bg_enteteInfoMarches
{
	background:url(images/bg_entete_infoMarches.gif) repeat-y top left;
	width:662px;
	margin:0 0 0 18px;
}

#enteteInfoMarches
{
	text-align:center;
	background:url(images/bg_entete_infoMarches_top.gif) no-repeat top left;
	width:662px;
}

#enteteInfoMarches h1
{
	color:#fff;
	font-size:1.2em;
	padding:18px 0 17px 0;
}

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

#zoneInfosMarches
{	
	width:660px;
	margin:0 0 75px 18px;
	border:1px solid #094A80;
	background:#fff url(images/bg_zoneInfosMarches.gif) repeat-x top left;
}

#bg_zoneInfoMarches
{	
	background:url(images/i_courbe_pdf.gif) no-repeat bottom right;
}

/* ----------- Menu Marchés ------------------------------------- */
#menuMarches
{
	width:660px;
	margin:0 0 28px 0;
}

#menuMarches img{display:block;}


#menuMarches ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#menuMarches ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

/* Éléments de contenu texte boîte Marchés desservis ---------------------------------------- */
.contenuMarches
{
	padding:0 28px 25px 13px;
}

.contenuMarches p
{
	line-height:1.3em;
	padding:0 0 17px 0;
}

.contenuMarches h1
{
	width:294px;
	font-size:1.2em;
	color:#08457C;
	padding:0 0 4px 0;
	margin:0 0 14px 0;
	border-bottom:1px solid #074278;
}

.contenuMarches h2
{
	font-size:0.9em;
	color:#000;
	margin:0 0 10px 0;
}

.contenuMarches h3
{
	font-size:1.2em;
	color:#08457C;
	padding:0 0 4px 0;
	margin:0 0 14px 0;
}

#zoneInfosMarches img.imgGaleriePhoto
{
	display:block;
	margin:0 11px 10px 28px;
}

.contenu img.imgGaleriePhoto
{
	display:block;
	margin:0 11px 0 28px;
}

/* -- menu liste de services ----- */

div.menuliste a.listeServices
{
	display: block;
	background:url(images/i_fleche_neutre.gif) no-repeat top left;
	padding:0 0 6px 21px;
	text-decoration:none;
	color:#09467C;
	font-size:1em;
	font-weight:bold;	
}

/*-*/
div.menuliste ul.listeServices
{	display: none;}
/*-*/

div.menuliste a.listeServices:hover 
{background:url(images/i_fleche_over.gif) no-repeat top left;}

div.menuliste a.listeServices.select
{background:url(images/i_fleche_over.gif) no-repeat top left;}

div.menuliste p
{
	font-size:0.9em;
	margin:0;
	padding:0 0 20px 26px;
}

div.menuliste h1
{
	width:100%;
	font-size:1.1em;
	color:#08457C;
	margin:0;
	padding:0 0 15px 0;
	border:none;
}

div.menuliste ul
{
	list-style:none;
	margin:0;
	padding:0 0 12px 26px;
}

div.menuliste ul li
{
	font-size:0.9em;
	margin:0;
	padding:0 0 6px 6px;
	background:url(images/i_liste.gif) no-repeat 0 6px;
}

div.menuliste ul li ul li
{
	font-size: 1em;
}

div.menuliste .sousListe
{
	list-style:none;
	margin:0;
	padding:3px 0 0 26px;
}

div.menuliste .sousListe li
{
	margin:0;
	padding:0 0 6px 6px;
	background:url(images/i_liste.gif) no-repeat 0 6px;
}

div.menuliste ul li a.listeServices_souslien:link, div.menuliste ul li a.listeServices_souslien:visited, div.menuliste ul li a.listeServices_souslien:active, div.menuliste p a:link, div.menuliste p a:visited, div.menuliste p a:active
{	
	text-decoration:underline;
	color:#00ADEF;
	font-weight:normal;
	margin:0;	
}

div.menuliste ul li a.listeServices_souslien:hover, div.menuliste p a:hover
{text-decoration:none;}

.t_telechargerFiche p
{
	font-size:0.9em;
	color:#08447A;
	float:right;
	padding:15px 0 0 0;
	font-weight:bold;
}

.t_telechargerFiche p a:link, .t_telechargerFiche p a:visited, .t_telechargerFiche p a:active
{
	color:#08447A;
	font-weight:bold;
	text-decoration:none;
}

.t_telechargerFiche p a:hover
{text-decoration:underline;}

/* ---------------------------------------------------------------------- */
/* --- Colonne de droite ------------------------------------------------ */

/* --- boîte Contact ------------ */

#boxContact_coteGau
{
	width:232px;
	background:#2E5D8C url(images/pixel_bleu.gif) repeat-y top left;
	margin:36px 0 0 17px;
}

#boxContact_coteDr
{background:url(images/pixel_bleu.gif) repeat-y top right;}

#boxContact_colDr
{
	background:url(images/bg_boxContact.gif) no-repeat top left;
	padding:65px 0 0 0;
}

#boxContact_colDr_en
{
	background:url(images/bg_boxContact_en.gif) no-repeat top left;
	padding:65px 0 0 0;
}

#boxContact_colDr p, #boxContact_colDr_en p
{
	color:#fff;
	padding:0 10px 18px 14px;
}

#boxContact_colDr a:link, #boxContact_colDr a:visited, #boxContact_colDr a:active, #boxContact_colDr_en a:link, #boxContact_colDr_en a:visited, #boxContact_colDr_en a:active
{
	color:#fff;
	text-decoration:none;
}

#boxContact_colDr a:hover, #boxContact_colDr_en a:hover
{text-decoration:underline;}

/* --- boîte Autres Services ------------ */
#boxAutresServices_coteGau
{
	width:232px;
	background:#A7A7A7 url(images/pixel_bleu.gif) repeat-y top left;
	margin:0 0 0 17px;
}

#boxAutresServices_coteDr
{background:url(images/pixel_bleu.gif) repeat-y top right;}

#boxAutresServices p
{
	color:#08447B;
	font-weight:bold;
	padding:0 10px 8px 12px;
}

#boxAutresServices ul
{
	list-style:none;
	margin:0;
	padding:0 0 7px 10px;
}

#boxAutresServices ul li
{
	margin:0;
	padding:0 0 6px 25px;
	background:url(images/i_fleche_grise.gif) no-repeat top left;
}

#boxAutresServices ul li a:link, #boxAutresServices ul li a:visited, #boxAutresServices ul li a:active
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#boxAutresServices ul li a:hover
{color:#fff;}

/* --- boîte Réalisations ------------ */

#boxReali_coteGau
{
	width:232px;
	background:url(images/pixel_bleu.gif) repeat-y top left;
	margin:0 0 10px 17px;
}

#boxReali_coteDr
{background:url(images/pixel_bleu.gif) repeat-y top right;}
#boxReali_coteBas
{background:url(images/pixel_bleu.gif) repeat-x bottom left;}

#boxReali_coinBG
{background:url(images/box_colDr_coinBG.gif) no-repeat bottom left;}
#boxReali_coinBD
{background:url(images/box_colDr_coinBD.gif) no-repeat bottom right;}

#boxReali h1
{
	font-size:1em;
	color:#08447B;
	font-weight:bold;
	padding:6px 10px 16px 12px;
}

#boxReali h1.boxReali_h1_en
{
	font-size:1em;
	color:#08447B;
	font-weight:bold;
	padding:16px 10px 6px 12px;
}

#boxReali p
{
	font-size:0.9em;
	color:#08447B;
	padding:0 8px 14px 8px;
}

#boxReali ul
{
	list-style:none;
	margin:0;
	padding:0 10px 7px 10px;
}

#boxReali ul li
{
	margin:0;
	padding:0 0 8px 25px;
	background:url(images/i_fleche_bleue.gif) no-repeat top left;
}

#boxReali ul li a:link, #boxReali ul li a:visited, #boxReali ul li a:active
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#boxReali ul li a:hover
{text-decoration:underline;}


/* ---------------------------------------------------------------------- */
/* --- Page Services ---------------------------------------------------- */

.zoneServices
{
	width:648px;
	margin:0 0 20px 0;
}

.boxPhoto_services
{
	float:left;
	width:151px;
	margin:0 15px 0 0;
}

.boxPhoto_services img
{
	display:block;
	border:1px solid #105186;
}

.boxTxt_services
{
	float:left;
	width:482px;
}


/* ---------------------------------------------------------------------- */
/* --- Page Marchés desservis ---------------------------------------------------- */

.zoneMarche
{
	width:555px;
	margin:0 0 20px 0;
}

.boxTxt_marches
{
	float:left;
	width:385px;
}

.boxTxt_marches p a:link, .boxTxt_marches p a:visited, .boxTxt_marches p a:active, .boxTxt_services p a:link, .boxTxt_services p a:visited, .boxTxt_services p a:active
{
	color:#000;
	text-decoration:none;
}

.boxTxt_marches h2 a:link, .boxTxt_marches h2 a:visited, .boxTxt_marches h2 a:active, .boxTxt_services h2 a:link, .boxTxt_services h2 a:visited, .boxTxt_services h2 a:active
{
	color:#08457C;
	text-decoration:none;
}

.boxTxt_marches p a:hover, .boxTxt_marches h2 a:hover, .boxTxt_services p a:hover, .boxTxt_services h2 a:hover
{text-decoration:underline;}

/* -- zone configuration Location d'Équipement maritime - Entrepreneurs en construction maritime -- */
.boxConfiguration
{
	width:617px;
}

.imgConfig
{
	float:left;
	width:70px;
	margin:0 10px 0 0;
}

.txtConfig
{
	float:left;
	width:537px;
}

/* ---------------------------------------------------------------------- */
/* --- Page Réalisations ---------------------------------------------------- */

#colDr_realis h1
{
	font-size:1.2em;
	color:#00467E;
	padding:36px 0 5px 15px;
}

#colDr_realis h2
{
	text-align:right;
	font-size:0.9em;
	color:#000;
	padding:15px 20px 0 0 ;
}

#colDr_realis h2 a:link, #colDr_realis h2 a:visited, #colDr_realis h2 a:active
{
	color:#000;
	text-decoration:underline;
}

#colDr_realis h2 a:hover
{text-decoration:none;}

/* -- zone réalisations récentes ----------------- */

.ligneChoixProds
{width:355px;}

.blocChoixProds
{margin:0 0 15px 15px;}

.blocProdsChoixThumb_gau
{
	float:left;
	width:152px;
	padding:7px 0 0 0;
	margin: 0 16px 0 0;
}

.blocProdsChoixThumb_dr
{
	float:left;
	width:152px;
	padding:7px 0 0 0;
	margin: 0 10px 0 0;
}

.nomProd
{
	font-size:0.9em;
	padding:2px 0 4px 0;
	overflow: hidden;
}

.nomProd a:link, .nomProd a:visited, .nomProd a:active
{
	text-decoration:underline;
	color:#00ADEF;
}

.nomProd a:hover
{text-decoration:none;}

.txtGau_realis
{
	float:left;
	width:350px;
}

/* -- contenu sur deux colonne ----- */


.ligne_realis
{
	border-bottom:1px solid #2B5888;
	margin:0 23px 20px 0px;
}

.contenu_reali_gau
{
	float:left;
	width:290px;
}

.contenu_reali_dr
{
	float:left;
	margin-left: 21px;
	width:290px;
}

.contenu_reali_gau .contenu
{
	padding-left: 0;
}

/* -- contenu sur deux colonne avec carte de localisation ----- */


.rowBloc_contenuRealis
{
	width:600px;
}


.txtGau_realis
{
	float:left;
	width:350px;
}

.boxLocalisation_realis
{
	float:left;
	width:250px;
	margin:0 0 20px 0;
}

.boxLocalisation_realis p
{
	font-weight:bold;
	padding:0 0 5px 0;
}

/* -- zone de contact pour les réalisations ---- */
#zoneReal_coteGau
{
	width:324px;
	background:#2A5889 url(images/pixel_bleu.gif) repeat-y top left;
	margin:36px 0 0 17px;
}
#zoneReal_coteDr
{background:url(images/pixel_bleu.gif) repeat-y top right;}

#zoneReal_coinBG
{background:url(images/zoneReal_coinBG.gif) no-repeat bottom left;}
#zoneReal_coinBD
{background:url(images/zoneReal_coinBD.gif) no-repeat bottom right;}

#zoneReal_colDr
{
	background:url(images/bg_boxContact_realis.gif) no-repeat top left;
	padding:65px 0 0 0;
}

eReal_colDr_en
{
	background:url(images/bg_boxContact_realis_en.gif) no-repeat top left;
	padding:65px 0 4px 0;
}


div#zoneReal_colDr, div#zoneReal_colDr_en
{height:210px;}
html>body div#zoneReal_colDr, html>body div#zoneReal_colDr_en
{
	height:auto;
	min-height:210px;
}

#zoneReal_colDr h1, #zoneReal_colDr_en h1
{
	color:#fff;
	padding:0 10px 18px 14px;
}

#zoneReal_colDr p, #zoneReal_colDr_en p
{
	color:#fff;
	padding:0 10px 18px 14px;
}

#zoneReal_colDr a:link, #zoneReal_colDr a:visited, #zoneReal_colDr a:active, #zoneReal_colDr_en a:link, #zoneReal_colDr_en a:visited, #zoneReal_colDr_en a:active
{
	color:#fff;
	text-decoration:none;
}

#zoneReal_colDr a:hover, #zoneReal_colDr_en a:hover
{text-decoration:underline;}

/* -- zone photos réalisations ---------------------------- */

#zonePhoto_realis
{
	width:324px;
	margin:20px 0 20px 17px;
}

#zonePhoto_realis img
{
	border:1px solid #286190;
}

#zonePhoto_realis p
{
	font-size:0.9em;
	padding:5px 0 0 0;
}

#zonePhoto_realis a:link, #zonePhoto_realis a:visited, #zonePhoto_realis a:active
{text-decoration:none;}

#zonePhoto_realis div
{margin:5px 0 0 0;}

#zonePhoto_realis div a
{
    /*margin:0 2px 0 0;*/
    margin:0;
}


/* ---------------------------------------------------------------------- */
/* --- Page Partenaires ---------------------------------------------------- */


.rowBloc_contenuPartenaires
{width:700px; margin:0 0 30px 0;}


.txtGau_partenaires
{
	float:left;
	width:350px;
}

.txtDr_partenaires
{
	float:left;
	width:350px;
}

/* ---------------------------------------------------------------------- */
/* --- Page Nouvelles ---------------------------------------------------- */

/* --- boîte Nouvelles ------------ */

#boxNouvelles_coteGau
{
	width:232px;
	background:url(images/pixel_bleu.gif) repeat-y top left;
	margin:47px 0 0 17px;
}

#boxNouvelles_coteTop
{background:url(images/pixel_bleu.gif) repeat-x top left;}
#boxNouvelles_coteDr
{background:url(images/pixel_bleu.gif) repeat-y top right;}
#boxNouvelles_coteBas
{background:url(images/pixel_bleu.gif) repeat-x bottom left;}

#boxNouvelles_coinTG
{background:url(images/box_colDr_coinTG.gif) no-repeat top left;}
#boxNouvelles_coinTD
{background:url(images/box_colDr_coinTD.gif) no-repeat top right;}
#boxNouvelles_coinBG
{background:url(images/box_colDr_coinBG.gif) no-repeat bottom left;}
#boxNouvelles_coinBD
{background:url(images/box_colDr_coinBD.gif) no-repeat bottom right;}

#boxNouvelles
{
	padding:16px 0 0 0;
}

#boxNouvelles h1
{
	font-size:1.1em;
	color:#08447B;
	padding:0 10px 14px 12px;
}

#boxNouvelles p
{
	color:#08447B;
	padding:0 10px 14px 12px;
}

#boxNouvelles p.select
{
	color:#FF7C02;
	padding:0 10px 14px 12px;
}

#boxNouvelles a:link, #boxNouvelles a:visited, #boxNouvelles a:active
{
	color:#00ADEF;
	text-decoration:none;
}

#boxNouvelles a.select:link, #boxNouvelles a.select:visited, #boxNouvelles a.select:active
{
	color:#FF7C02;
	text-decoration:none;
}


#boxNouvelles a:hover, #boxNouvelles a.select:hover
{text-decoration:underline;}

/* ---------------------------------------------------------------------- */
/* --- Page Emplois ---------------------------------------------------- */

.contenu .listeEmplois
{
	list-style:none;
	margin:0;
	padding:0 0 18px 0;
}

.contenu .listeEmplois li
{
	margin:0;
	padding:0 0 5px 30px;
	background:url(images/i_vague_listeContenu.gif) no-repeat 0 4px;
}

.listeEmplois li a:link, .listeEmplois li a:visited, .listeEmplois li a:active
{
	color:#00ADEF;
	text-decoration:underline;
}

.listeEmplois li a:hover
{text-decoration:none;}

input.fichier
{width:100px;}


/* ---------------------------------------- */
/* --- Section Contact -------------------- */

#formContact
{
	margin:0 0 0 12px;
	padding:0 0 20px 0;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#074077;
}

.lesChamps input
{width:200px;}

.lesChamps select
{width:200px;}

.lesChamps input.ibParcourir
{width:90px; margin:4px 0 0 0;}

/* ------------------------------------------------------------ */
/* --- Page Recherche ----------------------------------------- */


/* -- entête -------- */

#bg_enteteRecherche
{
	background:url(images/bg_entete_infoMarches.gif) repeat-y top left;
	width:552px;
	margin:0;
}

#enteteRecherche
{
	background:url(images/bg_entete_recherche.gif) no-repeat top left;
	width:552px;
}

#enteteRecherche input.ichampsRecherche
{
	width:275px;
	margin:18px 4px 18px 10px;
	vertical-align:middle;
	color:#00467F;
	font-size:0.9em;
}

#enteteRecherche input.ibpageRecherche
{vertical-align:middle;}


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

#zoneRecherche
{	
	width:550px;
	margin:0 0 75px 0;
	border:1px solid #094A80;
	background:#fff url(images/bg_zoneInfosMarches.gif) repeat-x top left;
}

/* -- Patch de longueur de boîte pour IE 5 ---- */
#zoneRechercheInt
{width:550px;}
/* -------------------------------------------- */

.blocRecherche
{
	margin:15px 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #00467E;
}

/* ------------------------------------------------------------ */
/* --- Tebleau remorqueurs ------------------------------------ */

.tabRemorqueurs
{
	width:617px;
	border:1px solid #000;
}

.tabRemorqueurs th
{
	background:#063B72;
	color:#fff;
	font-size:1.1em;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #fff;
}

.tabRemorqueurs td
{
	background:#A2C0DD;
	color:#000;
	font-size:1em;
	padding:4px 0;
	text-align:center;
	border-bottom:1px solid #fff;
}

.tabRemorqueurs th.bordureDr, .tabRemorqueurs td.bordureDr
{ border-right:1px solid #fff;}

.tabRemorqueurs td.noBorderBas
{ border-bottom:none !important;}


.tabRemorqueurs a:link, .tabRemorqueurs a:visited, .tabRemorqueurs a:active
{color:#0476a1;}

.tabRemorqueurs a:hover
{text-decoration:none;}

/* ------------------------------------------------------------ */
/* --- Tebleau Tugs Fleet ------------------------------------------ */

.tabFleet
{
	width:550px;
	border:1px solid #000;
	margin:0 0 20px 0;
}

.tabFleet th
{
	background:#063B72;
	color:#fff;
	font-size:1.1em;
	padding:5px 10px;
	text-align:left;
	border-bottom:1px solid #fff;
}

.tabFleet td
{
	background:#A2C0DD;
	color:#000;
	font-size:1em;
	padding:8px 10px;
	text-align:left;
	border-bottom:1px solid #fff;
}

.tabFleet th.bordureDr, .tabFleet td.bordureDr
{ border-right:1px solid #fff;}

.tabFleet td.noBorderBas
{ border-bottom:none !important;}


.tabFleet a:link, .tabFleet a:visited, .tabFleet a:active
{color:#0476a1;}

.tabFleet a:hover
{text-decoration:none;}

/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */

#pied_acc
{
	width:955px;
	text-align:left;
	background:#003E72 url(images/bg_pied_acc.gif) no-repeat top right;
	padding:0 0 4px 0;
}

div#pied_acc{height:64px;}

html>body div#pied_acc
{
	min-height:64px;
	height:auto;
}

#pied
{
	width:955px;
	text-align:left;
	background:#003E72 url(images/bg_pied.gif) no-repeat 692px 0;
	padding:0 0 4px 0;
}

div#pied{height:64px;}

html>body div#pied
{
	min-height:64px;
	height:auto;
}

#pied_realis
{
	width:955px;
	text-align:left;
	background:#003E72 url(images/bg_pied_realis.gif) no-repeat top right;
	padding:0 0 4px 0;
}


div#pied_realis{height:64px;}

html>body div#pied_realis
{
	min-height:64px;
	height:auto;
}



#pied_acc ul, #pied ul, #pied_realis ul
{
	list-style:none;
	font-size:1em;
	color:#fff;
	padding:0 0 0 27px;
	margin:0;
}

#pied_acc ul li, #pied ul li, #pied_realis ul li
{
	float:left;
	padding:30px 5px 0 0;
	margin:0;
}

#pied_acc ul li.logoPied, #pied_realis ul li.logoPied
{
	float:right;
	padding:6px 6px 0 0;
	margin:0;
}

#pied ul li.logoPied
{
	float:right;
	padding:6px 8px 0 0;
	margin:0;
}

#pied_acc a:link, #pied_acc a:visited, #pied_acc a:active, #pied a:link, #pied a:visited, #pied a:active, #pied_realis a:link, #pied_realis a:visited, #pied_realis a:active
{
	color:#fff;
	text-decoration:none;
}

#pied_acc a:hover, #pied a:hover, #pied_realis a:hover
{
	text-decoration:underline;
}

#iclic
{
	color: #FFF;
	margin: 2em 0 4em 0;
	text-align: center;
}
#iclic a
{
	color: #FFF;
}