/************* Général *****************/

@media print {
  div#google, .noprint, div#contact, div#menu, div#ssmenu, div#noprint, div#logo, .menu {
		visibility:hidden;
  }
}

a:link { text-decoration: none; color: #6666FF; }
a:visited { text-decoration: none; color: #6666FF; }
a:hover { text-decoration: underline; color: #6666FF; }
a:active { text-decoration: underline; color: #6666FF; }
#newscontainer {
  float:right; 
  width:350px; 
  height: 555px; 
  margin-left : 4px; 
  padding : 0px; 
  border-width:0px; 
  border-style:none; 
  border-color:#000000;  
  background-color :  #D4D4C7; 
  overflow:auto;
 }
#newsbox{
	float:right; width:348px; 
	height: 344px; 
	margin-left : 0px;  
	border-width:1px; 
	border-style:solid; 
	border-color:#000000;  
	background-color :  #FFFFFF; 
	overflow:auto;
}
#newsbox ul{
	padding-left:20px;
}
#newsbox li{
	margin-right:5px;
}

.contable {
		width:100%;
		border-spacing:0px;
		border-collapse:collapse;
		border:0px;
		empty-cells:show;
		text-align:center;

}

p {
  text-align:justify;
}
div#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:800px;
	background-color: #FFFFFF;
        border-width:0px;
        border-style:solid;
        border-color:#808080;
}


ul, li, td {
  text-align:justify;
}
div#logo {
      position: relative;
      top: 0px;
      text-align:center;
      z-index: 3;
      border:0px;
}

div#titrepage {
            position: relative;
            text-align:center;
            font-size:12px;
            font-weight:bold;
            top: 0px;
            visibility: visible;
            z-index: 2;
}

div#contact {
            position: relative;
            text-align:center;
            top: 0px;
            font-style:italic;
}

div#sousmenu {
            position: relative;
            text-align:center;
            top: 0px;
}

div#conteneurmenu, div#iubitomenu {
            position: relative;
            text-align:center;
            top: -25px;
            z-index: 30;
}
div#google {
        position: relative;
        text-align:center;
        z-index: 1;
        top: 0px;


}
body {
     font-size: 11px;
     color: #666666;
     line-height: 18px;
     font-family: Verdana;

}
.noprint {

}

.abigletter {
float:left;
color:#D4D4C7; 
font-size:100px;
line-height:70px; 
padding-top:2px; 
font-family: times; 
}

.abigletter2 {
float:left; 
color:#D4D4C7;
font-size:100px;
line-height:70px;
padding-top: 2px;
padding-bottom : 15px;
font-family: times;
}

table.gravure {
  width: 100%;
  border-style:solid;
  border-collapse:collapse;
  empty-cells:show; 
  padding:2px; 
  border-width:1px;
  border-color:#6666FF;
}

td.gravure{
  border-style:solid;
  border-width:1px;
  border-color:#6666FF;
  padding:2px;
  vertical-align:top;
  text-align:left;
  font-size:x-small;
}
a.titrelien{
  text-decoration:none;
  color:#666666;
}
a.titrelien:hover{
  text-decoration:none;
  color: #6666FF;
}
/********* Bulle d'aide *************/
.infoBulle{
           position:absolute;
           z-index:4;
}
.titreBulle{
            font-family:Verdana;
            font-size:12px;
            background: #006699;
            color:#CDDBEB;
            text-align:center;
            z-index:4;
}
.corpsBulle{
            font-family:Verdana;
            font-size:12px;
            background:#CDDBEB;
            color: #006699;
            text-align:left;
            z-index:4;
}
.notaBulle{
           font-family:Verdana;
           font-size:12px;
           background: #006699;
           color:#CDDBEB;
           text-align:center;
           font-weight: bold;z-index:4;
}
.cadreBulle{
            background:#CDDBEB;
            border: 2px outset #ffffff;
            z-index:4;
}

/********** Menus *************/


.menu {
	background-color:#CDDBEB;
	color:#006699;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana;
	border:1px solid #CDCDCC;
	padding:0px;
	width:15em;
	margin:1em;
}

.ssmenu {
	background-color:#CDDBEB;
	color:#006699;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #CDCDCC;
	padding:0px;
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
	background: #006699 url('/css/pro2.jpg');
	color:#F0F0F0
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
.ssmenu ul, .ssmenu li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid #CDCDCC;
	border-right: 1px solid #CDCDCC;
}
.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#969695;
	padding:2px;
	text-decoration:none;
	font-family:Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}

.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#969695;
	padding:2px;
	text-decoration:none;
	font-family:Arial,Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenu a, .ssmenu a:visited {
	padding-left:5px;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: url('/css/pro1.jpg');
	color:black;
	text-decoration:none;
	font-family:Arial,Verdana;
	margin:0px;
	width:100%
}
.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: url('/css/pro1.jpg');
	color:black;
	text-decoration:none;
	font-family:Verdana;
	margin:0px;
	width:100%
}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}