* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	background-color:#555555;
 }
 
 img{
	border:0px;
 }
 
ul {
	list-style: none;
	padding:0px;
}

a {
	color:#1a171b;
	text-decoration:none;
}

a:hover{
	color:#457391;
}

/**************/
/* LES LISTES */
/**************/

ul.listeStage{
	
}

ul.listeStage li {
	margin-bottom : 15px;
	background-image:url(../img/bullet.png);
	background-repeat:no-repeat;
	padding-left:15px;
	
	
}

/*****************/
 .contenu{
	width:995px;
	height:600px;
	
	border:1px solid #457291;
	
	position:absolute; 
	left: 50%;  
	top: 50%; 
	
	margin-top: -300px; /* moitié de la hauteur */ 
	margin-left: -497px; /* moitié de la largeur */ 
	border: 1px solid #000; 
		
	background-image:url(../img/fond-accueil.jpg);
 }
 
 #facebook{
 position:absolute;
 
 	left: 50%;  
	top: 50%; 	
 
 	margin-top: +305px; 
	margin-left: 310px;
 }
 
 .bas_de_page{
	position:absolute; 
	
	left: 50%;  
	top: 50%; 	
	
	width:955px;
	height: 30px;

	
	text-align:center;
	
	margin-top: +307px; 
	margin-left: -497px; /* moitié de la largeur */ 
	padding-bottom:20px;
}
 
 .bandeau-haut{
	background-color:white;
	filter : alpha(opacity=50); 
    -moz-opacity : 0.5; 
    opacity : 0.5; 
	
	height:110px;
	width:995px;
	
	position:absolute;
	top:0px;
 }
 
 .forcerBandeau{
	height:110px;
	width:995px;
	
	position:absolute;
	top:0px;
 }
 
 .bandeau-gauche{
	background-color:white;
	filter : alpha(opacity=50); 
    -moz-opacity : 0.5; 
    opacity : 0.5; 
	
	width:190px;
	height:600px;
	
	position:absolute;
	top:0px;
 }
 
 .bandeau-bas{
	background-color:white;
	filter : alpha(opacity=70); 
    -moz-opacity : 0.7; 
    opacity : 0.7; 
	
	height:250px;
	width:995px;
	
	position:absolute;
	bottom:0px;
	
 }
 
 .logo {
	background-image:url(../img/qg-logo.png);
	width:181px;
	height:110px;
	
	position:absolute;
	top:0px;
	cursor:pointer;
}

.menu {
	position:absolute;
	top:0px;
	right:0px;
	
}

.news {
	position:absolute;
	left:0px;
	bottom:0px;
	height:249px;
	width:189px;
}

.news h1{
	padding-left:5px;
}



.news a:hover .actu_titre{
	text-decoration:underline;
}

.news ul{
	list-style: none;
	display:inline;
}

.news .actu_titre{
	font-weight:bold;
	margin-top:10px;
}

.news .actu_titre{
	font-weight:bold;
}

h1 {
	font-size:15px;
	margin-top:0px;
	font-weight:normal;
}

.infos {
	position:absolute;
	left:190px;
	bottom:0px;
	height:250px;
	width:805px;
}

.infos img{
	padding:3px;
	margin:5px;
	border:#427493 1px solid;
	background-color:#FFFFFF;
	
}

.infos h1 {
	font-size:15px;
	font-weight:bold;
}

.infos * {
	font-size:inherit;
}

.pavePresentation {
	position:absolute;
	left:0px;
	top:110px;
	height:240px;
	width:190px;
}

.pavePresentation  h1{
	font-weight:bold;
	font-family:Arial;
}

p{
	margin-top:0px;
	margin-bottom:0px;
}

.pdf {
	background-image: url(../img/pdf.png);
	background-repeat:no-repeat;
	padding-left:22px;
	height:17px;
	display:block;
}

.galerie {
	background-image: url(../img/photos.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	height:18px;
	display:block;
}




.mail {
	background-image: url(../img/mail.png);
	background-repeat:no-repeat;
	padding-left:20px;
	height:17px;
	display:block;
}



/************************************/
/* Définition du pavé de scroll bar */
/************************************/

#pane1 {
	overflow: auto;
	height:250px;
	text-align:justify;
	
}

/*********** Pane2 : celui du pave TextPresentaion ********/
#pane2 { 
	overflow: auto;
	height:240px;
	text-align:left;
	
}

#pane3 { 
	overflow: auto;
	height:250px;
	width:190px;
	text-align:left;
	visibility:hidden;
}



.txtPane1 {
	padding:10px;
	display:none;
}

.txtPane1 ul li{
	margin-bottom : 15px;
	background-image:url(../img/bullet.png);
	background-repeat:no-repeat;
	padding-left:15px;
}

.txtPane2 {
	padding:5px;
	display:none;
	
}

.txtPane3 {
	padding:5px;
	
}

.txtPane1 a, .txtPane2 a {	
	color:#4b748f;
}

.txtPane3 a:hover, .txtPane2 a:hover {	
	text-decoration:underline;
}



a.jScrollArrowUp {
	background: url(../image/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../image/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
/************************************/
 
 
 /******************** PAVE INDEX ******************/
 
 .txtPane1 .pave {
	
	margin:5px;
	padding:5px;
	width:108px;
	height:210px;
	text-align:left;
	float:left;
	
	background-color:white;
	filter : alpha(opacity=30); 
    -moz-opacity : 0.3; 
    opacity : 0.3; 
	
	overflow:hidden;
	
 }
 
  .TexteDur {
	position:absolute;
	top:10px;
	left:10px;
  }
 
 .TexteDur .pave {
	height:210px;
	overflow:hidden;
	margin:5px;
	padding:5px;
	width:108px;
	text-align:left;
	float:left;
}
 
 .pave h2{
	margin:0px;
 }
 
 .ensavoirplus {
	display:block;
	text-decoration:underline;
	
	
	position:absolute;
	bottom:10px;
	right:5px;
 }
 
 /*************************  EQUIPE ************************/
 
#photosEquipe div{
	background-color:white;
	text-align:center;
	width:120px;
	padding-bottom:5px;
 }
 
 #photosEleve div{
	background-color:white;
	padding:5px;
	
 }
 
 #photosEleve div img{
	display:none;
 }
 
 /***************************************************/

 
 ul.menuGauche {
	margin-bottom:5px;
	display:block;
	width:180px;
	margin-top:0px;
}

 ul.menuGauche li{
	background-image:url(../img/arrow.png);
	padding-left:15px;
	background-repeat:no-repeat;
	margin-top:0px;
}

ul.menuGauche li:hover{
	background-image:url(../img/arrow.png);	
	background-repeat:no-repeat;
	background-position:2px 0px;
}

 ul.menuGauche .premier{
	font-weight:bold;
	background-image:none;
	padding-left:5px;
	background-repeat:no-repeat;
}



 ul.menuGauche li:hover.premier{
	
	background-image:none;
	
}


ul.menuGaucheMembre {
	margin-bottom:5px;
	display:block;
	width:180px;
}

 ul.menuGaucheMembre li{
	background-image:url(../img/person.png);
	padding-left:20px;
	background-repeat:no-repeat;
	height:18px;
}

ul.menuGaucheMembre li:hover{
	background-image:url(../img/person.png);
	background-repeat:no-repeat;
	background-position:2px 0px;
}

ul.menuGauche ul *{
	font-weight:normal;
}

ul.menuGauche li li.premier{
	background-image:url(../img/arrow.png);
	padding-left:15px;
	background-repeat:no-repeat;
	margin-top:0px;
}

ul.menuGauche li li:hover.premier{
	background-image:url(../img/arrow.png);	
	background-repeat:no-repeat;
	background-position:2px 0px;
}







.tableau {
	border-collapse:collapse;
	width:100%;
}

.tableau td{
	border: #1a171b 1px solid;
}

.tableau a{
	font-weight:bold;
	text-decoration:underline;
	
}

.erreur{
	color:red;
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
}

#popup {
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	background-color:white;
	display:none;
	border:1px #1a171b solid;
	padding:10px;
}

#popup .close {
	position:absolute;
	right:-8px;
	top:-8px;
	background-image:url(../img/close.png);
	width:22px;
	height:22px;
	
}

.centrer{
	text-align:center;
}

.centrer *{
	text-align:center;
}

.bntNEXT{
	background-image:url(../img/next.png);
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	right:0px;
	bottom:5px;
}

.bntPREV{
	background-image:url(../img/prev.png);
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	right:15px;
	bottom:5px;
}

a:hover {
	text-decoration:underline;
}

#formulaire{
	width: 300px;
	height: 50px;
	margin-bottom: 10px;
}

#text{
	float: left;
	line-height: 1.9em ;
}

#txt2{
	width: 500px;
	}

#formu{
	margin-top: -5px;
	float: right;
}

#formu8{
	margin-top: -56px;
	float: right;
}

#extrait001{
float:left;
width: 265px;
margin-left: 100px;
}

#partiedeux{
margin-left: 5px;
}

#txtextrait1{

margin-left:350px;
width: 250px;
height:198px;
margin-top: -13px;
}

#extrait002{
margin-right: 90px;
float:right;
margin-top: -185px;
}

#txtextrait2{
margin-top: 15px;
margin-left:60px;
width: 200px;
height:170px;
}

input{
	color: black;
	background-color: white;
	font-size:8px;
	border: 1px black solid;
}

#floutch{
border:none;
width:200px;
height:220px;
float:left;
margin-left: 130px;
margin-top: 5px;
}

#droitee{
border:none;
width:200px;
height: 220px;
float:right;
margin-right: 200px;
margin-top: 5px;
}