/* mise en page div div */
body {
  margin:0;
  padding:0;
  background:#fff;
 text-align: center;
 }



/*---------- Contenu droit ---------------*/
 #adroite{
 width: 130px;
height: 500px;
overflow: auto;
margin: 0px 0px 50px 0px;
  /*border: 2px solid gold;*/
  border-top: 1px solid silver ;
  border-bottom: 2px solid silver ;
  border-left: 2px solid  silver;
   background-color: #F5F5F5;
  }
  
/* tx-jppageteaser-pi */
   .tx-jppageteaser-pi1 {}
	.tx-jppageteaser-pi1-browsebox {
		    margin-top: 10px;
		    padding-top: 3px;
		    border-top: 1px solid #ccc;
		}
		/* List View */
		.tx-jppageteaser-pi1-list {
		margin: 5px 0px 150px 0px;
		}
		.tx-jppageteaser-pi1-list-entry {
		    clear: both;
		}
		.tx-jppageteaser-pi1-list-entry-description {
		    margin-top: 10px;
		}
		.tx-jppageteaser-pi1-list-entry-image IMG {
		   /* float: left; */
		    margin: 0px 10px 10px 10px;
		    border: 1px solid #000000;
		}
		.tx-jppageteaser-pi1-list-entry-link-item {
			font-size: 9px;
			margin-top: 5px;
			margin-bottom: 2px;
		}
		.tx-jppageteaser-pi1-list-entry H4 {
		  /*  border-bottom: 1px solid #ccc;*/
		 /*   position: relative; */
		    font-size: 10px;
		    margin: 0px 5px 0px 5px;
		}
		.tx-jppageteaser-pi1-list-entry H4 A {
		   /* color: #666;*/
		    font-size: 10px;
	          color: brown;
	        text-decoration: none;
		}
		.tx-jppageteaser-pi1-list-entry H4 a:hover {
	color: red;
                }
		.tx-jppageteaser-pi1-list-entry-creation-date,
		.tx-jppageteaser-pi1-list-entry-change-date {
		    position: absolute;
		    bottom: 4px;
		    right: 0px;
		    font-size: 9px;
		    font-weight: normal;
		    color: #999;
		}
		.tx-jppageteaser-pi1-browsebox {
		    text-align: center;
		}
		.tx-jppageteaser-pi1-browsebox-show-results {}
		.tx-jppageteaser-pi1-browsebox-browse-links {}
		.tx-jppageteaser-pi1-browsebox-show-results-number {}
		.tx-jppageteaser-pi1-browsebox-disabled-link {}
		.tx-jppageteaser-pi1-browsebox-inactive-link {}
		.tx-jppageteaser-pi1-browsebox-active-link {}


/* -------------- Contenu Media -------------------*/
#conteneur {
   position: relative;
   width: 100%;
  /*margin: 0px  auto;
	padding: 0px;
	position: relative;
  width:796px;
  text-align: left;*/
  }

#lecontenumedia {
  /*position: relative;*/
   /*width: 100%;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
   }
   
   /* IMG { border: none; }*/
   
  
   
 /*------------ Menu Media --------------------*/
#pourmenumedia {
  /*position: relative;*/
   width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
   }

 .lienPourApp {
	 font-size: 10px;
         color: #000000;
         font-weight: bold;
         line-height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
 }

 .lemenumedia  {
	text-align: center;
	padding: 0 0 3px 0;
 }

   .menumedia, .menumedia_actu,  .menumedia a,  .menumedia_actu a {
	 font-size: 18px;
          font-weight: bold;
           color: #CCCCCC;
            font-variant: small-caps;
	/*color: #660000;*/
	text-decoration: none;
        text-align: center;
        padding-bottom: 2px;
       margin-left: 20px;
  }

 .menumedia_actu a:hover, .menumedia a:hover {
	 font-size: 18px;
         color: #000000;
        text-decoration: none;
        text-align: center;
        padding-bottom: 2px;
  }


  .menumedia_actu a {
      /*border-bottom: 3px solid #000;*/
       color: #616161 ;
      /*  color: navy; */
    }

  .menumedia a:hover {
        /*border-bottom: 3px solid #000;*/
       color: #660000;
   }

   .lesubmenumedia  {
 padding: 10px 0 10px 0;
      font-size : 11px;
	line-height : 180%;
	text-align: center;
 }

 .submenumedia, .submenumedia_actu,  .submenumedia a,  .submenumedia_actu a  {
	 font-size: 11px;
          font-weight: bold;
	/*color: #660000;*/
	color: darkgray;
	text-decoration: none;
       /*padding-top: 5px;*/
       padding-bottom: 3px;
       margin-left: 15px;
     /* margin-bottom: 20px;*/
  }
 .submenumedia_actu a:hover, .submenumedia a:hover {
	 font-size: 11px;
          font-weight: bold;
	color: #000000;
	text-decoration: none;
       padding-bottom: 3px;
       margin-left: 15px;
      /* margin-bottom : 10px;*/
  }

  .submenumedia_actu a {
          color: #616161 ;
      /*  color: navy;*/
	/*border-bottom: 2px solid red;*/
     }
  .submenumedia a:hover {
	/*border-bottom: 2px solid #000;*/
  }

/*---------------- menu media -----------------------*/

/*------------- Gauche  ------------------*/

 #leftnav {
float: left;
width: 100px;
margin: 0px 5px 0px 0px;
/*display: inline;*/
}

#menugauche {
  font-size: 11px;
 margin: 0px 0px 10px 5px;
  padding: 0px 0px 5px 0px;
  /*border-bottom: #FFFFFF 4px solid;*/
     text-align: left;
  border: 1px solid silver;
  /*background-color: #E6E6FA;*/
  background-color: #F5F5F5;
 /* background-color: #FFFAF0;*/
  }

  #leftnav  .contenugauche {
    font-size: 10px;
   margin: 10px 0px 10px 5px;
  padding: 2px 0px 2px 5px;
 /* border-top: 0px solid #EEE8AA ;
  border-bottom: 0px solid #EEE8AA ;*/
  border-left: 5px solid #666677;
  /*border-left: 5px solid #B22222 ;*/

  }  

   #leftnav  .contenugauche P {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
   color: #666677;
    line-height : 120%;
       /*background-color: #A0522D ;*/
    /*background-color: #CBBE7A;*/
    padding: 5px 5px 5px 5px;
    /* border-left: 2px solid #A0522D;*/
	}

/*----------- gauche menu -------------------*/
 ul.themlist {
padding: 0px;
border: 0px solid #808080;
border-top: 0px;
margin: 0px;
   font: verdana,helvetica,arial,sans-serif;
  font-size :  14px ;
  font-weight: bold;
  text-align: left;
  font-variant: small-caps;
	}

 ul.themlist ul {
	margin: 0 5% 0 5%;
	font-size :  11px ;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #CCCCCC;
	/*background-color: #F5F5F5; */
	background-color: #FFFAF0;
	}
	
  ul.themlist ul ul {
	background-color: #FFFAFA; 
	}

ul.themlist li {
list-style: none;
margin: 0px;
border: 0px;
border-top: 0px solid #808080;
	}

ul.themlist li a {
display: block;
padding: 4px 5px 4px 5px;
border: 0px;
/*border-right: 5px solid #CCCCCC;*/
/*border-left: 20px solid #D2B48C ;*/
/*background: #ccccdd;   #aaaabb*/
text-decoration: none;
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
  font-weight: bold;
  text-align: left;
  font-variant: small-caps;
color: #666677;
	}

ul.themlist ul li a {
padding: 4px 5px 4px 5px;
/* border-right: 5px solid #2F4F4F; */
/*border-right: 5px solid #CCCCCC;*/
font-size :  10px ;
font-variant: normal;
/*color: silver;*/
	}
	

 ul.themlist ul ul li a {
 font-size :  9px ;
font-variant: normal;
font-weight: normal;
/*color: #666677;*/
 
	}

ul.themlist li a.lemenutheme_actu { 
 display: block;
/* border-right: 5px solid #B22222 ;*/
 color : #B22222 ; 
 }

ul.themlist li a:hover {
border-color: #ff9000;
color: #ff9000;
/*background: #000d33;*/
	}

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

/*----------- section info liens bas ------------------*/
#infodubas {
/*width: 100%;*/
 margin: 40px 0px 0px 0px;
padding: 5px 0px 5px 0px;
 text-align: right;
 }

#dossieractu {
  float: left;
  width: 225px;
  margin: 0px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  }

 #dossieractu .lienPourApp {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: blue;
	  border-top : 1px dotted orangered;
         border-bottom : 1px dotted orangered;
     margin: 0px 10px 5px 5px;
  padding: 5px 0px 5px 0px;
}

 .tx-loginboxmacmade-pi2 {
   margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  }

 .mac_connexion {
border: 1px dotted orangered;
font-size: 10px;
}

 .nom_deconnect {
 border-top: 1px dotted orangered;
 border-bottom: 1px dotted orangered;
padding: 2px 5px 2px 5px;
font-size: 10px;
}

 .lienspagemembres{
 border-right: 1px solid orangered;
 padding: 5px 5px 5px 5px;
 }
 
 /*---------VIDEO GALLERIE----------------*/
 dl.videogallery {
/* border: 1px solid #000;*/
border: 1px solid tan;
 background-color: lavender;
 /* background-color: #cccc99; */
 /*background-color: #ccccff; */
 /* background-color: #ffffcc; */
width: 132px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.videogallery dt { 
 font-size :  12px ;
  font-weight: bold;
  }

.videogallery dt img
{
/* border: 1px solid #000; */
border: 1px solid tan;
width: 130px;
height: 97px;
}

.videogallery dd
{
margin: 0;
padding: 2px 0 2px 0;
font-size :  10px ;
border-bottom: 1px dotted orangered;
}

 .videogallery dd a
{
 font-size :  12px ;
  background-color: #ffffcc; 
  padding: 2px 30px 2px 30px;
}

.videogallery dd a:hover
  {
  background-color: red; 
  }

/*-----------------------*/
 
 /*----------Media Player ------------------*/
 
 .galleriedeplayer{
  position: relative;
   width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
   }
   
   .playerdelagallerie {
 width: 430px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  border: 2px solid silver;
  /*border: 2px solid #660000;*/
 }
 
    .playerdYouTube {
 width: 425px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 10px;
  border: 2px solid silver;
  background-color: #666677;
  /*background-color: silver;*/
 }

 
 .titreplayer, .titreFondDeux {
  font: verdana,helvetica,arial,sans-serif;
  font-size :  14px ;
  font-weight: bold;
  text-align: center;
  font-variant: small-caps;
   color: white; 
   /*color: #CCCCCC; */
  /* color : #B22222 ; */
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 }


 /*---------Player Des----------------*/
 .titrePlayerTrois {
  font: verdana,helvetica,arial,sans-serif;
    font-size :  12px ;
    font-weight: bold;
    background-color: lavender;
   /*color: #CCCCCC; */
  /* color : #B22222 ; */
  padding: 4px 0px 0px 4px;
  margin: 0px 0px 0px 0px;
 }
 
  .PlayerQuattre {
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
  background-color: #ffffcc; 
border-bottom: 1px dotted orangered;
   /*color: #CCCCCC; */
  /* color : #B22222 ; */
  padding: 4px 0px 0px 4px;
  margin: 0px 0px 0px 0px;
 }
 
   .PlayerQuattre a {
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
  background-color: #ffffcc; 
  padding: 2px 30px 2px 30px;
 }
 
    .PlayerQuattre a:hover {
   background-color: red; 
 }
/*-----------------------*/
 

/*--------#fff-----------------*/

.txtdelagallerie {
 float: left; 
 width: 200px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 20px;
 }
 
 .mediadelagallerie {
 float: left; 
 width: 300px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 20px;
 }

.galleriedimages{
  /*position: relative;*/
  /* width: 100%;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
   }

.imagedelagallerie {
 float: left; 
 width: 110px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 10px;
   text-align: left;
 }

.imagedelagallerie a IMG, .txtdelagallerie a IMG, .galleriedimages a IMG {
       /*display:block;
        color : #000000;*/
	text-decoration: none;
       /* border: 2px #660000;*/
     /*padding: 1px 1px 1px 1px;*/
     /*border: 2px solid #000000;*/
     border: 2px solid #FBE9C4;
}


.imagedelagallerie  a:hover IMG, .txtdelagallerie a:hover IMG, .galleriedimages a:hover IMG {
	 border: 2px solid #0000CC;
       /*  color : #0000CC;*/
	/*text-decoration: underline;*/
       /* border: 2px #0000CC;*/
       /*border-color: #0000CC;*/
}


 .chapitregallerie {
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
        font-weight: bold;
        text-align: left;
       background-color: #CCCCCC;
      width: 100%;
  padding: 5px 10px 5px 10px;
  margin: 0 0 0 0;
 }

.caption a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: none;
       line-height : 120%;
 }
 
.caption a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color: #0000CC;*/
        color: #FF4500;
	text-decoration: underline;
}


 .clearboth { clear: both; }

 
/*------------ Boite dans contenu Texte -----------------*/
 .bdg_traithaut {
   float: left;
  width: 170px;
  margin: 5px 10px 5px 5px;
  padding: 5px 5px 5px 5px;
   border: 2px solid #FBE9C4;
  background-color: #fff;
  }

 .bdd_indentation {
   float: right;
  width: 170px;
  margin: 5px 5px 5px 10px;
  padding: 5px 5px 5px 5px;
   border: 2px solid #FBE9C4;
  }

 .bdc_traitbas {
  width: 170px;
  margin: 5px 5px 5px 160px;
  padding: 5px 5px 5px 5px;
   border: 2px solid #FBE9C4;
  }

.retraitcontent {
  /*width: 170px;*/
  margin: 5px 5px 5px 160px;
  padding: 5px 5px 5px 5px;
   border: 2px solid #FBE9C4;
  }


/*-- idem  que bdg_traithaut  sauf cadre*/
 .retraitcadre {
   float: left;
  width: 170px;
  margin: 5px 10px 5px 5px;
  padding: 5px 5px 5px 5px;
   /*border: 2px solid #FBE9C4;*/
  }

.retraitcadre a IMG {
  text-decoration: none;
  border: 2px solid #003399;
  }

/*------- pour notes et liens grande boite ----------*/

 .grandeboite {
   float: left;
  width: 225px;
  margin: 5px 0px 5px 10px;
  padding: 5px 5px 5px 5px;
   /*border: 2px solid #FBE9C4;*/
  }

.grandeboitebord {
   float: left;
  width: 225px;
  margin: 5px 0px 5px 10px;
  padding: 5px 5px 5px 5px;
  /* border: 2px solid #FBE9C4;*/
   border: 2px solid #E5EAF0;
  }


/*----------------------------------------*/
P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height : 100%;
	color: #000000;
	margin-top : 1px;


	margin-bottom : 1px;
	padding-bottom : 0px;
        
}

  /* .titreDeArticle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
        font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
        text-align: left;
      } */


   .titreDeArticle {
 font-family: georgia, times new roman, times, serif;
	font-size : 24px;
       /*line-height : 100%;*/
          /*color:#2F4F4F ;*/
          color: #CCCCCC;
         font-weight: bold;
         font-variant: small-caps;
      /*background-color: #B22222;*/
     margin-left: 20px;
   padding: 0 0 0 0;  
   }

H1 {
	background-color: #333 ;   /*#E5EAF0;*/
 color:  #fff;    /* #003399; */
 font-family:Verdana,sans-serif;
 font-size:12px;
 font-weight:bold;
 margin :10px 50px 10px 10px;
 padding:2px 5px 2px 20px;
 border-left: solid 5px #6B6B6B;
border-right: solid 5px #6B6B6B;
border-top: 2px solid #6B6B6B ;
border-bottom: 2px solid #6B6B6B ;
  text-align: left;
}


H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}


.subhead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
   }



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

 .titreDuTheme {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;

 }

.infobaspage {
	color: #000000;
  }




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

a {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*color: #000066;*/

        color : #660000;
	text-decoration: none;
}

a.lienactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: red;
	text-decoration: none;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;

	color: #000000;
	text-decoration: none;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000CC;
	text-decoration: underline;
}
.titreDeMedia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.lien2 {
	color: #000000;
}
.lien1 {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.textDeArticle {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
}
.textDeMedia {
	color: #000000;
}
.textDeAuteur {
	color: #000000;
}
.textDeFond {
	color: #FFFFFF;
}
.lien3 {
	color: #FFFFFF;
}


.lien1On {

	color: #990000;
}
.lien1Des {
	color: #999999;
}
.lien1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000CC;
	text-decoration: underline;
}

.celmenu, .celmenu a {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : marine;
	margin-top : 2px;
}
.celmenu:hover {
	color: red;
	text-decoration: none;
}

/*----------- pied page et stats -------------*/
  .piedpage
 {
  width: 600px;
  margin: auto;
  padding-top: 10px;
  padding-left: 300px;
  /* text-align: center;*/
 }

 .piedpage P {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #999999;
        text-align: left;
}

 .piedpage P a {
	color : #999999;

 }