/*////////////////////////////*/
 /*  Style CSS du site SIIG3T  */
/*////////////////////////////*/


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
height: 100%; 
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
padding: 0;
background: #0061a8 url(images/design/fond.gif) repeat-x;
border-style: hidden;
}

ital {
font-size: 9pt;
color:#999;
font-style: italic;
}
/*Style pour le fil d'ariane: page où l'on est*/

#conteneur  {
	width: 950px;
	margin: auto;
	background: url(images/design/contenu.gif) repeat-y;
	margin-top: 10px;
	margin-bottom: 10px;
}

#hautdepage {
    height: 150px;
	background: #000 url(images/design/banniere.jpg);
	background-repeat: no-repeat;
}

#contenu {
width: 950px;
margin-top: 15px;
}

.corps {
font-size: 10pt;  
text-align: left; 
text-align: justify;
margin-right: 10px;
margin-left: 10px;
color: #000;
list-style-type: none;
} 
/*Texte basique*/

.corps a:link  { 
color: #06c;
text-decoration: underline;
}
/*Lien tel qu'il apparait sur la page, dans le corps*/

.corps a:visited  { 
color: #06c;
text-decoration: underline;
}
/*Lien tel qu'il apparait sur la page, dans le corps, après avoir cliqué dessus et être revenu sur la page*/

.corps a:hover {
color: #007c0b;
text-decoration: underline;
}
/*Lien tel qu'il apparait quand on est dessus, dans le corps*/

.lienam {
font-size: 16pt;  
text-align: center;
margin-right: 10px;
margin-left: 10px;
color: #06c;
}
/*Lien Atelier Mercator grand*/

.lienam a:link  { 
color: #06c;
text-decoration: underline;
}

.lienam a:visited  { 
color: #06c;
text-decoration: underline;
}

.lienam a:hover {
color: #007c0b;
text-decoration: underline;
}

.titre1 {
font-size: 16pt; 
font-weight: bold;
text-align: center;
margin-right: 10px;
margin-left: 10px;
color: #0a0d63;
background: url(images/design/degrade.gif);
} 
/*Texte gras, grand, centré, et bleu, pour les titres de page*/

.stitre {
font-size: 12pt;
font-weight: bold;
text-align: left; 
margin-right: 10px;
margin-left: 10px;
color: #0060a8;
} 
/*Texte moyen, aligné a gauche, et bleu, pour les seconds titres de page*/

.stitre-centre {
font-size: 12pt;
font-weight: bold;
text-align: center;
margin-right: 10px;
margin-left: 10px;
color: #0060a8;
}
/*Texte moyen, aligné a gauche, et bleu, pour les seconds titres de page mais centré*/

.stitrecentre {
font-size: 12pt;
font-weight: bold;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
color: #0060a8;
} 
/*Texte moyen, centré, et bleu, pour centrer les seconds titres de page*/

.chemin {
font-size: 9pt;  
text-align: left; 
margin-left:30px;
color: #000;
} 
/*Texte petit, aligné a gauche, et noir, pour le fil d'ariane*/

.chemin a:link  { 
color: #06c;
text-decoration: underline;
}
/*Lien du fil d'ariane*/

.chemin a:visited  { 
color: #06c;
text-decoration: underline;
}
/*Lien du fil d'ariane une fois visité*/

.chemin a:hover {
color: #999;
text-decoration: underline;
}
/*Lien du fil d'ariane quand on est dessus*/

.legende {
font-size: 9pt;  
text-align: left;
font-style: italic;  
color: #646464;
} 
/*Texte petit, pour les légendes, en italique*/

.imagecentre {
text-align: center;
}

.pied {
font-size: 10pt;  
text-align: center; 
margin-right: 5px;
margin-left: 5px;
color: #000;
} 

.pied a:link  { 
color: #FFF;
text-decoration: none;
}

.pied a:visited  { 
color: #FFF;
text-decoration: none;
}

.pied a:hover {
color: #FFF;
text-decoration: underline;
}

#pieddepage {
    height: 20px;
	background: #000 url(images/design/pied.gif);
	background-repeat: no-repeat;
}

#zonebanniere {
float: left;
width: 950px;
height: 150px;
}
/*Lien de la bannière*/

table.centretout {
    text-align:center;

}