/*	========================================
 	Feuille de style pour Palettestpiat.be
 	========================================*/

/* --- Styles globaux de la page --- */ 
body {
	margin: 0px;
	padding: 10px;
	font-family: "Comic sans ms", verdana, arial, sans-serif;
	color : white;
	background: black;
	font-size: 1em;
}
a {
	color: #52BAE5;
}

#global{
	margin-right: auto; /* Pour centrer notre page */
	margin-left: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
	margin-bottom: 20px; /* Pour éviter de coller avec le bas de la fenêtre du navigateur.*/
	width: 975px; /*925px avant */
	position: relative;
	text-align: center;
	border-bottom: solid 5px rgb(83,186,229);
	border-left: solid 5px #53BAE5;
	border-right: solid 5px #53BAE5;
	border-top: solid 5px #53BAE5;
}

/* --- L'en-tête --- */
#en_tete {
   	width: 975px;
   	height: 121px;
   	/*background: url("img/logo.jpg");*/
   	/*background-repeat: no-repeat;*/
}

#en_tete h1{
   	font-weight: normal;
	text-transform: lowercase;
	color: white;
   	margin-bottom: 0px;
	margin-top : 0px;
}
#en_tete h1 img{
	margin-left: -74px;  /*compenser pour l image*/
}

/*  --- Navigation --- */
/*menu horizontal*/
#menuh {
	clear: both;  
	float: left;  
	width: 975px; 
	margin: 0px;   
	padding: 0px; 
	border-top: solid 1px rgb(83,186,229); 
	border-bottom: solid 1px rgb(83,186,229);
}
#menuh a {
	color: white;  
	margin: 0px; 
	padding: 0px 10px 0px 10px;
	border-right: solid 1px #53BAE5; 
	text-decoration: none;
	font-size: 1em;		
}
#menuh a:hover, #menuh a.selected {
	background-color: inherit;
	color: #53BAE5; 
	text-decoration: none;
}

/*menu vertical + Sponsors*/
#menusponsors{
	float:left;
        width:160px;
	/*border: 2px solid yellow;*/
}

/* Le menu vertical*/
#menu{
   	/*float: left;*/
   	width: 140px;
	font-size: 10pt;
	border: 2px solid  #0075CB;
	margin:10px;
	padding:0px;
	background-color: #52BAE5;
   	background-image: url("img/entete.png");
   	background-repeat: repeat-x;
	background-position: top;
}
#menu h3{
	color:black;
	margin-top:3px;
   	font-family: Arial;
   	text-align: center;
}
#menu ul{
   	list-style-image: url("images/puce.png");
   	padding: 0px;
   	padding-left: 20px;
   	margin: 0px;
   	margin-bottom: 1px;
	text-align: left;
}
#menu a{
	color: black;
}
#menu a:hover{
   	background-color: #B3B3B3;
   	color: black;
}

/* Sponsors*/
#sponsors{
	margin-left:10px;
}

#sponsors a img {
	margin-bottom:1px;
}

/*Annif*/
#annif{
	margin-left:10px;
        text-align: center;
}

/* Le corps de la page */
#corps{
   	margin-left: 175px;
	margin-top: 30px;
	margin-right: 10px;
   	padding: 10px;
   	/*color: #B3B3B3;*/
      	border: 2px solid white;
}

#corps h1{
	/*font-size:1.3em; */
	color:#eba223;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page{
	clear : both;
   	padding: 2px;
	margin-top: 5px;
	text-align: center;
	color:black;
        background-color: #52BAE5;
   	border: 0px solid black;
	height: 22px;
}


















.cadreducorps{
	//border: 2px solid white;
	border: 0px solid white;
	margin-bottom:15px;
	padding: 10px;
	
}
.cadreducorps h2{
	margin : 0px;
	background-color: grey;
	font-size:0.8em;
	color: white;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
        padding top:1px;
	
}

.news{
	/*height:175px;*/
	padding-top : 10px;
	font-size: 0.8em;
	color: white;
}
.news p{
	margin : 0px 0px 0px 0px;
}
#news1{
	/*float: left;*/
	/*width: 250px;*/
}
#news2{
	/*margin-left: 300px;*/ /*400px-350px = marge entre photosimage et photosinformations */
}

.photos{
	height:175px;
	padding-top : 10px;
	font-size: 0.8em;
	color: white;
}

#photosimage{
	float: left;
	width: 250px;
}
#photosinformations{
	margin-left: 300px; /*400px-350px = marge entre photosimage et photosinformations */
}


.head {
	BORDER-RIGHT: #000000 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #707070 1px solid;
	PADDING-LEFT: 5px;
	BACKGROUND: #191919; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #707070 1px solid; 
	TEXT-INDENT: 0px; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #000000 1px solid;
}
.even {
	BORDER-RIGHT: #000000 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #707070 1px solid; 
	PADDING-LEFT: 5px; 
	BACKGROUND: #272727; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #707070 1px solid; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #000000 1px solid;
}

.liens{
	min-height: 110px;
	padding-top:10px;
	color: white;
	font-size: 0.8em;
	border-bottom : dashed 1px grey;
	
}

#liensnews1{
	float: left;
	width: 400px;
}
#liensnews2{
	margin-left: 400px; /*200px-150px = marge entre photosimage et photosinformations */
}