body {
   margin: 0px;
   padding: 0em 0px 0em 0px;
}
input, select {
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
div {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 4px;
	margin-right : 4px;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 5px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.menu {
	color : #FFFFFF;
	margin-top : 9px;
	padding-bottom : 9px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu a {
	color : #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	color : #F2F2F2;
}
.menun {
	color : #000040;
	margin-top : 9px;
	padding-bottom : 9px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	/*font-weight: bold;*/
}
.menun a {
	color : #000040;
	text-decoration: none;
}
.menun a:hover {
	color : #ffdd00; /*f2f2f2*/
}
.titre {
color : #BB0000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 14px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title01 {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title02 {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 5px;
	margin-right : 5px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title02 a {
	color : #000000;
	text-decoration: none;
}
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.onglet {
      color: #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 32px;
	margin-right : 5px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right b {
	color : #EF6D00;
}
/*.right a {
	color : #003C5E;
*/
.right a {
	color : #ff8900;
}
.right a:hover {
	color : #000000;
}
.left {
	color : #FFFFFF;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.left a {
	color : #FFFFFF;
}
.left a:hover {
	color : #000000;
}
li {
	color : #000000;
	margin-top : -1px;
	padding-bottom : -1px;
	margin-bottom : -1px;
	margin-right : 1px;
	font-size : 15px;
	font-family : Tahoma,Verdana,Arial;
}
ul, ol {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	font-size : 15px;
	font-family : Tahoma,Verdana,Arial;
}
p {
	margin-top : 4px;
	padding-bottom : 4px;
	margin-bottom : 0px;
	margin-left : 4px;
	margin-right : 4px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #294A7B;
}
p a:hover {
	color : #000000;
}
.bot {
	color : #000000;
	margin-top : 12px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-decoration:none;
	}
.bot a {
	color : #000000;
	text-decoration: none;
}
.bot a:hover {
	color : #294A7B;
}
 .divover
{
overflow: auto;
scrollbar-face-color: white;
scrollbar-arrow-color: #FF9900; /*#00F6FF;*/
scrollbar-track-color: efffef;
scrollbar-highlight-color: fefffef;
scrollbar-darkshadow-color: efffef;
scrollbar-shadow-color: #fefefe;
scrollbar-3dlight-color: fefefe;
}  
h5 {
text-align: left;
   padding-left: 0;
   font-weight:bold;
   font-style:italic;
   color:red;
  padding-bottom:0;
    }
 /* simulation BLINK pour MSIE */  
blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }
/* filets PSM sommaire nlle maquette nov 2005 */
.item {
margin : 0em 0px;
background-color :#ffffcc;
border-bottom : 1px solid #ff0000;
padding :0 em;
color:red;
}
/* item bleu  */
.itemb {
margin : 0em 0px;
 background-image: url(images/ongletbleu.gif);
  background-repeat: no-repeat;
border-bottom : 1px solid #0000cc;
padding-left :4px; /*0 em; */
color:#ffffff;
}
/* item rouge avec fond  */
.itemr {
margin : 0em 0px;
  background-image: url(images/ongletrouge.gif);
  background-repeat: no-repeat;
border-bottom : 1px solid #cc0000;
padding-left :4px; 
color:#ffffff;
}
.filetdoss {
   padding-left: 5%;
      margin-top:0px;
     font-size: x-medium;
    border-top: 1px solid #ff0000;
     clear: both;
}
/* img_shadow et img_margin par rs 01/02/18   ]]]]]]]]]]]]]]   */
.img_shadow {
margin-right: 8px; 
margin-bottom: 8px; 
border: 1px solid silver; 
background: white; 
padding: 4px;
box-shadow: 1px 1px 20px silver; 
}
.img_margin_right {
margin-right: 12px; 
margin-bottom: 6px; 
}
.img_margin_right2 {
margin-right: 6px; 
margin-bottom: 2px; 
}




.img_margin_left {
margin-left: 12px; 
margin-bottom: 6px; 
}

/* Boite rouge avec liser‚ rouge corrigé par rs 26/01/17   ]]]]]]]]]]]]]]   */
.brouge {
	border : 1px solid #ff0000;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :8px;
	background-color: #FFEEEE;
}
/* Boite orange avec liser‚ rouge changé par rs 26/01/17  ]]]]]]]]]]]]]]   */
.borange {
	border : 1px solid #ff0000;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :8px;
	background-color: #FFCC00;
}
/* Boite bleu changé par rs 10/11/2016 ]]]]]]]]]]]]]]   */
.bbleu {
	/*margin : 0em 4px;*/
background-color :#DEEAF6;
	border : 1px solid #79AADB;
	padding :8px;
	text-align:justify;
	margin-top: 4px;
}
/* Boite bleu 1 creé par rs 04/01/2017 ]]]]]]]]]]]]]]   */
.bbleu1 {
	/*margin : 0em 4px;*/
background-color :#DEEAF6;
	font-family : Tahoma,Verdana,Arial;
	border : 2px solid #ffffff;
	padding :8px;
	text-align:justify;
	margin-top: 4px;
}
/* Boite blanc 1 creé par rs 14/01/2017 ]]]]]]]]]]]]]]   */
.bblanc {
	/*margin : 0em 4px;*/
background-color :#FFFFFF;
	font-family : Tahoma,Verdana,Arial;
	border : 2px solid #ffffff;
	padding :6px;
	text-align:justify;
	margin-left: 10px;
	padding-left: 15px;
}
/* Boite careme avec bottom_violet, creé par rs 28/02/2017 ]]]]]]]]]]]]]]   */
.bcareme {
	/*margin : 0em 0px;*/
background-color :#a880bb;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :4px;
	color: #FFFFFF;
	border-bottom: 4px solid #CC0033;
	margin-left: 4px;
}
/* Boite news avec bottom_bleu, creé par rs 10/01/2017 ]]]]]]]]]]]]]]   */
.bnews {
	/*margin : 0em 0px;*/
background-color :#FFFFFF;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :8px;
	color: #5C5C5C;
	border-bottom: 4px solid #5B9BD5;
}
/* Boite news2, creé par rs 19/03/2018 ]]]]]]]]]]]]]]   */
.bnews2 {
	background-color :#FFFFFF;
	font-size: 12px;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-right :10px;
	color: #000000;
}
/* ligne pour news2, creé par rs 19/03/2018 ]]]]]]]]]]]]]]   */
.line2 {
color:ffffff;
border-style: dashed
size="20"
align="left";
}

/* Boite yellow avec cadre rouge, creé par rs 13/01/2017 ]]]]]]]]]]]]]]   */
.byellow {
	/*margin : 0em 0px;*/
background-color :#FAF0D3;  /*#FAF0D3;*/
	border : 2px solid #FFCC00;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :8px;
	color: #000000;  /*#5C5C5C*/
	width:210px;
}
/* Boite photo avec fond gris creé par rs 10/01/2017  ]]]]]]]]]]]]]]   */
.bphoto {
	/*margin : 0em 0px;*/
background-color :#EFEFEF;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :2px;
	color: #5C5C5C;
}
.bphoto1 {
	/*margin : 0em 0px;*/
background-color :#EFEFEF;
	width:220px;
	height: 138px;
	float:left;
	margin-left: 10px;
}
.tphoto1 {
	/*margin : 0em 0px;*/
background-color :#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding :px;
	color: #666666;
	width:220px;
	height:px;
	float:left;
	margin-left: 10px;
	border-bottom: px solid #5B9BD5;
}
.bphoto2 {
		/*margin : 0em 0px;*/
background-color :#EFEFEF;
	width:450px;
	height: 220px;
	float:left;
	margin-left: 10px;
}
.tphoto2 {
background-color :#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding :px;
	color: #5C5C5C;
	width:450px;
	height:40px;
	float:left;
	margin-left: 10px;
	border-bottom: px solid #5B9BD5;
}
.bpvideo1 {
	/*margin : 0em 0px;*/
background-color :#EFEFEF;
	width:240px;
	height: 148px;
	float:left;
	margin-left: 10px;
	margin-right: 4px;
}
.tvideo1 {
	/*margin : 0em 0px;*/
background-color :#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding :px;
	color: #666666;
	width:240px;
	height:px;
	float:left;
	margin-left: 10px;
	margin-right: 4px;
	border-bottom: px solid #5B9BD5;
}








.agenda0 {
background-color :#FFFFFF;
	font-size: 12px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: 15px;
	padding-left: px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	color: #5C5C5C;
	width:688px;
	height:px;
	float:left;
	margin-left: 10px;
	border-bottom:
}

.agenda_ {
background-color :#FFFFFF;
	font-size: 12px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: 8px;
	padding-left: px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	color: #5C5C5C;
	width:688px;
	height:px;
	float:left;
	margin-left: 10px;
	border-bottom:
}


.agenda1 {
background-color :#FFFFFF;
	font-size: 12px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: 15px;
	padding-left: px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	color: #5C5C5C;
	width:688px;
	height:px;
	float:left;
	margin-left: 10px;
	border-bottom: 1px solid #cccccc
}

.agenda2 {
background-color :#FFFFFF;
	font-size: 12px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: 4px;
	padding-left: px;
	padding-bottom: 4px;
	margin-bottom: px;
	color: #000000;
	width:290px;
	height:px;
	float:left;
	margin-left: px;
	border-bottom: 1px solid #cccccc
}

.videoline1 {
background-color :#FFFFFF;
	font-size: 12px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: 15px;
	padding-left: px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	color: #5C5C5C;
	width:1000px;
	height:px;
	float:left;
	margin-left: 10px;
	border-bottom: 1px solid #cccccc
}



.parent0 {
  width:px;
  height:px;
  background-color:;
  position:relative;
}

.parent {
  width:px;
  height:px;
  background-color:#CCCCCC;
  position:relative;
}
.child0 {
	width: px;
	height:px;
	background-color:;
	position: absolute;
	top: px;
	left: px;
}
 
.child1 {
	width: 275px;
	height: 67px;
	background-color: #659EF5;
	position: absolute;
	top: 11px;
	left: 12px;
}
.child2 {
	width: px;
	height: px;
	background-color:;
	position: absolute;
	bottom: 9px;
	right: 15px;
}
.child3 {
	width:;
	height: 18px;
	font-size: 14px;
	font-weight:;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	background-color: #FB778F;
	position: absolute;
	top: 0px;
	left: 12px;
}
.child4 {
	width: 112px;
	height: 47px;
	background-color: #7FF389;
	position: absolute;
	bottom: 0px;
	left: 51px;
}
.child5 {
	width: px;
	height: px;
	background-color: #E9D47D;
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.child6 {
	width: px;
	height: px;
	background-color: #E9D47D;
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.child7 {
	width: px;
	height: px;
	background-color: #E9D47D;
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.child-txt {
	width:430px;
	height:40px;
	font-size: 18px;
	font-weight: bold;
	font-family : Tahoma,Verdana,Arial;
	text-align:left;
	padding-top: px;
	margin-top: 160px;
	color: #ffffff;
	margin-left: 10px;
	position: absolute;
	text-shadow: 0px 0px 1px black; color: #ffffff;"; #ffffff;" "color: #ffffff";
}
	
.child-photo {
	width: 60px;
	height: 40px;
	background-color:;
	position: absolute;
	bottom: 6px;
	right: 6px;
}

a:link { color: #5C5C5C; text-decoration: none; background-color: transparent }
a:visited { color: #ADAAAA; text-decoration: none; background-color: transparent }
a:hover { color: #c93; text-decoration: underline-color:red ; background-color: transparent }
a:active { color: #900; text-decoration: none; background-color: transparent }



/* Boite vert avec liser vert, creé par rs 04/01/2017 ]]]]]]]]]]]]]]   */
.bvert {
	/*margin : 0em 0px;*/
background-color :#E6FECD;
	border : 1px solid #98CD1B;
	font-family : Tahoma,Verdana,Arial;
	text-align:justify;
	padding :8px;
	color: #0033CC;
}
/* Boite gris avec liser‚ gris */
.bgris {
	/*margin : 0em 0px;*/
background-color :#EAEAE3;
	border : 1px solid #C2C2C0;
	font-family : Tahoma,Verdana,Arial;  /* creé par rs 04/01/17  */
	text-align:justify;
	padding :8px;
	color: #0033CC;
}
/* Encadr‚ jzune p */
.encadrejp {
/*margin : 0em 2px;*/
background-color :#ffffcc;
border : 1px solid #000000;
padding :8px;
text-align:justify;
}
/* Encadr‚ bleu p *  efefff*/
.encadrebp {
/*margin : 0em 2px;*/
background-color :#dedeff;
border : 1px solid #0000cc;
padding :8px;
text-align:justify;
}
/* Encadr‚ bleu p *  efefff*/
.encadrevp {
/*margin : 0em 2px;*/
background-color :#deffde;
border : 1px solid #0000cc;
padding :8px;
text-align:justify;
}
/* Boite bleu_ */
.bbleu_ {
/*margin : 0em 0px;*/
background-color :#eeeeff;
border : 1px solid #000000;
padding :8px; 
text-align:justify;
}
/* Boite bleu  , voir plus bas bbleu */
.boitebl {
/*margin : 0em 0px;*/
background-color :#00ccff;
border : 1px solid #000000;
padding :8px;
text-align:justify;
}
.bchocolat{
	text-align: justify;
	color:#ffffdd;
	padding: 8px;
	margin-top :1em;
	background-color :#AF6B38;
	border : 1px solid #ff0000;
	border-style : inset;
}
/* a etudier pour remplacer les wingdings. Probleme il se met à la ligne suivante en div */
.puced {
  background-image: url(images/dossier.gif);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin:0px;
}
/* ombre pour image et txt:avant bottom : np-repeat encadre maximum taille du png  avec no-repeat se limite à la taille du png ok pout firefox */
.ombre {
  float:left;
  clear:left;
  background: url(cadres/ombre.png)  bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }
.boite {
  background: lightblue;
  position:relative;
  bottom:6px;
  right: 6px;
  }
.boitetxt {
  padding:4px;
  }
  /* bulle dans texte pour TITLE multiligne ou  amélioré cf page 1*/
a.info {
   position: relative;
   color: black;
   text-decoration: none;/* ou souligner pour montrer qu'il y a un supplement d'info*/
   border-bottom: 1px gray dotted; /* on souligne le texte sauf si ...cf plus haut */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
  text-decoration: none;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 16px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;