/* CSS Document */

/* Fond du document et typo par defaut */
html {
	padding:0;
	margin:0;
	border:0;
}

body {
	background-color:#333333;
	margin:0;
	padding:0;
	boder:0;
	font-family: Verdana, Helvetica,sans-serif;
	font-size: 11px; 
	color:#999999;
	margin-top:10px;
	margin-bottom:10px;	
}


#home {
	margin-top:40px;
}

h1 {
	color: white;
	font-size: 15px; 
}

#titre {
	position:relative;
	left:9px;
	top:45px;
	width:592px;
	height:60px;
	z-index:1;
}

/* HOMEPAGE */

a.active2, a.active2:hover {
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-decoration:none !important;
}

a.normal {
	color: #FFFFFF;
	text-decoration:none
}


a.normal:hover {
	color: #FFFFFF;
	text-decoration:underline
}

.hotnews{
	text-align:right !important;
	color: #2e9ab6;
}


/* BEFORE */

body.playerjaune {
	margin:0;
	padding:0;
	boder:0;
	background-color:#FEDA79;
}

body.player {
	margin:0;
	padding:0;
	boder:0;
}


#before h2{
	color: #feda79;
	font-size: 12px; 
	font-weight:bold;
} 

table.hotnews th, table.calendar th {
	color: #ff992e;
	font-size: 12px; 
	font-weight:bold;
}

#before {
	width:1040px;
	border:0;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
}

#before a {
	color: #FEDA79;
	text-decoration:none
}

#before a:hover {
	color: #FEDA79;
	text-decoration:underline
}

#before .active {
	color: #FEDA79 !important;
	font-weight:bold !important;
}


#before .logo {
	width:320px;
	height:320px;
	margin-right:100px;
}

#before .picture:hover {
	border: 1px solid #FEDA79;

}

/* DURING */

body.playervert {
	margin:0;
	padding:0;
	boder:0;
	background-color:#FFFFFF;
}

#during h2 {
	color: #2e9ab6;
	font-size: 12px; 
	font-weight:bold;
}

#during {
	width:1040px;
	border:0;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
}

#during a {
	color: #2e9ab6;
	text-decoration:none
}

#during a:hover {
	color: #2e9ab6;
	text-decoration:underline
}

#during .active {
	color: #2e9ab6 !important;
	font-weight:bold !important;
}

#during .logo {
	background-color:#2e9ab6;
	margin-bottom:1px;
	width:321px;
	height:321px;
	margin-right:100px;
}

#during .picture:hover {
	border: 1px solid #2e9ab6;

}

/* BELGIANS NIGHT */
#belgian h2{
	color: #e2001a;
	font-size: 12px; 
	font-weight:bold;
} 

#belgian {
	width:1040px;
	border:0;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
}

#belgian a {
	color: #e2001a;
	text-decoration:none
}

#belgian a:hover {
	color: #e2001a;
	text-decoration:underline
}

#belgian .active {
	color: #e2001a !important;
	font-weight:bold !important;
}


#belgian .logo {
	width:320px;
	height:320px;
	margin-right:100px;
}

#belgian .picture:hover {
	border: 1px solid #e2001a;

}

/* AFTER */
body.playerbleu {
	margin:0;
	padding:0;
	boder:0;
	background-color:#e0d9c6;
}

#after h2 {
	color: #d15474;
	font-size: 12px; 
	font-weight:bold;
}


#after {
	width:1040px;
	border:0;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
}

#after a {
	color: #d15474;
	text-decoration:none
}

#after a:hover {
	color: #d15474;
	text-decoration:underline
}

#after .active {
	color: #d15474 !important;
	font-weight:bold !important;
}

#after .logo {
	background-color:#c5b6e1;
	margin-bottom:1px;
	width:321px;
	height:321px;
	margin-right:100px;
}

#f .picture:hover {
	border: 1px solid #99CCFF;

}


/* FIN DES SECTIONS */ 

#menu {
	text-align:right;
	padding: 50px 0 0 0;
	width:200px;
	float:left;	
	/* border:1px dotted silver; */
}

#menu ul li {
	padding: 7px 4px 7px 0;
	margin:0;
	list-style-type:none;
}

#menu ol {
	padding: 10px 10px 30px 0px;
	margin:0;
	list-style-type:none;

}

#menu ol li {
	border-right: 1px dotted silver;
	padding: 7px 8px 7px 0;
	list-style-type:none;

}

#menu a {
	color: silver; 
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}



#menu a:hover {
	background-color:#222222;
	color: white;
	/* font-weight:normal !important; */
	padding: 2px 4px 2px 4px;	
	text-decoration: none;
}

#texte {
	background-color:#222222;
	line-height: 16px;	
	padding: 40px 20px 10px 20px;
	margin:0;
	width:360px;
	float:left;	
}

#contenu {
	height:640px;
	margin-bottom: 20px;
	margin-top: 55px;
}

span {
	color:white;
}


#archives a  {
	color: silver;
	margin-right:20px;
	text-decoration:none;
	font-weight:bold;
}

#archives a:hover {
	text-decoration:none;
}


#droite {
	width:421px;
	padding:0;
	margin:0;
	boder:0;
	padding-left:1px;	
	float:left;	
}

#illustration {
	width:160px;
	height:160px;
	margin:0;
	padding:0;
	background: #ea8d52;
	float:left;
}

#illustrationduring {
	width:160px;
	height:160px;
	margin:0;
	padding:0;
	background: #1683c8;
	float:left;
}

#illustrationafter {
	width:160px;
	height:160px;
	margin:0;
	padding:0;
	background: #7268b3;
	float:left;
}


#retour{
	width:160px;
	height:160px;
	margin:0;
	padding:0;
	background: #696969;
	float:left;
}

#illu2,  #illu1 IMG, #illu2 IMG, .section {
	margin:0;
	padding:0;
	border:0;
}

p {
	text-align:justify;
}

#texte ul {
	margin-left:20px;
	padding:0;
}

#texte li {
	list-style-type: square;

}



table {
	border:0;
	margin:0;
	padding:2;
	border-collapse: collapse;
}

th {
	text-align:left;
	color:white;
}

td {
	vertical-align:top;
	
}
.row1 {
	background-color:#333333;
}


.dias {
	border: 1px solid;
	width: 90px;
	height: 60px;
	float: left;
	padding : 7px;
	margin: 4px;
	/* background-color: #ffffff; */
	border: 1px dashed gray;
}

.bloc {
	clear:both;
	
}


.picture {
	border: 0px solid #222222;

}

ul.outils {
	border: 1px solid #CCCCCC
	padding:0;
	margin:0;
	list-style:none;
}

ul.outils li {
	margin:8px;
}


.ico {
	border:0;
}

a.icolegende {
	text-decoration:none;
	color:#333333;
}

#coordonnees {
	padding:8px;
	
}

#coordonnees h2 {
	color:white;
	padding:0;
	margin:0;
	border:0;
}


#coordonnees p {
	line-height:14px;
	padding:0;
	margin:0;
	border:0;
}

#toprint {
	visibility:hidden;
	display:none;
}

a.home, a.home:hover {
	color:#ff992e;
}

.blocCarre {
	width:100%;
	margin:8px;
	color: black; 
}