  body
   {
	background-color:38485e;
	scrollbar-face-color:38485e;
	scrollbar-arrow-color:38485e;
	scrollbar-track-color:38485e;
	scrollbar-3dlight-color:38485e;
	scrollbar-darkshadow-color:38485e;
   }
#global 
   {
  position:absolute;
  left: 50%; 
  top: 0%;
  margin-top: -2px; /* moitié de la hauteur */
  margin-left: -490px; /* moitié de la largeur */
	}

A 
	{
	text-decoration: none;
	color:#FFFFFF;
}
A:visited 
	{
   text-decoration: none;
	color: #FFFFFF;
	}
A:hover 
	{
	text-decoration: none;
	color: #E1E1E1;
}

/**************************Menu feuile de style ************************************************/
#menueasycsshprincipal
       {
	width: 900px;
       }
#menueasycsslihprincipal
	{

	color: #004080;
	font-size: 15px;
   FONT-WEIGHT: bold;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
	line-height: 15px;
	padding-left: 10px;
   width: 840px;
   }
#menueasycsslihprincipal:hover
	{
	color: #FFFFFF;
	font-size: 15px;
   FONT-WEIGHT: bold;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
	line-height: 17px;
	padding-left: 10px;
   width: 840px;
	}   

/***************** police pour le composeur **************************/

.Titre_gras
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 25px;
	color: #ffffff;
   }
.Titre_italique
	{
	font-style: italic;
	FONT-SIZE: 20px;
	color: #ffffff;
	}
.Titre_normal
	{
	font-style: normal;
	FONT-SIZE: 20px;
	color: #483D8B;
	}
.Soustitre_gras
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	color: #708090;
	}
.Soustitre_italique
	{
	font-style: italic;
	FONT-SIZE: 18px;
	border: 2px#625300;
	color: #708090;
	}
.Soustitre_normal
	{
	font-style: normal;
	FONT-SIZE: 18px;
	color: #708090;
	}
.Rubrique_gras
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	color: #708090;
}
.Rubrique_italique
	{
	font-style: italic;
	FONT-SIZE: 15px;
	color: #708090;
	}
.Rubrique_normal
	{
	font-style: normal;
	FONT-SIZE: 15px;
	color: #000040;
	}
.Redactionel_gras
	{
        font-family: Verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE:11px;
	color: #191970;
	}
.Redactionel_italique
	{
	font-family: Verdana;
	font-style: italic;
	FONT-SIZE: 11px;
	color: #191970;
	}
.Redactionel_normal
	{
	font: Arial;
	font-family: Verdana;
	font-style: normal;
	FONT-SIZE: 11px;
	color: #000040;
   }
.Redactionel_normalpieddepage
	{
	text-align: center;
	font: Arial;
	font-family: Verdana;
	font-style: normal;
	FONT-SIZE: 11px;
	color: #969696;
	padding-bottom:10px;
}

.Redactionel_normaljustifier
	{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font: Arial;
	text-align: justify;
	font-family: Verdana;
	font-style: normal;
	FONT-SIZE: 11px;
	color: #000040;

   }
.Table_bordure
	{
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	background: White;
	background-image: url(../images/vide/sky.jpg);
}

	
.Table_Texte
	{
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	background-color:#D2DDE3;


	}

.Table_Trans
	{
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
	border-bottom: 3px solid #708090;
	border-right: 3px solid #708090;
	background-color: #EBEBEB;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.Table_TransFull
	{

 opacity : 0.7; 
 filter : alpha(opacity=70); 

	}
.table_cellule_style1
	{
	background-color: #000159;
	color: White;
	text-align: center;
	font-weight: bolder;
	font-family: Verdana;
	font-size: 11px;
}
.table_cellule_style2
	{
	background-color: #000159;
	color: White;
	text-align: center;
	font-weight: bolder;
	font-family: Verdana;
	font-size: 11px;
}
.table_cellule_style3
  {
	background-color: #000159;
	color: White;
	text-align: center;
	font-weight: bolder;
	font-family: Verdana;
	font-size: 11px;
}
.table_cellule_style4{
	vertical-align: top;
	padding:5px;
	text-align: justify;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #00002A;

}
.table_cellule_style5{
	vertical-align: top;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#6B6B6B;

}
.table_cellule_style6{
	vertical-align: top;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#6B6B6B;
	font-weight: bold;

}
.table_cellule_style7{
        vertical-align: top;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#6B6B6B;
	font-weight: bold;


}
.table_cellule_style8{
	text-align: center;
	border: 1px #FCFCFC;
	vertical-align: top;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #041646;
	padding-top: 5px;
}
.table_cellule_style9{
	vertical-align: top;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#6B6B6B;
	font-weight: bold;





}
/********************************************************************/


/*************demandesdedocs******************************/
.demdoctable{
	
	border-color: #00003C;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	height:400px;
	width:300px;
}
.demdocc1{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #EEFAFF;
	border: 1px solid #414141;
}
.demdocc2{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc3{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc4{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc5{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc6{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc7{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc8{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc9{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc10{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D7EFFF;
	border: 1pxsolid#414141;
}
.demdocc11{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;

}
.demdocc12{

	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #E3E3E3;
	border: 1px;
	border-color: #0000CD;
}

.demdocemail{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;


}
.demdocemailsaisie{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #F5FFFA;
	border: 1px solid #414141;
}

.demdocsaisie{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #00578E;
	background-color: #D5F4D8;
	border: 1px solid #414141;

}



/***********pour   connexion nom  plus  pass******************/

.identtable{
	border-bottom: 0pxsolid #52606D;
	border-left: 0px solid #C1C1C1;
	border-top: 0px solid #C1C1C1;
	border-right: 0px solid #52606D;

}
.identc1{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: #004080;
}
.identc2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: #004080;
}
.identinput{

	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: ##004080;
	background: #ffffff;
}
/********************************************************************/
/* Moteur de recherche */

.searchtable
{
}
.searchtd
{
width: 250px;
}
.searchinput
{
height: 18px;	
}
.searchimage
{
}
  .highlight
  {
  background: #FFFF40;
  }
  .searchheading
  {
  font-size: 130%; font-weight: bold;
  }
  .summary {
   font-size: 80%;
   font-style: italic;
  }
  .results {
   font-size: 100%;
  }
  .category
  {
  color: #999999;

  }
  .description
  {
  font-size: 100%; color: #008000;
  }
 .context
 {
 font-size: 100%;
 }
 .infoline
 {
 font-size: 80%;
 font-style: normal;
 color: #808080;
 }
 .sorting
 {
 text-align: right;
 }
 .result_title
 { font-size: 100%;
 }

 .zoom_searchform
 { font-size: 100%;
 }
 .zoom_options
 {
 font-size: 80%;
 }
 .zoom_button
 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 }
 .zoom_searchbox
 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666;
  border: #666666;
  border-style: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  background-color: #D0D9E8;
}


/********************************************************************/



/**************************** txt deroulant **************************/
.linktxtcompo{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 0px;
	background: #FFFF99;
	visibility: hidden;
}
.titletxtcompo{
	position: relative;
	cursor: pointer;
	background: #9999CC;
	width: 100%;
	font-family: verdana;
	font-size: 11px;
	left: 0;
	height: 15px;
	overflow: hidden;
}
.title_otxtcompo{
	position: relative;
	cursor: pointer;
	background: #548756;
	width: 100%;
	color: #000;
	font-family: verdana;
	font-size: 11px;
	left: 0;
	height: 15px;
	overflow: hidden;
}
.texttxtcompo{
	position: relative;
	text-align: justify;
	font-family: verdana;
	font-size: 11px;
	color: #548721;
	overflow: hidden;
	height: 90%;
}
/********************************************************************/






/*****************  Menu txt déroulant  ne pas modifier **************/
UL 
{	MARGIN: 5px; LIST-STYLE-TYPE: none }
#menueasycsshli {	FLOAT: left }
   .link {
	position: absolute;
	width: 100%;
	height: 28px;
	overflow: hidden;
	visibility: hidden;
}
	.title   {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 28px;
	overflow: hidden;
}
	.title_o {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 28px;
	overflow: hidden;
	text-align: center;
}
.text 
{
	position: relative;
	margin: 1px;
	overflow: hidden;
	height: 100%;
}

/*************  Menu txt déroulant  à modifier  ***************/
.link1 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #FFFFFF;
	WIDTH: 100%;
}
.title1 
    {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text1 
   {
   background-image: url(../images/easyanywhere/11.jpg);
   background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
   }
.link2 
   {
	background-image: url(../images/easyanywhere/2.jpg);
	background-repeat: repeat-x;
	FONT-SIZE: 21px;
	FONT-FAMILY: verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #000144;
	WIDTH: 100%;
}
.title2 {

	LEFT:1px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
	POSITION: relative;
	WIDTH: 100%;
        
}
.text2
   {
   background-image: url(../images/easyanywhere/22.jpg);
   background-repeat: no-repeat;	
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.link3 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #FFFFFF;
	WIDTH: 100%;

}
.title3 
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text3
   {
   background-image: url(../images/easyanywhere/11.jpg);
   background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.link4 
     {
   background-image: url(../images/easyanywhere/2.jpg);
   background-repeat: repeat-x;
	FONT-SIZE: 21px;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #000144;
	WIDTH: 100%;
}
.title4 
  {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text4
   {
   background-image: url(../images/easyanywhere/22.jpg);
   background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.link5 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #FFFFFF;
	WIDTH: 100%;
}
.title5   
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text5
   {
   background-image: url(../images/easyanywhere/11.jpg);
   background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
   }
.link6 
    {
    background-image: url(../images/easyanywhere/2.jpg);
    background-repeat: repeat-x;
	FONT-SIZE: 21px;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #000144;
		WIDTH: 100%;
}
.title6  
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text6 
    {
    background-image: url(../images/easyanywhere/11.jpg);
    background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.link7 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #FFFFFF;
	WIDTH: 100%;
}
.text7
{

background-image: url(../images/easyanywhere/11.jpg);
background-repeat: no-repeat;
		padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.title7  
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.link8
 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #000144;
	WIDTH: 100%;
}
.text8
{

background-image: url(../images/easyanywhere/22.jpg);
background-repeat: no-repeat;
		padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.title8  
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.link9 {
	background-image: url(../images/easyanywhere/1.jpg);
	background-repeat: repeat-no;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #FFFFFF;
	WIDTH: 100%;
}
.title9   
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text9
{
background-image: url(../images/easyanywhere/11.jpg);
background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}
.link10 
   {
   background-image: url(../images/easyanywhere/2.jpg);
	background-repeat: repeat-x;
	FONT-SIZE: 21px;
	FONT-FAMILY:verdana;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: absolute;
	color: #000144;;
	WIDTH: 100%;
   }
.title10   
   {
	MARGIN-TOP: 1px;
	padding-left: 20px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	CURSOR: pointer;
   }
.text10 
   {
    background-image: url(../images/easyanywhere/22.jpg);
    background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
	height: 100%;
	WIDTH: 100%;
}


/********************  rubrique des menus ***********/

#menueasycsshmenuc11

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc11:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc12 {
	FONT-SIZE: 11px;
	COLOR: #b0e0e6;
	FONT-FAMILY: Verdana;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	font: normal;
}

#menueasycsshmenuc12:hover

{
	color: #191970;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc13

{
	FONT-SIZE: 11px;
	COLOR: #b0e0e6;
	FONT-FAMILY: Verdana;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	font: normal;
}

#menueasycsshmenuc13:hover

{
	color: #191970;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc14

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc14:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc15

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc15:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc16

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc16:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc17

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc17:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc18

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc18:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc19

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc19:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}
#menueasycsshmenuc20

{
	color: #B0E0E6;
	font-size: 15px;
	font-family: Verdana;	
	text-decoration: none;
	text-align: left;
}

#menueasycsshmenuc20:hover

{
	color: #191970;
	font-size: 18px;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
}                                                                                

///*****************  Texte défilement ***************////
#dropcontentsubject
		{
	width: 400px;

}

.dropcontent
		{

	width: 400px;
	height: 720px;
	border: 1px dotted #ccc;
	padding: 3px;
	display: block;
		}
		

/************************************************/


/********************************************Menuh *************/
	#slider {
	position: absolute;
	width:850px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #C8C8C8;
}
	#slider .slide {
	background: #B8B8B8;
	position: absolute;
	top: 0px;
	width:850px;
	height: 200px;
	overflow: hidden;
	border-left: 1px ridge #CBCBCB;
	cursor: default;
}
	#slider .title   
	{
	
	text-decoration: none;
   }
	#slider .backgroundText {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	background:#E9E9E9;
	filter: alpha(opacity=20);
	opacity: 0.20;
}
	#slider .text {
		position: absolute;
		top: 100%;
		width:850px;
		left: 10px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=20);
		opacity: 0.20;
		visibility: hidden;
	}

  
***************** Location de vacances ***/

#contentContainer h2
{        
background-color: White;
        margin-top:0px;
}

#mainContainer
{
	width: 835px;
	margin: 0 auto;
	text-align: left;
	padding: 5px;
	margin-top: 2px;

}
#contentContainer
{
	float: left;
	border: 0px solid #000;
	background-color: White;
	overflow: auto;
	margin-right: 10px;
	padding: 10px; /* CSS HACK */
	width: 550px; /* IE 5.x */
	width: 557px; /* Other browsers */
	width: 557px; /* CSS HACK */
	height: 550px; /* IE 5.x */
	height: 550px; /* Other browsers */

/**/
	height: 550px;
}
#contentContainer .openingText
{
     		border: 1px #006400;   
				background-color: White;
}

#articleListContainer{        /* <ul> container for article list */
        float:left;
        height:550px;
        overflow:auto;
        width:240px;
        border:0px solid #000;
        background-color:#FFF;
}
.articleList{
        margin:0px;
        padding:2px;
		        
}
.articleList li{
	/* General layout article in list */
	list-style-type: none;
	border: 1px solid #999;
	text-align: center;
	height: 280px;
	margin: 1px;
	padding: 2px;
	color: #2F4F4F;
	cursor: pointer;
}
.articleList li.articleMouseOver{        /* Mouse over article in list - layout */
        border:1px solid #000;
        color:#000;	
}
.articleList li.articleClick{
	/* Active article in list - layout */
	border: 1px solid #000;
	color: #006400;
	background-color: #E6E6FA;

}

.keyText{        /* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
        background-color:#FFF;
        border:1px dotted #000;
        float:right;
        margin-top:5px;
        margin-left:5px;
        margin-bottom:5px;
        width:550px;
        padding:3px
}
.clear{
        clear:both;
}
	                                                                                  
/* menu sept */
#box {
	position: absolute;
	border: gray solid 1px;
	visibility: hidden;
}
	#screen {
		position: absolute;
		left: 0px;
		width:900px;
		top: 10%;
		height:350px;
		border: gray solid 1px;
	}
	#box img  {
		position: absolute;
		border: gray solid 1px;
		cursor: pointer;
		filter:alpha(opacity=100);
		-ms-interpolation-mode:nearest-neighbor;
			
	}
	#box span {
	position: absolute;
	width:500px;
}
	#box a {

		text-decoration: none;
		color:#ff8000;
	}
	#box a:hover	{
		text-decoration: none;
		background:#ff8000;
		color:#ffffff;
	}
	#box a:visited {
		text-decoration: none;
		color:#ff8000;
	}
	#box a:visited:hover {
		text-decoration: none;
		background:#ff8000;
		color:#ffffff;
	}

  ;
	
	scrollbar-face-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
}
  