/* CSS Document par Charles-Alexandre Pare */

body {
	background:url(images/fond_lisere_gris.png) repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	margin-bottom: 10px
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
	background-color: #cad8fe;	
	margin-top: 0em;
	border-bottom: solid 1px #44738b;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	color: #003366;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #003366;
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	line-height: 1.25em;
	}	

img { border: none }
	
#global {
     margin-left: auto;
     margin-right: auto;
     width: 800px; /* largeur obligatoire pour être centré */
     }		
	
.centrage {
	text-align: center;
	}

p.rouge {
  color: red;
  text-decoration: underline;  
}

table.entete {
	background-color: #d1ef9d;
	background:url(images/banniere_800px.jpg) no-repeat;
	border-bottom: solid 1px #003366;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	border-left: solid 1px #333333;
	}	

.langue {
	
	position:relative; 
	float:right;
	margin-right: 37px;
	color:#CCFFFF;
}	

.langue a {
	background:url(images/langue_fond.png) no-repeat;
	color:#CCFFFF;
	text-decoration: none;
	font-weight: bold;
}	
	
.langue a:hover {
	background:url(images/langue_fond_hover.png) no-repeat;
	color:yellow;
}	
	
table.titres
{
	border-top: solid 1px #333333;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-right: solid 1px #333333;
	border-left: solid 1px #333333;
	
	}
	
table.corps {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-right: solid 1px #333333;
	border-left: solid 1px #333333;
	padding: 0 4px 0px;
	}

#contacts {
background:url(images/boulons_back2.jpg) no-repeat;
}
	
table.corps p {
	text-align: justify;
	}

table.corps blockquote {
	padding: 8px 0 8px;
	margin-top: 1.5em;
	margin-bottom: 2em;
	border-top:dashed 2px #5c99c6;
	border-bottom:dashed 2px #5c99c6;
	white-space:nowrap;
}

table.basdepage {
	background-color: #003366;
	background:url(images/bas_de_page.jpg) no-repeat;
	border-right: solid 1px #333333;
	border-left: solid 1px #333333;
	border-bottom: solid 1px #333333;
	height: 25px;
	}
table.basdepage p {
	color: #a6bcf0;
	padding: 0 0 0;
	text-align:center;
	font-size: 0.8em;
	line-height: 0.4em;
}

table.basdepage a:link  {
	color: #a6bcf0;
	text-decoration: none;	
}

table.basdepage a:visited {
	color: #a6bcf0;
	text-decoration: none;	
}

#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

.bouton-avancer {
    display: block; /* modifie le type d'affiche du lien de inline a block; permet de specifier des dimensions precises. */
    width: 125px;
    line-height: 25px; /* en specifiant la hauteur a partir du line-height, on s'assure que le texte du lien soit verticalement centre. */
    margin: auto auto auto ; /* centrer le bouton */
    text-align: center; /* centrer le texte du bouton */
    text-decoration: none;
}

.bouton-avancer:link, .bouton-avancer:visited { /* apparence normale  */
	background: white url("images/whatsnew.png") no-repeat top left;
    color: yellow;
    text-decoration: blink;
}

.bouton-avancer:hover, .bouton-avancer:active { /* apparence pour survol de souris  */
    background: white url("images/whatsnew_over.png") no-repeat top left;
    color: #003366;
}

#archives {
 text-align:center;
 margin:0.5em 2em 0em 4em;
}