body {
	margin: 0;
	scrollbar-face-color: #2061D7;
	scrollbar-shadow-color: #2061D7;
	scrollbar-highlight-color: #2061D7;
	scrollbar-3dlight-color	: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #B2D7F8;
	scrollbar-arrow-color: #F58B2F;
	}
#generale {
	width: 780px;
	position: relative;
	margin: auto;
	z-index: 1;
	text-align: left;
	}
#fond_gen {
	position: absolute;
	background-image: url(/web/img/fond_bleu.gif);
	background-position: top left;
	background-repeat: repeat-y;
	top: 0px;
	left: 0px;	
	}
#logo_cci {
	position: absolute;
	top: 70px;
	left: 15px;
	z-index: 6;
	}
#bandeau {
	position: relative;
	width: 780px;
	height: 88px;
	top: 0px;
	left: 0px;
	z-index: 2;
	margin: 0px;
	border: 0px;
	}
#fond_sommaire {
	position: relative;
	width: 780px;
	height: 52px;
	top: 0px;
	left: 0px;
	z-index: 5;
	background-image: url(http://www.ouistreham-plaisance.com/web/img/fond_sommaire.gif);
	background-repeat: repeat-x;
	margin: 0px;
	}
#sommaire {
	position: relative;
	top: 21px;
	left: 80px;
	z-index: 6;
	width: 780px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	}
#sommaire_uk {
	position: relative;
	top: 21px;
	left: 75px;
	z-index: 6;
	width: 780px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	}
#sommaire a {
	color: #FFFFFF;
	text-decoration: none;
	}
#sommaire a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
#sommaire ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
#sommaire li {
	text-align: center;
	vertical-align: middle;
	display: inline;
	padding: 0px 3px 0px 3px;
	}
#sommaire_uk a {
	color: #FFFFFF;
	text-decoration: none;
	}
#sommaire_uk a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
#sommaire_uk ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
#sommaire_uk li {
	text-align: center;
	vertical-align: middle;
	display: inline;
	padding: 0px 3px 0px 3px;
	}
#menuDyn {
	position: absolute;
	visibility: hidden;
	z-index: 10;
	}
#sous_rubriques {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: left;
	border: 1px solid #272727;
	}
#sous_rubriques a {
	text-decoration: none;
	color: #FFFFFF;
	}
#sous_rubriques a:hover {
	text-decoration: none;	
	color: #FFFFFF;
	}
#milieu {
	position: relative;
	width: 780px;
	height: 484px;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-color: #B2D7F8;
	}
#bas {
	position: relative;
	width: 780px;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-color: #2061D7;
	padding: 3px 0px 4px 0px;
	clear: both;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	}
#bas a {
	color: #FFB43D;
	text-decoration: none;
	}
#bas a:hover {
	color: #FFB43D;
	text-decoration: underline;
	}
#milieu_gauche {
	position: relative;
	width: 202px;
	height: 484px;
	left: 0px;
	z-index: 3;
	float: left;
	background-color: #B2D7F8;
	height: 484px;
	}
#milieu_droite {
	position: relative;
	width: 578px;
	min-height: 484px;
	z-index: 3;
	float: right;
	background-color: #B2D7F8;
	}
#milieu_droite a {
	color: #F58B2F;
	text-decoration: underline;
	}
#milieu_droite a:hover {
	color: #F58B2F;
	text-decoration: underline;
	}

/*montage du cadre de gauche*/
#milieu_gauche_haut {
	position: relative;
	width: 192px;
	height: 6px;
	z-index: 3;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	}
#milieu_gauche_milieu {
	position: relative;
	width: 192px;
	height: 452px;
	z-index: 3;
	background-color: #84BDF0;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	}
#milieu_gauche_bas {
	position: relative;
	width: 192px;
	height: 6px;
	z-index: 3;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	clear: both;
	}

/*contenu de la partie de gauche*/
#milieu_tab_bord {
	position: relative;
	z-index: 4;
	background-color: #2061D7;
	height: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#titre_tab_bord {
	position: relative;
	z-index: 5;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #F58B2F;
	font-weight: bold;
	}
#horaires_marees {
	position: relative;
	z-index: 5;
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}
#marees {
	position: relative;
	z-index: 5;
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}
.marees_du_jour {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	}
.marees_du_jour_bold {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
#menu_gauche {
	position: relative;
	z-index: 3;
	width: 51px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
	}
#picto {
	margin: 5px 0px 0px 10px; 
	}
#menu_gauche img {
	border: 0px;
	}
#menu_photos {
	position: relative;
	z-index: 3;
	width: 141px;
	padding: 0px;
	padding: 0px;
	margin: 0px;
	float: right;
	}
#photo {
	margin: 15px 0px 0px 10px;
	}
#photos img {
	border: 0px;
	}