/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font: normal 80%/1.2em Arial, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background: #d0d0d0 url(images/body.png) repeat-y center;
}

a img{
	border:none;
}

input, select, textarea{
	font: normal 95%/1em Arial, Helvetica, sans-serif;
}

label{
	cursor:pointer;
}

#container{
	margin:0 auto;
	width:983px;
	background: url(header/armateurs.jpg) no-repeat center top;
}

#header{
	height:181px;
}

#header a{
	display:block;
	position:relative;
	top:32px;
	left:29px;
	height:125px;
	width:150px;
	color:#30886F;
	font-size:0.85em;
	text-decoration:none;
}

#header a span{
	display:none;
	text-align:center;
}

#header a:hover span{
	display:block;
	position:relative;
	top:-20px;
}

#principal{
	background:url(images/fondPrincipal2.png) repeat-y;
}

#left{
	position:relative;
	float:left;
	width:215px;
	min-height:650px;
}


#left ul, li, dl, dt, dd, form{
	list-style:none;
	margin:0;
	padding:0;
}

#left ul{
	text-transform:uppercase;
	border-bottom:1px solid white;
}

#left ul ul{
	border-bottom:none;
}

#left li a{
	display:block;
	border-top:1px solid white;
	font-size:0.95em;
	padding:3px 1px 3px 19px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background:url(images/flecheMenuDroit.png) no-repeat 5px 5px;
}

#left ul li a.over{
	background-image:url(images/flecheMenuBas.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
}

#left ul li .over a{
	background:url(images/flecheMenuDroit.png) no-repeat 15px 5px;
}

#left ul li ul li a:hover{
	background:url(images/flecheMenuDroit.png) no-repeat 15px 5px;
}

#left li ul{
	padding-bottom:1px;
	background:url(images/bas_sr.png) no-repeat bottom;
}

#left li li a{
	text-transform:none;
	font-size:0.85em;
	background:none;
	font-weight:normal;
	padding-left:29px;
	width:185px;
}


/** Nuancier : partir de la couleur de base : décalage de 2 en haut pour la couleur de SR et décalage de 2 à gauche pour la couleur over **/

#left .violet a, #left li.violet ul{ background-color:#ac1755;}
#left .violet a:hover, #left ul li.violet a.over{ background-color:#CF1969;}
#left .violet_sr a{ background-color:#CF1969;	border-top:1px solid #DF5394;}
#left .violet_sr a:hover, #left ul li.violet li.over a{ background-color:#DF5394;}

#left .orange a, #left li.orange ul{ background-color:#cf5d00;}
#left .orange a:hover, #left ul li.orange a.over{ background-color:#EF6B00;}
#left .orange_sr a{ background-color:#EF6B00;	border-top:1px solid #EF832C;}
#left .orange_sr a:hover, #left ul li.orange li.over a{ background-color:#EF832C;}

#left .vert a, #left li.vert ul{ background-color:#85a82d;}
#left .vert a:hover, #left ul li.vert a.over{ background-color:#8CAF36;}
#left .vert_sr a{ background-color:#8CAF36;	border-top:1px solid #A9CF4D;}
#left .vert_sr a:hover, #left ul li.vert li.over a{ background-color:#A9CF4D;}


#left .vert_fonce a, #left li.vert_fonce ul{ background-color:#279F64;}
#left .vert_fonce a:hover, #left ul li.vert_fonce a.over{ background-color:#2FBF79;}
#left .vert_fonce_sr a{ background-color:#2FBF79;	border-top:1px solid #4DCF8F;}
#left .vert_fonce_sr a:hover, #left ul li.vert_fonce li.over a{ background-color:#4DCF8F;}


#left .turquoise a, #left li.turquoise ul{ background-color:#33A9CD;}
#left .turquoise a:hover, #left ul li.turquoise a.over{ background-color:#29B8DF;}
#left .turquoise_sr a{ background-color:#29B8DF;	border-top:1px solid #59CFEF;}
#left .turquoise_sr a:hover, #left ul li.turquoise li.over a{ background-color:#59CFEF;}

#left .bleu a, #left li.bleu ul{ background-color:#4983ba;}
#left .bleu a:hover, #left ul li.bleu a.over{ background-color:#539DDF;}
#left .bleu_sr a{ background-color:#539DDF;	border-top:1px solid #6FAADF;}
#left .bleu_sr a:hover, #left ul li.bleu li.over a{ background-color:#6FAADF;}

#left .jaune a, #left li.jaune ul{ background-color:#BF912F;}
#left .jaune a:hover, #left ul li.jaune a.over{ background-color:#DFA937;}
#left .jaune_sr a{ background-color:#DFA937;	border-top:1px solid #DFB253;}
#left .jaune_sr a:hover, #left ul li.jaune li.over a{ background-color:#DFB253;}


#left li.first{
	padding-top:2px;
	background-image:url(images/haut_sr.png);
	background-repeat: no-repeat;
}
#left li.first a{
	border-top:none;
}
/*
#left #menu{
	margin-bottom:56px;
}
*/
#basMenu{
	position:absolute;
	bottom:0;
}

#meteo{
	padding-bottom:50px;
}

#meteo dt{
	width:205px;
	font-size:0.95em;
	padding:3px 1px 3px 9px;
	color:#FFFFFF;
	font-weight:bold;
	background:#0093ba url(images/fondMeteo.png) repeat-x;
	text-transform:uppercase;
}

#meteo dd{
	background: #6777B3 url(http://meteodirect.meteoconsult.fr/carte/md_france24h.jpg.php) no-repeat 20px -40px;
	border-bottom:1px solid #01718f;
}

#meteo dd a{
	display:block;
	height:150px;
	width:214px;
}



/*
#search{
	width:214px;
	background-color: #4A7298;
	position:absolute;
	bottom:0;
}

#search dt{
	padding:5px 0 5px 9px;
	font-size:0.95em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

#search .mot{
	float:left;
	background:url(images/inputRecherche.png) no-repeat;
	border:none;
	width:148px;
	height:17px;
	margin:0 2px 10px 5px;
	padding:3px 0 0 8px;
	font-size:0.85em;
}

#search .ok{
	float:left;
	background:url(images/btnOK.png) no-repeat;
	border:none;
	padding:2px 1px 3px 2px;
	color:#FFFFFF;
	font-size:0.85em;
	cursor:pointer;
}
*/

/************ Bloc Milieu ************/ 

#middle{
	margin: 0 200px 0 215px;
	padding-top:10px;
}

#middle h1{
	margin:0;
	padding:0;
	color:#7A92B1;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:1.3em;
	background:url(images/tiretsSouligne.png) no-repeat 0px 1.1em;
	height:1.30em;
}

#middle p{
	text-align:justify;
	color:#3f3f3f;
	line-height:1.4em;
	margin:5px 0;
	padding:0;
}

#middle #edito{
	min-height:185px;
	padding-left:15px;
}

#middle #slider{
	border-top:1px solid #CFCFCF;
	height:150px;
	/*  width max : 518 px */
}

#middle #actu{
	height:460px;
	background:#f1f1f1 url(images/fondActuGauche.png) repeat-y left;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #e5e5e5;
	padding:0 15px;
	overflow:auto;
}

#middle #actu h2{
	margin:10px 0;
	padding:0;
	color:#7A92B1;
	text-transform:uppercase;
	font-size:1.3em;
	height:1.15em;
	background:url(images/fondH1actu.png) no-repeat 0px 1.1em;
}

#middle #actu h2 a{
	color:#7A92B1;
	text-decoration:none;
}

#middle #actu h3{
	padding:0;
	margin:10px 0 0 0 ;
	font-size:1em;
}

#middle #actu h3 a{
	color:#001832;
	font-weight:bold;
	text-decoration:none;
}

#middle #actu p.img{
	float:left;
	margin:0 10px 0 0;
	padding:0 0 38px 0;
	background:url(images/decoImgActu.png) bottom center no-repeat;
}

#middle #actu p.img img{
	border:1px solid grey;
}

#middle #actu p{
	color:#243b53;
	text-align:justify;
	padding:2px;
}

#middle #actu a{
	color:#7B93B2;
}

#middle #actu .suite{
	text-align:right;
}

#middle #actu .suite a{
	display:block;
	text-decoration:none;
	color:#950000;
	text-transform:uppercase;
	font-size:0.85em;
	letter-spacing:2px;
	background:url(images/fondLireSuite.png) no-repeat bottom right;
}

#middle hr{
	visibility: hidden;
	clear:left;
}

#middle #contenu{
	padding:0 15px;
}

#middle #contenu h2{
	margin:10px 0;
	padding:0;
	color:#7A92B1;
	letter-spacing:1px;
	font-size:1em;
	height:1.30em;
	background:url(images/fondH1actu.png) no-repeat 0px 1.1em;
}

#middle #contenu h2 a{
	text-decoration:none;
}


#middle #contenu .sommaire h2{
	text-decoration:none;
	font-size:1em;
	text-transform:none;
	letter-spacing:normal;
	background:none;
}
#middle #contenu .sommaire h2 a{
	text-decoration:none;
}

#middle #contenu li{
	list-style:circle;
	margin:5px 0;
}

#middle #contenu fieldset{
	margin:10px 0;
	-moz-border-radius:5px;
}

#middle #contenu legend{
	font-weight:bold;
	color:#7A92B1;
	padding:0 5px;
}


#middle #contenu img{
	border: 1px solid #CCC;
	padding: 2px;
	background-color:#FFFFFF;
}

img.ico{
	border:none;
	background:none;
	padding:0;
}

#middle #contenu a{
	color:#7A92B1;
}

#middle #contenu .violet a{color:#ac1755;}
#middle #contenu .orange a{color:#cf5d00;}
#middle #contenu .vert a{color:#85a82d;}
#middle #contenu .turquoise a{color:#33A9CD;}
#middle #contenu .bleu a{color:#4983ba;}
#middle #contenu .jaune a{color:#BF912F;}
#middle #contenu .vert_fonce a{color:#279F64;}

#middle #contenu .gauche{
	float:left;
	margin-right:10px;
}

#middle #contenu .droite{
	float:right;
	margin-left:10px;
}

#middle .nav{
	width:100%;
	border-top:1px solid #4A7298;
}

#middle .navLbl{
	width:25%;
}

#middle .prec{
	float:left;
	background:url(icones/arrow_left.png) no-repeat 0 3px;
	padding-left:15px;
	text-decoration:none;
}

#middle .suiv{
	float:right;
	padding-right:15px;
	background:url(icones/arrow_right.png) no-repeat right 3px;
	text-decoration:none;
}

#middle .navPages{
	width:50%;
	text-align:center;
	padding-top:3px;
}

#middle #contenu .navPages a{
	padding:0px 6px;
	font-weight:bold;
	text-decoration:none;
}

#middle #contenu .navPages a:hover{
	background-color:#4A7298;
	color:#FFFFFF;
}

#middle .navPages strong{
	padding:0px 6px;
	font-size:1.1em;
	background-color:#4A7298;
	color:#FFFFFF;
}

#middle .grise{
	color:#999999;
	font-size:0.85em;
}

#middle .important{
	color:#CF1969;
	font-weight:bold;
}


/************ Formulaires ************/ 

#middle label{
	float: left;
	text-align: right;
	margin: 2px 5px 0 0;
	width:180px;
	font-size:0.9em;
}

#middle .erreur label{
	font-weight:bold;
	border-bottom:2px solid #CF1969;
}
#middle .erreur input, .erreur textarea, .erreur checkbox{
	border:1px solid #CF1969;
}


#middle input, textarea{
	border:1px solid #4A7298;
	color:#4A7298;
	background: #F6F6F6;
}

#middle .checkbox input{
	border:none;
}

#middle .noFrm label{
	float:none;
}

#middle .btn{
	cursor:pointer;
	font-weight:bold;
	background-color:#4A7298;
	color:#FFFFFF;
}

#middle .btn:hover{
	color:#4A7298;
	background: #F6F6F6;
}


/************ Bloc Droite ************/ 

#right{
	position:relative;
	float:right;
	width:200px;
	color:#66693a;
}

#right dl, #right dt, #right dd, #right div{
	margin:0;
	padding:0;
}

#right #flash{
	background:url(images/trancheFlashInfos.png) repeat-y right;
	border-bottom:1px solid #CFCFCF;
	min-height:195px;
	margin-left:1px;
}

#right #flash dt{
	padding-top:4px;
	text-align:center;
	font-weight:bolder;
	font-size:1.2em;
	letter-spacing:5px;
	background:url(images/hautFlashInfos_v2.png) no-repeat top center;
	color:#FFF;
	text-transform:uppercase;
}

#right #flash dd{
	padding:5px 10px;
	text-align:justify;
	line-height:1.4em;
	font-size:0.85em;
}

#right #frmGrr{
	padding:0;
	margin:0;
}
#right #frmGrr input{
	border:1px solid #9DA061;
	cursor:pointer;
}
/*
	border:0;
	background:none;
	color:#66693a;
	cursor:pointer;
	font-size:1.05em;
	padding:0;
	margin:0;
	border-bottom: 1px solid #66693a;
}
*/
#right a{
	color:#66693a;
}

#right #flash p, #right #flash ul{
	margin:2px 0;
	padding:0;
	line-height:1.6em;
}

#right #flash ul li{
	list-style:disc;
	margin-left:15px;
}

#right #search{
	background-color: #9DA061;
	height:60px;
	margin-left:1px;
}


#right #search dt{
	padding:5px 0 5px 9px;
	font-size:0.95em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

#right #search .mot{
	float:left;
	background:url(images/inputRecherche.png) no-repeat;
	border:none;
	width:140px;
	height:17px;
	margin:0 2px 10px 5px;
	padding:2px 12px 0 8px;
	font-size:0.85em;
}

#right #search .ok{
	float:left;
	background:url(images/btnOK_vert.png) no-repeat;
	border:none;
	padding:2px 1px 3px 2px;
	color: #9DA061;
	font-size:0.85em;
	cursor:pointer;
}


#right #infos{
	min-height:350px;
}

#right #infos p{
	margin:10px 15px;
	font-size:0.85em;
}



/************ Footer ************/ 

#footer{
	display:block;
	clear:both;
	margin:0;
	padding:5px;
	height:30px;
	background: #FFF url(images/footer.png) no-repeat top center;
	text-align:center;
}

#footer li{
	display:inline;
	margin:0px 20px;
}

#footer a{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.85em;
	color:#666666;
}