/*
 * Maritima 2006
 */

/* ---- general --------------------------------------------------------------*/
* {
  padding : 0;
  margin : 0;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  text-align : center;
  margin : 0 auto 0 auto;
  font-size : 11px;
}

a img {
  border : none;
}
a {color:#000}
a:hover {color : #DD5F00;}
.left {
  float : left;
}
.right {
  float : right;
}

.newline {
  clear : both;
  visibility : hidden;
  display : block;
}


/* ---- layout ---------------------------------------------------------------*/
#container {
  width : 1024px;/*760-980*/
  margin : 0 auto;
  background : url(img/barre_oblique.gif) 0 35px no-repeat;
}

#page {
  float :right;
  width : 650px;/*700*/
  display:inline;
  padding-right:25px;
}

#sidebar {
  width : 200px;
  float : left;
  padding-bottom: 20px;
 /* clear:left;*/
}

#sidebar img{
	border : 2px solid #DD5F00;
	margin-top : 10px;
}

#visuel {
  width : 630px;
  float : left;
  margin-top : 15px;
  margin-bottom : 20px;
}
#baseline {}
.baseaccroche{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.basedate {font-size:14px;font-weight:bold;}
/* ---- bandeau superieur ----------------------------------------------------*/

#top {
/*margin-right : 30px;*/
clear:both;
height:200px;
}

h1{
  width : 210px;
  margin-left : 16px;
}

h1.logoFR{
 background : url(img/logo.jpg) no-repeat top;/*img/logo_maritima_FR.gif*/
 margin-top:20px;  
}

h1.logoGB{
  background : url(img/logo.jpg) no-repeat top;
 
}

h1 span {
  display : none;
}

h1 a {
  display : block;
  width : 210px;
  height : 130px;
}

#datelieu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #DD5F00;
  text-decoration: none;
  text-transform : uppercase;
  text-align : right;
  padding :10px 10px 0 0;
}
/*--------- LIEN HAUT -----------*/
#lienhaut {text-align:left;}


/* ---- choix langues ------------------------------------------------ */

#infos-top {
	float:right;
	width : 728px;
	margin-bottom : 10px;
}

#langue {
	padding-top : 25px;
	float : right;
}

#langue a {
	color : black;datelieu
	font-size: 10px;
	text-decoration: none;
	padding-left : 15px;
	padding-top : 18px;
}

#langue a:hover{
	color : #6699CC;
	font-size: 10px;
	text-decoration: none;
}

.langue_FR {
	background : url(img/drapo_GB.gif) no-repeat; 
}
.langue_GB {
	background : url(img/drapo_FR.gif) no-repeat; 
}
/*------- SKYCRAPPER ------------*/

#sky{float: right;width:120px;}

/* ---- bandeau de publicite ------------------------------------------------ */
#bloc-pub {
  float : right;
  width : 728px;
  height:90px;
  padding-top : 10px;

}
/*----- newsletter-----------------------------------------------*/
#newsletter {
   float : left;
   background : url(img/fond_newsletter.gif) no-repeat;
   height : 119px;
   width : 201px;
   text-align : left;
   padding-left : 15px;
   padding-top: 10px;
}

#newsletter h2 {
	color : white;
	font-size : 14px;
	padding-bottom : 5px;
}

#newsletter a {
	color : white;
	text-decoration : none;
	font-weight : bold;
	background: url(img/puce_blanc.gif) no-repeat center left;
	padding-left : 10px;
}

#newsletter a:hover {
	color : white;
	text-decoration : underline;
	font-weight : bold;
}

#newsletter p.right {
	text-align : right;
	padding-right : 30px;
}

/* ---- raccourcis home ----------------------------------------------------- */
#acces-rapide {
  padding : 0 5px 10px 0;
  width : 530px;
  float : right;
  text-align : right;
}

#bloc-raccourcis {
  float : left;
  text-align : left;
}

#bloc-raccourcis ul {
}

#bloc-raccourcis li {
  display : inline;
  color:black;
  font-size:11px;
}

#bloc-raccourcis li a {
  color:black;
  text-decoration :none;
}

#bloc-raccourcis li a:hover {
  color:#DD5F00;
  text-decoration :none;
}

#bloc-lienrapide select {
  width : 150px;
  font-size:11px;
}

/* ----menu niveau 1 home --------------------------------------------------- */
#niv1 {
  /*clear : right;*/
  width : 585px;/*700*/
  height : 50px;
  float : right;
  background : url(img/fond_menu.gif) no-repeat;
  margin-right:20px;
}

#niv1 ul {
  text-align : center;
  padding : 12px 0 12px 5px;
}

#niv1 li {
  float : left;
  list-style-type : none;
  /*text-transform : uppercase;*/
  font-size : 20px;
  padding : 0 10px;
}

#niv1 a {
  display : block;
  color : black;
  text-decoration : none;
  font-weight : bold;
}

#niv1 a:hover, #niv1 a:active, #niv1 a:focus {
  color : #DD5F00;
}

#niv1 a:first-letter {
  color : #DD5F00;
}

/*----menu niveau 1 interieur ---------------------------------------------- */

#niv1-int {
  /*clear : right;*/
  width : 585px;/*530*/
  height : 50px;
  float : right;
  margin-right:20px;
  background : url(img/fond_menu.gif) no-repeat;
}

#niv1-int ul {
  text-align : center;
  padding : 12px 0 12px 5px;
}

#niv1-int li {
  float : left;
  list-style-type : none;
  /*text-transform : uppercase;*/
  font-size : 20px;
  padding : 0 10px;
}

#niv1-int a {
  display : block;
  color : black;
  text-decoration : none;
  font-weight : bold;
}

#niv1-int a:hover, #niv1-int a:active, #niv1-int a:focus {
  color : #DD5F00;
}

#niv1-int a:first-letter {
  color : #DD5F00;
}

#niv1-int .lien_selectionne {
	color : #DD5F00;
}


/* ----menu niveau 2 interieur (horizontal) --------------------------------- */


#nav2 {
  position : relative;
  width : 860px;
  border : 2px solid #DC5E00;
  background : #fff;
  bottom : 5px;
  right : 5px;
  /*clear : both;*/
  padding : 4px 5px;
  text-align : left;
}

#fond-menu2 {
 /*clear : both;*/
  background : #6699CC;
  margin-top : 15px;
  margin-left : 8px;
}

#niv2>#fond-menu2 {
	float: left;
}
* html #niv2 #fond-menu2 {float:left}
#nav2 ul {
	width : 840px;
	margin : 0 auto;
}

#nav2 li {
  display : inline;
  color : black;
}

#nav2 a {
  font-weight : bold;
  color : black;
  text-decoration : none;
}

#nav2 a:hover, #nav2 a:focus, #nav2 a:active, #nav2 li.sel a {
  font-weight : bold;
  color : #DC5E00;
  text-decoration : none;
}

/* ---- chemin de fer ------------------------------------------------------- */
#cdf {
  font-size:11px;
  color:#DC5E00;
  padding :10px 0 10px 0;
  text-align : left;
}

#cdf a {
  color : black;
  text-decoration:none;
}

#cdf a:hover{
  color : #DC5E00;
  text-decoration:none;
}

#cdf .sel {
	font-weight : bold;
}

#cdf .underline {
	text-decoration:underline;
	color : black;
}



/* ---- menu gauche ----------------------------------------------------------*/


h3{
	font-size : 11px;
	color : #DC5E00;
	text-align : left;
	padding-top : 10px;
}

#menu-gauche h3{
	padding-left : 20px;
}

#menu-gauche ul {
  text-align : left;
  padding :0 0 0 55px;
}

#menu-gauche li {
  list-style-type : none;
  font-size : 11px;
}

#menu-gauche li a {
  text-decoration : none;
  color : #000;
  font-weight : normal;
  background : url(img/puce_orange.gif) no-repeat center left;
  padding-left : 10px; 
}

#menu-gauche li a:hover, #menu-gauche li a:active, #menu-gauche li a:focus, #menu-gauche li.sel a  {
  text-decoration : none;
  color : #DC5E00;
}


/* ---- menu bas gauche ----------------------------------------------------------*/

#bloc-bas-gauche {
  padding : 10px 0;
}

#bloc-bas-gauche img {
}

#bloc-bas-gauche h2{
  text-align : left;
  font-size : 11px;
  font-weight : bold;
  padding : 5px 0 5px 30px;
}

#bloc-bas-gauche h2 a {
  text-decoration : none;
  color : #000;
}

#bloc-bas-gauche h2 a:hover, #bloc-bas-gauche h2 a:active, #bloc-bas-gauche h2 a:focus  {
  text-decoration : none;
  color : #DC5E00;
}



/* ---- actualit?s -------------------------------------------------*/
#bloc-actu {
  width : 200px;
  text-align : left;
  background : url(img/arrondi_haut_actus.gif) no-repeat top;
}

#bloc-actu h2 {
  color : #DD5F00;
  font-size : 14px;
  padding-top : 20px;
  padding-left : 15px;
  text-align : left;
  text-transform : uppercase;
}


#bloc-actu .container-actu {
background : url(img/contour_actus.gif) repeat-y top;
padding-right : 15px;
}

#bloc-actu h3 {
  color : black;
  font-size : 11px;
  padding-left : 15px;
}

#bloc-actu p {
  font-size : 11px;
  padding-left : 15px;
  padding-bottom : 5px;
}

#bloc-actu p.blocklink {
  color : #DD5F00;
  font-size : 11px;
  font-weight : bold;
  text-align : right;
}

#bloc-actu a {
  color : #DD5F00;
  text-decoration : none;
  background: url(img/puce_actus.gif) no-repeat center left;
  padding-left : 15px;
}

#bloc-actu a:hover {
  color:#DD5F00;
  text-decoration : underline;
}

#bloc-actu .arrondi_bas {
  width : 200px;
  height : 24px;
  background : url(img/arrondi_bas_actus.gif) no-repeat bottom;
}

/* ---- bloc center ----------------------------------------------------------*/
#bloc-center {
  text-align : left;
  padding : 0;
  margin : 0;
  line-height: 16px;
}

#bloc-center a {
  color : black;
  text-decoration : underline;
}

#bloc-center a:hover, #bloc-center a:active, #bloc-center a:focus  {
  color : #DC5E00;
  text-decoration : underline;
}

ul.tdm {
  padding : 10px 0 10px 30px;
}

#bloc-center li a {
  color : #black;
  text-decoration : none;
}

#bloc-center p {
	padding-right : 10px;
}

#bloc-center div {
  margin : 1% 0;
  padding-bottom : 5px;
}

#bloc-center div.w100 {
  clear : both;
  float : none;
}

#bloc-center div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 47%;
  margin-left : 2%;
}

#bloc-center div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 48%;
  margin-left : 1%;
}

#bloc-center div.w33-first {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 2%;
}

#bloc-center div.w33-2 {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 1%;
}

#bloc-center div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 32%;
  margin-left : 1%;
}

#bloc-center h2, #page h2 {
  font-size:14px;
  font-weight:bold;
  text-align : left;
  color: #DC5E00;
}

#bloc-center h3 {
  font-size : 14px;
  font-weight : bold;
  padding-bottom : 5px;
}

#bloc-center h3.style1 {
  color : black;
}

#bloc-center h3.style2 {
  color : white;
}

#bloc-center div.style1 {
	padding-bottom : 5px;
}


#bloc-center div.style2 {
  border : #DC5E00 solid 2px;
  padding-left : 10px;
  margin : 10px 0;
}

#bloc-center div.style3 {
	border : #DC5E00 solid 2px;
	background : #DC5E00;
	color : white ;
	padding-left : 10px;	
}

#bloc-center div.style3 a{
	color : white ;
	text-decoration : underline;	
}

#bloc-center div.style3 a:hover{
	color : black ;
	text-decoration : underline;	
}

#bloc-center img{
	border : 2px solid #FFFFFF;
}

#bloc-center div.pack-image { 
	padding : 0;
}

p.legende-image {
  clear : both;
  font-size : 11px;
  color : white;
  font-style : italic;
}

#bloc-center div.style2 img{
	border : 2px solid #DC5E00;
}


#bloc-center div.center {
  margin : 0 auto;
  text-align : center;
}

#bloc-center div.left {
  float : left;
  margin : 0 10px 0 0;
}

#bloc-center div.right {
  float : right;
  margin : 0 0 0 10px;
}

#bloc-center img.right{
	margin : 0 5px 0 10px;
}

#bloc-center img.left {
	margin : 0 10px 5px 0;
}

#bloc-center img.center {
  display : block;
  margin : 0 auto;
}
/* pas de padding pour les images dans le cadre avec legende */
#bloc-center div.pack-image img.left, #bloc-center div.pack-image img.right {
  padding : 0;
  	margin : 0;
}


/* ---- bloc vide en cas de page sans contenu -------------------------------------------------------- */

div.vide {
	height : 200px;
}

/* ---- pied de page -------------------------------------------------------- */
#footer {
  clear : both;
  float:right;
  width : 825px;
  padding :5px 0 0 0;
  text-align : right;
  font-size : 11px;
  background : url(img/footer_line.gif) repeat-x top;  
}

#footer p {

}

#footer p a {
  color:#000;
  text-decoration : none;
}

.bottomlinks {
	padding-top : 10px;	
}

.bottomlinks a{
	color : black;
	text-decoration : none;
	font-weight : normal;
}

.bottomlinks a:hover{
	color : #DD5F00;
	text-decoration : none;
}


/* ---- login dans les pages ------------------------------------------------ */
#login-page {
  width : 100%;
  text-align : center;
}

#login-page form {
  margin : 0 auto;
  width : 300px;
  text-align : left;
  background : white;
  border : 2px solid #DD5F00; 
}

#login-page fieldset {
  border : none;
  padding : 10px;
}

#login-page h3 {
  text-align : center;
  color : black;
  font-size :11px;
  font-weight : bold;
  padding : 5px;
}

#login-page label {
  float : left;
  color : black;
  padding : 2px 0 0 0;
  width : 105px;
  text-align : left;
}

#login-page input.acces {
  font-size: 10px; 
  font-weight: 400;
  color: black; 
  border : 1px solid #DD5F00;
  margin : 1px 0;
}

#login-page input.acces-ok {
  border : 1px solid #DD5F00;
  padding : 1px 5px;
  background : #6699CC;
  font-size : 10px;
  color : white;
  font-weight : bold;
  margin : 2px;
}

#login-page br {
  clear : both;
}

/**** Formulaire ****/

input.form-submit {
  padding : 3px;
  background : #fff;
  border : 1px solid #CC5A0F;
  font-family : Verdana, "Bitstream Vera Sans", Arial, sans-serif;
  font-size:10px;
  font-weight : bold;
  color : #CC5A0F;
}

input.form-field {
  padding : 3px;
  background : #fff;
  border : 1px solid #CC5A0F;
  font-family : Verdana, "Bitstream Vera Sans", Arial, sans-serif;
  font-size:10px;
  font-weight : bold;
  color : #CC5A0F;
}
select.form-field {
  padding : 3px;
  background : #fff;
  border : 1px solid #CC5A0F;
  font-family : Verdana, "Bitstream Vera Sans", Arial, sans-serif;
  font-size:10px;
  font-weight : bold;
  color : #CC5A0F;
}

.entetezoom{
	background : #DC5E00;
	font-size:12px;
	font-weight : bold;
	color : #fff;
}


/* ---- warning --------------------------------------------------------------*/
#bloc-warning {
  border : 1px solid #000;
  background : #DD5F00;
  margin : 5px 0px 20px 0px;
  color : #000;
}

#bloc-warning h3 {
  background : #000;
  text-align : center;
  margin-top:5px;
  padding : 5px 15px;
  color : #fff;
  text-align : center;
}

#bloc-warning ul {
  margin : 10px 0 10px 10px;
  list-style-type:none;
}

#bloc-warning li {
  padding : 5px 0;
}
/********/

.form-label{color:black;font-weight:bold}
.justify{text-align:justify}