/* --------------------------------- FEUILLE DE STYLE HGI --------------------------------- */


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

body { background: #0052A5; margin: 0;}
.all { width: 962px; border: 0;}
.acc { width: 770px; border: 0;}


/* 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;}
.nuage1 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-acc.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 92px; table-layout: fixed;} 	/* rose */
.nuage2 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-pedag.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 92px; table-layout: fixed;} /* bleu */
.nuage3 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-fonct.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 92px; table-layout: fixed;} /* vert */
.nuage4 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-inscr.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 120px; table-layout: fixed;} /* orange */
.nuage5 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-struc.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 92px; table-layout: fixed;} /* vert clair */
.nuage6 { width: 100%; background-color: #FFFFFF; background-image: url(images/nuage-cont.gif); background-repeat: no-repeat; background-position: top center; border:0; padding: 55px 92px 35px 120px; table-layout: fixed;} /* jaune */
/* Pour les tableaux 'nuage', NE PAS MENTIONNER de "WIDTH" en px: Bug sous IE 5 = le padding s'ajoute à la largeur et décale d'autant la colonne 'marge-droite' vers la droite - (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: #83B817; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-top: 58px;} /* vert de l'INTRO accueil */
h2 {font-size: 16px; color: #E61577; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 154px; margin-top: 33px;} /* rose */
h3 {font-size: 16px; color: #009DD9; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 154px; margin-top: 33px;} /* bleu */
h4 {font-size: 16px; color: #83B817; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 154px; margin-top: 33px;} /* vert */
h5 {font-size: 16px; color: #FF9000; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 154px; margin-top: 33px;} /* orange */
h6 {font-size: 16px; color: #ABC902; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 154px; margin-top: 33px;} /* vert clair */
.or {font-size: 16px; color: #FCBF04; margin-bottom: 26px;} /* jaune */
.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: disc;}
.litabo {font-weight: bold; font-style: italic; list-style-type: none; font-size: 9pt; color: #082D7A; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lisans {font-weight: normal; list-style-type: none; font-size: 9pt; color: #082D7A; font-family: Verdana, Arial, Helvetica, sans-serif;}
.intro {font-weight: bold; font-style: italic; font-size: 12px; color: #83B817; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}
.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 D'INSCRIPTION */

.tab {width: 310px; background-color: #FFFFFF; border-top: 1px solid #082D7A; border-right: 1px solid #082D7A; border-bottom: 1px solid #082D7A; border-left: 1px solid #082D7A; margin: 0px; table-layout: fixed;}
.tab1 {background-color: #FFFFFF; border-right: 1px solid #082D7A; border-bottom: 1px solid #082D7A; padding: 5px; height: 20px; width: 190px;}
.tab2 {border-bottom: 1px solid #082D7A; padding: 5px; height: 20px;}
.tab3 { border-right: 1px solid #082D7A; height: 20px; padding: 10px;}
.tab4 { height: 20px; padding: 10px;}
.t { text-align: center; line-height: 17px;}


/* STYLE DU FORMULAIRE */

textarea {font-size:11px; background-color: #E7F4DA; border:1 solid #082D7A; margin: 3px 6px;}
select { color: #082D7A; font-size:12px; background-color: #E7F4DA; height: 17px; width: 150px; border:1 solid #082D7A; margin: 3px 6px;}
input { font-size: 11px; background-color: #E7F4DA; border:1 solid #082D7A; height: 17px; margin: 3px 6px; vertical-align: middle;}
.bt { height: auto; width: auto;}

/* 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;}

.bloc { width: 178px; border: 0; margin: 0; table-layout: fixed; margin: 10px 0px 0px 14px;}
.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;}
/* 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 								(ordre padding: haut+bas  côtés) */

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;}