
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, 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

img {
	border: 0;
	outline: 0;
	margin: 2px;
	padding: 0;
}

strong {
	font-weight:bolder;
	}

em {
    font-style:italic;
	}

:focus {
	outline: 0;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

form label {
    cursor: pointer;
    }

form {
    display: inline;
    }

fieldset {
    border: none;
    }
body {
	color:#000;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background:#222222;
    margin:0;
	padding:0;
	font-size:14px;
	text-align:left;
}

.clearleft{
	clear:left;
}


.navigationpagemodule{clear:left; margin:0px; margin-top:10px; width:100%; text-align:right;}
.navigationpagemodule p{color:#000000; font-size:1.2em; padding:0; margin:0}
.navigationpagemodule p a{color:#8A6615; text-decoration:none;}
.navigationpagemodule p a:hover{color:#8A6615; text-decoration:underline;}
.pageselect{font-size:1.3em; font-weight:bold;}




.plan_du_site_hr, hr {
	margin:10px 0px 0px 60px;
	float:left;
	border-bottom:1px solid #d19b00;
	width:340px;
}

.plan_du_site {
	margin:10px 0px 0px 60px;
	padding:0px;
	font-size:1em;
	font-weight:normal;
	float:left;
	width:380px;
}

.plan_du_site ul {
	width:380px;
	position:relative;
	float:left;
	margin:2px 0 5px 0px;
	padding:0;
	list-style:none;
}
.plan_du_site ul li{
	width:120px;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
}

.plan_du_site ul li a{
	float:left;
	display:block;
	height:16px;
	color:white;
	font-size:1.1em;
	text-decoration:none;
	padding:0 0 0 0px;
}

.plan_du_site ul li a{
	float:none;
}

.plan_du_site ul li a:hover {
	text-decoration:underline;
}

.plan_du_site ul ul {
	margin:2px 0px 3px 15px;
	padding:0px;
}

.plan_du_site ul ul li, .plan_du_site ul ul li a:link, .plan_du_site ul ul li a:visited, .plan_du_site ul ul li a:hover {
	font-size:1.0em;
	list-style-type:none;
}

.plan_du_site ul ul li a:hover {
	text-decoration:underline;
	list-style-type:none;
}

.plan_du_site ul ul ul {
	margin:2px 0px 3px 15px;
	padding:0px;
}
.plan_du_site ul ul ul li, .plan_du_site ul ul ul li a:link, .plan_du_site ul ul ul li a:visited, .plan_du_site ul ul ul li a:hover {
	font-size:0.9em;
	list-style-type:none;
}
.plan_du_site ul ul ul li a:hover {
	text-decoration:underline;
	list-style-type:none;
}



.imgzoom_pannel {
	background-color:black;
	padding:8px 4px 4px 4px;
	margin:0px;
	z-index:99999;
}
.imgzoom_legend {
	text-align:left;
	font-size:1em;
	font-family: Arial,Helvetica,sans-serif;
	margin:5px;
	padding:0px;
}
.imgzoom_legend h3 {
	color:#ffffff;
	font-size:1em;
	font-family: Arial,Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
.imgzoom_legend p {
	color:#6D7068;
	font-size:1em;
	font-family: Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0px;
}


/*** Marine FUTIN ***/

/*** CORPS ***/

html, body {
	height: 100%;
}

a,a:link,a:hover{
	color:#d19b00;
}
a,a:link {
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*** FOND ***/

div#global,div#workspace,div#workspace-home{
	position:absolute;
	width:980px;
	height:700px;
	top:50%;
	left:50%;
	margin:-350px 0 0 -490px;
}


div#workspace{
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond.jpg) no-repeat;
}

div#workspace-home{
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond-ss-contenu.jpg) no-repeat;
}

/*** COVER ***/

div#cover_layer{
	background:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	position:absolute;
	width:980px;
	height:700px;
	z-index:10000;
	display:none;
}

.cover_layer_text{
	position:absolute;
	top:260px;
	left:10px;
	z-index:10001;
	width:520px;
	display:none;
}
.cover_layer_content{
	margin:20px 0 0 10px;
	color:#d19b00;
	text-align:right;
	font-size:1.1em;
	letter-spacing:1px;
}
.cover_layer_content_title{
	text-decoration:underline;
	font-weight:bold;
}
.cover_layer_content_text{
}
div#show_cover_layer_button{
	text-align:right;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
}

/*** WIDGET ***/

div#widget{
	position:relative;
	float:right;
	width:326px;
	height:280px;
	margin:391px 46px 0 0;
	z-index:10001;
}

html>body div#widget{
	margin:391px 91px 0 0;
}

div#widget p{
	text-transform:uppercase;
	color:#d19b00;
	text-align:left;
	font-size:0.9em;
	letter-spacing:1px;
	margin:3px 0 0 3px;
}

div#flash{
	width:326px;
	height:258px;
}

/*** GAUCHE ***/

div#gauche{
	position:relative;
	float:left;
	width:413px;
}




/*** MENU ***/

div#menu{
	position:relative;
	float:left;
	clear:both;
	width:413px;
	height:102px;
	margin:6px 0 0 32px;
}

html>body div#menu{
	margin:6px 0 0 65px;
}

div#menu ul{
	position:relative;
	float:left;
	margin:12px 0 0 30px;
	padding:0;
	list-style:none;
}

html>body div#menu ul{
	margin:12px 0 0 40px;
}

div#menu ul li{
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
}

div#menu ul li a{
	float:left;
	display:block;
	height:16px;
	color:white;
	font-size:1.1em;
	text-decoration:none;
	padding:0 0 0 10px;
}

html>body div#menu ul li a{
	float:none;
}

div#menu ul li a:hover{
	color:#d19b00;
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond_menu_a.jpg) 2px left no-repeat;
}

html>body div#menu ul li a:hover{
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond_menu_a.jpg) bottom left no-repeat;
}

div#menu ul li a.active{
	color:#d19b00;
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond_menu_a.jpg) 2px left no-repeat;
}

html>body div#menu ul li a.active{
	background:url(http://www.marine.futin.fr//download/site-principal/image/charte/fond_menu_a.jpg) bottom left no-repeat;
}



/*** PIED DE PAGE ***/

div#footer{
	position:relative;
	float:left;
	clear:both;
	width:413px;
	margin:6px 0 0 32px;
	color:#d19b00;
	text-align:center;
	font-size:0.9em;
}

html>body div#footer{
	margin:6px 0 0 65px;
}

div#footer div#liens{
	float:left;
	position:relative;
	left:14%;
	text-align:left;
}

html>body div#footer div#liens{
	left:50%;
}

div#footer ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
}

div#footer ul li{
	margin:0;
	padding:0;
	float:left;
}

div#footer ul li a{
	color:#d19b00;
	text-decoration:none;
}

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

div#news_detail_link{
	display:none;
	position:absolute;
	top:6px;
	right:10px;
	z-index:10001;
}

blockquote {padding:0px; padding-left:30px; margin:0px}


form .explid_radio, form .explid_checkbox {
	clear:left;
}

.fieldrow{
	width:80%;
	display:block;
	/*float:left;*/
	margin-top:1px;
	margin-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	clear:left;
	/*background-color:#EEEEEE;*/
}

.fieldrow label{
	width:40%;
	display:block;
	float:left;
}

.fieldrow input, textarea, select{
	width:40%;
	display:block;
	float:left;
	font-size:0.9em;
	font-family:Arial;
}
.fieldrow input[type="radio"]{
	margin-left:3px;
	margin-right:5px;
}
.fieldcell{
	width:auto;
	display:inline;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	padding-left:3px;
	padding-right:3px;

}
.fieldcell label{
	width:auto;
	display:inline;
	float:left;
}

.fieldcell input, textarea, select{
	width:auto;
	display:inline;
	float:left;
	font-size:0.9em;
	font-family:Arial;
}

.formfooter {
	width:80%;
	clear:left;
	padding-top:30px;
}







.fieldtitle{
	width:40%;
	float:left;
}

.fieldcellhorizontale{
	width:40%;
	float:left;
}

.fieldcellverticale{
	width:40%;
	float:left;
}

.fieldrow .fieldcellhorizontale label{
	float:left;
}

.fieldrow .fieldcellhorizontale input{
	float:left;
	font-size:0.9em;
	font-family:Arial;
}

.fieldrow .fieldcellverticale label{
	font-size:0.9em;
	font-family:Arial;
	display:block;
}

.fieldrow .fieldcellverticale input{
	display:block;
	float:left;
	height:12px;
}


/*** CONTENU ***/


div#divcontent{
	position:relative;
	float:left;
	width:413px;
	height:433px;
	margin:100px 0 0 32px;
	padding:10px 0 0 0;
	color:white;
	font-size:13px;
	font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman;
}

html>body div#divcontent,
html>body div#contenu-vide{
	margin:100px 0 0 65px;
}

div#divcontent h1{
	color:#d19b00;
	font-size:2em;
	font-weight:normal;
	margin:0 10px 5px 60px;
	text-align:left;
}

div#divcontent h2{
	color:#d19b00;
	font-size:1em;
	font-weight:normal;
	margin:0 10px 10px 60px;
	text-align:left;
}

div#divcontent p{
	color:white;
	margin:10px 10px 10px 60px;
}

div.scrollable{
	width:413px;
	height:423px;
	overflow: auto;
}

table.concert {
	margin: 0 0 0 50px;
}

.mceContentBody table.concert {
	margin: 0;
}

table.concert td {
	border-bottom: 1px solid #D19B00;
	color: #D19B00;
	padding: 6px 2px 6px 2px;
}

table.concert a {
	color: #fff;
	text-decoration:none;
	font-size:0.8em;
}

table.concert td span {
	color: #000;
	display: block;
	background: url(/download/site-principal/image/charte/shop/btn_date.png) no-repeat top left;
	height: 24px;
	line-height: 18px;
	font-size: 9px;
	width: 55px;
	text-align: center;
}




