@charset "utf-8";
/* CSS Document */


/* BODY */
body {
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#1e6d84;
	font-family: Arial;
	font-size: 8pt;
	color: #50889b;
	overflow-x: hidden;
	margin: 0;
 	padding: 0;
}

i {
	color: #4493ae;
}

b {
	color: #297d99;
	font-weight:bold;
}

strong {
	color: #20738b;
	font-weight:bold;
}

h1, h2 {
	letter-spacing:1px;
	color:#fff;
	font-weight:normal;		
	margin-bottom:-18px;
	font-size:16px;
}

em {
	color:#bfced4;
	font-size:9px;
}


 /* LINKS */
 
a:link {
	color:#297d99;
	text-decoration:none;
}

a:active {
	color:#297d99;
	text-decoration:none;
}

a:visited {
	color:#297d99;
	text-decoration:none;
}

a:hover {
	color: #fff;
	text-decoration:line-through;
	cursor:help;
}


/* WELCOME */

.welcome {
	position:absolute;
	text-align:center;
	width :259px;
	height :110px;
	background:none;
	margin-top:78px;
	margin-left:247px;
	font-family:"Time";
	text-shadow: 1px 1px #fff;
	font-weight:bold;
	font-size:24px;
	color:#999;
	left: -217px;
	top: 55px;
}

/* MENU */

.menu {
	position:absolute;
	width:2000px;
	height :35px;
	margin-top:407px;
	text-align:center;
	left: -66px;
	top: 6px;
	font-size:16px;
	background-color:#06465f;
}

.menu-album {
	font-size:13px;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#17222f;
	border-left: 1px dashed #7a9eac;	
	border-right: 1px dashed #7a9eac;
	padding-top:20px;
	color:#7a9eac;
}

/* menu déroulant */

#navigation
{
	z-index:9;
	margin-top:445px;
	margin-left:100px;
	font-size:18px;
	list-style-type: none;
	padding-left: 45px;
	position: absolute;
	-moz-border-radius: 10px 10px 10px 10px; 
	webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 	
}

#navigation li
{
	float: left;
	padding: 5px 10px 5px 10px;
	display:block;
	background-color:#0a4c66;
	color:#fff;
	border-top: 1px dashed #7a9eac;	
	
}

#navigation li a:link, #navigation li a:visited
{
	display: block;
	height: 1%;
	color:#fff;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
	border: 1px dashed #799eaa;
}
#navigation li a:hover { 
	color: #fff;
	background-color:#2d6074;
	-moz-border-radius: 10px 10px 10px 10px; 
	webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
}
	
#navigation li a:active { background-color: #8eb6c3; }

#navigation .sousMenu
{
	display: none;
	list-style-type:none;
	margin: 0;
	padding:2px;
	border: 0;
	text-align:left;
	font-size:11px;
	background:none;
	
}
#navigation .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border-top: 0px solid #6e6e6f;
	border-right: 0px solid transparent;
	background:none;
}
#navigation .sousMenu li a:link, #navigation .sousMenu li a:visited
{
	display: block;
	color: #fff;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color:none;
}
#navigation .sousMenu li a:hover
{
	background-image: none;
	background-color: #2d6074;
	color:#fff;
}

#navigation li:hover > .sousMenu { display: block; }

/* TITLE */

.title-top {
	background-color:#032d3e;
	font-family: Time;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	word-spacing: 2px;
	text-transform: none;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	border-bottom: 1px dashed #40879f;
	border-top: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
	border-right: 1px dashed #40879f;
	-moz-border-radius: 10px 10px 0 0; 
	webkit-border-radius: 10px 10px 0 0; 
	border-radius: 10px 10px 0 0;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	
}

.title {
	background-color:#073e54;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #a7afb8;
	border-left: 1px dashed #40879f;
	border-right: 1px dashed #40879f;
}


.title-bottom {
	background-image:url(images/menu/content-bottom.png);
	background-position:right;
	background-repeat:;
	border-bottom: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
	border-right: 1px dashed #40879f;
}

/* IMAGES */

.elite {
	border:1px dashed #297d99;
	padding:2px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
  
.elite:hover {
	border:1px dashed #297d99;
	padding:2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor:help;
}

.img1 {
	background-color:#190f22;
	border:2px dashed #297d99;
	margin:2px 4px;
	padding: 3px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.img1:hover {
	background-color: #13263b;
	border: 2px dashed #436a94;
	margin: 2px 4px;
	padding: 3px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor:help;
}

.a.img1 {
	background-color: #13263b;
	border: 2px dashed #297d99;
	margin: 2px 4px;
	padding: 3px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.a.img1:hover {
	background-color: #13263b;
	border: 2px dashed #436a94;
	margin: 2px 4px;
	padding: 3px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor:help;
}


  /* CONTENT */

.content-title {
	background-color:#032d3e;
	font-family: Time;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	word-spacing: 2px;
	text-transform: none;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	border-top: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
	border-right: 1px dashed #40879f;
	border-bottom: 1px dashed #40879f;
	-moz-border-radius: 10px 10px 0 0; 
	webkit-border-radius: 10px 10px 0 0; 
	border-radius: 10px 10px 0 0;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	
}

.content-title2 {
	background-color:#151f2b;
	background-image:url(images/bg-menu.jpg);
	background-repeat:repeat-x;
	font-family: Time;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	word-spacing: 2px;
	text-transform: none;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	border-top: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
	border-right: 1px dashed #40879f;
	border-bottom: 1px dashed #40879f;
	
}

.content-title3 {
	text-align:center;
	font-size:20px;
	word-spacing:3px;
	font-weight:bold;
	color: #4f87b0;
	border-bottom: 4px dotted #073e54;
	border-left: 4px dotted #073e54;
	border-right: 4px dotted #073e54;
	background-color:#1d3d55;
	padding:2px;
}

.content {
	background-color:#073e54;
	font-family:"Trebuchet MS";
	font-size:11px;
	font-style:normal;
	color: #b7b7b7;
	padding:5px 20px 5px 15px;	
	margin-left:10px;
	width:100%;
	border-right: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
}

.content-bottom {
	background-image:url(images/menu/content-bottom.png);
	background-repeat:repeat-x;
	border-right: 1px dashed #40879f;
	border-bottom: 1px dashed #40879f;
	border-left: 1px dashed #40879f;
}

.title-cutenews {
	
	text-align:left;
	font-family:Time;
	font-size:28px;
	font-style:italic;
	font-weight:bolder;
	color:#fff;
	padding: 3px 3px 3px 5px;
	border-bottom: 2px dashed #4eb1d9;
}

.comment-cutenews {
	font-size:16px;
	font-family:time;
	text-align:center;
	color:#FFF;
	background-color:none;
	padding:5px;
}

.date-cutenews {
	font-size:10px;
	font-family:tahoma;
	color:#315764;
	text-align:left;
	padding:5px;
}

.pages-cutenews {
	font-size:11px;
	font-weight:bold;
	font-family:tahoma;
	color:#333;
	text-align:center;
	padding:5px;
}


  /* TEXTBOX */
 
.textbox {
	width: 215px;
	background-color:#053345;
	border: 0px solid #3366FF;
	border-left: 5px solid #297d99;
	border-bottom: 1px dashed #297d99;
	border-top: 1px dashed #297d99;
	padding: 5px 5px 5px 15px;
	margin-left:10px;
	color:#637a94;
	text-align:left;
}

.textbox-title { 
	font-size:13px;
	font-weight:bold;
	color:#297d99;
	margin-left:0px;
	text-transform: uppercase;
	border-bottom: 1px dashed #40879f;
	text-align:left;
}

.textbox p {
	padding:0px;
	margin:0px;
}

  /* RELEASES */
  
.release {
	padding:3px;
	background-color:#073e54;
	text-align:left;
	font-family:Tahoma;
	font-size:10px;
	border: 1px dashed #3e5877;
}

.release-txt {
	background-image:url(images/menu/fd-rel.png);
	padding:3px;
	background-color:#1e242a;
	text-align:left;
	font-family:Tahoma;
	font-size:10px;
	border-bottom: 1px dashed #3e5877;
}

  /* TEXTAERA */

textarea#styled {
	width: 510px;
	height: 40px;
	border: 1px dashed #297d99;
	padding: 5px;
	font-family: Arial;
	color:#CCC;
	font-size:11px;
	background-color: #13263b;
}
 
  /* TOGGLE OPACITE */

.toggleopacity {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border: 1px dashed #426882;
}

.toggleopacity:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor:help;
	border: 1px dashed #4d7997;
}

.toggleopacity img{ 
	border: 1px solid #cccccc; 
}
	
.toggleborder:hover img{ 
	border: 1px solid navy; 
}

/* FOOTER */

#footer {
	width:100%;
	background-image:url(images/bg-footer.jpg);
	background-repeat:repeat-x;
	height:75px;
	border-top:1px dashed #6CF;
	text-align:center;
	font-family:Tahoma;
	font-size:12px;
	color:#294952;
	padding-top:10px;
}

/* TITLES */

.title-disco {
	font-size:15px;
	font-style:italic;
	border-bottom: 1px dashed #426882;
}

/** Pagination links **/
#pagination{
  float: right;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  font-size: 11px;
}
 
#pagination li{
  float: left;
  margin: 0 2px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 3px 5px;
}
 
#pagination li a{
  display: block;
}
 
#pagination li.activePage{
  border: none;
  background: none;
}