/***************************/
/** balises générales **/
/**************************/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0 auto;
background-image:url(/charte/www.ocialis.com/fre/prod/images/bigBg.gif);
background-repeat:no-repeat; 
background-position: center center;
background-attachment:fixed;
}
td {
vertical-align:top;
}
h1 {
font-size:18px;
font-famiy:Tahoma, Arial, Helvetica, sans-serif;
color: #6F9702;
font-weight:normal;
margin:0 0 20px 0;
text-transform:uppercase;
}
h2 {
font-weight:bold;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
a img {
border:0px;
}
a {
}
a:hover {
}
p{
margin:0;
}

/***************************/
/**Menu Javascript **/
/************************/
.jsMenu {
border-left: 1px solid #CACED1;
}
.firstLevel  {
font-weight:bold;
color:#003D8F;
font-size:10px;
letter-spacing:-1px;
padding-bottom:15px;
}
.secondLevel  {
padding:2px 0 0 5px;
text-align:left;
font-weight:normal;
}
a.mainMenuItem  {
display:block;
text-decoration:none;
}
#menuTdFirst {
background-image: url(/charte/www.ocialis.com/fre/prod/images/bgMenu.jpg);
background-repeat:repeat-x;
height:59px;
width:100%;
vertical-align:bottom;
border-right: 1px solid #CACED1;
}

#menuTdFirst a:hover{
background-image: url(/charte/www.ocialis.com/fre/prod/images/bgMenuOver.gif);
background-repeat:repeat-x;
color: #6F9702;
}

a.firstLevel  {
text-transform:uppercase;
text-decoration:none;
}
a.firstLevel:hover  {

}
a.secondLevel  {
padding:5px 5px 5px 5px;
color:#666666;
text-align:left;
text-decoration:none;
text-transform:uppercase;
}
a.secondLevel:hover  {
text-decoration:underline;
}

/****************/
 /**** Blocs ****/
/***************/ 
.bloc  {
}
.title  {}

.content  {
}

.imgLeft .content, .imgRight .content  { /* Correction d'un N-ième bug IE avec les images flottantes */
border-bottom:1px solid #fff;
}
.imgLeft .content p, .imgRight .content p{
margin:0 0 9px;
}
.link  {
text-align: right;
}
.link a  {}
.link a:hover  {}
.image  {
margin-bottom:3px;
}
.image br  {
display:none;
}
.legend  {
display:block;
text-align:center;
color:#9B9B9B;
font-size:11px;
}
.imgLeft .image  {
float:left;
}
.imgRight .image  {
float:right;
}
.imgLeft .image, .imgLeftCol .image  {
margin:0 3px 3px 0;
}
.imgRight .image, .imgRightCol .image  {
margin:0 0 3px 3px;
}
.imgLeftCol .imgCell,  .imgRightCol .imgCell  {
width:1%;
}
.imgTop .image  {
text-align:center;
}
.imgTop .image img  {
margin:0;
}
.pencil  {
float:left;
cursor:pointer;
}

/*********************/
/*** Locator ***/
/*****************/
#locator {
margin-right:20px;
padding-top:0px;
color:#999;
text-align:right;
}
#locator a {
text-decoration:none;
color: #999;
text-transform:none;
}
.homeLink, .homeLink a, .menuItem1, .menuItem2 {
color:#999999;
}
.menuItemLast {
color:#999999;
font-weight:bold;
}

/******************************/
/*** sub_navigation ***/
/*************************/
#sub_navigation{
color:#073E8E;
text-transform: uppercase;
font-weight:bold;
padding-left: 0px;
padding-right: 10px;
width:173px;
padding-top: 5px;
font-family:Verdana;
Font-size:9px;
}
.ssrub, .ssrubCurrent {
background-image: url(/charte/www.ocialis.com/fre/prod/images/puce.gif);
background-repeat:no-repeat; 
background-position:0px 17px;
padding-left:15px;
}
.ssrub a {
text-decoration:none;
color:#073E8E;
display:block;
padding-top:15px;
}
.ssrubCurrent a {
text-decoration:underline;
color:#073E8E;
display:block;
padding-top:15px;
}
.articleLnk, .articleLnkCurrent {
padding-left:30px;
padding-top:3px;
background-image:url(/charte/www.ocialis.com/fre/prod/images/puce2.gif);
background-repeat:no-repeat; 
background-position:15px 5px;
font-weight:normal;
}
.articleLnk a {
color:#999999;
text-decoration:none;
}
.articleLnkCurrent a{
color:#999999;
text-decoration:none;
font-weight:bold;
}
.articleLnk a:hover{
color:#999999;
text-decoration:underline;
}
.articleLnkCurrent a:hover{
color:#999999;
text-decoration:underline;
}
.ssrub a:hover {
color:#073E8E;
text-decoration:underline;
}
.ssrubCurrent a:hover {
color:#073E8E;
text-decoration:none;
}

/* Sous navigation bas de page */
#sub_navigation2 {
margin-left:69px;
color:#669900;
padding-left: 0px;
padding-right: 10px;
width:685px;
height:20px;
padding-top:5px;
overflow:hidden;
font-size:13px;
}
.articleLnk2 {
float:left;
padding-left:30px;
padding-top:3px;
}
.articleLnk2 a {
color:#669900;
text-decoration:none;
}
.articleLnk2 a:hover{
color:#669900;
text-decoration:underline;
}


/***************/
/** header **/
/***************/
.header{
height:158px;
}
.logo {
vertical-align:middle;
text-align:center;
border-right: 1px solid #CACED1;
width:183px;
}
#mainNav {
width:765px;
}
.mainNav {
background-image:url(/charte/www.ocialis.com/fre/prod/images/bgBanner.jpg);
background-repeat:no-repeat;
}

/* header-home */
.headerHome{
height:158px;
}
.logoHome {
vertical-align:middle;
text-align:center;
width:183px;
}
.logoHome {
position: relative;
z-index:1000;
}


/***************/
/** page **/
/***************/
.main{
overflow:hidden; 
background-color: #ffffff; 
background-repeat:no-repeat;  
position:absolute;
left: 50%;
top: 50%;
width:948px;
height:598px; 
margin-top: -300px;
margin-left: -474px;
border-top: 1px solid #CACED1;
border-bottom: 1px solid #CACED1;
}
.scrollDiv {
width:760px;
height: 381px;
margin-bottom:11px;
padding-left:5px;
overflow:auto;
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:#CCCCCC; 
scrollbar-darkshadow-color:#808080; 
scrollbar-face-color:#FFFFFF;  
scrollbar-track-color:#EBEBEB;
}

/* Homepage */
#contentHome {
height:522px;
}
#actuHome {
overflow:hidden;
position: relative;
background-color:#FFFFFF;
width:400px;
margin-left:22px;
height:105px;
margin-top:-125px;
font-size:11px;
z-index:101;
}
#actuHome h1{
margin:0 0 12px 0;
color:#003D8F;
font-famlily:Arial, Helvetica, sans-serif;
font-size:15px;
text-transform:none ;
}
#actuHome img {
margin-bottom:-3px;
}
#contentHome {
overflow:visible;
margin-top:-110px;
z-index:100;
position:relative;
}

/* Page standard */
.tableGeneral {
}
.contentPage {
height:412px;
}
#contentPage {
}

/* Page contact */
#contactTable {
background-image:url(/charte/www.ocialis.com/fre/prod/images/carte.gif);
background-repeat:no-repeat; 
background-position: top left;
}
#contactTable a{
text-decoration:none;
}
#contactTable a:hover {
text-decoration:underline;
}
#contactTable #lef, #contactTable #rig, #contactTable #cen {
width:186px;
padding-right:70px;
}
#contactTable #lef h2, #contactTable #rig h2, #contactTable #cen h2 {
font-weight:blod;
font-size:18px;
letter-spacing:-1px;
color:#003D8F;
margin:0 0 13px 0;
}
#contactTable h1 {
margin:0 0 15px 0;
}

#contactTable #lef .title h2, #contactTable #rig .title h2, #contactTable #cen .title h2 {
font-weight:bold;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
#contactTable a, #contactTable a, #contactTable a {
text-decoration:none;
font-weight:bold;
color:#6F9702;
}
#contactTable a:hover, #contactTable a:hover, #contactTable a:hover {
text-decoration:underline;
}
#contactTable #lef .content , #contactTable #rig .content, #contactTable #cen .content{
margin-bottom:15px;
}

/* Page les hommes */
#descriptionHommes {
width:482px;
padding-right:20px;
font-size:11px;
/*color:#999;*/
}
#photoHommes {
padding-top:10px;
width:263px;
}
#titleGrasGauche {
font-weight:bold;
text-align:right;
color:#666666;
margin-bottom:20px;
}
#photoHommes img {
/*display:inline;*/
width: 67px;
height:67px;
oveflow:hidden;
margin-right:7px;
margin-bottom:7px;
padding:3px;
border: 1px solid #CCCCCC;
}

/* Offres - accueil */
.alimentsHome {
width:237px;
float:left;
margin-right:20px;
margin-top:20px;
}
.alimentsHome #image {
padding: 3px 0 0 3px;
border:1px solid #CCCCCC;
border-right:none;
}
.alimentsHome #image .image {
width:191px;
height:95px;
overflow:hidden;
}
.alimentsHome #plus {
border:1px solid #CCCCCC;
width:43px;
padding:4px 4px 3px 0;
border-left:none;
}
.alimentsHome h2 {
font-size:15px;
font-famiy:Tahoma, Arial, Helvetica, sans-serif;
color: #6F9702;
font-weight:normal;
margin:8px 0 0px 0;
}

/* Page standard en deux colonnes - grande colonne à droite */
#deuxCol #summary{
font-size:15px;
font-famiy:Tahoma, Arial, Helvetica, sans-serif;
color: #6F9702;
font-weight:bold;
margin:-20px 0 10px 0;
/*position:relative;*/
z-index:10;
}
#deuxCol #lef {
width:265px;
padding-right:10px;
}
#deuxCol #rig {
padding-right:5px;
}
#deuxCol #rig .imgTop .image  {
text-align:left;
}
#deuxCol #rig h2{
font-size:15px;
font-famiy:Tahoma, Arial, Helvetica, sans-serif;
color: #6F9702;
font-weight:normal;
margin:15px 0 15px 0;
}

/* Page standard en deux colonnes - grande colonne à gauche */
#deuxColBis {
}
#deuxColBis #lef {
width:495px;
padding-right:15px;
}
#deuxColBis #lef h2{
font-size:15px;
font-famiy:Tahoma, Arial, Helvetica, sans-serif;
color: #6F9702;
font-weight:normal;
margin:0 0 15px 0;
}
#deuxColBis #rig .imgTop .image  {
text-align:left;
}

/***************/
/** footer **/
/*************/
.footer{
height:28px;
}
#menuFooter {
height:28px;
border-left: 1px solid #CACED1;
}
#menuFooter td {
height:28px;
vertical-align:middle;
}
#drapeaux {
border-right: 1px solid #CACED1;
text-align:center;
width:80px;
}
#contact {
border-right: 1px solid #CACED1;
text-align:center;
width:82px;
}
#mentions {
border-right: 1px solid #CACED1;
text-align:center;
width:87px;
}
#texte {
text-align:right;
font-size:10px;
padding-top:4px;
width:600px;
}
#contact a, #mentions a {
font-size:11px;
color:#999;
font-weight:bold;
text-decoration:none;
}
/***************************/
/* Template FCKeditor */
/***************************/
.template1 {
background-color:#DAEBB4;
color:#00378E;
font-weight: bold;
padding:5px 5px 5px 0;
margin:10px 0;
}
.template1 ul, .template2 ul {
list-style-type: none;
list-style-image: url(/charte/www.ocialis.com/fre/preview/images/arrow_tpl1.gif);
margin-right:0;
margin-top:0;
margin-bottom:0;
}
.template2 {
background-color:#DAEBB4;
font-weight: normal;
padding:5px 5px 5px 0;
margin:10px 0;
}

/****************/
/* 2010 / 06 */
/****************/
#accroche{color: #6F9702; font-style:italic; font-weight:bold;}