/* CSS Document */

* { margin:0; padding: 0; }
BODY { font-family: Verdana, serif; font-size: 12px; background:#FFF url(../pics/charte/bg-body.gif) top left repeat-y; }
IMG { border: none; }
TABLE { border-spacing: 0px; border-collapse: collapse;}
A { color: #95152E; text-decoration: none; }
A:hover { text-decoration: underline; }

#header { background: #E2D9D4  url(../pics/charte/logo.gif) top left no-repeat; height: 165px; }
#headerHome { background: #E2D9D4  url(../pics/charte/logoHome.gif) top left no-repeat; height: 165px; }
.logo { margin: 0 0 58px 328px; }
#contenu { width: 780px; }
#contenuHome { width: 980px; }

#menu { float: left; font-size : 10px; color: #FFF; width: 130px; margin: 0 0 0 5px; background: url(../pics/charte/bg-menu.gif) top left no-repeat; padding: 20px 0 0 0; height: 450px;}
HTML>BODY #menu { margin: 0 0 0 10px; }
#menu A { color: #FFF; }

#article { float: left; margin: 15px 10px 10px 35px; width: 575px; }
#articleHome { float: left; margin: 15px 10px 10px 35px; width: 575px; }
#article H1, #articleHome H1 { padding: 0 0 10px 0; color: #95152E; font-size: 18px; }
#article P, #articleHome P { line-height: 16px; }
#article UL, #articleHome UL { margin: 0 0 10px 40px;}
#article LI, #articleHome UL { list-style-image: url(../pics/charte/puce-ronde.gif); margin: 0 0 8px 0;}

.div-gris { border: 1px solid #E1E3E2; clear: both; padding: 0 0 20px 0; }
.div-gris H2 { font-size: 13px; font-style: italic; background: #B1B2B4; text-align: center; color: #FFF; padding: 4px 0 4px 0; margin: 0 0 20px 0; font-weight: bold; }
.div-gris P { padding: 0 20px 10px 20px; text-align:justify; }
.fondOuvert H2{ height:18px; background:#B1B2B4 url(../pics/charte/fond-ouvert-violet.gif) top right no-repeat; }

TABLE#home { background: #F5F5F5; padding: 0 5px 0 5px; width: 100%; }
TABLE#home TD { height: 105px; vertical-align: middle; border-bottom: 10px solid #FFF; font-size: 13px !important; }
TABLE#home TD.entete { padding: 0 5px 0 36px; width: 310px; }

.emploi { position: relative; background: url(../pics/charte/bg-emploi.gif) top left no-repeat; border-bottom: 1px solid #E1E3E2; width: 258px; float: left; padding: 10px 0 5px 19px; margin: 10px 10px 0 0; }
.emploi-mail { background: url(../pics/charte/emploi-mail.jpg) bottom left no-repeat;  clear: both; height: 38px; clear:both; position:absolute; bottom:0; right: 0; width: 258px; padding: 40px 0 0 0;}
.emploi-mail P {  padding: 15px 5px 0 0; text-align: right;}

.lisere { clear: both; border-bottom: 1px solid #E1E3E2; height: 10px; line-height: 10px; }
.rouge { color: #95152E; }
.separateur { height: 20px; border-top: 1px solid #E1E3E2; margin: 20px 0 0 0; clear: both; }

/***** Rajout pour plan.php ****/
.plan { font-size: 13px; margin: 0 0 10px 0;  }
#article UL LI UL { margin-top: 5px; margin-left: 20px; }
#article #plan { float: right; margin-right: 15px; }

/***** Style FlamL *****/
.flamL { text-align: justify; padding: 0 20px 0 20px !important; }
.duree { background: #D9DADC; padding: 5px 5px 5px 8px !important; width: 330px; margin-left: 20px !important; }

.caract { padding: 3px 15px 3px 15px; }
.bg-gris { background: #D9DADC; }
.texte{ width: 440px; border-right: 1px solid #E1E3E2; }

.center { text-align:center !important; }

#shortcuts { font-size: 11px; background: #95152E; padding: 3px 0 3px 0; text-align: center; color:#FFF; margin: 0 0 15px 0; }
#shortcuts A { color:#DC979A; text-decoration:none; }
#shortcuts A.actif { color:#FFF; }

#shortcutsFonds { padding:10px 0 0 0; }
#shortcutsFonds DIV { float:left; padding:10px 10px 20px 10px; text-align:center; }
#shortcutsFonds IMG { margin:5px 0 0 0; }

.spacer { clear: both; height:0; line-height:0; }

/***** Spécial fonds Poitou-Charentes *****/
BODY.FCPIeco { background: url(../pics/charte/fpc-body-bg.gif) left top repeat-x; }
BODY.FCPIeco #header { background: url(../pics/charte/fpc-header.jpg) left top no-repeat; height: 192px; }
BODY.FCPIeco P, BODY.FCPIeco LI { font-size: 11px; } 
BODY.FCPIeco #contenu { width: 965px; overflow: hidden; }
BODY.FCPIeco #article { float: none; margin: 0 10px 10px 43px; width: 100%; width: 921px; }
BODY.FCPIeco H1#fpch1 { height: 41px; background: url(../pics/charte/fpc-h1.png) left top no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin-bottom: 10px; }

BODY.FCPIeco DIV.fpchIntroLogo { float: left; width: 211px; padding: 13px 0 0 0; }

BODY.FCPIeco DIV.fcphIntro { float: left; width: 710px; padding: 13px 0 0 0; }
BODY.FCPIeco DIV.fcphIntro H2 { height: 28px; background: url(../pics/charte/fcph-h2.png) left top no-repeat; margin: 0 0 13px 0; text-indent: -10000px; line-height: 0; font-size: 0; }
BODY.FCPIeco DIV.fcphIntro P { font-weight: bold; border: 2px solid #CECECE; background: #F0ECE9; padding: 20px 24px 20px 24px; line-height: 17px !important; margin: 0 0 30px 0; font-size: 12px; }

BODY.FCPIeco .div-gris { overflow: hidden; margin: 0 0 20px 0; background: #EEEDF3; }
BODY.FCPIeco .div-gris LI { padding: 0 20px 0 0; line-height: 17px !important; }
BODY.FCPIeco .div-gris H2 { margin: 0 0 20px 0; color: #1B3D7C; }
BODY.FCPIeco #article .l LI, BODY.FCPIeco #article .r LI { margin-bottom: 0; }

BODY.FCPIeco DIV.l { float: left; width: 683px; border-right: 1px solid #E2E4E3; }
BODY.FCPIeco DIV.r { float: left; width: 219px; overflow: hidden; }

BODY.FCPIeco H2#fiscalite { height: 30px; background: url(../pics/charte/fpc-h2-fiscalite.png) left top no-repeat; margin: 0 0 13px 0; text-indent: -10000px; line-height: 0; font-size: 0; }
BODY.FCPIeco H2#souscrire { height: 28px; background: url(../pics/charte/fpc-h2-souscrire.png) left top no-repeat; margin: 0 0 13px 0; text-indent: -10000px; line-height: 0; font-size: 0; }

P.success { font-weight: bold; margin: 10px 0 10px 0; text-align: center; font-size: 11px !important; }
P.failed { font-weight: bold; margin: 10px 0 10px 0; color: #95152E; text-align: center; font-size: 11px !important; }