/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/Pixel_Backgroung.jpg);
background-repeat:repeat-x;
}

img{
display:block;
}

object{
display:block;
}

p{
line-height:16px;}


/*--------------------------------------------- GENERAL ----------------------------------------------*/


ul {
font-size:13px;
line-height:16px;
}

a {
text-decoration:none;
font-size:13px;
}

table{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	left: 1px;
}

div#centre{
position:relative;
margin-right:auto;
margin-left:auto;
width:851px;
}


/*--------------------------------------------- HAUT MENU ACCUEIL ----------------------------------------------*/

div#hautmenu{
position:absolute;
	z-index:1;
	left: 650px;
	top: 6px;
	padding-top:1px;
	width:166px;
}


div#hautmenu ul{
list-style:none;
}

div#hautmenu li{
float:left;
}

div#hautmenu li a{
padding:2px 7px 0px 7px;
color:#0087BA;
}

div#hautmenu a:hover{
color:#4d4d4d;
}

div#hautmenu li.border a{
border-right:1px solid #0087BA;
}



div#hautmenfr{
position:absolute;
	z-index:1;
	left: 213px;
	top: 6px;
	width:595px;
	padding-top:1px;
}


div#hautmenu2 ul{
list-style:none;
}

div#hautmenu2 li{
float:left;
}

div#hautmenu2 li a{
padding:2px 7px 0px 7px;
}

div#hautmenu2 p{
float:left;
}

div#hautmenu2 p.sans a{
color:#0087BA;
margin-right:326px;
}

div#hautmenu2 p.sans a:hover{
color:#4d4d4d;
}

div#hautmenu2 li.sans a{
color:#0087BA;
}

div#hautmenu2 li.sans a:hover{
color:#4d4d4d;
}

div#hautmenu2 li.border a{
color:#0087BA;
border-right:1px solid #0087BA;
}

div#hautmenu2 li.border a:hover{
color:#4d4d4d;
}

div#hautmenu2 li.gris a{
color:#4d4d4d;
border-right:1px solid #0087BA;
}

div#hautmenu2 li.gris a:hover{
color:#0087BA;
}

div#hautmenu2{
position:absolute;
	z-index:1;
	left: 213px;
	top: 6px;
	width:595px;
	padding-top:1px;
}


/*--------------------------------------------- HAUT MENU ACCUEIL FRANÇAIS ----------------------------------------------*/

div#hautmenu_fr{
position:absolute;
	z-index:1;
	left: 213px;
	top: 6px;
	width:603px;
	padding-top:1px;
}

div#hautmenu_fr ul{
list-style:none;
}

div#hautmenu_fr li{
float:left;
}

div#hautmenu_fr li a{
padding:2px 7px 0px 7px;
}

div#hautmenu_fr p{
float:left;
}

div#hautmenu_fr p.sans a{
color:#0087BA;
margin-right:326px;
}

div#hautmenu_fr p.sans a:hover{
color:#4d4d4d;
}

div#hautmenu_fr li.sans a{
color:#0087BA;
}

div#hautmenu_fr li.sans a:hover{
color:#4d4d4d;
}

div#hautmenu_fr li.border a{
color:#0087BA;
border-right:1px solid #0087BA;
}

div#hautmenu_fr li.border a:hover{
color:#4d4d4d;
}

div#hautmenu_fr li.gris a{
color:#4d4d4d;
border-right:1px solid #0087BA;
}

div#hautmenu_fr li.gris a:hover{
color:#0087BA;
}

/*--------------------------------------------- HAUT MENU MEMBRE ----------------------------------------------*/

div#hautmenu_membre{
position:absolute;
	z-index:1;
	left: 733px;
	top: 6px;
	width:75px;
	padding-top:1px;
}

div#hautmenu_membre a{
color:#0087BA;
}

div#hautmenu_membre a:hover{
color:#4d4d4d;
}

/*--------------------------------------------- HAUT MENU MEMBRE FRANÇAIS ----------------------------------------------*/

div#hautmenu_membre_fr{
position:absolute;
	z-index:1;
	left: 744px;
	top: 6px;
	width:72px;
	padding-top:1px;
}

div#hautmenu_membre_fr a{
color:#0087BA;
}

div#hautmenu_membre_fr a:hover{
color:#4d4d4d;
}

/*--------------------------------------------- MENU DÉROULANT - TEXTE ----------------------------------------------*/

div#menu ul{
list-style:none
}

div#menu li{
	border-bottom:1px solid #0087BA;
	border-left:1px solid #0087BA;
	border-right:1px solid #0087BA;
	padding:5px 20px 5px 20px;
	background-color:#FFF;
	text-align:center;
		
}

div#menu a{
color:#0087BA;
font-size:14px;
}

div#menu li a:hover{
	color:#4d4d4d;
}

/*--------------------------------------------- MENU DÉROULANT - BLOC POSITION ----------------------------------------------*/

div#un{
	position:absolute;
	z-index:2;
	left: 217px;
	top: 164px;
	visibility:hidden;
} 

div#deux{
	position:absolute;
	z-index:2;
	left: 318px;
	top: 164px;
	visibility:hidden;
} 

div#quatre{
	position:absolute;
	z-index:2;
	left: 638px;
	top: 164px;
	visibility:hidden;
}


div#un_fr{
	position:absolute;
	z-index:2;
	left: 215px;
	top: 163px;
	visibility:hidden;
} 

div#deux_fr{
	position:absolute;
	z-index:2;
	left: 355px;
	top: 163px;
	visibility:hidden;
} 

div#quatre_fr{
	position:absolute;
	z-index:2;
	left: 559px;
	top: 163px;
	visibility:hidden;
}

div#trois_membre{
	position:absolute;
	z-index:2;
	left: 419px;
	top: 164px;
	visibility:hidden;
}

div#quatre_membre{
	position:absolute;
	z-index:2;
	left: 595px;
	top: 164px;
	visibility:hidden;
}

div#trois_membre_fr{
	position:absolute;
	z-index:2;
	left: 376px;
	top: 164px;
	visibility:hidden;
}

div#quatre_membre_fr{
	position:absolute;
	z-index:2;
	left: 557px;
	top: 164px;
	visibility:hidden;
}


/*--------------------------------------------- BAS DE PAGE ----------------------------------------------*/

div#basdepage{
padding-top:5px;
font-size:10px;
text-align:center;
color:#0087BA;
position:relative;
margin-right:auto;
margin-left:auto;
} 

div#basdepage p{
line-height:11px;
} 


/*--------------------------------------------- SECTION MEMBRE ----------------------------------------------*/

div#membre {
	position:absolute;
	z-index:1;
	left: 237px;
	top: 489px;
}

div#membre p{
color:#4d4d4d;
font-size:13px;
} 

div#membre p.titre{
border-bottom:1px solid #4d4d4d;
}

div#membre2 {
	padding-top:10px;
}

div#membre2 p{
padding-bottom:5px;
} 


div#membre2 p.password{
float:left;
padding-right:7px;
}


div#membre2 p.password input{
width:85px;
height:17px;
margin-left:2px;
}


div#membre2 p.user input{
width:150px;
height:17px;
}

div#membre2 p.enter{
margin-top:1px;
}

/*--------------------------------------------- SECTION MEMBRE FRANÇAIS ----------------------------------------------*/

div#membre_fr {
	position:absolute;
	z-index:1;
	left: 226px;
	top: 489px;
}

div#membre_fr p{
color:#4d4d4d;
font-size:13px;
} 

div#membre_fr p.titre{
border-bottom:1px solid #4d4d4d;
}

div#membre2_fr {
	padding-top:10px;
}

div#membre2_fr p{
padding-bottom:5px;
} 


div#membre2_fr p.password{
float:left;
padding-right:7px;
}


div#membre2_fr p.password input{
width:75px;
height:17px;
}


div#membre2_fr p.user input{
width:140px;
height:17px;
}

div#membre2_fr p.enter{
margin-top:1px;
}

/*--------------------------------------------- ZONE TEXTE ----------------------------------------------*/


div#boitetexte{
	position:absolute;
	z-index:1;
	top: 176px;
	left:202px;
	width:620px;
	height:412px;
	overflow:auto;
	background-color:#FFF;
}

div#boitetexte_membre{
	position:absolute;
	z-index:1;
	top: 177px;
	left:201px;
	width:619px;
	height:410px;
	overflow:auto;
	background-color:#FFF;
}

div#background{
background-image:url(images/BoiteBack.jpg);
background-repeat:no-repeat;
height:350px;
}

div#background_membre{
background-image:url(images/BoiteBack_membre.jpg);
background-repeat:no-repeat;
height:350px;
}

div#titre{
padding:18px 40px 10px 20px;
text-align:right;
width:auto;
}

div#titre img{
padding:3px 3px 0px 0px;
display:inline;
}

div#titre h1{
font-size:16px;
color:#CC6212;
font-weight:normal;
margin-bottom:8px;
}

div#texte{
padding:10px 10px 0px 23px;
width:559px;
text-align:justify;
}


div#texte h2{
font-size:14px;
color:#4d4d4d;
font-weight:normal;
}

div#texte h2.bleu{
color:#CC6212;
padding-bottom:2px;
}

div#texte h2.bleumarge{
color:#CC6212;
padding:0px 0px 5px 30px;
}



/*--------------------------------------------- ZONE TEXTE TABLEAU ----------------------------------------------*/




div#texte h2.tableau{
color:#0087BA;
padding:0px 0px 0px 30px;
font-size:12px;
}


div#texte p.textetableau{
color:#4d4d4d;
padding:0px 0px 5px 30px;
line-height:12px;
font-size:11px;
text-align:left;
}

div#texte p.note{
color:#4d4d4d;
padding:5px 0px 5px 30px;
line-height:12px;
font-size:11px;
text-align:left;
}





/*-------------------------------------------------------------------------------------------*/




div#texte h2.bleuhoraire{
color:#CC6212;
padding:0px 0px 5px 0px;
}

div#texte h2.bleu2{
color:#0087BA;
}

div#texte h2.bleuespace{
color:#CC6212;
padding-top:20px;
border-top:1px solid #4d4d4d;
}

div#texte p{
font-size:13px;
color:#4d4d4d;
}

div#titre p{
font-size:13px;
color:#4d4d4d;
}

div#texte b{
color:#CC6212;
font-weight:normal;
}

div#texte p.bleuespace{
border-top:1px solid #4d4d4d;
padding-top:20px;
}

div#texte p.bleu{
color:#CC6212;
}

div#texte ul{
color:#4d4d4d;
list-style:inherit;
padding-left:20px;
}

div#texte ul.espace{
padding-left:35px;
list-style:inherit;
}

div#texte ul.espacechiffre{
padding-left:20px;
list-style:none;
}

div#texte a{
color:#0087BA;
text-decoration:underline;
}

div#texte a:hover{
text-decoration:none;
}


/*--------------------------------------------- ZONE TEXTE - TABLEAU ----------------------------------------------*/

div#logout{
position:absolute;
	z-index:2;
	top: 225px;
	left:40px;
}

/*--------------------------------------------- ZONE TEXTE - TABLEAU ----------------------------------------------*/

	div#boitetexte table{
	width:500px;
	}
	
	div#boitetexte th{
	background-color:#4d4d4d;
	}
	
	div#boitetexte tr{
	text-align:center;
	height:23px;
	color:#4d4d4d;
	font-size:13px;
	}
	
	div#boitetexte tr.blanc th{
	color:#FFFFFF;
	font-weight:normal;
	height:28px;
	font-size:14px;
	}
	
	div#boitetexte tr.blanc th.border{
	border-right:1px solid #fff;
	}
	
	td.borderg{
	border-bottom:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
	width:250px;

	}
	
	td.borderd{
	border-bottom:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
	}