/* --------------------------------- FEUILLE DE STYLE HGI : SITES LOCAUX --------------------------------- */


/* STYLE DE MISE EN FORME GÉNÉRALE */

body { background: #0052A5; margin: 0;}
.all { width: 962px; border: 0;}
.mid { text-align: center;}
.mid2 { align: center;}

/* STYLE DES TABLEAUX DE MISE EN FORME PARTIE GAUCHE */

.top { background-color: #FFFFFF; background-image: url(../images/top.gif); background-repeat: no-repeat; width: 770px; border: 0;}
.local { width: 100%; background-color: #FFFFFF; border:0; padding: 0px 89px 50px 89px;}
									/* (ordre padding: haut droite bas gauche) */


/* STYLE DU TEXTE CENTRAL */

P {font-size: 12px; color: #082D7A; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify;}
h1 {font-size: 16px; color: #E61577; font-family: Verdana, Arial, Helvetica, sans-serif;} /* rose */
h2 {font-size: 16px; color: #009DD9; font-family: Verdana, Arial, Helvetica, sans-serif;} /* bleu */
h3 {font-size: 16px; color: #83B817; font-family: Verdana, Arial, Helvetica, sans-serif;} /* vert */
h4 {font-size: 16px; color: #FF9000; font-family: Verdana, Arial, Helvetica, sans-serif;} /* orange */
h5 {font-size: 16px; color: #ABC902; font-family: Verdana, Arial, Helvetica, sans-serif;} /* vert clair */
.spot1 {font-size: 38px; font-weight: bold; vertical-align: -8px; margin-right: 12px;}
ul { font-size: 12px; color: #082D7A; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; list-style-type: circle; padding-left: 15px;}
.exposant {vertical-align: +2px; font-size: 80%; line-height: 80%;}

.ct:link { color: #7BA300;}
.ct:hover { color:#009DD9;}
.ct {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7BA300; font-weight: normal; font-style: normal; text-decoration: none;}


/* STYLE DES LIENS EN PIED DE PAGE */

.bot:link { color: #FFFFFF;}
.bot:hover { color:#FF9000;}
.bot {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none;}
.blanc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none; text-align: center; margin-top: 5px; margin-bottom: 5px;}


/* STYLE DU TABLEAU DE PLANNING */

.table1 {width: 500px; background-color: #FFFFFF; border-top: 4px solid #83B817; border-bottom: 4px solid #83B817; margin: 0px; table-layout: fixed;}
.cell1 {width: 176px;background-color: #FFFFFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 50px; padding: 12px 5px 12px 5px; font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
.cell2 {background-color: #FFFFFF; border-bottom: 1px solid #000000; height: 50px; padding: 12px 5px 12px 5px; font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
.cell3 {background-color: #FFFFFF; border-bottom: 1px solid #000000; height: 50px; padding: 12px 5px 12px 30px}
.cell4 {width: 135px; background-color: #FFFFFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 50px; padding: 12px 5px 12px 30px}
 


/* STYLE DES CONTENUS EN MARGE DROITE */

.marge1 { font-weight: bold; text-align: center;}
.marge2 { font-size: 11px; font-weight: normal; text-align: justify; line-height: 120%;}

.image { margin: 10px 0px 10px 14px;}
.image2 { margin: 3px 0px 3px 14px;}
.image3 { margin: -3px 0px 3px 14px;}	/* compensation du margin du bloc superieur (bloc ou bloc-map) */

.bloc { width: 178px; border: 0; margin: 0; margin: 10px 0px 0px 14px; table-layout: fixed;}
.bloc thead td { height: 9px; line-height: 5%; width: 178px; background-image:  url(../images/bloc-top.png); background-repeat: no-repeat; margin: 0; padding: 0;}
.bloc tfoot td { height: 9px; width: 178px; background-image:  url(../images/bloc-bas.png); background-repeat: no-repeat; margin: 0; padding: 0;}
.bloc tbody td { width: 178px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #082D7A; font-size: 11px; line-height: 120%; text-align: center; margin: 0; padding: 5 7;}

.bloc-map { width: 178px; border: 0; margin: 0; margin: 10px 0px 0px 14px; table-layout: fixed;}	/* bloc sans padding dans le tbody : pour les plans */
.bloc-map thead td { height: 9px; line-height: 5%; width: 178px; background-image:  url(../images/bloc-top.png); background-repeat: no-repeat; margin: 0; padding: 0;}
.bloc-map tfoot td { height: 9px; width: 178px; background-image:  url(../images/bloc-bas.png); background-repeat: no-repeat; margin: 0; padding: 0;}
.bloc-map tbody td { width: 178px; background-color: #FFFFFF; align: center; margin: 0; padding: 0;}
/* important: dans le html: cellspacing="0" même si on a mis margin et padding à 0 dans les css, sinon espace horizontal vide entre chaque tr */

a:link {color:#679E06;}
a:hover {color:#009DD9;}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #679E06; font-weight: bold; font-style: italic; text-decoration: none;}