/* CSS Document */


/*********************************	
*      l'esemble de la page      *
**********************************/
body
	{
		background-image: url("../images/fond/2.jpg");
		/*background:url("../images/fond1.png"); /*;#7CADF8;*/ 
		
		/*  background: E6FCEB;  */
		background-repeat:no-repeat;
		background-attachment:fixed;

		width: auto; /*1200*/
 		margin: auto; /* Pour centrer notre page */
   		margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   		margin-bottom: 20px;    /* Idem pour le bas du navigateur */
		
	}
/**********************	
*      L'en-tête      *
***********************/

#en_tete
{
    width: 1200px;
   height: 122px;
  /* background:#DCDADA; */
   /*background-image: url("../images/fond/4.jpg");*/
   background-repeat: no-repeat;
   margin-bottom: 5px;
   margin-top:50px;
  }
  
 .image /*logo athomepc   pas utilisé  */
 {
 display: block;
	position: absolute;
	left: -40px;
	top: 40px;
	border:none;
 }
 .logo
		{
		
		margin: -170px 0 0 0px;
		padding: 0px px 0px 30px;
		position:fixed;
		}
 

#en_tete p
{  
	   text-indent: -20px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align: center; /* Ils seront centrés */
	   font-size:50px; /* Allez, soyons fous, grossissons le texte :o;) */
	   font-weight:bold;
	   color:#FFFFFF;
	   padding: 0px;/* faire en sorte que le texte ne revienne pas sur l'image....*/
	   margin-top: 0px;
	     line-height:0px;
}

.p1
{  
	   font-size:20px; /* Allez, soyons fous, grossissons le texte :o;) */
	   text-indent:20px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align:center; /* Ils seront centrés */
	   font-weight:bold;
	   color:#FFFFFF;
	   padding: -5px;/* faire en sorte que le texte ne revienne pas sur l'image....*/
	   margin-top: 0px;
}




/********************************************************
*   permet le positionnement fixe                       *
*	et cache le corps lorsqu'il remonte sous le menu)   *
*********************************************************/
.topmenu
{
	margin-top:0px;
	/*position:fixed; */
	top: -30px ;  /* pb avec IE   trouver ou reduire de 30 la position générale du menu*/ 
	cursor:default;
	
}
	
.cachemenu      /*pour avoir la bordure en bas décalée*/
{
	margin-top:0px;
	margin-left:135px;
	border-bottom:2px solid black; 
	
	/*background:url("../images/fond/2.jpg");*/
	height: 135x;
	position:fixed;
		width: 1600;
		top:-30px ;/* pb avec IE*/
}
.cachemenu1  /*pour que le texte passe dessous le bandeau*/
{
	margin-top:0px;
	margin-left:-90px;
	background:url("../images/fond/2.jpg");
	height: 130px;
	position:fixed;
		width: 1600;
		top:-30px ;/* pb avec IE*/
	
}


/**************************************************
Design du menu 

***************************************************/
				
		#menu
		{
			float: left;
			width: 140px; /* Très important : donner une taille au menu */
			margin-top:150px;
			margin-left:-40px;
			padding:0;
			position:fixed;
			top: 0px ;  /* pb avec IE   trouver ou reduire de 30 la position générale du menu*/ 
			color:#FFFFFF
			z-index:auto 
			
		}
		
		#menu ul /* Liste */     
				{
						padding : 0; /* pas de marge intérieure */
						margin : 0; /* ni extérieure */
						list-style : none; /* on supprime le style par défaut de la liste*/
						line-height : 50px; /* on définit une hauteur pour chaque élément */
				}
			
		
		#rubriques
		{
		font-size: 14px;
		color:#000000;
		
		}
		
		
		
		.accueil
		{
		/*background-image: url(../images/Boutons/Btn_Accueil.png);*/
		background-repeat: no-repeat;
		margin: 15px 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		font-weight:800; /* on met le texte en gras */
		font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
		font-size : 12px; /* hauteur du texte : 12 pixels */
		cursor:default;
		}
		
		.gestages
		{
		/*background-image: url(../images/Boutons/Btn_gestages.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		.gestionloge
		{
		/*background-image: url(../images/Boutons/Btn_Gestionloge.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		
		.fraisdeplacement
		{
		/*background-image: url(../images/Boutons/Btn_deplacement.png);*/
		background-repeat: no-repeat;
		margin: 0px 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		
		.biblionet
		{
		/*background-image: url(../images/Boutons/Btn_BiblioNet.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		
		.travaux
		{
		/*background-image: url(../images/Boutons/Btn_travaux.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		
		.remerciement
		{
		/*background-image: url(../images/Boutons/Btn_merci.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		
		.contact
		{
		/*background-image: url(../images/Boutons/Btn_contact.png);*/
		background-repeat: no-repeat;
		margin: 0 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 30px;
		text-align:center;
		}
		
		.visites
		{
		background-repeat: no-repeat;
		margin: 15px 0 0 25px;
		padding: 7px 0px 0px 15px;
		width: 155px;
		height: 10px;
		text-align:center;
		font-weight:800; /* on met le texte en gras */
		font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
		font-size : 12px; /* hauteur du texte : 12 pixels */
		cursor:default;
		}
		

/***************************************************************
 fin dessign menu déroulant
 ***************************************************************/
a
{
text-decoration: none;
color: #ffffff;
}

a:hover
{
color: #934670;
}


/**********************	*********
*     Le corps de la pagee      *
*********************************/


#corps
{
	
   margin-top: 0px; /* pour ne pas être sous le menu*/
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   background-image:url("../images/fond/fondcorps.png");
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   cursor:default;
}

#corps li
{
	font-size: 18px; /* Allez, soyons fous, grossissons le texte :o;) */
	 color:#000000;
	  font-family:Book Antiqua, arial;
	 padding: 5px;
}




/*********************************************************************************
*	 Le pied de page (qui se trouve tout en bas, en général pour les copyrights) *
**********************************************************************************/

#pied_de_page
{
	margin-top:10px;
	height:40px;
   padding: 5px;
   clear: both;

   text-align: center;

   color: #0000FF;
   background-color:#F2F2F2;
   /* background-image: url("images/motif.png");
   background-repeat: repeat-x;  */
   
   border: 2px solid black;
}

#pied_de_page p, #pied_de_page a
{
	   /*text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align: center; /* Ils seront justifiés */
	   font-size:14px; /*Allez, soyons fous, grossissons le texte :o;) */
	   color: #984806;
	   text-decoration:none;
	   display:inline;
 }

#pied_de_page p a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}

/***************************************************************/
	
p
	{
	   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align: justify; /* Ils seront justifiés */
	   font-size: 20px; /* Allez, soyons fous, grossissons le texte :o;) */
	   color:#000000;
	   font-family:Book Antiqua, arial;
	   padding: 5px;
	}
	
p li
{
	font-size: 18px; /* Allez, soyons fous, grossissons le texte :o;) */
	 color:#000000;
	  font-family:Book Antiqua, arial;
	 padding: 5px;
	 text-align:left;
}

h1
	{
	color:#404040;
	font-family:Lucida Handwriting;
	font-size:20px;
	font-weight: bolder;
	text-align:center;
	
	}

h2
	{
	color:#404040;
	font-family:Lucida Handwriting;
	font-size:18px;
	font-weight: bold;
	text-indent:50px;
	}


.colonne1
{
float:left;
}

.colonne2
{
float:right;
}

.commentaire
	{
	padding: 10px;
	margin-left:150px;
	font-size: 18px;
	color:#984806;
	text-align:justify;
	
	}

.regle
	{
	padding: 10px;
	margin-left:20px;
	color:#595959;
	text-align:justify;
	margin-right:300px;
	font-size: 18px;
	}
.citation
{
	padding: -10px;
	border-left:50px;
	color:#984806;
	text-align:center;
	font-style:italic;
	font-weight:bolder;
	font-size:18px;
}

.citationcentre
{
	padding: -10px;
	border-left:50px;
	color:#984806;
	text-align:center;
	font-style:italic;
	font-weight:bolder;
	font-size:18px;
}

.spancitation
{
	padding: -10px;
	/*border-left:50px; */
	color:#984806;
	font-style:italic;
	font-weight:bolder;
	font-size:18px;
	
}

.source {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #666666;
	text-align: right; /* Ils seront centrés */
	margin-right:50px
}

.spansource
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #666666;
}



/*************************
*       images           *
*************************/
.images
 {
	background-repeat: no-repeat;
	border:none ;
	text-align:center;
	width:auto;
	height:auto;
}
.imagesdroites {
	background-repeat: no-repeat;
	float: right;
	border:solid #404040;
	margin-right:100px;
	margin-left:20px;
	border-width:thin;
}
.imagesgauche {
	background-repeat: no-repeat;
	float: left;
	border:solid #404040;
	margin: 15px;
	border-width:thin;
}

.textgauche
{
	width: 250px;
	float:left;
	margin-left:50px;
	position:absolute;
	left:203px;
	top: 720px;
}

.textgauche p
{
	text-align:center;
	text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
	font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
	color:#0000FF;
}


.textdroite
{
	
	text-align:right;
	margin-left:50px;
	
}

.textdroite p
{
	text-align:right;
	text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
	font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
	color:#984806;
}


.reset
{
clear:both;
}


/********************
* FEATURE CAROUSEL  index*
********************/
#featureCarousel {
    height: 400px;
    width:1100px;
    /*background-color:gray;*/
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:3px solid white;
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
    top:210px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:3px;
    height:14px;
    width:14px;
    color:white;
    text-align:center;
    font-size:10px;
    border:1px dotted black;
}
#featureCarousel .blipsContainer .blipSelected {
    color:white;
    font-weight:bold;
    background-color:black;
}

/*********************
*    fin carousel    *
*********************/

/*********************
*  caroussel biblio  *
**********************/


 .roundabout-holder {
				list-style: none;
				width: 80%;
				height: 10em;
				margin: 1em;
			}
			
			.roundabout-moveable-item {
				height: 2em;
				width: 4em;
				border: 1px dotted #999;
				background-color: #f3f3f3;
				font-size: 2em;
				cursor: pointer;
			}
			
			.roundabout-in-focus {
				cursor: auto;

   
   /*********************
*  fin caroussel biblio  *
**********************/