@import url("menu.css");
@import url("specif.css");
* {padding:0; margin: 0;}
html {height:100%; max-height:100%; padding:0; background: #e1e3ec fixed url("../images/fdbody.gif") repeat-x top left; scrollbar-arrow-color:#fff; scrollbar-base-color: #C5C6D3; scrollbar-3dlight-color: #696290; scrollbar-darkshadow-color: #696290; scrollbar-face-color: #D6D6DC; scrollbar-highlight-color: #D6D6DC; scrollbar-shadow-color: #D6D6DC; scrollbar-track-color: #FAFAFB; overflow:-moz-scrollbars-vertical;}
body {height:100%; max-height:100%; font: normal 11px/12px Verdana, Arial;}
table, img, iframe {border: 0;}
hr {visibility:hidden;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}
a:active, a:focus{outline:none;}
p {font-size: 10px; color: #535071;}
em {display: block;}
address {display: block; font-size: 11px; color: #535071; font-stretch:narrower; margin: 6px 0 10px 0;}
span {display: block; text-align:center; font: normal 9px/11px Verdana; color: #7B76A0; padding:6px 0 10px 122px;}
.net {clear: both; margin: -1px 0 0 0 ; padding: 0; border: none; height: 1px; line-height: 1px; font-size: 1px;}

/*POSITIONNEMENT DES BLOCS*/
.block {display:block; clear:both;}
.clearleft {clear: left;}
.clearright {clear: left;}
.floatleft {float: left;}
.floatright {float: right;}

/*CONTENEUR*/
#conteneur {position:relative; width: 775px; text-align: left; margin: 0 auto 0 auto; padding:0 0 0 0; background:#fff;}
#contenu {background:#fff url("../images/fd.gif") repeat-y top left;}

/*BANDEAU SUPERIEUR*/
#bandeau {width:100%; height:88px; overflow:hidden; background: #EEEEEE url("../images/fdbd.gif") repeat-x 0 0;}
h3#slogan{display:block; float:left; width:317px; height:63px; background: url("../images/slogan.gif") no-repeat 60px 0; padding: 25px 0 0 96px; font:bold 16px/18px verdana; color: #7B76A0; letter-spacing: 1px;}
#bandeau a.liencaisse{float:left; padding: 0;}
#bandeau a.lienspplus{float:right; padding: 0 20px 0 0;}

/*COLONNE DE GAUCHE*/
#leftcol {clear:both; float: left; width: 183px; background-position: 0 24px; background-repeat:no-repeat;}
#leftcol ul {list-style-type: none; margin: 208px 10px 20px 10px;}
#leftcol li {margin: 0 0 0 20px; color: #DE2E2E; display:block; margin: 0; padding: 6px 9px 4px 30px; background:url("../images/puce1.gif") no-repeat 0 0;}
#leftcol a {display:block; padding : 0 0 8px 0; font-size: 10px; color: #A8A5C2; text-decoration: none;}
#leftcol a:hover {color: #7B76A0; text-decoration:underline;}
#leftcol a.actuel {font-weight:bold; text-decoration:none; cursor:pointer;}

/*fin-colonne de gauche*/


/*PAGE D'ACC*/
#hom{float: right; display:block; width: 556px; padding: 18px;}
#hom div {display:block; width: 272px; background:#fff url("../images/bloc_top.gif") 0 0 no-repeat;}
#hom div a {display:block; clear:both; float:left; width:196px; margin:5px 12px 0 10px; padding: 8px 8px 5px 30px; background:url("../images/puce2.gif") no-repeat 0 0; font:normal 11px/12px verdana; color: #DE2E2E; text-decoration: none;}
#hom a:hover {color: #C21F1F; text-decoration:underline;}
#hom h1 {padding: 0 0 2px 0; margin: 0; font: normal 28px/32px Verdana, Arial, Helvetica, sans-serif; color: #7B76A0;}
#hom h2 {font: normal 22px/24px Verdana, Arial, Helvetica, sans-serif; color: #9F9ABA; display:block; padding: 0 10px 16px 0;}
#hom h3 {font: normal 22px/24px Verdana, Arial, Helvetica, sans-serif; color: #DE2E2E; display:block; min-height:42px; padding: 12px 10px 5px 15px;}
* html #hom h3 {height:42px;}
#hom h4 {font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #FF7315; display:block; padding: 3px 10px 5px 15px;}
#hom h5 {font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #A8A5C2; display:block; padding: 4px 10px 4px 15px;}
#hom p {font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #7B76A0; display:block; float:left; clear:both; padding: 0 26px 4px 16px;}
#hom p img {display:block; float:right;}
#hom .bottom {display:block; clear:both; height:38px; background:#fff url("../images/bloc_bot.gif") bottom left no-repeat;}

/*page de CONTENU*/
#content {float:left; display:block; width: 544px; padding: 18px 24px 24px 24px; font: normal 11px/12px verdana;}
#content h1 {padding: 0 0 12px 0; margin: 0; font: normal 28px/32px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #7B76A0;}
#content h2 {padding: 1px 0 24px 0; margin: 0; font: normal 24px/26px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #A8A5C2;}
#content h3, #content h3 a {padding: 2px 0 2px 0; margin: 0; font: normal 20px/24px Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #FF7315; text-decoration:none; white-space:normal;}
#content h3 a:hover {color: #CC6600; text-decoration:none;}
#content h4, #content h4 a {padding: 12px 0 6px 0; display:block; font:bold 16px/18px Verdana, Arial, Helvetica, sans-serif; color: #696290; text-align: left; text-decoration: none;}
#content h4 a:hover {color: #CC6600; text-decoration:none;}
#content h5, #content h5 a {padding: 6px 0 2px 0; display:block; font:bold 13px/15px Verdana, Arial, Helvetica, sans-serif; color: #696290; text-align: left; text-decoration: none;}
#content h5 a:hover {color: #CC6600; text-decoration:none;}
#content h6, #content h6 a {padding: 6px 0 2px 0; display:block; font:bold 13px/15px Verdana, Arial, Helvetica, sans-serif; color: #302d56; text-align: left; text-decoration: none;}
#content h6 a:hover {color: #22203d; text-decoration:none;}
#content p {margin: 0; padding: 1px 2px 10px 0; font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; text-align: justify; color: #696290; text-decoration: none; display:block;}
#content a {color: #C21F1F; text-decoration: none;}
#content a:hover {color: #C21F1F;}
#content ul {color: #535071; list-style-position: inside; font-size: 12px; line-height:18px; margin: 0 4px 8px 0; padding:0 0 2px 0;}
#content li {color: #7B76A0; font-size: 12px; list-style-position: inside; list-style-type: square; line-height:15px; padding: 8px 0 0 0;}
#content marquee {font-size: 11px; color: #FF7315; font-family: Verdana, Arial; text-decoration: none;}
#content q {display:block; border: 1px solid #F9F9F9; vertical-align:top; margin: 5px; padding: 0; font:normal 12px/14px; text-align: justify; color: #DE2E2E; text-decoration: none; font-style: italic;}
#content iframe {width:543px; height:80em;overflow:hidden;}
* html #content iframe {width:543px;}
#content #focus {display:block; margin : 8px 0 0 2px; padding: 0 4px 4px 4px; background:url("../images/blocfocus.gif") repeat-x 0 0;}
#content #focus h3 {font-size:14px; font-weight:bold; color: #EA9D35; margin : 0;}
#content #focus p {font-size:11px; color: #39374D; text-align: left; font-weight:normal;}
#content .faq {text-decoration: none; font-size: 10px; color: #000000; text-align: left;}

/*.liens : lien important*/
	#content a.liens {display:block; margin: 0; padding: 5px 0 5px 5px; float:left; display:block; clear:both; background:url("../images/puce1.gif") no-repeat 0 0; font-size: 10px; color: #DE2E2E; text-decoration: none;}
#content a.liensolutions {display:block; float:right; margin: 12px 0 0 0; padding: 6px 0 6px 30px; background:url("../images/puce2.gif") no-repeat 0 0; font-size: 10px; font-weight:bold;}
#content a.liensolutions:hover {text-decoration: underline;}

/*.haut : lien haut de page*/
	#content .haut {padding: 12px 0 12px 0; font-size: 11px; font-weight:bold; color: #DE2E2E; display:block; text-align:right; width:100%;}
#content a.haut  {text-decoration:none;}
#content a.haut:hover {text-decoration: underline;}

/*.external : lien externe*/
	.external{}

/* BAS DE PAGE */
#footer {display:block; clear:both; color:#FFFFFF; text-align: center; background: #880f0f url("../images/fd_menu_niv1.gif") repeat-x 0 0;}
#footer ul {list-style-type: none; padding:0 2px 2px 122px;}
#footer li {display:inline;}
#footer a {font:normal 9px/18px verdana; color: #fff;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer a.actuel,#footer a.actuel:hover  {font-weight:bold; text-decoration:none; cursor:pointer;}