
/*------------------- Player youtube -------------------*/
    .playerdYouTube {
 width: 425px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 10px;
  border: 2px solid silver;
  background-color: #666677;
  /*background-color: silver;*/
 }

 
 .playerdYouTube .titreplayer, .playerdYouTube H2.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;
 }

/*--------- formulaire paypal -------------*/

.formulpaypal {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;*/
       /* font-weight: bold;*/
	text-decoration: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;

}

.boutongo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
        font-weight: bold;
	text-decoration: none;
       /*background-color: #FFCC00;*/
       /*width : 200px;*/
      margin: 0 0 0 0;
   padding: 2px 2px 2px 2px;
}

/*------------ News-----------------*/

.titre_latest_news {
 font-size : 11px;
  line-height : 100%;
   text-align: center;
  padding: 5px 0px 5px 0px;
 /*font-weight: bold;*/
/*text-decoration: underline;*/

}


.date_news {
 font-size : 10px;
  line-height : 100%;
   text-align: right;

}

.titre_news {
 font-size : 11px;
  line-height : 100%;
   text-align: center;
  padding: 5px 5px 3px 5px;
 font-weight: bold;

}

.image_news {
 text-align: left;
  width: 100%;
 padding: 5px 5px 5px 5px;

}

.chapo_news{
 font-size : 10px;
  line-height : 100%;
   text-align: left;
 padding: 5px 5px 5px 5px;
}

.chapo_news P {
 font-size : 10px;
  line-height : 100%;
   text-align: left;
}


.lasuite_news {
font-size : 10px;
  line-height : 100%;
   text-align: right;
padding: 5px 5px 5px 5px;
}



/*------------ Fin News-----------------*/

#txtcentral a IMG, .lesdeuxcolonnes_bb 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;
 }


 
#txtcentral a:hover IMG, .lesdeuxcolonnes_bb  a:hover IMG, .formulpaypal a:hover IMG {
	 border: 2px solid #0000CC;
       /*  color : #0000CC;*/
	/*text-decoration: underline;*/
       /* border: 2px #0000CC;*/
       /*border-color: #0000CC;*/
 }

/* ---------- formulaire ---------------- */

.formulaire-comment {
  width: 450px;
  wid\th: 430px;
   border: 2px dotted silver;
    color: #003399;
   text-align: left;
   margin: 10px 10px 10px 30px;
  padding: 5px 5px 5px 10px;
  }

 .formulaire-comment a {
 font-size : 10px;
  }

.formregion {
   border: 1px dotted silver;
    color: #003399;
  }

.formbouton {
   background-color: #FFCC00;
  text-align: right;
  }

.inside-comment {
   
   border-right: 2px dotted silver;
   border-bottom: 2px dotted silver;
   margin: 5px 2px 2px 5px;
  padding: 10px 10px 10px 10px;
  }

 .obligationfield, .form-erreur { color: #CC0000; }
 .form-med { border: 1px dotted silver; font-size:12; color:#333333; width:300; height:20; background-color: #FFDDAA; }
 .form-long { border: 1px dotted silver; font-size:12; font-size:12; color:#333333; width:350; height:20; background-color: #FFDDAA; }
 .form-text { border: 1px dotted silver; font-size:12; color:#333333; width:400;  height:200; background-color: #FFDDAA; }

/*------------ Boite dans RTE -----------------*/

.bdc_boitebleu, .bdc_boitebleu_gauche, .bdc_boitebleu_droite {
  width: 250px;
  wid\th: 230px;
   border: 2px solid #FBE9C4;
    color: #003399;
   text-align: left;
  }

.bdc_boiterouge, .bdc_boiterouge_gauche, .bdc_boiterouge_droite {
  width: 250px;
   border: 2px solid #FBE9C4;
    color: red;
   text-align: left;
  background-color: white;
  }

.bdc_boitebleu_gauche, .bdc_boiterouge_gauche {
  float: left;
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 5px 5px;
  }

.bdc_boitebleu_droite, .bdc_boiterouge_droite {
   float: right;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  }

.bdc_boitebleu, .bdc_boiterouge {
  margin: 5px 5px 5px 160px;
  padding: 5px 5px 5px 5px;
  }

.petite_boitebleu  {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 15px;
  border-right: 2px solid #FBE9C4;
    color: #003399;
   text-align: left;
  }

  .petite_boitebleu .listapuce  {
     color: #008080;
  }

.petite_boiterouge  {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 15px;
  /*border-right: 2px solid #FBE9C4;*/
  border-right: 2px solid #E5EAF0;
    color: red;
   text-align: left;
  }

.titrePetiteBoite {
	font-family : Verdana, sans-serif;
	font-size : 13px;
        font-weight: bold;
	/*color : #666666;*/
        color : #999999;
        /*color : #003399;*/
       /* background-color: #E5EAF0;*/
}

.petit-small { 
  font-size: 9px; 
  color: #666666;
  }

/*------------ Boite dans contenu Texte -----------------*/

 .bdg_traithaut {
   float: left;
  width: 170px;
  margin: 5px 10px 5px 5px;
  padding: 5px 5px 5px 5px;
   border: 2px solid #FBE9C4;
  }

 .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;*/
  }

 .listcolgauche {
   float: left;
  width: 170px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 5px 0px;
   /*border: 2px solid #FBE9C4;*/
  text-align: left;
  /*background-color: white;*/
  }

.retraitcadre a IMG, .listcolgauche 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;
  }

.boitelargegauche {
   float: left;
  width: 300px;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 0px;
   /*border: 2px solid #FBE9C4;*/
  }

.boitetreslarge {
   float: left;
  width: 400px;
  margin: 5px 0px 5px 10px;
  padding: 5px 5px 5px 5px;
   /*border: 2px solid #FBE9C4;*/

  }

/*-------- hr clearboth -------------*/

 .clearboth { clear: both; }
.spacer {
  clear: both;
  }

/*--------------- titre H3 avec fond -----*/


.titreFondTrois {
	font-family : Verdana, sans-serif;
	font-size : 14px;
        font-weight: bold;
	/*color : #666666;*/
        /*color : #999999;*/
        color : #003399;
        background-color: #E5EAF0;
      padding: 2px 5px 2px 10px;
	margin-bottom : 10px;
	margin-top : 10px;
}

.titreFondDeux {

	font-family : Verdana, sans-serif;
	font-size : 14px;
        font-weight: bold;
	/*color : #666666;*/
        /*color : #999999;*/
        color : #003399;
      /* background-color: #E5EAF0;*/
      /* border: 2px solid #FBE9C4;*/
     /* border-left: 20px solid silver;*/
     border-bottom: 2px dotted silver;
  border-top: 2px dotted silver;

      padding: 5px 5px 5px 10px;
	margin-bottom : 10px;
	margin-top : 10px;
     margin-left : 100px;
}

/*------------------------------------- Boite Media  */

  #boitemedia {
  width: 160px;
  vertical-align: bottom;
  margin: 15px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  }

  #boitehautmedia {
  background-image: url(../images/them_1/bg_media_tr.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 160px;
  height: 28px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

  #boitebasmedia {
  background-image: url(../images/them_1/pic_media_br.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 160px;
  height: 28px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

  #centreboitemedia {
  background-image: url(../images/bg_menu_rm.gif);
  background-position: top left;
  width: 150px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  }

  .txtboitemedia {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 5px;
  line-height : 100%;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
   }

/*-------------------------------*/

/*-------------deux et trois colonnes -----------------*/
  .tx-xinittwocolumn-pi1{
  position: relative;

   width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  } 

 .lesdeuxcolonnes {
 float: left; 

 width: 200px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 20px;
 }

 .lesdeuxcolonnes_aa {
 float: left; 
 width: 225px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 5px;
 }

 .lesdeuxcolonnes_bb {
 float: left; 
 width: 225px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 20px;
 }

 .lesdeuxcolonnes_aa P, .lesdeuxcolonnes_bb P {
       text-align: left;
  }

 .lesdeuxcolonnes_aa a IMG, .lesdeuxcolonnes_bb 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;
 }



 .lesdeuxcolonnes_aa  a:hover IMG, .lesdeuxcolonnes_bb  a:hover IMG {
	 border: 2px solid #0000CC;
       /*  color : #0000CC;*/
	/*text-decoration: underline;*/
       /* border: 2px #0000CC;*/
       /*border-color: #0000CC;*/
 }


/*-------------tx_julleevents------------------*/

.tx-julleevents-pi1 { }
.tx-julleevents-pi1 .tx-julleevents-pi1-listrow { }

.tx-julleevents-pi1 .tx-julleevents-pi1-listrowFrontPage P.tx-julleevents-pi1-listrowFrontPageField-title {
  font-weight: bold;
  background-color: #E5EAF0;
  padding: 1px 5px 1px 10px;
}


 .tx-julleevents-pi1 .tx-julleevents-pi1-listrow P.tx-julleevents-pi1-listrowField-title { 
  font-weight: bold;
  background-color: #E5EAF0;
  padding: 1px 5px 1px 10px;
}
 .tx-julleevents-pi1 .tx-julleevents-pi1-listrow .tx-julleevents-pi1-listrowField-datetime { 
    color : #660000;
    padding: 1px 10px 1px 10px;
}

 .tx-julleevents-pi1 .tx-julleevents-pi1-listrow P.tx-julleevents-pi1-listrowField-teaser { 
  margin-bottom: 15px; 






 }


 .tx-julleevents-pi1 .tx-julleevents-pi1-singleView .tx-julleevents-pi1-singleViewField-title { 
  font-weight: bold;
  background-color: #E5EAF0;
  padding: 1px 5px 1px 10px;
}






.tx-julleevents-pi1 .tx-julleevents-pi1-singleView .tx-julleevents-pi1-singleView-Menu { 

  font-weight: bold;
  border-bottom: 1px solid #000;
  /*border-bottom: 3px;
  border-color: #E5EAF0;*/
  padding: 1px 5px 1px 10px;
}


.tx-julleevents-pi1-editAdd-HCell p { 
  font-weight: bold;

  /*border-bottom: 1px solid #000;*/
  /*border-bottom: 3px;*/
  color : #660000;
  /*padding: 1px 5px 1px 10px;*/
}

 
 .tx-julleevents-pi1-browsebox td { background: lavender; padding: 2px 4px 2px 4px; }
        .tx-julleevents-pi1-browsebox td.tx-julleevents-pi1-browsebox-SCell { background: thistle; }

/*.tx-julleevents-pi1 .tx-julleevents-pi1-listrow P.tx-julleevents-pi1-listrowField-title a { 
  font-weight: bold; 
  background-color: #E5EAF0;
}*/



/* synchro avec RTE */


H1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #660000;
	margin-bottom : 20px;
	margin-top : 10px;
}


H2 {
	font-family : Verdana, sans-serif;
	font-size : 15px;

	color : #660000;
	margin-bottom : 10px;
	margin-top : 10px;
}
H3 {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #666666;
	margin-bottom : 10px;
	margin-top : 10px;
}
H4 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

	text-decoration: none;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 10px;
}

P {
	/*font-family : Verdana, sans-serif;
	font-size : 12px;

	line-height : 180%;
	color: #000000;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
        text-align: justify;*/
}

P.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.titreDeArticle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #660000;
	text-decoration: none;

}




.textDeChapeau {
	font-family:Geneva, Arial, Sans-serif;


	font-size:12px;
	color: #660000;
}

.textDeArticle {
	font-family:Verdana;
	font-size:12px;
	color: #000000;
}


.textJustifi {
	font-family:Verdana;
	font-size:12px;
	color: #000000;
        text-align: justify;
}
.retraitLigne {
	text-indent : 10px;
}

.noteDeArticle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px; 
        color: #000000;
 }

.lienPourApp {
	 font-size: 10px;
         font-weight: bold;
         line-height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}


.textDelien {
	font-size : 10px;
        line-height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

.textDeMedia {
       font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px; 
        color: #000000;

}



/* Hors secteur edition RTE */

.titreDuTheme {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #000066;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#FF9900;
	text-decoration: underline;
}

.titreDeMedia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.celmenu {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : olive;

	margin-top : 2px;
}

.celmenu:hover {
	color: green;

	text-decoration: none;
}


.lien2 {
	color: #000000;
}
.lien1 {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}


.textDeAuteur {
	color: #000000;
}
.textDeFond {
	color: #FFFFFF;
}

.lien3 {
	color: #FFFFFF;

}
.titreDeTheme {
	font-size: 12px;

	font-weight: bold;

}
.lien1On {
	color: #990000;
}
.lien1Des {
	color: #999999;
}
.lien1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;

	color: #0000CC;
	text-decoration: underline;
}

/* Arborescence */

.darbre {

}

.dtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	white-space: wrap;
	font-weight: bold;

}
.dtree {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;



	white-space: wrap;
}
.dtree img {
	border: 0px;
	vertical-align: top;
}
.dtree a {
	color: #333333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {

	white-space: wrap;
	padding: 0px 0px 0px 0px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration: underline;
}
.dtree a.nodeSel {
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.dtree .clip {

	overflow: hidden;
}

.leslignes{
   float:left;
   height:100%;

}

