/* Fêtes maritimes Brest - CSS Screen Document */
@charset "utf-8";
@import url(remooz.css);
*{
	margin:0;
	padding:0;
}
body{
	background:#003F86 url(../img/body.jpg) no-repeat fixed center bottom;
	height:100%;
}
img{
	border:0;
}
.clear-both {
	clear:both;
}
img.border {
	border:1px solid #89B5DC;
	padding:3px;
}
.valid {
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/tick.png) no-repeat 0 0;
}
.error {
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/cross.png) no-repeat 0 0;
}
.information {
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/information.png) no-repeat 0 0;
}
.date {
	color:#ddd;
	font-style:italic;
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/date.png) no-repeat 0 0;
}
.audio {
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/music.png) no-repeat 0 0;
}
.pdf {
	padding:0 0 2px 22px;
	background:transparent url(../img/icons/page-white-acrobat.png) no-repeat 0 0;
}
.read {
	float:right;
	padding:0 0 0 22px;
	font-weight:bold;
	background:transparent url(../img/icons/bullet-go.png) no-repeat 0 0;
}
.back {
	padding:0 0 0 22px;
	font-weight:bold;
	background:transparent url(../img/icons/bullet-back.png) no-repeat 0 0;
}
a:hover img.border {
	border-color:#FCC300;
}
#document{
	position:relative;
	width:950px;
	height:100%;
	margin:0 auto;
	background:transparent url(../img/body.jpg) no-repeat fixed center bottom;
}
#header h1{
	position:absolute;
	top:20px;
	left:-43px;
	width:43px;
	height:262px;
	overflow:hidden;
	text-indent:-10000px;
	background:#FCC300 url(../img/juillet-2012.png) no-repeat 0 0;
}
#header h1 a{
	display:block;
	width:100%;
	height:100%;
}
#page{
	position:relative;
	width:auto;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/document.png);*/
}
/*
.ie6 #page{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/document.png,sizingMethod=scale);
}
*/
#fetes-maritimes-brest{
	position:absolute;
	top:40px;
	left:16px;
	z-index:5;
	width:190px;
	height:49px;
	overflow:hidden;
}
#fetes-maritimes-brest h2{
	width:190px;
	height:49px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(../img/fetes-maritimes-brest.png) no-repeat 0 0;
}
.ie6 #fetes-maritimes-brest h2{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/fetes-maritimes-brest.png,sizingMethod=crop);
}
#fetes-maritimes-brest h2 a{
	display:block;
	width:100%;
	height:100%;
}
#evenement-unique{
	position:absolute;
	top:101px;
	left:182px;
	z-index:1;
	width:343px;
	height:91px;
	overflow:hidden;
}
#evenement-unique h3{
	width:343px;
	height:91px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(../img/evenement-unique.png) no-repeat 0 0;
}
.ie6 #evenement-unique h3{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/evenement-unique.png,sizingMethod=crop);
}
#editions-precedentes{
	position:relative;
	z-index:5;
	width:100%;
	height:215px;
	overflow:hidden;
	background:transparent url(../img/editions-precedentes/bg-editions-precedentes.png) no-repeat 10px 0;
}
#editions-precedentes h3{
	visibility:hidden;
}
.accueil #editions-precedentes{
	height:500px;
}
.accueil #editions-precedentes h3{
	visibility:visible;
	margin:0;
	border:0;
}
#contenu{
	position:relative;
	width:820px;
	height:auto;
	min-height:388px;
	overflow:hidden;
	margin:0 0 0 65px;
	padding-bottom:20px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#fff;
}
.accueil #contenu{
	width:auto;
	height:470px;
	margin:0;
}
.accueil #contenu h3{
	text-transform:none;
	border:0;
}
#contenu h3{
	clear:both;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:20px;
	color:#89B5DC;
	margin:20px 0;
	padding-bottom:4px;
	border-bottom:2px dotted #89B5DC;
	text-transform:uppercase;
}
#contenu h4{
	clear:both;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:13px;
	margin:15px 0;
	padding-bottom:2px;
	color:#fff;
	border-bottom:1px dotted #89B5DC;
}
#contenu h5{
	clear:both;
	font-weight:normal;
}
#contenu p, #contenu ul, #contenu ol{
	margin:10px 0;
}
#contenu ul li img, #contenu ol li img{
	margin:0;
}
#contenu ul.multipage{
	clear:both;
	height:100%;
	overflow:hidden;
}
#contenu ul.multipage li {
	display:inline;
	margin:0 5px;
	font-weight:bold;
}
#contenu ul.mediatheque {
	width:auto;
	height:100%;
	overflow:hidden;
}
#contenu ul.images li, #contenu ul.videos li, #contenu ul.audios li, #contenu ul.documents li {
	display:block;
	list-style:none;
	float:left;
	margin:5px 0 5px 30px;
}
#contenu ul.images li a, #contenu.videos ol li a{
	text-decoration:none;
}
#contenu ul.audios li, #contenu ul.documents li {
	width:350px;
	font-weight:bold;
}
#contenu p{
	text-align:justify;
}
#contenu a{
	color:#89B5DC;
}
#contenu a:hover{
	text-decoration:none;
}
#contenu img{
	margin:0 10px 5px 10px;
}
#contenu img.float-left {
	float:left;
	margin-left:0;
}
#contenu img.float-right {
	float:right;
	margin-right:0;
}
#contenu legend{
	font-weight:bold;
	padding:0 5px;
	color:#fff;
}
#contenu fieldset{
	border:1px solid #89B5DC;
	padding:10px;
}
#contenu label{
	display:block;
	width:180px;
	margin-right:15px;
	float:left;
	text-align:right;
	cursor:pointer;
}
#contenu label.required{
	font-weight:bold;
}
#contenu label.checkbox{
	display:inline;
	width:auto;
	float:none;
}
#contenu input.text, #contenu textarea{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	border:0;
	padding:2px;
	background-color:#89B5DC;
	opacity:0.8;
}
#contenu input.text{
	width:180px;
}
#contenu textarea{
	width:570px;
	height:200px;
}
#contenu input.checkbox{
	margin-right:3px;
}
#contenu input.submit{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border:0;
	color:#fff;
	background-color:#005DA8;
	margin:20px 0 0 195px;
	cursor:pointer;
}
#contenu input.submit:hover{
	color:#005DA8;
	background-color:#FCC300;
}
.accueil #contenu{
	position:static;
}
.ie6 #editions-precedentes{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/editions-precedentes/bg-editions-precedentes.png,sizingMethod=crop);
}
#editions-precedentes h3{
	position:absolute;
	top:235px;
	left:168px;
	width:135px;
	height:35px;
	overflow:hidden;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
#brest-92{
	position:absolute;
	top:159px;
	left:0;
}
#brest-96{
	position:absolute;
	top:140px;
	left:785px;
}
#brest-2012 h3, #brest-2012 p, #brest-2008 h3, #brest-2008 p, #brest-2004 h3, #brest-2004 p, #brest-2000 h3, #brest-2000 p, #brest-96 h3, #brest-96 p, #brest-92 h3, #brest-92 p{
	display:none;
}
#brest-2012{
	position:absolute;
	top:174px;
	left:313px;
}
#brest-2008{
	position:absolute;
	top:18px;
	left:549px;
}
#brest-2000{
	position:absolute;
	top:295px;
	left:116px;
}
#brest-2004{
	position:absolute;
	top:265px;
	left:620px;
}
#menu{
	position:relative;
	z-index:7;
	width:auto;
	height:43px;
	margin:10px 0 0 0;
	padding-bottom:20px;
	background:transparent url(../img/menu/reflection.png) no-repeat center 45px;
}
.accueil #menu{
	padding-bottom:25px;
}
#menu h3{
	display:none;
}
#menu ul{
	position:absolute;
	width:auto;
	height:auto;
	margin:0 65px;
}
#menu ul li{
	position:relative;
	display:block;
	width:162px;
	height:43px;
	float:left;
	margin:0 2px 0 0;
	background:transparent url(../img/menu/onglet.png) no-repeat 0 0;
}
#menu ul li:hover, #menu ul li.hover, #menu ul li.selected{
	background-position:0 -43px;
}
.ie6 #menu ul li{
	background-image:url(../img/menu/onglet-ie6.png);
}
#menu ul li a{
	display:block;
	width:auto;
	height:43px;
	overflow:hidden;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:12px 0 0 0;
	text-align:center;
}
#menu ul li ul{
	display:none;
	visibility:hidden;
	position:absolute;
	bottom:43px;
	left:0;
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
}
#menu ul li:hover ul, #menu ul li.hover ul{
	display:block;
	visibility:visible;
}
#menu ul li:hover a, #menu ul li.hover a, #menu ul li.selected a{
	color:#005DA8;
}
#menu ul li ul li{
	display:block;
	float:none;
	clear:both;
	margin:0 0 2px 0;
	padding:0;
	height:100%;
	overflow:hidden;
	background-image:none;
}
.ie7 #menu ul li ul li, .ie6 #menu ul li ul li{
	margin-bottom:0;
	background-image:none;
}
#menu ul li ul li a{
	display:block;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:4px 0 5px 0;
	font-size:12px;
	font-weight:normal;
	background-color:#005DA8;
}
#menu ul li:hover ul li a, #menu ul li.hover ul li a{
	color:#fff;
}
#menu ul li ul li a:hover{
	color:#005DA8;
	background-color:#FCC300;
}