body {color: #120C70;font: 0.7em Arial, Helvetica, sans-serif;background: url(../images/bodybg.gif) repeat-x;}
a {color: #f60;}
a:hover {text-decoration: none;}
img {border: none;}
body, h1, h2, h3, h4, h5, h6, p, form {margin: 0;padding: 0;}
.cl {clear:both;font-size:1px;height:1px;margin:0!important;padding:0!important;background: url(transparent);}
#page {width: 900px;margin: 0 auto;}
.tar {text-align:right;} /*generic text align right*/

/*left/right page shadows*/
.ls, .rs {float: left;width: 10px;height: 470px;}
.ls {background: url(../images/bodysbg1.gif);}
.rs {background: url(../images/bodysbg2.gif) no-repeat;}

/*main layout elements*/
#page2 {float: left;width: 880px;}

/*2 column layout*/
#twocol1 {width:180px;float:left;}
#twocol2 {width:700px;float:left;}

/*3 column layout*/
#threecol1, #threecol2, #threecol3 {float:left;margin-top: 5px;padding-top:10px;}
#threecol1 {width:200px;}
#threecol2, #threecol2_admin {min-height:500px;height:auto!important;height:500px;}
#threecol2 {width:490px;background: url(../images/sidemenush.jpg) no-repeat;padding-left:14px;padding-right: 10px;}
#threecol2_admin {background: url(../images/sidemenush.jpg) no-repeat 0 10px;padding: 10px 10px 0 14px;float:left;width:640px;}

#threecol3 {width:155px;}

/*head*/
#head {height: 110px;}
#head h1 {float: left;}
#head h1 a {text-indent: -999px;display: block;background: url(../images/europea-finance-.gif) no-repeat 30px 10px;width: 340px;height: 100px;}
#hsimple {background: url(../images/famille.jpg) no-repeat;float: right;height: 110px;width: 415px;}
#hsimple p {color: #f90;padding-left: 220px;font-size: 1.1em;font-style: italic;text-align: center;padding-top: 35px;font-weight: bold;}
#user {background: url(../images/famille.jpg) no-repeat;float: right;width: 220px;padding-left: 240px;height: 110px;}
#user form {padding: 6px;}
#user strong {display: block;font-size: 1em;font-weight: normal;padding: 1px;}
#user em {font-style: normal;font-size: 1.3em;font-weight: bold;color: #FE8900;display: block;padding: 3px;}
#user p {padding: 2px;border-top: 1px solid #FFF1D7;}

/*breadcrumbs nav*/
#bcrumbs {clear: both;padding: 10px 5px 5px;border-bottom: 1px solid #DFDFE0;}

/*menubar*/
#menu {clear: both;height: 40px;}
#menu ul {margin: 0px;padding: 0px;list-style: none;}
#menu ul li {float: left;}
#menu ul li a {display: block;font-size: 1.1em;font-weight: bold;color: #fff;text-decoration: none;padding: 13px 10px;border-right: 1px solid #FFBF4D;}
#menu ul .active a, #menu ul .active a:hover, #menu ul .active-blue, #menu ul .active-blue:hover {background: url(../images/mactive.gif) repeat-x;border-right: 1px solid #3F3B75;}
#menu ul li a:hover {background: url(../images/mover.gif) repeat-x;}
#menu ul li:hover ul {display:block;}

#menu ul li ul {position: absolute;background: #FE8800;display: none;}
#menu ul li ul li {display:block;clear:both;width:200px;}
#menu ul li ul li, #menu ul li ul li a {background: none!important;}
#menu ul li ul li a {padding: 4px;float: none;clear: both;font-weight: normal;border-right: 1px solid #FFAF26;border-top: 1px solid #FFAF26;font-size:1em;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;}
#menu ul li ul li a:hover, #menu ul li ul .active a {background: none!important;color:#120C70;}
#cont {clear: both;}

/*generic page (perfect for admins or unknown situations)*/
.generic-simple {padding: 10px 0;}
.generic-simple h2, .generic-simple h3, .generic-simple h4, .generic-simple h5, .generic-simple h6, .generic-simple p {margin: 10px;padding: 1px 4px;}
.generic-simple h2 {font-weight: normal;background: #FFF1D7;border-bottom: 1px solid #FFBF4D;font-size: 1.9em;color: #f60;}
.generic-simple h3 {font-size: 1.7em;font-weight: normal;}
.generic-simple h4 {font-size: 1.4em;color: #f90;border-bottom: 1px solid #FFBF4D;}
.generic-simple h5 {font-size: 1.1em;font-weight: bold;}
.generic-simple table {width: 97%;margin: 0px auto;padding: 0px;}
.generic-simple tr {}
.generic-simple th {background: url(../images/menu.gif) repeat-x left bottom;color: #fff;padding: 4px;}
.generic-simple td {padding: 2px;border-bottom: 1px solid #FFDB97;}
.generic-simple input, .generic-simple textarea {border-top: 1px solid #D27E00;border-right: 1px solid #FFBD59;border-bottom: 1px solid #FFBD59;border-left: 1px solid #D27E00;font: 1em Arial, Helvetica, sans-serif;padding: 2px;}

/*no borders!*/
.nb {border-style: none !important;}
/*form buttons!*/
.fbut {background: #3F3B74;font-weight: bold !important;font-size: 0.88 em !important;color:#fff;border: 1px solid #5A5785!important;}
/*form inputs + tareas*/
.fin {border-top: 1px solid #D27E00;border-right: 1px solid #FFBD59;border-bottom: 1px solid #FFBD59;border-left: 1px solid #D27E00;font: 0.88em Arial, Helvetica, sans-serif;padding: 1px;margin: 0px;}

/*page side menu*/
.psidemenu {margin: 10px;padding: 0px;list-style: none;}
.psidemenu li {padding-bottom: 1px;}
.psidemenu li a {display: block;padding: 2px 2px 2px 18px;font-size: 0.99em;text-decoration: none;background: #FFEAC4 url(../images/ico-plus.gif) no-repeat 5px 5px;font-weight: bold;}
.psidemenu a:hover {background: #E2E2E2 url(../images/ico-plus2.gif) no-repeat 5px 5px;color: #120C70;}

/*pagination*/
.pagination {padding: 5px;height: 15px;}
.pagination ul {margin: 0px;padding: 0px;list-style: none;}
.pagination .active a {font-weight: bold;color: #120C70;font-size: 1.3em;text-decoration: none;}
.pagination li {float: left;padding: 3px;}

/*footer*/
#foot {clear: both;margin: 0px auto;width: 860px;border-top: 3px solid #f90;}
#foot p {padding: 4px;}

/*side menu*/
#threecol1 ul {margin: 0;padding: 0;list-style: none;}
#threecol1 li {padding: 4px;background: url(../images/ico-plus.gif) no-repeat 6px 8px;font-size: 1em;font-weight: bold;}
#threecol1 ul li span {width: 8px;cursor: pointer;}

#threecol1 ul li ul {margin: 2px;padding: 0px;}
#threecol1 ul li ul li {font-weight: normal;background: #fff url(../images/dot.gif) repeat-x left bottom;margin: 0px;padding: 3px 3px 3px 10px;}
#threecol1 ul li ul li a {color: #120C70;line-height: 11px;text-decoration: none;}
#threecol1 ul li ul li a:hover {color:#f60;}
#threecol1 .active {background:#F8F8F9 url(../images/ico-plus2.gif) no-repeat 6px 8px;border-top: 1px solid #DFDFE0;border-bottom: 1px solid #DFDFE0;}
#threecol1 .active a {color: #120C70;}
#threecol1 ul li ul .active {background:#F8F8F9 url(../images/dot.gif) repeat-x left bottom;border-style: none;}
#threecol1 ul li ul .active a {font-weight:bold; /*border-top: 1px solid #E0690D;border-bottom: 1px solid #E0690D;*/}
#threecol1 .noplus {background: url(../images/ico-noplus.gif) no-repeat 6px 8px;}


/*index panels*/
.i-ph, i-p, .i-pf {clear:both;}
.i-ph {background: url(../images/i-p1.gif) no-repeat;}
.i-ph div {background: url(../images/i-p2.gif) no-repeat right top;}
.i-pf {background: url(../images/i-p4.gif) no-repeat left bottom;}
.i-pf div {background: url(../images/i-p5.gif) no-repeat right bottom;}
.i-p {background: #f8f8f9 url(../images/i-p3.gif) repeat-y;}
.i-p div {background: url(../images/i-p3.gif) repeat-y right top;padding: 0px 10px;margin: 0px;}
.i-p img {float: left;padding-left: 10px;padding-right: 4px;clear: left;}
.i-p h2 {font-size: 1.7em;font-weight: normal;color: #f80;background: #fff;padding: 0px 4px 4px;border-bottom: 1px solid #d8d7e8;margin: 0px 10px 5px;}
.i-p p {margin: 5px 5px 0px;padding: 2px 10px 0px 124px;}
.i-p span {display: block;text-align: right;font-weight: bold;margin-right: 15px;clear: both;}
.i-p a {text-decoration: none;}
.i-p span a strong {background: url(../images/savoirplus.gif) no-repeat 0px 4px;padding: 1px 4px 1px 1px;color: #fff;text-decoration: none;font-size: 1.3em;text-indent: -999px;font-weight: normal;}
#i-opp h2 {font-size: 1em;font-weight: bold;background: #fff;border: 1px solid #e9e9e9;padding: 1px;}
#i-opp span {display: block;text-align: center;font-weight: bold;}


#i-lady {background: url(../images/points.jpg) no-repeat;padding-top: 74px;text-align: center;padding-bottom: 14px;margin-top: 5px;margin-bottom: 5px;}
#i-lady p {color: #fff;text-align: center;font-weight: bold;font-size: 1em;padding: 5px 8px;}

#i-lady2 {background: url(../images/points.gif) no-repeat;text-align: center;margin: 5px 0;}
#i-lady2 p {color: #fff;text-align: center;font-weight: bold;font-size: 1em;padding: 10px 8px;}

/*side panels*/
.s-ph {background: url(../images/s-p1.gif) no-repeat;}
.s-ph div {background: url(../images/s-p2.gif) no-repeat right top;}
.s-pf {background: url(../images/s-p3.gif) no-repeat left bottom;}
.s-pf div {background: url(../images/s-p4.gif) no-repeat right top;}
.s-ph div, .s-pf div {font-size:2px;height:8px;}
.s-p {border-right: 2px solid #e9e9e9;border-left: 2px solid #e9e9e9;background: #f8f8f9;padding: 0px 5px;}
.s-p img{float:left;padding:4px 5px 0 0;}
#i-contact  h2 {font-size: 1.7em;color: #f90;font-weight: normal;background: #fff;margin: 0px 0px 5px;padding: 2px;}
#i-contact p {padding-bottom: 8px;}
#i-contact  label {display: block;clear: both;padding-top: 1px;padding-bottom: 1px;float: none;}
#i-contact label span {display: block;float: left;width: 66px;text-align: right;padding: 2px;font-size: 0.9em;}
#i-contact textarea {width: 97%;border-top: 1px solid #9d9d9d;border-right: 1px solid #efefef;border-bottom: 1px solid #e4e4e4;border-left: 1px solid #B2B2B2;font: 1em Arial, Helvetica, sans-serif;color: #242143;}
#i-contact em {color: #999;font-style: normal;font-size: 0.9em;}
.sfsi {width: 62px;border-top: 1px solid #9d9d9d;border-right: 1px solid #efefef;border-bottom: 1px solid #e4e4e4;border-left: 1px solid #B2B2B2;font-size: 0.88em;margin: 0px;padding: 0px;float: right;}

.sfsf, .sftf {border-top: 1px solid #9d9d9d;border-right: 1px solid #efefef;border-bottom: 1px solid #e4e4e4;border-left: 1px solid #B2B2B2;font-size: 12px;margin: 0px;padding: 0px;width:200px;}
.sftf {height:150px;}

/*presse box*/
#i-presse {background: url(../images/presse-paper.gif) no-repeat right top;margin-top: 10px;margin-bottom: 10px;}
#i-presse h2 {background: url(../images/presse-h2.gif) no-repeat;color: #f90;font-size: 1.7em;font-weight: normal;padding: 15px;}
#i-presse div {border-left: 2px solid #E9E9E9;}
#i-presse ul {margin: 0px;padding: 0px;list-style: none;}
#i-presse li {padding: 2px 2px 2px 20px;display: block;clear: both;}
#i-presse div ul li em {padding-left: 10px;background: url(../images/arr.gif) no-repeat 2px 4px;color: #666;padding-right: 10px;width: 180px;display: block;float: left;}
#i-presse div ul li a {font-weight: bold;float: left;display: block;width: 250px;}
#i-presse span {display: block;background: url(../images/presse-f1.gif) no-repeat left bottom;text-align: center;clear: both;}
#i-presse span a {display: block;padding: 8px 4px 2px;background: url(../images/presse-f2.gif) no-repeat right bottom;}

/*inpages styles*/
#pages h2, #pages h3, #pages h4, #pages h5, #pages h6, #pages p {padding: 5px;margin: 0;clear: both;}
#pages h2 {background: #F8F8F9;border-bottom: 1px solid #DFDFE0;font-size: 2em;font-weight: normal;}

/*#pages h3 {color: #f60;background: #FFF3EC;border-bottom: 1px solid #FFDAC1;font-size: 1.7em;font-weight: normal;}*/

#pages h3 {color: #f60;background: #fff9f5;border-bottom: 1px solid #FFDAC1;font-size: 1.1em;font-weight: normal;padding:15px;}

#pages h4 {font-size: 1.6em;border-bottom: 1px solid #DFDFE0;font-weight: normal;}
#pages h5, #pages h6 {font-size: 1.6em;color: #f60;border-bottom: 1px solid #FFCEAE;font-weight: normal;}
#pages img {padding: 4px;float: left;background: #F8F8F9;border: 1px solid #E9E9EB;margin: 4px;}
#pages ul {margin: 0px;padding: 0px;list-style: disc url(none) inside;}
#pages table {width: 100%;}
#pages th {background: #EDEDEF;border-bottom: 1px solid #f60;margin: 0px;padding: 2px;}
#pages td{padding: 3px;border-bottom: 1px solid #EDEDEF;}
#pages hr {color:#eee;background:#eee;border: #eee;}

#pageframe {height:640px;overflow:auto;margin:0 0 10px 0;border-bottom: 1px solid #DFDFE0;}
#sitemap ul {margin-left:20px!important;}
#sitemap ul li a {font-size:1.2em !important;}
#sitemap div {border-top:1px solid #FFDAC1;margin-top:10px;}
#index-top-3 ul {margin:0px auto;padding:0px;background: url(../images/index-top-3.jpg) no-repeat;display: block;height: 112px;}
#index-top-3 li {margin:0px;padding:0px;list-style:none;display: block;float: left;}
#index-top-3 li a {font-size: 11px;font-weight: bold;color: #120C70;text-decoration: none;display: block;width: 162px;text-align: center;padding: 70px 0px 0px 0px;height: 42px;}
#index-top-3 li a:hover {color: #FE8900;}
.top-3-1 {background: url(../images/index-top-3-1.jpg) no-repeat center 10px;}
.top-3-2 {background: url(../images/index-top-3-2.jpg) no-repeat center 10px;font-size: 14px!important;}
.top-3-3 {background: url(../images/index-top-3-3.jpg) no-repeat center 10px;}
.top-3-1:hover {background: url(../images/index-top-3-1.jpg) no-repeat center 8px;}
.top-3-2:hover {background: url(../images/index-top-3-2.jpg) no-repeat center 8px;}
.top-3-3:hover {background: url(../images/index-top-3-3.jpg) no-repeat center 8px;}


.tcb, .tcb2 {text-align:center;background: #F9F9F9;padding: 5px!important;margin: 5px!important;border-top: 1px solid #D1D1D1;border-right: 3px solid #BEBEBE;border-bottom: 3px solid #BEBEBE;border-left: 1px solid #D1D1D1;}
.tcbf {text-align:center;background: #E4E4E4;padding: 5px!important;margin: 5px!important;border: 1px solid #BEBEBE;}
.tcb em {font-size: 18px;font-style: normal;}
.tcb2 {font-size:18px!important;width: 350px!important;margin: 5px auto!important;}

/*index balls*/
#iball {clear: both;border-bottom: 2px solid #E2E2E5;height: 200px;}
#iball1, #iball2, #iball3 {float: left;}
#iball1, #iball3 {width: 200px;height: 200px;}
#iball1 {background: url(../images/accuim1.jpg) no-repeat;}
#iball1:hover ul, #iball3:hover ul {display: block;}
#iball3 {background: url(../images/accuim3.jpg) no-repeat;}
#iball1 ul, #iball3 ul {margin: 0px;padding: 44px 0px 30px;list-style: none;width: 200px;display: none;}
#iball1 li, #iball3 li {padding: 6.5px 6px 6px 4px;}
#iball1 ul li  a, #iball3 ul li  a {font: bold 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
#iball1 ul li a:hover, #iball3 ul li a:hover {color: #120C70;}
#iball1 ul {background: url(../images/accuim12.jpg) no-repeat;}
#iball3 ul {background: url(../images/accuim32.jpg) no-repeat;}
#iball3 ul li {text-align: right;}

.nb {display: block;border-bottom: 1px solid #DFDFE0!important;margin: 0px;padding: 10px;} /*list row*/
.nb h4 {font-size: 14px;border-style: none!important;} /*news title*/
.nb p {margin: 0px;padding: 10px;} /*news long title (introtext)*/
.nbd {font-size: 10px;color: #999;display: block;} /*list date*/
.nbl {font-size: 11px;font-weight: bold;display: block;text-align: right;} /*lrire plus buton*/
.dp {text-align:center!important;}

/* table sorting */
.sortcol {cursor: pointer;	cursor: hand;background-color: #FF9C00 !important;background-repeat: no-repeat !important;background-position: right center !important;}
.sortasc {background-color: #FFD100 !important;	background-image: url(img/up.gif) !important;}
.sortdesc {background-color: #FFD100 !important;background-image: url(img/down.gif) !important;}

/* tide details */
#left {float: left;width:360px;margin-right:10px;}
#right {float: rigth;}
.hr {border: none 0;border-top: 1px solid #FF9C00;width: 100%;height: 1px;}
.small-mail{font-size: 10px!important;padding: 10px 0px!important;white-space:nowrap;}
dt {
cursor:pointer;
padding: 0px 0px 5px 10px;
background: url(../images/ico-plus.gif) no-repeat 0px 4px;}
dt:hover {
color:#f60;}
dd {
padding: 5px;
color: #f60;
background: #FFF3EC;
margin: 5px 0px 10px 0px;
border-top: 1px solid #FFBA5F;}
.bule{padding: 40px 0px 0px!important;display: block;list-style: none;text-align: center;margin: 0px!important;}
.bule li{padding: 0px!important;display: inline;margin: 0px!important;}
.bule a{padding: 20px!important;display: inline;margin: 0px!important;}
.bule img{padding: 0px!important;margin: 0px!important;float: none!important;border: none!important;}#iform {clear: both;}

/*index formulaire*/
#iform h2 {font-size: 18px;font-weight: normal;text-align: center;background: #f8f8f8;border-bottom: 1px solid #dfdfdf;padding: 8px;}
#iform .fp1 {background: url(../iform/fscreen1.jpg) no-repeat 1px 10px;height: 235px;}
#iform .fp2 {background: url(../iform/fscreen2.jpg) no-repeat 1px 10px;height: 210px;}
#iform .fp1 h3, #iform .fp2 h3 {font-size: 14px;padding: 4px 4px 10px 22px;color: #F6741E;}
#iform .fp1 p label, #iform .fp2 p label {display: block;font-weight: bold;padding: 1px 10px;}
#iform .fp1 p input, #iform .fp2 p textarea {margin: 0px 10px 0px 30px;width: 440px;border: 1px solid #F4771D;padding: 1px;font: 12px Arial, Helvetica, sans-serif;}
#iform .fp2 p textarea {height:120px;}
#iform p strong {display: block;font-size: 11px;font-weight: normal;color: #666666;background: url(../iform/fnvert.gif) no-repeat center top;width: 200px;float: left;text-align: center;padding: 15px 10px 10px;}
#iform p a {display: block;float: left;padding: 10px;width: 250px;text-align: center;font-weight: bold;}
#iform span {display: block;clear: both;}
#iform span input {background: url(../iform/fbutton.jpg) no-repeat;height: 38px;width: 222px;font-size: 1px;color: #F6741C;border-style: none;}
#iform .errors {color:#fff;padding: 10px;background: #FF0000;}