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


  #contenu {
  margin: 0px  auto;
	padding: 0px;
	position: relative;
  width:796px;
  text-align: left;
  }
  #agauche {
  position: absolute;
   top: 530px;
   left: 40px;
  width:250px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index: 900;
  background-color: transparent;
  }
#aucentre{
  position: absolute;
   top: 590px;
   left: 455px;
  width:150px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index: 910;
  background-color: transparent;
  }
 #adroite{
  position: absolute;
   top:590px;
  left: 620px;
  width:150px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index: 920;
  background-color: transparent;
  }

/* -------------- Contenu Media -------------------*/
#lecontenumedia{
  /*position: relative;*/
  /* width: 100%;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 160px;
   }
   
 /*------------ 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 -----------------------*/

/*----------- 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;
 }
 
 /*----------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: #7D7D7D ; 
   padding: 4px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
 }

/*---*/
 .titrePlayerTrois {
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
 }
 
  .titrePlayerTrois a {
   display: block;
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
  background-color: lavender; 
   padding: 5px 20px 5px 20px;
   border: 1px dotted orangered;
  margin: 5px 10px 5px 10px;
    text-align: center;
 }
 
    .titrePlayerTrois a:hover {
   background-color: red; 
   font-size :  12px ;
    padding: 5px 20px 5px 20px;
   border: 1px dotted orangered;
  margin: 5px 10px 5px 10px;
    text-align: center;
    text-decoration: none;
     color : white; 
 }
 
  .PlayerQuattre {
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
 }
 
   .PlayerQuattre a {
   display: block;
  font: verdana,helvetica,arial,sans-serif;
  font-size :  12px ;
  background-color: #ffffcc; 
   padding: 5px 20px 5px 20px;
   border: 1px dotted orangered;
  margin: 5px 10px 5px 10px;
    text-align: center;
 }
 
    .PlayerQuattre a:hover {
   background-color: red; 
   font-size :  12px ;
    padding: 5px 20px 5px 20px;
   border: 1px dotted orangered;
  margin: 5px 10px 5px 10px;
    text-align: center;
    text-decoration: none;
     color : white; 
 }
 

/*--------#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 20px;
 }

.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;  
   }

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;

 }