/* CSS Document */

body {
	background:url(../images/bg.gif);
	background-repeat:repeat;
	background-color: #525A6E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #162542;
	margin-top:4px;
	padding:0px;
}

#site-content {
	margin: auto;
	width: 731px;
	position: relative;
}
#espace-menu {
	position:absolute;
	left:0px;
	top:111px;
	width:731px;
	height:4px;
	z-index:1;
	background-image: url(../images/menu_01.jpg);
	background-repeat: no-repeat;
}
#menu {
	position:absolute;
	left:0px;
	top:115px;
	width:731px;
	height:17px;
	z-index:2;
	background-image: url(../images/menu_02.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
	text-align: center;
	color: #162542;	
}
.active {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#5e5f96;
	vertical-align: bottom;
		padding-right: 5px;
	padding-left: 5px;
}
#menu a {
	text-decoration: none;
	color: #162542;
	vertical-align: bottom;
		padding-right: 5px;
	padding-left: 5px;
}
#menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: bottom;
	background-color: #162542;
	padding-right: 5px;
	padding-left: 5px;
}

#presentation {
	position:absolute;
	left:0px;
	top:132px;
	width:731px;
	height:93px;
	z-index:3;
	background-image: url(../images/crcm_06.jpg);
}
#bord-gauche {
	position:absolute;
	left:0px;
	top:225px;
	width:17px;
	height:32px;
	z-index:4;
	background-image: url(../images/crcm_07.jpg);
}
#heure {
	position:absolute;
	left:17px;
	top:233px;
	width:112px;
	height:24px;
	z-index:5;
	background-image: url(../images/crcm_08.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left:5px;
}



/* différents top de sous-menu */

#sous-menu-top {
	position:absolute;
	left:134px;
	top:225px;
	width:582px;
	height:8px;
	z-index:1;
	background-image: url(../images/sous-menu_top.jpg);
}
#sous-menu-top-02 {
	position:absolute;
	left:134px;
	top:225px;
	width:582px;
	height:8px;
	z-index:1;
	background-image: url(../images/histoire/sous-menu-01.jpg);
}
#sous-menu-top-03 {
	position:absolute;
	left:134px;
	top:225px;
	width:582px;
	height:8px;
	z-index:1;
	background-image: url(../images/flotte/sous-menu-01.jpg);
}
#sous-menu-top-04 {
	position:absolute;
	left:134px;
	top:225px;
	width:582px;
	height:8px;
	z-index:1;
	background-image: url(../images/sous-menu-03-A.jpg);
}



/* différents bg de sous-menu */

#sous-menu_01 {
	position:absolute;
	left:134px;
	top:233px;
	width:582px;
	height:24px;
	z-index:6;
	background-image: url(../images/sous-menu_01.jpg);
}
#sous-menu_02 {
	position:absolute;
	left:134px;
	top:233px;
	width:582px;
	height:24px;
	z-index:6;
	background-image: url(../images/histoire/sous-menu-02.jpg);
}
#sous-menu_03 {
	position:absolute;
	left:134px;
	top:233px;
	width:582px;
	height:24px;
	z-index:6;
	background-image: url(../images/flotte/sous-menu-02.jpg);
}
#sous-menu_04 {
	position:absolute;
	left:134px;
	top:233px;
	width:582px;
	height:24px;
	z-index:6;
	background-image: url(../images/sous-menu-03-B.jpg);
}

/* différents style de lien de sous-menu */
#sous-menu_02 a {
	text-decoration: none;
	color: #9D9DA9;
	font-style: none;
}

#sous-menu_02 a:hover {
	text-decoration: none;
	color: #42566f;
	font-style: none;
}
#sous-menu_03 a {
	text-decoration: none;
	color: #9D9DA9;
	font-style: none;
}


#sous-menu_03 a:hover {
	text-decoration: none;
	color: #42566f;
	font-style: none;
}



/*----------------------------------------*/
#titre {
	position:absolute;
	left:154px;
	top:13px;
	width:561px;
	height:60px;
	z-index:100;
	background-image: url(../images/titre.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 60px;
}


#bord-droit {
	position:absolute;
	left:716px;
	top:225px;
	width:15px;
	height:32px;
	z-index:7;
	background-image: url(../images/crcm_10.jpg);
}
#contenu {
	position:absolute;
	left:0px;
	top:257px;
	width:731px;
	z-index:8;
	background-image: url(../images/crcm_14.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #42566f;
	text-align: justify;
}
#contenu a {
	text-decoration: none;
	color: #9D9DA9;
	font-style: none;
}

#contenu a:hover {
	text-decoration: none;
	color: #42566f;
	font-style: none;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9D9DA9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9D9DA9;
	width: 700px;
	padding-top: 5px;
}

.style5 {font-size: 5px}
.style6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
}
.style7 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.style8 {
	font-size: 9px;
	font-style: italic;
}
.style9 {
	font-size: 16px;
	font-weight: bold;
}
.style10 {
	font-size: 11px;
	font-weight: bold;
}
.style11 {font-size: 11px}

.style12 {
	font-size: 10px;
	color: #162441;
}
.Style13 {
	color: #FF0000;
	font-weight: bold;
}
.Style14 {color: #FF0000}
.Style15 {
	font-size: 12px;
	font-weight: bold;
}
.Style16 {color: #FFFFFF}
.Style17 {color: #660066}
.Style18 {color: #42566f}

#langue_top {
	position:absolute;
	left:17px;
	top:225px;
	width:117px;
	height:8px;
	z-index:1;
	background-image: url(../images/crcm_08_top.jpg);
	background-repeat: no-repeat;
}

#langues {
	position:absolute;
	left:673px;
	top:91px;
	width:47px;
	height:24px;
	z-index:1;
}
#cadre-info {
	border: 1px solid #42566F;
}

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




#flotte01 dt {
	cursor: pointer;
	margin: 0px;
	width: 501px;
	height: 61px;
	line-height:61px;
	font-weight:bold;
	font-size:14px;
	text-align: center;
	background-image: url(../images/flotte/titre-sambre.jpg);
	background-repeat: no-repeat;
		z-index: 51;
}

#flotte01 dd {
	background-image: url(../images/flotte/bg-flotte.gif);
	background-repeat: repeat-y;
		z-index: 51;
}
#flotte02 dt {
	cursor: pointer;
	margin: 0px;
	width: 501px;
	height: 61px;
	text-align: center;
	background-image: url(../images/flotte/titre-rmb24.jpg);
	background-repeat: no-repeat;
	z-index: 52;
}

#flotte02 dd {
	background-image: url(../images/flotte/bg-flotte.gif);
	background-repeat: repeat-y;
		z-index: 52;
}
#flotte03 dt {
	cursor: pointer;
	margin: 0px;
	width: 501px;
	height: 61px;
	text-align: center;
	background-image: url(../images/flotte/titre-zee-egel.jpg);
	background-repeat: no-repeat;
		z-index: 53;
}

#flotte03 dd {
	background-image: url(../images/flotte/bg-flotte.gif);
	background-repeat: repeat-y;
		z-index: 53;
}
#flotte04 dt {
	cursor: pointer;
	margin: 0px;
	width: 501px;
	height: 61px;
	text-align: center;
	background-image: url(../images/flotte/titre-t25.jpg);
	background-repeat: no-repeat;
		z-index: 54;
}

#flotte04 dd {
	background-image: url(../images/flotte/bg-flotte.gif);
	background-repeat: repeat-y;
		z-index: 54;
}
#flotte05 dt {
	cursor: pointer;
	margin: 0px;
	width: 501px;
	height: 61px;
	text-align: center;
	background-image: url(../images/flotte/titre-westhinder.jpg);
	background-repeat: no-repeat;
		z-index: 55;
}

#flotte05 dd {
	background-image: url(../images/flotte/bg-flotte.gif);
	background-repeat: repeat-y;
		z-index: 55;
}



#menu-inscription {
position: absolute; /* placement du menu, à modifier selon vos besoins */
/* top: 0; */
/* left: 0; */
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu-inscription dl {
float: left;
width: 12em;
}
#menu-inscription dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu-inscription dd {
display: none;
border: 1px solid gray;
}
#menu-inscription li {
text-align: center;
background: #fff;
}
#menu-inscription li a, #menu-inscription dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu-inscription li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

#intro a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#intro a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#sousmenugalerie {
	width:544px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	font-weight: normal;
	color: #162542;
	text-decoration: none;
	background-image: url(../images/bg-menu-galerie.png);
	background-repeat: no-repeat;
	height: 24px;
}
#sousmenugalerie a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #162542;
	text-decoration: none;
}
#sousmenugalerie a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#imagenews {
	background-image:url(../images/news/bg-div.jpg);
	background-repeat:no-repeat;
	width:516px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
#divnews {
	width:536px;
/*marging-left:8px;*/
}
#titre-news {
	width:526px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:29px;
	line-height:29px;
}
.footer-news {
	width:258px;
	height:16px;
	padding-right:10px;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	display:block;
}
#footer-nbcomment {
	height:16px;
	padding-left:10px;
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	display:block;
}
#footer-nbcomment a{
    color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer-nbcomment a:hover{
    color:#42566f;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#btt-lireplus a{
	display:block;
	color:#42566F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-droite.png);
	background-repeat:no-repeat;
 	background-position: right center;
	padding-right:10px;
			height:15px;
	line-height:15px;
	width:85px;
	text-align:right;
	font-weight:bold;
}
#btt-lireplus a:hover{
	display:block;
	color:#9d9da9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-droite-on.png);
	background-repeat:no-repeat;
 	background-position: right center;
	padding-right:10px;
	height:15px;
	line-height:15px;
	width:85px;
	text-align:right;
	font-weight:bold;
}
#btt-lireplus-tem a{
	display:block;
	color:#42566F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-droite.png);
	background-repeat:no-repeat;
 	background-position: left center;
	padding-left:15px;
			height:15px;
	line-height:15px;
	text-align:left;
	font-weight:bold;
}
#btt-lireplus-tem a:hover{
	display:block;
	color:#9d9da9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-droite-on.png);
	background-repeat:no-repeat;
 	background-position: left center;
	padding-left:15px;
	height:15px;
	line-height:15px;
	text-align:left;
	font-weight:bold;
}

#btt-retour a{
	display:block;
	color:#42566F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-gauche.png);
	background-repeat:no-repeat;
 	background-position: left center;
	padding-left:10px;
			height:15px;
	line-height:15px;
	width:70px;
	text-align:left;
	font-weight:bold;
}
#btt-retour a:hover{
	display:block;
	color:#9d9da9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/fleche-gauche-on.png);
	background-repeat:no-repeat;
 	background-position: left center;
	padding-left:10px;
	height:15px;
	line-height:15px;
	width:70px;
	text-align:left;
	font-weight:bold;
}
#ok {
	width:520px;
	padding:5px;
	margin-left:5px;
	background-color:#D7EBBC;
	border: 1px solid #006600;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.linkpage a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274ca6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #b5c8f6;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;

}
.linkpage a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #b5c8f6;
	text-decoration:none;
	background-color:#eff4fa;
	font-style:normal;
	font-weight:bold;
}
.linkpageon a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #b5c8f6;
	text-decoration:none;
	background-color:#eff4fa;
	font-style:normal;
	font-weight:bold;
}
.linkpageon a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #b5c8f6;
	text-decoration:none;
	background-color:#eff4fa;
	font-style:normal;
	font-weight:bold;
}
#ephemeride {
	width:500px;

}