/*          RGB      hexa
jaune   255,212,0   ffd400
vert     57,181,74  39b54a
bleu    146,165,199 92A5C7 */

html                    { height: 100%; }
body.home               { background: #ffffff; margin: 0 0 0 0; padding: 0px; height: 100%; }
body.bodCont            { background: #DDE7FA; margin: 4 0 0 0; padding: 0px; height: 100%; }
#homeLangue             { background-image: url(/img/home_bg_langue.gif); width: 160px; padding-top: 3px; }
.coordonnees            { font-family: Verdana, Arial; font-size: 9px; color: #7588A5; }
.norm                   { font-family: Arial; margin-right: 20px; }
.noDeco                 { font-family: Arial; margin:0; padding: 0; }
a.norm, a.norm:link     { color: #007100; text-decoration: underline; }
a.norm:hover            { color: #007100; text-decoration: none; }
a.norm:active           { color: #ff0000; text-decoration: underline; }
a.noDeco, a.noDeco:link { color: #007100; text-decoration: none; }
a.noDeco:hover          { color: #007100; text-decoration: underline; }
a.noDeco:active         { color: #ff0000; text-decoration: none; }

/* Home fader*/
#faderTit               { font: bold 14px "Arial Rounded MT Bold", "Arial"; color: #ffffff; } /* bold is for Arial only */
.faderStit              { font: bold 12px Arial; color: #ffd400; } /* bold is for Arial only */
#divNewsCont            { width: 155px; height: 240px; clip: rect(0px 155px 240px 0px); visibility: hidden; overflow: hidden; } 
#divNews                {  } /*position:absolute;*/
.txtRotate              { margin: 10 10 10 10; font: normal 9 Arial; }

#tableTop               { width: 780px; }
#hrNoir                 { width: 780px; }

#nav                    { width: 780px; height: 24px; }

#bgArrow                { background-image: url(/img/bg_arrow.gif); background-repeat: no-repeat; width: 778px; }
#bgTitle                { background-color: #92A5C7; width: 778px; padding: 0; margin: 0; }
#bgCoinSnavSup          { background-image: url(/img/coin_s_nav.gif); background-repeat: no-repeat; width: 778px; height: 8px; }
#bgSnav                 { background-image: url(/img/bg_s_nav.gif); background-repeat: repeat-y; width: 153px; }
#bgSnavEnd              { background-image: url(/img/bg_s_nav_end.gif); background-repeat: no-repeat; width: 153px; height: 31px; }
#coinFinal              { background-image: url(/img/coin_final.png); background-repeat: no-repeat; width: 21px; height: 21px; }

h1.h1Blanc              { padding: 0 0 0 0; margin: 3 0 0 0; font-family: Arial; color: #ffffff; font-size: 20px; font-weight: bold; }
h2.jaune                { background-image: url(/img/bg_title_jaune.gif); background-repeat: no-repeat; width: 604px; height: 56px; padding: 20 0 0 0; margin: 0 0 0 0; font-family: Arial; color: #000000; font-size: 16px; font-weight: bold; text-indent: 70px; }

h3.pointilles           { padding: 10 0 0 0; margin: 0 20 10 0; font-family: Arial; color: #000000; font-size: 14px; font-weight: bold; border-bottom: 1px dashed #808080; }

.norm12                 { font-family: Arial; margin-right: 20px; font-size: 12px; color: #666666; }
.norm10					{ font-family: Arial; margin-right: 20px; font-size: 10px; color: #666666; }

a, a:link               { color: #000000; font-weight: bold; text-decoration: underlined; }
a:hover                 { color: #000000; font-weight: bold; text-decoration: none; }
a.more, a.more:link     { font-family: Verdana; font-size: 12px; color: #39b54a; font-weight: bold; text-decoration: none; text-align: right; margin-right: 20px; }
a.more:hover            { color: #39b54a; text-decoration: underline; }

#footerNav              { font-family: Verdana; font-size: 9px; color: #007100; text-align: right; margin-right: 8px; }
a.footerNav, afooterNav:link
                        { color: #007100; font-weight: normal; text-decoration: underline; }
a.footerNav:hover       { color: #007100; font-weight: normal; text-decoration: none; }

#footerCopy             { font-family: Verdana; font-size: 9px; color: #7588A5; text-align: right; margin-right: 28px; }


.rollFrNVC              { width: 180px; line-height: 22px; padding-left: 8px; }
.rollFrExpertise        { width: 290px; line-height: 22px; padding-left: 8px; }
.rollFrMissions         { width: 150px; line-height: 22px; padding-left: 8px; }
.rollFrContribution     { width: 160px; line-height: 22px; padding-left: 8px; }
.rollFrNewsletter       { width: 184px; line-height: 22px; padding-left: 8px; }
.rollFrRejoignez        { width: 150px; line-height: 22px; padding-left: 8px; }
.rollFrRejoignez2       { width: 190px; line-height: 22px; padding-left: 4px; }

.rollEnNVC              { width: 140px; line-height: 22px; padding-left: 8px; }
.rollEnExpertise        { width: 150px; line-height: 22px; padding-left: 8px; }
.rollEnMissions         { width: 110px; line-height: 22px; padding-left: 8px; }
.rollEnContribution     { width: 140px; line-height: 22px; padding-left: 8px; }
.rollEnNewsletter       { width: 184px; line-height: 22px; padding-left: 8px; }
.rollEnRejoignez        { width: 110px; line-height: 22px; padding-left: 8px; }
.rollEnRejoignez2       { width: 120px; line-height: 22px; padding-left: 4px; }


ul.listeStandard        { list-style: square; list-style-image: url(/img/puce.gif); margin: 5px 0 0 20px; /* margin-left pour IE only */ padding: 0 0 0 20px; }
li.listeStandard        { font-family: Arial; font-size: 12px; color: #666666; margin: 0 0 5px 0; }
.cadre 					{ clear: both; border: #666666 1px dashed; padding: 12px 0 12px 12px; margin: 12px 36px 12px 12px; overflow: hidden; }
/* "clear: both;" et "overflow: hidden;" Ca sert a qqchose ca ? */

div.sNavGauche1Ligne    { background-image: url(/img/bg_s_nav_gauche_1ligne.gif); background-repeat: no-repeat; width: 142px; height: 26px; padding: 6 0 0 8; margin: 3 0 0 6; }
div.sNavGauche2Lignes   { background-image: url(/img/bg_s_nav_gauche_2lignes.gif); background-repeat: no-repeat; width: 142px; height: 36px; padding: 3 0 0 8; margin: 3 0 0 6; }
div.sNavGauche3Lignes   { background-image: url(/img/bg_s_nav_gauche_3lignes.gif); background-repeat: no-repeat; width: 142px; height: 46px; padding: 3 0 0 8; margin: 3 0 0 6; }
a.sNavGauche            { width: 142px; font-family: Arial; color: #000000; text-decoration: none; font-size: 11px; }


/* Nav de niveau 2 */
ul.listeSnavGauche      { color: #ffffff; list-style: square; margin: 0 0 0 0; /* margin-left pour IE only */ padding: 0px 0 0px 30px; }
li.listeSnavGauche      { font-family: Arial; color: #ffffff; line-height: 12px; }
a.blanc, a.blanc:link   { font-family: Arial; color: #ffffff; text-decoration: none; font-size: 10px; font-weight: normal; }
a.blanc:hover           { font-family: Arial; color: #ffffff; text-decoration: underline; font-size: 10px; font-weight: normal; }
a.blanc:active          { font-family: Arial; color: #ff0000; text-decoration: underline; font-size: 10px; font-weight: normal; }

/*Formulaire*/
.arial12                { font-family: Arial; font-size: 12px; color: #666666; }
.champsTxt              { background: #fefefe; width: 300px; border: 1px dashed #39b54a; font: normal 12px/20px Arial; color: #666666; padding: 2px; text-transform: capitalize; }
.message { background: #fefefe; width: 300px; height: 150px; border: 1px dashed #39b54a; font: normal 12px/20px Arial; color: #666666; padding: 2px; }
.rouge                  { color: #ff0000; }
.boutonForm             { font: bold 12px/20px Arial; font-size: 12px; color: #ffffff; background-color: #92A5C7; }