/* 	CSS Document 
	Author Christophe Iaïchouchen AKA saturnino pour IMAG'IN productions
	copyright : piltotage-maritime.nc
*/


/* Reset reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
http://www.css4design.com/blog/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	/*vertical-align:top;*/
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	/*line-height:1;*/
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#fff;
	background-image: url(../img/design/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
td {
	padding:4px;
	vertical-align:top;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
div {
	margin:0;
	padding:0;
}
strong {
	font-weight:bold;
}
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor:help;
}
acronym, abbr {
	border-bottom:1px dashed #63DBF5;
	;
}
blockquote {
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}
blockquote cite {
	margin:5px 0 0;
	display:block;
}
.center {
	text-align:center;
}
hr {
	height:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0094d7;
	margin-top: 10px;
	margin-bottom: 10px;
}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}
img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.flux {
	line-height:.1px;
	clear:both;
}
iframe {
	border:1px solid #FFFFFF;
}
cite {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*  links */
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
h2 {
	font-size:1.8em;
	color:#CC3300;
	background-image: url(../img/design/h2-bg-red.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin-bottom: 1.7em;
	padding-left:50px;
}
h4 {
	font-size:1.4em;
	color:#CC3300;
	margin-bottom: 1em;
	font-weight:lighter;
}
p.pdf, p.doc {
	text-indent: 0;
	background-image: url(../img/design/pdf-icon.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right:22px;
	padding-top:4px;
	height:16px;
	color:#0094d7;
	font-weight:bold;
	text-align:right!important;
}
p.doc {
	background-image: url(../img/design/word-icon.gif);
}
p.pdf a, p.doc a {
	color:#0094d7;
}
p.contact {
	text-indent: 28px!important;
	background-image: url(../img/design/email-btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
p.link {
	text-indent: 28px!important;
	background-image: url(../img/design/link-btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
p.error {
	font-weight: bold!important;
	color: #CC3300!important;
}
ul.mini_gallery {
	text-align:left;
	margin-bottom:12px;
}
ul.mini_gallery li {
	display:inline;
	padding:0;
	background-image:none!important;
}
ul.mini_gallery li img {
	margin:8px;
}
/* ancres */
div.anchorTop {
	display:block;
	text-align:right;
	margin-bottom:12px;
}
div.anchorTop a {
	background-repeat:no-repeat;
	background-position:0px center;
	color:#81919A!important;
	padding-left:20px;
	background-image: url(../img/design/fleche-h_hec.gif);
}
div.anchorTop a:hover {
	text-decoration:none;
}
/* boxes */
dl.box {
	width:236px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	background-color:#daeff9;
	color:#333333;/*min-height:290px;_height:290px;*/
	position:relative;
}
* html dl.box {
	margin-left:4px;
	margin-right:4px;
}
dd {
	text-align:justify;
}
dl.alternate {
	background-color:#e9f6fc;
}
dl.alternate dt {
	background-color:#75c5ea!important;
}
dl img {
	text-align:center;
}
dl dd {
	padding:12px;
}
dl.box dd.link, dl.box dd.pdf, dl.box dd.doc {
	background-image: url(../img/design/sep-white.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:right;
	/*bottom:0;	
	position:absolute;
	right:0;	
	width:100%;*/
	padding-top:8px;
	padding-bottom:8px;
}
dl.box dd.link a, dl.box dd.pdf a, dl.box dd.doc a {
	background-image: url(../img/design/pdf-icon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right:22px;
	/*margin-right:22px;*/	
	padding-top:4px;
	/*height:16px;*/
	color:#0094d7;
	font-weight:bold;
	display:block;
	width:auto;
	text-align:right;
}
dl.box dd.link a {
	background-image: url(../img/design/link-2-btn.gif);
}
dl.box dd.doc a {
	background-image: url(../img/design/word-icon.gif);
}
dl.picture {
	width:280px;
	padding:0;
	margin-right:12px;
	margin-bottom:10px;
	color:#000;
	font-style: italic;
}
dl.picture dd, dl.picture dt {
	margin:0;
	padding:0;
}
/* table */

table.general {
	width:100%;
	border-collapse:collapse;
	margin-bottom:1.2em;
	border:none;
}
table.general td {
	padding-top:0;
	padding-bottom:16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0094d7;
	font-size:1.1em;
	vertical-align:top;
}


/*  Table pour présentation  */

table.general td.center {
	padding-top:0;
	padding-bottom:16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0094d7;
	font-size:1.1em;
	text-align:center;
	vertical-align:top;
}
/*-------*/

table.general thead td {
	background-image:url(../img/design/body-bg.jpg );
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:center;
	border:none;
	font-weight:bold;
	font-size:1em;
}


table.weather_data td {
	padding:14px
}
table.weather_data .col_0 {
	text-align:right;
}
table.weather_data .col_1 {
	text-align:left;
}
/* structure */
#container {
	width:984px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
#top {
}
#header {
	clear:both;
	height:275px;
	overflow:hidden;
	position:relative;
	margin-bottom:16px;
	width:100%;
}
#logo {
	margin-right: 100%;
}
#center {
	padding-bottom:54px;
	vertical-align:top;
	width:984px;
}
#footer {
	text-align:center;
	background-color: #ebf7fc;
	background-image: url(../img/design/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:200px;
}
#pilote_access_box {
	width:984px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
#pilote_access {
	position:absolute;
	top:8px;
	left:0;
}
/* content */
.content_left, .content_right {
	vertical-align:top;
	position:relative;
}
.content_left p, .content_right p {
	line-height: 1.2em;
	margin-bottom: 18px;
	text-align:justify;
	font-size:1.1em;
	text-indent: 20px;
}
.content_left {
	float:left;
	width:468px;
	margin-left:12px;
}
.content_left a {
	text-decoration:underline;
}
.content_right {
	margin-left:504px;
}
.content_right a {
	text-decoration:underline;
}
.content_left h2 {
	margin-left:-12px;
	zoom: 1.0;
	position:relative;
}
.content_left h3, .content_right h3, dl.box dt, #image_bank h3 {
	font-size: 1.4em;
	font-style: italic;
	color: #FFFFFF;
	background-color: #0094d7;
	background-image: url(../img/design/arrow-right-white.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:12px;
	margin-bottom:15px;
	font-weight:600;
}
.content_left ul.pilotes {
	width:220px;
	margin-left:15px;
}
.content_left ul li, .content_right ul li {
	background-image: url(../img/design/puce-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	margin-bottom: 4px;
	font-size:1.1em;
}
.content_left ol li, .content_right ol li {
	padding-left: 12px;
	margin-left: 28px;
	margin-bottom: 12px;
	font-size:1.1em;
	list-style-position:outside;
	text-align:justify;
}
/* updates */
#updates {
	margin-left:70px;
	width:340px;
	padding-top:34px;
	position:relative;
}
#updates h3 {
	font-size: 1.4em;
	font-style: italic;
	color: #FFFFFF;
	background-color: #0094d7;
	height:22px;
	background-image: url(../img/design/arrow-right-white.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-top:10px;
	padding-left:12px;
	padding-bottom:0;
	margin-bottom:0;
}
#updates span {
	text-align:right;
	/*position:absolute;
	right:20px;*/
	margin-top:-15px;
	margin-top:0;
	display:block;
	width:100%;
}
#updates span.date {
	color:#d12700;
}
#updates span.pdf, #updates span.link, #updates span.doc {
	background-image: url(../img/design/pdf-icon.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right:22px;
	height:16px;
	color:#0094d7;
	font-weight:bold;
}
#updates span.link {
	background-image: url(../img/design/link-2-btn.gif);
}
#updates span.doc {
	background-image: url(../img/design/word-icon.gif);
}
#updates span.pdf a, #updates span.link a, #updates span.doc a {
	color:#0094d7;
}
#updates ul {
}
#updates ul li {
	background-color:#daeff9;
	background-image:url(../img/design/puce-red.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 20px;
	width:290px;
	color:#333;
}
#updates ul li.hover {
	background-color:#e9f5fb
}
/* slideshow */
#gallery {
	position: absolute;
	width: 492px;
	height: 262px;
	background: #003366;
	right: 0px;
	bottom: 0px;
	z-index:1;
}
#progress {
	width: 200px;
	height: 15px;
	padding: 2px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index:2;
}
#bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}
/* accordion_0 */
#image_bank h3 {
	cursor:pointer;
}
#image_bank h3.toggler {
	background-color:#0094d7;
}
#image_bank h3.background {
	background-color:#70c3e9!important;
	color:#333;
}
#image_bank .element {
	position:relative;
	margin-bottom:20px;
}
/* form contact */
input:focus, textarea:focus {
	border: 1px solid #000;/*background-color: #999999;*/
}
label.required {
	/*font-weight: bold;*/
    background-image:url(../img/design/etoile.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
label.required:after {
/*content: '*';*/
}
span.accessKey {
	text-decoration: underline;
}
form {
}
legend {
	color:#333;
	padding: 0.2em 0.5em;
	border:1px solid #75c5ea;
	color:#333;
	text-align:left;
	background-color:#fff;
	font-size: 1.4em;
	position:static;
}
fieldset {
	padding:12px;
	margin-bottom:12px;
}
fieldset.fieldset_0 {
	background-color:#daeff9;
}
fieldset.fieldset_1 {
	background-color:#e9f6fc;
}
fieldset br {
	clear:left
}
fieldset span.flux {
	clear:left
}
fieldset label {
	float:left;
	display:inline;
	width:140px;
	line-height:16px;
	text-align:left;
	color:#333;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	padding-left:16px;
	font-size:1.2em;
	position:relative;
}
span.labelRight {
	line-height:16px;
	text-align:left;
	color:#6d715f;
	padding-top: 8px;
	padding-left:16px;
	font-size:1.2em;
	float:left;
}
span.labelBleu {
	line-height:16px;
	text-align:left;
	color:#018ebf;
	font-size:1.4em;
	margin:3px 0 8px;
	font-weight:bold;
	float:left;
	padding-top: 0px;
}
span.labelNoir {
	line-height:16px;
	text-align:left;
	color:#000;
	font-size:1.4em;
	margin:3px 0 8px;
	font-weight:bold;
	float:left;
	padding-top: 0px;
}
input, textarea, select {
	margin:3px 0 8px;
	width: 250px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #808080;
	border-right-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
	border-left-color: #808080;
	font-size: 1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input {
	height: 16px
}
input.liste {
	width:270px;
	float:left;
}
input#edtSubmit_Req {
	border:4px solid #0094d7;
	width:auto!important;
	height: auto;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #0094d7;
	float:right;
	margin-right:20px;
	cursor:pointer;
}
label.edtSubmit {
	background-image:url(../img/design/etoile.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
label.radioRight {
	width:auto;
	float:none;
	padding:0;
}
input.radioRight {
	width:auto;
	border:none;
	padding: 0px;
	padding-bottom:8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
}
/* gallery */
ul.gallery li {
	float:left;
	display:block;
	margin:10px;
}
ul.gallery li img {
	padding:10px;
	background-color:#D2D2D2;
}
#image_bank h3 { /*margin-top:64px!important;*/
}