@import url("reset.css");

body{font-family:Arial, sans-serif;color:#304554;font-size:11px}
body.col2{background:#FFF url(bg-body-2col.png) repeat-y 50% 0;}
body.col3, body.col3bis{background:#FFF url(bg-body-3col.png) repeat-y 50% 0;}
body.home{background:#FFF url(bg-home-bottom.jpg) repeat-y 50% 0;}

div,p,li,dd,dt,h1,h2,h3,h4,h5,address,span,td{font-size:12px;text-align:left;}
p,li,dd,dt{line-height:150%;}
.big{font-weight:bold;}
.small{font-size:0.75em;}
h1, h2, h3, h4{}
a{color:#600501}
a:hover{text-decoration:none;}
sup{font-size:0.8em;vertical-align:top}
acronym{}
hr.clear{clear:both;visibility:hidden;}
div.clear{clear:both;}

.hidden, #gohome span, #coldroite span, body.home #page div span, ul#navcentre span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#page{width:961px;margin:0 auto;}
body.home #page{width:100%;background:transparent url(bg-home-bandeau.jpg) repeat-x 0 0;}

#bandeau{position:relative;border-bottom:1px solid #FFF;background:transparent url(bg-bandeau.png) repeat-x 0 0}
#bandeau2{position:relative;width:961px;height:212px;margin:0 auto;background:transparent url(bg-bandeau1.jpg) no-repeat 0 81px;}
.rub5 #bandeau2{background-image:url(bg-bandeaurecrute.jpg);}
.rub2 #bandeau2{background-image:url(bg-bandeauequipe.jpg);}

#logo{border-top:26px solid #FFF;border-bottom:10px solid #FFF;border-left:25px solid #FFF;}
#gohome{display:block;width:111px;height:19px;position:absolute;top:50px;right:40px;background:#8098a5 url(bg-gohome.png) no-repeat 0 0;}

/* ________________________
__/       MENU GAUCHE      \__*/
#col3gauche{float:left;width:224px;padding:40px 0}
#col3gauche h2{text-align:right;text-transform:none;font-size:16px;letter-spacing:2px;margin:0 10px 5px 10px;background-color:transparent}
#col3gauche p, #col3gauche li{/*text-align:right;*/color:#FFF;font-size:12px;font-family:Arial, sans-serif;line-height:150%;margin:0 10px;margin-bottom:8px;}
#col3gauche li{font-size:12px;margin:0}
#col3gauche li a{display:block;padding:0 5px;color:#FFF;text-decoration:none}
#col3gauche li a:hover, #col3gauche li.active a{background:#dedbc8 url(bg-menugauche-a.png) no-repeat 10px 3px;text-decoration:underline;color:#304554;}

/* Fiche produit */
.produit #col3gauche #col3gauchetop{margin-bottom:10px;}
.produit #col3gauche #col3gauchetop li{font-size:16px;font-family:"Times New Roman", Arial, sans-serif;letter-spacing:1px;}
.produit #col3gauche #col3gauchetop li a:hover, .produit #col3gauche #col3gauchetop li.active a{background-position:10px 8px;}
.produit #col3gauche li{font-size:12px;}
.produit #col3gauche li span{color:#dedbc8;font-size:16px;font-family:"Times New Roman", Arial, sans-serif;letter-spacing:1px;padding-left:10px}
.produit #col3gauche li a{padding-left:20px;}

/* ________________________
__/       MENU DROITE      \__*/
#coldroite{float:right;width:180px;background:transparent url(bg-menudroite.jpg) no-repeat 25px 20px;padding-top:70px;}
#coldroite a{display:block;width:181px;height:31px;background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
#coldroite #coldroite1 a{background-image:url(coldroite-accueil.png);}
#coldroite #coldroite9 a{background-image:url(coldroite-philosophie.png);}
#coldroite #coldroite2 a{background-image:url(coldroite-equipe.png);}
#coldroite #coldroite3 a{background-image:url(coldroite-fonds.png);}
#coldroite #coldroite4 a{background-image:url(coldroite-partenaires.png);}
#coldroite #coldroite5 a{background-image:url(coldroite-recrutement.png);}
#coldroite #coldroite6 a{background-image:url(coldroite-souscrire.png);}
#coldroite #coldroite7 a{background-image:url(coldroite-contact.png);}
#coldroite #coldroite8 a{background-image:url(coldroite-mentionslegales.png);}
#coldroite a:hover, #coldroite li.active a{background-position:-228px 0}

/* __________________________
__/       MENU DROITE  VA    \__*/
#coldroite{float:right;width:180px;background:transparent url(bg-menudroite.jpg) no-repeat 25px 20px;padding-top:70px;}
#coldroite a{display:block;width:181px;height:31px;background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
#coldroite #coldroite120 a{background-image:url(coldroite-accueilVA.png);}
#coldroite #coldroite116 a{background-image:url(coldroite-philosophieVA.png);}
#coldroite #coldroite63 a{background-image:url(coldroite-equipeVA.png);}
#coldroite #coldroite64 a{background-image:url(coldroite-fondsVA.png);}
#coldroite #coldroite108 a{background-image:url(coldroite-partenairesVA.png);}
#coldroite #coldroite112 a{background-image:url(coldroite-recrutementVA.png);}
#coldroite #coldroite113 a{background-image:url(coldroite-souscrireVA.png);}
#coldroite #coldroite114 a{background-image:url(coldroite-contactVA.png);}
#coldroite #coldroite115 a{background-image:url(coldroite-mentionslegalesVA.png);}
#coldroite a:hover, #coldroite li.active a{background-position:-228px 0}

/* ________________________
__/         ACCUEIL        \__*/
body.home #page #page2{position:relative;width:971px;height:500px;margin:0 auto;background:transparent url(bg-home-centreVF.jpg) no-repeat 50% 0;padding:144px 0 0 65px;}
body.home#VA #page #page2{background:transparent url(bg-home-centreVA.jpg) no-repeat 50% 0;}
body.home #page #page2 ul{margin-left:120px;margin-top:10px}
body.home #page #page2 li{float:left;display:inline;}
body.home #page #page2 a{display:block;height:50px;background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
body.home #lienhome9 a{background-image:url(menuhome_philosophie.png);width:80px;}
body.home #lienhome2 a{background-image:url(menuhome_equipe.png);width:55px;}
body.home #lienhome3 a{background-image:url(menuhome_fonds.png);width:56px;}
body.home #lienhome4 a{background-image:url(menuhome_partenaires.png);width:90px;}
body.home #lienhome5 a{background-image:url(menuhome_recrutement.png);width:90px;}
body.home #lienhome6 a{background-image:url(menuhome_souscrire.png);width:75px;}
body.home #lienhome7 a{background-image:url(menuhome_contact.png);width:67px;}
body.home #lienhome8 a{background-image:url(menuhome_mentions.png);width:120px;}

/* Accueil VA */
body.home #lienhome116 a{background-image:url(menuhome_philosophieVA.png);width:80px;}
body.home #lienhome63 a{background-image:url(menuhome_equipeVA.png);width:55px;}
body.home #lienhome64 a{background-image:url(menuhome_fondsVA.png);width:56px;}
body.home #lienhome108 a{background-image:url(menuhome_partenairesVA.png);width:72px;}
body.home #lienhome112 a{background-image:url(menuhome_recrutementVA.png);width:63px;}
body.home #lienhome113 a{background-image:url(menuhome_souscrireVA.png);width:75px;}
body.home #lienhome114 a{background-image:url(menuhome_contactVA.png);width:67px;}
body.home #lienhome115 a{background-image:url(menuhome_mentionsVA.png);width:120px;}

/* _____________________________
__/       CONTENU = 705px       \__*/
#col2gauche{float:left;width:705px;margin-left:65px;padding-top:15px;}
#col3centre{float:left;width:495px;padding-top:15px;margin-left:35px;}

/* Navigation horizontale centrale */
#col3centre ul#navcentre li{float:left;display:inline;margin-left:20px;height:60px;}
#col3centre ul#navcentre li#navcentre12{margin-left:0}
ul#navcentre li a{display:block;height:45px;background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
ul#navcentre li#navcentre10 a{background-image:url(navcentre-philosophie.png);width:122px;}
ul#navcentre li#navcentre12 a{background-image:url(navcentre-presentation.png);width:122px;}
ul#navcentre li#navcentre11 a{background-image:url(navcentre-processgestion.png);width:152px;}
ul#navcentre li#navcentre119 a{background-image:url(navcentre-presentationVA.png);width:122px;}
ul#navcentre li#navcentre117 a{background-image:url(navcentre-philosophieVA.png);width:122px;}
ul#navcentre li#navcentre118 a{background-image:url(navcentre-processgestionVA.png);width:152px;}
ul#navcentre li#navcentre15 a{background-image:url(navcentre-performances.png);width:122px;}
ul#navcentre li#navcentre65 a{background-image:url(navcentre-performancesVA.png);width:122px;}
ul#navcentre li#navcentre16 a{background-image:url(navcentre-gamme.png);width:122px;}
ul#navcentre li#navcentre66 a{background-image:url(navcentre-gammeVA.png);width:122px;}
ul#navcentre li#navcentre17 a{background-image:url(navcentre-partenaires.png);width:131px;}
ul#navcentre li#navcentre18 a{background-image:url(navcentre-recompenses.png);width:81px;}
ul#navcentre li#navcentre19 a{background-image:url(navcentre-liensutiles.png);width:81px;}
ul#navcentre li#navcentre109 a{background-image:url(navcentre-partenairesVA.png);width:131px;}
ul#navcentre li#navcentre110 a{background-image:url(navcentre-recompensesVA.png);width:81px;}
ul#navcentre li#navcentre111 a{background-image:url(navcentre-liensutilesVA.png);width:81px;}
ul#navcentre li a:hover, ul#navcentre li.active a{background-position:0 -50px}

h1{font-family:Times, Arial, sans-serif;font-size:28px;text-transform:uppercase;font-weight:normal;letter-spacing:2px;margin-bottom:10px;}
h2{font-family:Times, Arial, sans-serif;font-size:18px;text-transform:none;font-weight:normal;letter-spacing:2px;background-color:#ced7db;color:#265066;padding:5px 5px 5px 10px;margin:15px 0;clear:both;}

#col3centre p, #col2gauche p{margin-bottom:8px;text-align:justify}
#col3centre p.intro, #col2gauche p.intro{font-style:italic;line-height:180%;font-size:12px;margin-bottom:25px;}

#col3centre ul li, #col2gauche ul li{list-style:square outside;margin-left:40px;text-align:justify}

img.equipe{float:left;margin:0 30px 30px 0;}

/* Actualités */
.news{margin-top:25px;}
.news img{float:left;}
.news h2{margin:0 0 5px 140px;clear:none;background:none;padding:0;font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;font-weight:bold;}
.news p{margin-left:140px;font-style:italic;}
.news a{color:#304554;}

table{width:100%;}
#col3centre table p, #col2gauche table p{margin-bottom:0;text-align:left;}

table.style1 th, table.style1 td{padding:2px;border:1px solid #FFF}
table.style1 th{background-color:#5d7989;color:#FFF;}
table.style1 td{background-color:#ced7db;}
table.style1 td.bgblanc{background-color:#FFF;}

table.style2 th{background-color:#275066;color:#FFF;font-weight:normal;font-size:14px;text-align:center;padding:8px;}
table.style2 td{background-color:#E9EDF0;padding:8px 8px 8px 40px;font-size:12px;}

table.gamme{text-transform:uppercase;}
table.flux th, table.flux td, table.gamme th, table.gamme td{padding:4px 6px;font-size:12px;line-height:150%;}
table.flux th, table.flux td{white-space:nowrap}
table.gamme p, table.gamme td{font-size:10px;}
table.gamme td{padding:8px;}
table.flux th, table.gamme th, table.gamme td.sous-titre{background-color:#275066;color:#FFF;font-weight:normal;}
table.gamme td.sous-titre{text-align:center;}
table.gamme th a, table.gamme td.sous-titre a{color:#FFF}
table.flux td{background-color:#E9EDF0;padding-bottom:8px}
table.gamme td{background-color:#E9EDF0;}
table.flux td a, table.style2 td a{color:#304554;}


/* Tabs */
.ui-tabs, #navcentre{position:relative;zoom:1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav, #navcentre{height:45px;}
#col3centre .ui-tabs .ui-tabs-nav li, #col2gauche #navcentre li{float:left;position:relative;width:122px;height:45px;top:1px;margin:0 10px 1px 0;border-bottom:0 !important;white-space: nowrap;background:#FFF url(bg-tabs.png) no-repeat 0 0;text-transform:uppercase;font-size:10px;list-style:none;}
#col3centre .ui-tabs .ui-tabs-nav li a {float:left;padding:7px 8px;text-decoration:none;color:#304554;}
#col3centre .ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom: 0;padding-bottom: 1px;background-position:0 -50px;}
#col3centre .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;color:#FFF}
#col3centre .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;color:#304554} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#col3centre .ui-tabs .ui-tabs-panel{display:block;padding-top:20px;}
#col3centre .ui-tabs .ui-tabs-hide {display:none !important; }


/* ________________________
__/         FOOTER         \__*/