/* CSS pour tout le document */
* {padding:0; margin:0;} 
/* pour remplir la page entierement */ 
html, body { height: 99%; }

body {margin:4px 4px 4px 4px; font-family:verdana,arial,helvetica,sans-serif; font-size:small; background-image:url(/images/fondecran.png); color:#394B5E
; min-width:920px}

/* les différents blocs */
#document {background:url(/images/bg.png) repeat-y; position:relative; background-color:inherit; Width:100%; height:auto; margin:0px 0px 0px 0px; min-height:100%} 

#colonnegauche {float:left; width:55px} 
#colonnecentre {margin-left:65px; padding-bottom:60px} 

#piedgauche {position:absolute; bottom:0; background:url(/images/bgdg.png) no-repeat; height:60px; width:100%}
#pieddroite {height:60px;  margin-left:55px; text-align:center}

#entetegauche {float:left; background:url(/images/bghg.png) no-repeat bottom left; width:65px; height : 80px} 
#entetedroite {float:right; background:url(/images/bghd.png) no-repeat bottom right; width:30px; height : 80px} 
#entetecentre {background:url(/images/bgh.png) bottom left; height:80px} 

#compteurgauche {float:left; width:55px; height : 80px} 
#compteurdroite {float:right; width:150px; height : 80px; margin-top:5px} 
#compteurcentre {height:80px; margin-top:15px; text-align:center} 

#alizeegauche {float:left; width:55px} 
#alizeecentre {margin-left:65px; height:10px} 

address {margin-left:40px; font-family:verdana,arial,helvetica,sans-serif; font-style:normal; font-size:medium; font-style:italic; text-align:left; color:#394B5E}

/* Les URLs */ 
a {font-family:verdana,arial,helvetica,sans-serif; font-size:small; font-weight:bold; text-decoration:none}
a:link {color:blue}
a:hover {color:#00CACA}
a:visited {color:purple}

/* Les titres */ 
h1 {margin:0px; font-family:verdana,arial,helvetica,sans-serif; font-size:medium; font-weight:bold; color:#0377BC;
  display: list-item; list-style-image: url(/images/pucecs01.png); list-style-position: inside;}

h2 {margin:0px; font-family:verdana,arial,helvetica,sans-serif; font-size:medium; font-weight:normal; color:#0377BC;
  display: list-item; list-style-image: url(/images/pucecs02.png); list-style-position: inside;}

h3 {margin-left:40px; font-family:verdana,arial,helvetica,sans-serif; font-size:small; font-weight:normal; color:#394B5E;
  display: list-item; list-style-image: url(/images/pucecs02.png); list-style-position: inside; }

h4 {margin-left:60px; font-family:verdana,arial,helvetica,sans-serif; font-size:small; font-weight:normal; color:#394B5E;}	

h5 { margin-left:30px; font-family:verdana,arial,helvetica,sans-serif; font-size:medium; font-weight:normal; color:#0377BC; }

h6 { margin:0px 5px 0px 0px; font-family:verdana,arial,helvetica,sans-serif; font-size:small; font-weight:normal; color:#394B5E;
  display: list-item; list-style-image: url(/images/pucecs02.png); list-style-position: inside; 
}


.otexte0c { font-family: Arial; font-size : medium; color:#394B5E; line-height:150%; text-align:center; }

.otitreactu { font-family: Arial; font-size: medium; background-color: red; color:white; line-height:100%; text-align:left; font-weight: bold }

.otitrelien { font-family: Arial; font-size : small; color:navy; line-height:100%; text-align:left; font-weight: bold }


/* Les lignes de séparation */ 

.osepar100 { font: Times New Roman 1pt; line-height:100%; margin-top:0; margin-bottom:0 }
.osepar75 { font: Times New Roman 1pt; line-height:75%; margin-top:0; margin-bottom:0 }
.osepar50 { font: Times New Roman 1pt; line-height:50%; margin-top:0; margin-bottom:0 }
.osepar25 { font: Times New Roman 1pt; line-height:25%; margin-top:0; margin-bottom:0 }

/* Les tables pour les actus et les download */ 
td.t1titre {font-family: Arial; font-size: medium; font-weight: bold; color:white; background-image: url(/images/degrade.png);  
  line-height:100%; text-align:left; padding-top: 4px; width: 100%; height: 17px }
td.t1nouveau {width: 105px; height:17px }
td.t1texte{padding: 4px; border-width: 1px; border-color:rgb(39,169,211); border-style:solid; }
td.t1lien {width: 105px; padding: 4px; border-width: 1px; border-color:rgb(39,169,211); border-style:solid; }
td.t1lien1 {width: 105px; padding: 4px 4px 3px 4px; border-width: 1px 1px 0px 1px; border-color:rgb(39,169,211); border-style:solid; }
td.t1lien2 {width: 105px; padding: 3px 4px 4px 4px; border-width: 0px 1px 1px 1px; border-color:rgb(39,169,211); border-style:solid; }
td.t1lien3 {width: 105px; padding: 3px 4px 4px 4px; border-width: 0px 1px 0px 1px; border-color:rgb(39,169,211); border-style:solid; }

.oliendl {list-style-type: none ; font-family: Arial; font-weight: bold;
  padding-left: 0px; margin-top: 2px; margin-left: 5px; margin-bottom: 0px; width: 100%; /* précision pour Opera */
}
.oliendl a {display: block; width: 95px; height: 20px; line-height: 20px ;
  color:white; font-size : 9px; text-indent: 25px ; text-decoration: none ;
  background: url(/images/liendl.png) no-repeat 0 0; border: 0px solid #dbd ;
}
.oliendl a:link { border: 0px solid #f97; }
.oliendl a:hover { background: url(/images/liendl.png) no-repeat 0 -20px; border: 0px solid #f97; }
.oliendl a:visited { border: 0px solid #f97 ; }

/* Le compteur de visite et mise à jour */ 
.orgamiccadrecpt {width:64px; height:24px; position:absolute; right:80px; 
  font-family:helvetica,arial,sans-serif; font-size:7pt; font-weight:normal;
  background-color:white; color:#0c479d; text-align:center; text-decoration:none;
  border-top:1px solid #cecece; border-bottom:2px solid #4a4a4a; border-left:1px solid #cecece; border-right:1px solid #4a4a4a;
}
.orgamiccadremaj {width:73px; height:24px; position:absolute; right:5px; 
  font-family: helvetica,arial,sans-serif; font-size:7pt; font-weight:bold;
  background-color:#B5CED6; color:navy; text-align:center; text-decoration:none;
  border-top:1px solid #cecece; border-bottom:2px solid #4a4a4a; border-left:0px solid #cecece; border-right:2px solid #4a4a4a;
}
.orgamiccadreip {width: 130px; height:24px;position:absolute; padding-top:30px; right:5px; 
  font-family:helvetica,arial,sans-serif; font-size:8pt; font-weight:normal;
  color:#0c479d; text-align:center; text-decoration:none;
}

/* Le menu */ 

ul#menu {
  width: 100%; /* précision pour Opera */
  list-style-type: none ;
  font-family: Arial; 
  font-weight: bold;
  padding-left: 0px;
  margin-left: -5px;
}
	
ul#menu li {
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 0px;
}

ul#menu li a {
  display: block ;
  width: 110px;
  height: 25px;
  line-height: 25px ;
  color:yellow;
  font-size : 10px;
  text-indent: 25px ;
  text-decoration: none ;
  background: url(/images/bkgdmenu.png) no-repeat 0 0 ;
  border: 0px solid #dbd ;
}
		
ul#menu li a:hover {
  background: url(/images/bkgdmenu.png) no-repeat 0 -25px ;
  border: 0px solid #f97 ;
}

ul#ssmenu {
  width: 100%; /* précision pour Opera */
  list-style-type: none ;
  font-family: Arial; 
  font-weight: bold;
  padding-left: 0px;
  margin-left: -5px;
}
	
ul#ssmenu li {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  margin-bottom: 0px;
}

ul#ssmenu li a {
  display: block ;
  width: 140px;
  height: 20px;
  line-height: 20px ;
  color:white;
  font-size : 9px;
  text-indent: 25px ;
  text-decoration: none ;
  background: url(/images/bkgdssme.png) no-repeat 0 0 ;
  border: 0px solid #dbd ;
}
		
ul#ssmenu li a:hover {
  background: url(/images/bkgdssme.png) no-repeat 0 -20px ;
  border: 0px solid #f97 ;
}