body  { 	
	background-color:#ffffff; /* background-color: #ffffff;*/
	background-image:url("picto/bgfond.gif");
} 

a:link  { 	
	text-decoration:none;
	color:#3f466c
}
a:visited  { 	
	text-decoration:none;
	color:#3f466c
}
a:hover  { 	
	text-decoration:underline;
	color:#3f466c
} 


body { 
margin-left:2px;
margin-top:0px;
}



#basDePage  { 	
	background-color:#3f466c; 

	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	color:#3f466c;
	width:100%;
	border:dotted thin 

} 

.ordinaire  { 	
padding-left:2px;
	
} 


.titreBlanc  { 	
	color:white
} 

.legendePageWeb  { 	
	font-size:0.7em
} 

.legendePageWeb2  { 	
	font-size:0.8em;
	width:150px;
	height:30px 

} 

.legendePageWeb2Bas  { 	
	font-size:0.8em;
	width:170px;
	height:20px 

} 


.etiquetteDate  { 	
	background-color:#3f466c;
	color:white;
	background-image:url("picto/carre_petit.gif");
	background-position:1px 1px;
	background-repeat:no-repeat;
	padding-left:20px 

} 

#zoneTitre  { 	
	width:770px;
	max-height:65px;
	border:solid 1px;
	background-color:#ffffff;
	position:relative;
	float:left;
} 


#hautDePage  { 	

	position:relative;
	float:left;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	border:solid  1px;
	width:770px;
	/* width: 100%; */
	max-height:25px;
	background-color:#ceb338;
} 


#titreGauchePage  { 	
	background-color:#ffffff;
	margin:0px;
	float:left;
	width:414px;
	max-height:65px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.7em;
	padding-left:2px;
	position:relative;


} 

#titreGauchePagePetitCaractère  { 	
	background-color:#ffffff;
	margin:0px;
	float:left;
	width:414px;
	max-height:65px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	padding-left:2px;
	position:relative;


} 



#titreGauchePageGrosCaractère  { 	
	background-color:#ffffff;
	margin:0px;
	float:left;
	width:414px;
	max-height:65px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:3.1em;
	padding-left:2px;
	position:relative;



} 

#titreDroitePage  { 	
	margin:0px;
	float:left;
	width:349px;
	max-height:65px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.85em;
	padding-left:5px;
	padding-top:5px;
	position:relative;
	background-position:0px 0px; 
}




#conteneur  { 	
	width:30%;
	background-color:#ffffff;
	border:solid thin
}
#spacer  { 	
	clear:both
} 

.p { 	
	padding-top:0.0em
} 






#container  { 	
	position:relative;
	border:2px groove red;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	padding:30px;
	background-color:#ffffff;
	background:white;
	border:solid thin;
	display:block; 

	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px 
 
} 



/*  TITRE DES COLONNE */

#titreColonneEvenement  { 	
	height:25px;
	background-color:#3f466c; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	border:solid 1px 

} 

#titreColonneStat  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

} 

#titreColonneStatConstruite  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

} 

#titreColonneImage  { 	
	height:25px;
	background-color:#3f466c; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px;
	

} 


#titreColonneDocument  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

} 

#titreColonneClip  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px
} 

#titreColonneHyper  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

} 

#titreColonneCommentaire  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

} 

#titreColonneBiographie  { 	
	height:25px;
	background-color:#ceb338; /*background-image: url("/picto/evenement_01.gif");*/
	padding-left:5px;
	font-size:1.1em;
	float:top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	border:solid 1px 

}
#clipsx { 	
	float:left;
	width:99%;
	padding:10px;
	border-bottom:solid 1px;
	background-color:white
}
#header  { 	
	display:block;
	position:relative;
	float:left;
	width:100%; /* background: #819467 url("picto/zonerecherche.jpg") bottom left repeat-x; */
	min-height:66px;
	background-color:#3f466c;
	padding-top:0.3em;
	padding-left:0.3em;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px
}
#header h1  { 	
	padding-top:0;
	margin-top:0;
	font-size:3.5em
} 

#header #titre  { 	
	background-color:#819467;
	float:left;
	color:white;
	width:62%;
	padding-left:1em;
	padding-right:1em;
	font-size:0.5em
}
#auteur  { 	
	float:left;
	padding:2px
} 

#header #auteur  { 	
	float:right;
	background-color:#819467;
	color:white;
	width:32%;
	text-align:right
} 

#main  { 	
	position:relative;
	width:770px;
	float:left;
	border:solid 1px;
	background-color:#ffffff;
} 

#footer  { 	
	position:relative;
	float:left;
	width:770px;
	background-color:#cccccf;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	/*
	border-top: 1px black solid;
	border: 1px black solid;
	*/
}

#images  { 	
	float:left;
	width:152px /* border:  1px #b7d492; */
         /* background-color: #7e7e7e; */
}
.image  { 	
	border-bottom:dotted 1px;
	padding-left:1px;
	width:150px;
	padding-bottom:5px;
	padding-top:7px 
         
         
} 

	
#imageLarge2  { 	

	display:none;
	padding-left:1px;
	width:175px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:5 px;
	margin-left:10px;
	height:200px; 
	border: solid 1px yellow;
	background-color:#ffffff; 
       
         
} 

      
ul.encolonne { 	
     	
	margin-left:0 
     	
} 
      
.encolonne li.imageLarge2  { 	
	display:inline;
	list-style:none;
	width:160px;
	list-style-position:outside;
	margin:15px; 

	border:solid 1px;
	height:220px;
	border-bottom:solid 1 px 
      	/* margin : 0 0 1em 0;*/

} 
      

.stat { 	
	float:left;
	width:90%;
	padding:1px;
	background-image:url("picto/carre_petit.gif");
	background-position:10px 1px;
	background-repeat:no-repeat;
	padding-left:30px; 
			
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em 
        
} 
 
.bio { 	
	float:left;
	width:90%;
	padding:1px;
	background-image:url("picto/carre_petit.gif");
	background-position:10px 1px;
	background-repeat:no-repeat;
	padding-left:30px 
         
}

.hyper { 	
	float:left;
	width:90%;
	padding:1px;
	background-image:url("picto/carre_petit.gif");
	background-position:10px 1px;
	background-repeat:no-repeat;
	padding-left:30px 
         
}
.clip { 	
	float:left;
	width:90%;
	padding:1px;
	background-image:url("picto/carre_petit.gif");
	background-position:10px 1px;
	background-repeat:no-repeat;
	padding-left:30px 
         
} 

.doc { 	
	float:left;
	width:90%;
	padding:1px;
	background-image:url("picto/carre_petit.gif");
	background-position:10px 1px;
	background-repeat:no-repeat;
	padding-left:30px 
         
} 

      
.evenement  { 	
	background-color:#ffffcf;
	float:left;
	width:94%;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:10px
} 

#zoneComplements  { 	
	float:left;
	background-color:#ffffff;
	width:349px;
	border:solid 1px 
         
} 

#zoneComplementsLarge  { 	
	float:left;
	
	/* width:767px; */
	width: 100%;
	border:solid 1px 
	
         
} 

#commentaire  { 	
	float:left; /* background-color: #7e7e7e; */
	padding:7px
} 




#zoneEvenement  { 	
	width:263px;
	float:left;
	background-color:#ffffcf;
	border:solid 1px; 
 	padding-bottom:10px;
	height:100%;

} 
     
#zoneEvenementLarge  { 	
	width:417px;
	float:left;
	border:solid 1px;
	padding:0px;
	background-color:white;
	background-color:white;
	
	} 


#zonePhoto  { 	
	width:152px;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	border:solid 1px; 
			  
	background-color:white;
	padding-bottom:10px ;
         /* background-color: #7e7e7e; */
} 
      
#zonePhotoLarge  { 	
	width:416px;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	border-right:solid 1px; 


	padding-bottom:10px 
			
} 
      
#zoneStat  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
} 
      
#zoneStatConstruite  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
}
#zoneDoc  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
}
#zoneBio  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
}
#zoneHyper  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
}
#zoneClip  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
         /* background-color: #7e7e7e; */
} 
 
#zoneCommentaire  { 	
	width:100%;
	float:left; /* border: solid 1px #b7d492; */
	padding:0px;
	background-color:white;
	padding-bottom:10px 
          /* background-color: #7e7e7e; */
} 
 
      


#interviews  { 	
	width:100%
}
.evenement .quoi  { 	
	color:#3f466c;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	width:100%;

	border: solid 1px;
} 
    
.question { 	
	color:#3f466c;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	width:100%;
	padding-top: 10px;
	
}    
.reponse  { 	
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	width:100%
}
.resume  { 	
	font-family:Arial,Helvetica,sans-serif;
	color:#ceb338;
	font-style:italic;
	font-size:0.8em;
	width:100% 
               
}
.more
{
	text-align: right;
}

#quoi  { 	
	color:red;
	font-style:italic
} 


#container .banner  { 	
	background:#ffffff url("picto/zonerecherche.jpg") bottom left repeat-x; /* min-height: 68px;*/
	height:68px;
	width:100%;
	float:left;
	border-bottom:1px solid #819467
} 
   
#sources  { 	
	position:relative;
	float:left;
	/* width:767px; */
	width: 100%;
	background-color:#cccccf;
	padding:2px; 
	/* border:1px solid */
	border-bottom: 1px solid black;
} 
   
.source  { 	
	font-size:0.8em; 

	background-image:url("picto/carre_petit.gif");
	background-position:1px 1px;
	background-repeat:no-repeat;
	padding-left:20px
}
#avertissements
{
	padding: 4px;
	width: 100%;

}