@charset "UTF-8";
/* CSS Document */

.p7TPpanel {
background-color : #ffffff;
}
.p7TPwrapper {
padding : 0;
}
.p7TPheader {
background-image : url(img/tabs01header.jpg);
background-repeat : repeat-x;
padding : 3px 6px;
border-bottom : 1px solid #666666;
background-color : #870000;
font-family : Arial, Helvetica, sans-serif;
}
.p7TPheader h2, .p7TPheader h3 {
margin : 0;
font-size : 1em;
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
}
.p7TP_tabs {
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a, #p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, #p7TP5 .p7TP_tabs a {
padding : 15px 8px 4px 6px;
display : block;
float : left;
color : #990000;
text-decoration : none;
background-image : url(img/tabs01_up2.gif);
background-repeat : no-repeat;
background-position : right top;
background-color : transparent;
}
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus, #p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus, #p7TP5 .p7TP_tabs a:focus {
outline : 1px dotted;
outline-color : #e6a0c7;
}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, #p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, #p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, #p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active, #p7TP4 .p7TP_tabs a:active, #p7TP5 .p7TP_tabs a:active {
color : #870000;
background-color : transparent;
font-weight : bold;
}
.p7TP_tabs div {
display : block;
float : left;
background-image : url(img/tabs01_up.gif);
background-repeat : no-repeat;
margin : 0 -2px 0 0;
}
.p7TPclear {
clear : both;
height : 0;
line-height : 14;
font-size : 0;
}
.p7TPcontent {
padding : 10px;
background-color : #ffffff;
font-size : 1em;
line-height : 1.5em;
position : relative;
z-index : 1;
top : -1px;
left : 0;
border : 1px solid #cccccc;
color : #870000;
font-family : Arial, Helvetica, sans-serif;
}
.p7TPcontent h2, .p7TPcontent h3, .p7TPcontent h4 {
font-size : 1.1em;
color : #cb3182;
margin : 0;
line-height : normal;
}
.p7TPcontent p {
margin : 6px 0 12px 0;
}
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, #p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, #p7TP5 .p7TP_tabs div.down {
padding : 0;
position : relative;
z-index : 2;
background-image : url(img/tabs01_down.gif);
background-repeat : no-repeat;
color : #e6a0c7;
}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, #p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, #p7TP5 .p7TP_tabs div.down a {
background-image : url(img/tabs01_down2.gif);
background-repeat : no-repeat;
background-position : right top;
color : #6f000a;
}
.p7TP_tabs {
display : none;
}
#m1 {
font-weight : bold !important ;
}
#p7TP1 .nmenu {
margin : 6px 0 0 0;
padding : 0;
border-bottom : 1px solid #333;
font-size : 0.9em;
}
#p7TP1 .nmenu li {
list-style-type : none;
}
#p7TP1 .nmenu li a, #p7TP1 .nmenu li a:visited {
color : #ffffff;
display : block;
padding : 2px 30px;
border : 1px solid #333333;
border-bottom : 0;
background-color : #a2b38f;
text-decoration : none;
}
#p7TP1 .nmenu li a:hover {
color : #333333;
background-color : #ffea93;
}
.texte_menu {
font-family : Helvetica, sans-serif, Arial;
font-size : 24px;
color : #ffffff;
}
.text {
font-family : Helvetica, sans-serif;
font-size : 12px;
color : #840000;
}
.text-contenu {
font-family : Helvetica, sans-serif, Geneva, Arial;
font-size : 14px;
color : #333333;
text-transform : none;
margin-left : 20px;
}
.accroche {
font-family : Helvetica, sans-serif, Arial;
font-size : 18px;
color : #870000;
margin-top : 0;
width : auto;
max-width : 900px;
}
.menu-bas {
font-family : Helvetica, sans-serif, Geneva, Arial;
font-size : 14px;
color : #ffffff;
text-transform : none;
right : 100px;
}
.corps-cabinet {
float : none;
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
margin-left : 5px;
margin-top : 0;
margin-right : 10px;
}
.paragraphe-gauche {
float : none;
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #333333;
position : relative;
top : 0;
margin-left : 15px;
}
#textrose {
font-family : Helvetica, sans-serif;
font-size : 13px;
color : #d84693;
}
.textrose {
font-family : Helvetica, sans-serif;
font-size : 13px;
color : #d84693;
}
#textrose a {
color : #830000;
text-decoration : underline;
}
#textrose a:hover{
color : #d33387;
text-decoration : underline;
}

.textrouge {
font-family : Helvetica, sans-serif;
font-size : 14px;
color : #870000;
}
.accrochenoir {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
margin-top : 0;
}
.textrouge2 {
font-family : Helvetica, sans-serif;
font-size : 13px;
color : #870000;
}
.bas {
font-family : sans-serif, Arial, Futura, Helvetica;
font-size : 12px;
background-color : #FFFFFF;
text-align : left;
padding-top : 5px;
padding-bottom : 10px;
background-position : bottom right;
background-repeat : no-repeat;
padding-right : 50px;
color : #D33387;
padding-left : 15px;
}
body {
font-family : Helvetica, sans-serif, Arial;
margin-top : 0;
margin : 0;
}
li {
list-style-position : outside;
list-style-type : circle;
margin-right : -5px;
}
p {
margin : 15px 0;
}
em {
font-family : Helvetica, sans-serif, Arial;
}
input, textarea {
padding : 1px 0;
margin : 1px 0 0 0;
}
select {
padding : 0;
margin : 1px 0 0 0;
}
form {
padding : 0;
margin : 0;
}
#global {
position : relative;
margin : 0 auto;
width : 740px;
background : #ffffff url(../../picts/bg/bg_page.gif) no-repeat top center;
text-align : left;
}
#retract {
position : relative;
clear : both;
margin-left : 25px;
}
#menu_identite {
margin-left : 0;
padding-top : 2px;
font : 11px Helvetica, sans-serif, Arial;
color : #999999;
display : none;
}
#menu_competence {
margin-left : 250px;
padding-top : 2px;
font : 11px Helvetica, sans-serif, Arial;
color : #999999;
display : none;
}
#menu_reference {
margin-right : 134px;
padding-top : 2px;
font : 11px Helvetica, sans-serif, Arial;
color : #999999;
text-align : right;
display : none;
}
#menu_actualite {
margin-right : 35px;
padding-top : 2px;
font : 11px Helvetica, sans-serif, Arial;
color : #999999;
text-align : right;
display : none;
}
#nav_identite_off {
width : 84px;
float : left;
margin-right : 1px;
text-align : center;
background : #a9cf95 url(../../picts/bg/bg_nav.gif) repeat-x;
border : 2px solid #a9cf95;
display : block;
}
#nav_identite_on {
width : 84px;
float : left;
margin-right : 1px;
text-align : center;
background : #6d8593 url(../../picts/bg/bg_nav_identite.gif) repeat-x;
border : 2px solid #6d8593;
display : none;
}
#nav_engagement_off {
width : 156px;
float : left;
margin-right : 1px;
text-align : center;
background : #a9cf95 url(../../picts/bg/bg_nav.gif) repeat-x;
border : 2px solid #a9cf95;
display : block;
}
#nav_engagement_on {
width : 156px;
float : left;
margin-right : 1px;
text-align : center;
background : #6d8593 url(../../picts/bg/bg_nav_identite.gif) repeat-x;
border : 2px solid #6d8593;
display : none;
}
#nav_competence_off {
width : 204px;
float : left;
margin-right : 1px;
text-align : center;
background : #a9cf95 url(../../picts/bg/bg_nav.gif) repeat-x;
border : 2px solid #a9cf95;
display : block;
}
#nav_competence_on {
width : 204px;
float : left;
margin-right : 1px;
text-align : center;
background : #6d8593 url(../../picts/bg/bg_nav_identite.gif) repeat-x;
border : 2px solid #6d8593;
display : none;
}
#nav_reference_off {
width : 118px;
float : left;
margin-right : 1px;
text-align : center;
background : #a9cf95 url(../../picts/bg/bg_nav.gif) repeat-x;
border : 2px solid #a9cf95;
display : block;
}
#nav_reference_on {
width : 118px;
float : left;
margin-right : 1px;
text-align : center;
background : #6d8593 url(../../picts/bg/bg_nav_identite.gif) repeat-x;
border : 2px solid #6d8593;
display : none;
}
#nav_actualite_off {
width : 94px;
float : left;
text-align : center;
background : #f29c00 url(../../picts/bg/bg_nav_actualite.gif) repeat-x;
border : 2px solid #f29c00;
display : block;
}
#nav_actualite_on {
width : 94px;
float : left;
text-align : center;
background : #f29c00 url(../../picts/bg/bg_nav_actualite.gif) repeat-x;
border : 2px solid #f29c00;
display : block;
}
#container_main {
position : relative;
width : 680px;
border : 1px solid #bbbbbb;
border-width : 1px 0 0 0;
margin : 0 35px 0 25px;
}
#button {
position : relative;
clear : both;
width : 475px;
text-align : right;
padding-top : 5px;
padding-bottom : 15px;
border : 1px solid #cccccc;
border-width : 1px 0 0 0;
font : 11px Helvetica, sans-serif, Arial;
color : #666666;
}
#footer {
position : relative;
clear : both;
width : 680px;
border : 1px solid #cccccc;
border-width : 1px 0 0 0;
margin : 0 35px 10px 25px;
font : 11px Helvetica, sans-serif, Arial;
color : #999999;
}
#bloc div {
vertical-align : middle;
margin-top : 50px;
}
#footer div .col_ter {
width : 260px;
margin-right : 30px;
float : left;
}
#footer h4 {
font-size : 1.2em;
margin : 0 0 7px 0;
color : #b1b686;
border-left : 17px solid #dfe3cd;
padding-left : 4px;
}
#footer ul {
list-style : none;
margin : 0;
padding : 0;
border-top : 1px solid #fbffe6;
}
#footer li {
margin : 0;
padding : 0;
border-bottom : 1px solid #fbffe6;
padding : 8px 0 5px 0;
}
#footer a {
text-decoration : none;
color : #b1b686;
font-size : 0.94em;
}
#footer a strong {
color : #8f9186;
}
#footer a:hover {
color : #727556;
}
#footer hr {
color : #c6cdbf;
}
a.lien_menu {
color : #999999;
text-decoration : none;
}
a:hover.lien_menu {
color : #666666;
text-decoration : none;
}
a.lien_text {
color : #d12881;
text-decoration : underline;
}
a:hover.lien_text {
color : #5b000a;
text-decoration : underline;
}
a.lien_button {
color : #666666;
text-decoration : none;
}
a.lien_footer {
color : #999999;
text-decoration : none;
}
a:hover.lien_footer {
color : #999999;
text-decoration : underline;
}
a.lien_bloc {
color : #666666;
text-decoration : none;
}
a.lien_actualite {
color : #ff9900;
text-decoration : none;
}
a.lien_text {
color : #830000;
text-decoration : underline;
}
a:hover.lien_text {
color : #d33387;
text-decoration : underline;
}
a.lien_onglet {
color : #999999;
text-decoration : none;
}
a:hover.lien_onglet {
color : #669999;
text-decoration : none;
}
a.lien_puce {
color : #669999;
text-decoration : none;
}
a:hover.lien_puce {
color : #669999;
text-decoration : underline;
}
a.lien_textblanc {
color : #ffffff;
text-decoration : none;
}
a:hover.lien_textblanc {
color : #d84693;
text-decoration : underline;
}
.global {
left : 0;
top : 0;
background-image : url(images/bord-tableau_02.png);
background-repeat : repeat-y;
background-position : 908px 0%;
background-attachment : fixed;
position : absolute;
visibility : visible;
}
.page {
width : 908px;
height : inherit;
margin : 0;
padding : 0;
color : #ffffff;
vertical-align : middle;
overflow : hidden;
background-color : #cccc99;
background-image : url(images/backgroundMenuTop.gif);
background-repeat : repeat-y;
background-position : 0 0;
}
.middle {
position : relative;
z-index : 0;
top : 0;
left : 8px;
width : 892px;
}
.menu {
position : relative;
top : 0;
background-color : #d43388;
background-image : url(images/menu-bouton_05.png);
background-repeat : repeat-x;
height : 40px;
}
.menugauche {
background-image : url(images/motif-ombre.png);
background-repeat : repeat-x;
position : relative;
z-index : 0;
top : 0;
left : 600px;
}
.logotopentete {
position : relative;
z-index : 0;
top : 0;
left : 8px;
background-color : #870000;
width : 700px;
}
.textlogo {
color : #870000;
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
}
.logotop {
background-image : url(images/logo-ethicalia_04.png);
background-repeat : no-repeat;
color : #870000;
position : absolute;
z-index : 0;
top : 0;
left : 708px;
font-family : Helvetica, sans-serif, Arial;
height : 134px;
width : 192px;
background-color : #870000;
clear : both;
overflow : hidden;
}
.textlogo {
color : #870000;
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
}
.nav {
text-align : center;
background : #a9cf95 url(../../picts/bg/bg_nav.gif) repeat-x;
border : 2px solid #a9cf95;
}
.text_bloc {
font : 14px Helvetica, sans-serif, Arial;
color : #666666;
padding : 5px;
border : 1px solid #cccccc;
border-width : 0 0 1px 0;
}
.text_tab {
font : 11px Helvetica, sans-serif, Arial;
color : #333333;
padding : 2px;
vertical-align : top;
text-align : left;
}
.text_form {
font : 11px Helvetica, sans-serif, Arial;
color : #333333;
}
.accroche25 {
font-family : Helvetica, Arial, sans-serif;
font-size : 18px;
color : #870000;
left : 55px;
position : relative;
max-width : 800px;
}
.filet3 {
font-family : Helvetica, sans-serif, Arial;
font-size : 13px;
color : #000000;
overflow : visible;
float : left;
margin-left : 0;
position : relative;
width : 892px;
background-image : url(images/motif4.jpg);
background-repeat : repeat-x;
}
.filet2 {
background-image : url(images/motif4.jpg);
background-repeat : repeat;
position : relative;
top : 0;
left : 0;
background-position : 0 0%;
width : 4px;
}
.filet5 {
float : left;
width : 115px;
padding-left : 3px;
padding-top : 10px;
text-align : center;
font : bold 12px Helvetica, sans-serif, Arial;
}
.imagegauche {
overflow : hidden;
left : 10px;
position : relative;
float : left;
}
.ombrehaut {
background-image : url(images/ombre-haut.gif);
background-repeat : repeat-x;
position : relative;
z-index : 0;
background-position : 0 0%;
height : 25px;
float : left;
overflow : visible;
width : 892px;
}
.guillement {
position : relative;
z-index : 0;
left : 15px;
width : 40px;
}
.imagecentre {
overflow : inherit;
float : left;
margin-right : 5px;
}
.imagedroite {
float : right;
width : 35px;
position : relative;
visibility : visible;
overflow : auto;
}
.bloc-index {
font-family : Helvetica, sans-serif, arial;
font-size : 13px;
color : #000000;
overflow : inherit;
width : 220px;
text-align : left;
background-image : url(images/cadre-milieu.png);
background-repeat : no-repeat;
background-position : top ;
padding-top : 10px;
float : left;
margin-left : 3px;
}
.textebloxgauche {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
overflow : inherit;
width : 350px;
text-align : justify;
background-image : url(images/cadre.png);
background-repeat : no-repeat;
background-position : top ;
padding-top : 10px;
float : left;
margin-left : 3px;
}
.textebloxgauche2 {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
overflow : inherit;
float : left;
margin-left : 30px;
position : static;
width : 400px;
}
.textebloxgauche3 {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
overflow : inherit;
float : right;
margin-left : 0;
position : absolute;
width : 350px;
text-align : left;
line-height : 18px;
}
.texteblocgaucheref {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
overflow : visible;
margin-left : 40px;
position : static;
width : 830px;
clear : both;
}
.colonne1 {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
overflow : visible;
float : left;
margin-left : 70px;
position : relative;
background-image : url(images/guillemet-p2.png);
background-repeat : no-repeat;
text-indent : 5px;
}
.colonneleft {
font-family : Helvetica, sans-serif, Arial;
color : #830000;
width : 400px;
text-align : justify;
margin-left : 5px;
float : left;
left : 55px;
position : static;
}
.colonneleft2 {
font-family : Helvetica, sans-serif, Arial;
font-size : 18px;
color : #830000;
width : 400px;
text-align : justify;
margin-left : 40px;
float : left;
left : 85px;
position : static;
}
.colonneleftblc {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
width : 350px;
text-align : justify;
margin-left : 5px;
float : left;
}
.bordtableau {
background-image : url(images/bord-tableau_02.png);
background-repeat : repeat-y;
}
.ombre {
background-image : url(images/ombre-verticale.png);
background-repeat : repeat-x;
position : relative;
z-index : 0;
background-position : 0 0%;
height : 25px;
float : left;
overflow : visible;
width : 892px;
}
.ombre2 {
background-image : url(images/ombre-vertical2.png);
background-repeat : repeat-x;
position : relative;
z-index : 0;
top : 0;
left : 0;
background-position : 0 0%;
height : 25px;
}
.footer {
clear : both;
font-size : 0.88em;
background : #f2f6df;
color : #4e4848;
border-top : 2px solid #c6ccb6;
padding : 20px 0 40px 0;
text-align : center;
}
.bord-gauche {
overflow : hidden;
float : left;
background-image : url(images/cadre-bord-gauche.png);
background-repeat : no-repeat;
position : relative;
visibility : visible;
height : 30px;
width : 20px;
margin-left : 0;
}
.colonneleftblgch {
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
color : #000000;
width : 300px;
text-align : center;
margin-left : 0;
float : left;
margin-top : 50px;
}
h1 {
font : 28px Helvetica, Arial, Futura;
color : #669999;
line-height : 28px;
padding : 0;
margin : 0 0 20px 0;
}
h2 {
font : 20px Arial, Helvetica;
color : #669999;
padding : 0;
margin : 10px 0;
}
h3 {
font : 14px Helvetica, Arial, Futura;
color : #669999;
padding : 0;
margin : 10px 0 5px 0;
}
#container_text {
position : relative;
clear : left;
width : 471px;
padding : 20px 2px 5px 2px;
font : 12px Arial, Helvetica, sans-serif;
color : #333333;
text-align : justify;
}
body {
background-color : #b5b3b6;
}
.TabbedPanels {
margin : 0;
padding : 0;
float : left;
clear : none;
width : 100%;
}
.TabbedPanelsTabGroup {
margin : 0;
padding : 0;
padding-top : 30px;
}
.TabbedPanelsTab {
position : relative;
top : 1px;
float : left;
padding : 15px 10px;
margin : 0 0 0 0;
list-style : none;
border-bottom : 1px solid #999;
cursor : pointer;
font-family : Helvetica, sans-serif, Arial;
color : #000000;
}
.TabbedPanelsTabHover {
background-color : #ffffff;
color : #d33387;
}
.TabbedPanelsTabSelected {
background-color : #ffffff;
border-bottom : 1px solid #eee;
background-repeat : no-repeat;
}
.TabbedPanelsTab a {
color : #666666;
text-decoration : none;
font-family : Helvetica, sans-serif, Arial;
font-size : 14px;
}
.TabbedPanelsContentGroup {
clear : both;
border-left : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-top : 1px solid #999;
border-right : 1px solid #999;
background-color : #ffffff;
}
.TabbedPanelsContent {
padding : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
}
.VTabbedPanels .TabbedPanelsTabGroup {
float : left;
height : 20em;
background-color : #ffffff;
border-top : 1px solid #999;
border-right : 1px solid #999;
border-left : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
.VTabbedPanels .TabbedPanelsTab {
margin : 0;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color : #ffffff;
border-bottom : 1px solid #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear : none;
float : left;
padding : 0;
width : 30em;
height : 20em;
}