/*======================================*/
/* DEFINITION OF THE SCREEN AREAS (DIV) */
/*======================================*/
/*------------------------------------------*/
/* ID -> Must Be Unique among the HTML Page */
/*------------------------------------------*/
#nuage {
  position:absolute;
  top:10px; left:600px;
  z-index:2;
  padding:0; /* top right bottom left */
}

#header {
  position:absolute;
  top:0px; left:0px; width:765px; height:120px;
  padding:10 10 10 10; /* top right bottom left */
}

#horairesprintemps {
	position:absolute;
	top:180px;
	left:455px;
	width:100px;
	visibility: visible;
	z-index:2;
}

#horaires {
	position:absolute;
	top:416px;
	left:10px;
	width:550px;
}

#horaires2 {
	position:absolute;
	top:200px;
	left:12px;
	width:550px;
}

#fermeture {
	position:absolute;
	top:25px; left:410px; width:185px;
	padding:0;
}

#annonce {
	position:absolute;
	top:146px;
	left:352px;
	width:217px;
	height:90px;
	padding:5;
	visibility: visible;
	background-color:"#eeeeee";
}
 
#titre {
  position:absolute;
  top:148px; left:0px; width:560px; height:200px;
  padding:20; /* top right bottom left */
}

#titre2 {
  position:absolute;
  top:140px; left:0px; width:760px;
  padding:20; /* top right bottom left */
}

#menu {
	position:absolute;
	top:140px; left:592px; width:185px;
	background-color: #FFFFFF;
    padding:0; /* top right bottom left */
}

#barre{
  position:absolute;
  top:344px; left:10px; width:560px; height:20px;
  background-color: #33CCFF;
  border: no;
}
#barrepd{
  position:absolute;
  top:395px; left:10px; width:560px; height:20px;
  background-color: #33CCFF;
  border: no;
}
#barre2{
  position:absolute;
  top:720px; left:10px; width:560px; height:20px;
  background-color: #33CCFF;
  border: no;
}
#barre3{
  position:absolute;
  top:395px; left:10px; width:560px; height:20px;
  background-color: #33CCFF;
  border: no;
}
#barre3{
  position:absolute;
  top:340px; left:10px; width:560px; height:20px;
  background-color: #33CCFF;
  border: no;
}

#catalogue {
	position:absolute;
	top:492px;
	left:350px;
	width:200px;
	background-color:#33CCFF;
	z-index:3;
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
	position:absolute;
	z-index: 2;
	top:366px;
	left:0px;
	width:560px;
	padding: 10 10 10 10; /* top right bottom left */
	margin-left:0;
	background-color:#FCFBFB;
	visibility: hidden;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.contentpd {
	position:absolute;
	z-index: 2;
	top:440px;
	left:0px;
	width:560px;
	padding: 10 10 10 10; /* top right bottom left */
	margin-left:0;
	background-color:#FCFBFB;
	visibility: hidden;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.content3 {
	position:absolute;
	z-index: 2;
	top:370px;
	left:0px;
	width:560px;
	padding: 10 10 10 10; /* top right bottom left */
	margin-left:0;
	background-color:#FCFBFB;
	visibility: hidden;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}
.content2 {
  position:absolute;
  z-index: 3;
  top:285px; left:0px; width:560px; 
  padding: 10 10 10 10; /* top right bottom left */
  margin-left:0;
  background-color#FCFBFB; 
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

/*==================*/
/* TYPES DEFINITION */
/*==================*/
.pratique {
  color: #003399;
  font-size: 11px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
}

.pratique:hover {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.pratique:visited {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.menubib {
  font-family: arial;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.menubib:hover {
  font-family: arial;
  font-size: 11px;
  color: #33CCFF;
  text-decoration: none;
}
.menuhoraires {
  font-family: arial;
  font-size: 11px;
  color: #FF6101;
  text-decoration: none;
}

.menuhoraires:hover {
  font-family: arial;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}
/*=================*/
/* TAGs DEFINITION */
/*=================*/
a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #0099ff;
  text-decoration: none;
}

.sepjaune{
	background-image: url(../images/sep_jaune.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
}


/*-------------------ECM-----------------------*/

.courantptt {
	font-family: arial;
	font-size: 10px;
	color: #000000;
}
.courantgr{
	font-family: arial;
	font-size: 12px;
	color: #000000;
}
.titrebibmen{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ECE9D8;
	background-color: #666666;
	background-repeat: repeat-x;
	background-position: -10px 10px;
}
/*  -- -- -- -- -- -- -- -- Pour Mozilla problème de div parent résolu -- -- -- -- -- -- -- --   */

.clearfix:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
}
       
.clearfix {
display: inline-block;
}

/* Hides from IE-mac */
 html .clearfix {
 height: 1%;
 }
.clearfix {
display: block;
}
/* End hide from IE-mac */

/*-------------------EN-----------------------*/
.parafond{
	background-image: url(images/parafond2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#contenuen{
	left:0px;
	width:765px;
	padding:20 35 20 20;
	top: 152px;
	position:absolute;
	height: 34px;
}
#gauche{
width:550px;
float:left;
margin-right:15px;
}
#tdrt{
	float:right;
	/*width:158px;*/
	width:180px;
	background-image: url(images/fd_drt.gif);
	background-repeat: repeat-y;
	background-color:#E3E0E0;
	margin-bottom:20px;
	/*height: 100%;*/
	background-position: left top;/
	padding-bottom:300px;
}
#blocneuf{
	background-image: url(images/fondneuf2.gif);
	background-repeat: repeat-y;
	width:550px;
	background-position: left top;
}
#topneuf{
	background-image: url(images/fd_quoineuf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
}
.courantesnu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.courantesnu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee6217;
	text-decoration:none;
}
.courantesnu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee6217;
	text-decoration:underline;
}
.tdrt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #237e9b;


}
.tdrtor{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee6217;
	padding-left:10px;
}
.courantesnu2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.courantesnu2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}
.courantesnu2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}
.titresgrd{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #32ccfe;
	background-repeat: repeat-x;
}
.t2en2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee6217;
	font-weight:bold;
}
div.lien {
font-weight:bold;
border-left:solid 4px #FF8400;
color:#000;
width : 200px;
text-align:left;
padding : 3px 10px;
}
div.lien a{
color:#000;
}
div.lien a:hover{
text-decoration:none;
}
span.titreEspaceNumerique {
font-family:Arial, Helvetica, sans-serif;
font-size : 18px;
margin : 25px;
}
h2.titre-fd-bleu {
font-family:Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight:bold;
color:#FFF;
background-color:#32CCFE;
padding : 2px 5px 2px 15px;
}