@import 'lib/reset.css';  
@import 'lib/typography.css';

/* * {margin: 0px; padding: 0;}  */


body {
    font-family:  Verdana, Helvetica, Arial, sans-serif;

    font-size: 70%;

    background-color: #5e5e5e;
    text-align: center;
}

#contenu h1,
#contenu h2,
#contenu h3,
#contenu h4,
#contenu h5,
#contenu h6 { 
  color: #b1411e; 
}

#contenu h1 img {
}


.montrium {
    color: #b1411e;
}


.emphase {
    text-transform: uppercase;
    font-weight: bold;
}

#container {
    width:750px; /* excluant le contour. 10px de contour, donc 770px de large */

    text-align: left;

    margin: 0 auto;
    border:0px solid rgb(00,00,255);
    padding: 10px;
    
    background-color: rgb(255,255,255);
}


#header {
    display: block;
    position:relative;
    width:750px;
    height:110px;
}

a:focus, 
a:hover {   
    color: #000; 
    border-color: #000;
    text-decoration: none;
}
a {
    color: rgb(35,75,114);
    border-color: rgb(35,75,114);
    text-decoration: none;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a.logo-client {
    border-width: 0px 0px 0px 0px;
}

a.logo-client img {
    margin:0;
}

hr {
    border: 0;
    color: #aaa;
    background-color: #aaa;
    height:1px;
    margin:2em 0 0 0;
}

#logo-montrium {
}

#logo-montrium img {
}

#logo-montrium a { 
    /* bug fix pour ie8. */
    display: block;
    border:0;
}

#logo-montrium a img { 
    display: block;

    margin:0;
    padding:0;
    border:0;

    width:750px;
    height:110px;
}

#menu-langues {
    position:absolute;
    z-index:20;
    top:0px;
    right:0px;
    font-size: 9px;
    line-height: 9px;

}
#menu-langues a {
    text-transform:uppercase;
    font-size: 9px;
    line-height: 9px;
    color:#333;
    text-decoration: none;
    border-width: 0px 0px 0px 0px;
}

#menu-langues a:hover,
#menu-langues a:focus {
    color:#000;
    border-color: #000;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}


#top-menu {
    display: block;
    width:100%;
    border:0px solid rgb(00,00,255);
}

#menu-box-niveau-1 {
    display: block;
    float: left;
    position:relative;

    margin: 10px 10px 10px 0px;
    border:0px solid rgb(00,00,255);
    padding: 15px;

    width:150px; /* 180px total */
    height:150px; /* 180px total */
    
    background: #4c4c4c url('../../media/img/skin/carre-gris.gif') no-repeat scroll 100% 0% ;

    text-transform: uppercase;
    border:0px solid rgb(00,00,255);
}

#menu-box-niveau-2 {
    display: block;
    float: left;
    position:relative;
 
    margin: 10px 0px 10px 0px;
    border:0px solid rgb(00,00,255);
    padding: 15px;

    width:150px; /* 180px total */
    height:150px; /* 180px total */

    background: #9fb11e url('../../media/img/skin/home/menu-2.gif') no-repeat scroll 100% 0%;
    
    text-transform: uppercase;
}




#menu-box-niveau-2 div.rappel-niveau-1,
#menu-box-niveau-2 div.rappel-niveau-1 img {
    font-family: "TradeGothic-BoldTwo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    height:35px;
    width:150px;
    display: block;
    color: #fff;
}


#menu-box-niveau-1 a,
#menu-box-niveau-2 a {
    font-family: "TradeGothic-BoldTwo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 0;
    padding:0;
    margin:2px 0 2px 0;
}


#menu-box-niveau-1 a {
    color: #fff; 
    
}

#menu-box-niveau-2 a {
    color:#fff;
}

#menu-box-niveau-1 a:focus,
#menu-box-niveau-1 a:hover {
    color: #9fb11e;
}

#menu-box-niveau-2 a:focus,
#menu-box-niveau-2 a:hover {
    color: #fff; 
}


#menu-box-niveau-1 #menu-items-niveau-1,
#menu-box-niveau-2 .menu-items-niveau-2 {
    display: block;
    list-style: none;

    position:absolute;
    bottom:15px;

    margin: 0;
    padding: 0;

    border:0px solid rgb(00,00,255);
}

#menu-box-niveau-1 #menu-items-niveau-1 li,
#menu-box-niveau-2 .menu-items-niveau-2 li {
    display: block;
    float: left;
    
    border:0px solid rgb(00,255,00);

    width:150px;

    margin: 0px 0 0px 0px;
    padding: 0px 0 0px 0px; 
}

#menu-box-niveau-1 #menu-items-niveau-1 img,
#menu-box-niveau-2 .menu-items-niveau-2 img {
    height:20px;
    margin: 0;
    margin:0px 0 -4px 0; /* pour compenser #menu-box-niveau-2 a */

    padding: 0px 0px 0px 0px;
    display: block; 
    border:0px solid rgb(00,255,00);
}



#menu-box-niveau-2 .menu-panel {
    display: none;
}

#vitrine {
    display: block;
    float: right;

    margin: 10px 0px 10px 0px;
    border:0px solid rgb(00,00,255);
    padding: 0px;

    width:370px;
    height:180px;

    background: #cfd88e url('../../media/img/skin/home/vitrine.gif') scroll no-repeat 100% 0% ;
}

#main {
    clear: both;
    display: block;
    float: left;
      
    width:100%;
    margin: 0px 0px 0px 0px;
    border:0px solid rgb(60,95,143);

    overflow: hidden;  /* pour egaliser les colonnes de sommaire et contenu */
    
/*    min-height:515px;*/
    min-height:415px;
}


#sommaire {
/*    display:none; */
    float: left;

    margin:0; border:0; padding:0;
    border:0px solid rgb(00,00,255);

    width:180px; /* 180px total */

    background: #65b535;
}

#sommaire .hd {
    float: left;

    margin:0; border:0; padding:0;

    width:180px;
    height:15px;
    
    
    background: #bcc861 url('../../media/img/skin/home/sommaire-hd.gif') scroll no-repeat 100% 0% ;
}

#sommaire .bd {
    float: left;

    margin:0; border:0;
    padding: 0px 15px 0px 15px;

    width:150px; /* 180px total */
    background: #bcc861 url('../../media/img/skin/home/sommaire-bd.gif') scroll repeat-y 100% 0% ;
}


#contenu {
    float: right; 
    margin:0; border:0; padding:0;
    border:0px solid rgb(00,00,255);

    width: 560px;
    
    background: #f8f8f8;
    color: #333;
}

#contenu .hd {
    float: left;

    margin:0; border:0; padding:0;

    width:560px;
    height:15px;

    background: #edecdc url('../../media/img/skin/top-contenu.gif') scroll no-repeat 100% 0% ; 
}

#contenu .bd {
    float: left;

    margin:0; border:0;
    padding: 0px 15px 0px 15px;

    width:530px; 
    background: #edecdc;
}


#contenu #breadcrumb {
    list-style: none;
    margin:  0 0 1em 0;
    padding: 0;
    
}

#contenu #breadcrumb li {
    display: inline;
    text-transform: uppercase;
}

#contenu #breadcrumb li a {
    color: rgb(0,0,0);
    border: 0;
}

#contenu #breadcrumb li a:hover,
#contenu #breadcrumb li a:focus {
    text-decoration: none;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a.top-link {
    display:block;
    border:0;
}
a.top-link img {
    border:0;
    padding:0;
    margin:0;
}

#sommaire-end {
    float: left;
    margin:0; border:0; padding: 0;

    width:180px;
    height:15px;
    background: #bcc861 url('../../media/img/skin/home/sommaire-end.gif') scroll no-repeat 100% 0% ;
}

#contenu-end {
    float: right;
    margin:0; border:0; padding: 0;
    width:560px;
    height:15px;
    background: #edecdc url('../../media/img/skin/bot-contenu.gif') scroll no-repeat bottom right ;
}


#footer {
    clear: both;

    position:relative;

    display: block;
    width:100%;
    

    margin: 0px 0px 0px 0px;
    border:0px solid rgb(00,00,255);
    padding: 10px 0px 0px 0px;
}

#footer #footer-links ul {
    margin:0;
    padding:0;
    display: inline;
}

#footer #footer-links ul li {
    display: inline;
    padding: 0px 8px 0px 0px;
    margin: 0px 4px 0px 0px;

    background: url('../../media/img/skin/barre.gif') 99% 50% no-repeat; 
    
    font-weight: bold;
    font-size: 0.8em;
    color: #4c4c4c;
}

#footer #footer-links ul li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #4c4c4c;
    text-decoration: none;
    border:0;
}

#footer #footer-links ul li a:hover,
#footer #footer-links ul li a:focus {
    color: #009; 
    border-color: #009;
    text-decoration: none;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

#footer #footer-links ul li.last {
    background: none;
}

#footer-social {
    display:block; position:absolute; right:0px; top:5px; margin:0px; padding:0px;
}

#footer-social img {
    display:inline;
}

#footer-social a {
    text-decoration: none;
    border:none;
}

#footer-social ul {
    display: block;
    margin:0px; padding:0px;
    /* border: 1px solid black; */
}

#footer-social ul li {
    display: inline;
    clear:none;
    background: none;
    margin:0px 0px 0px 5px; padding:0px;
    /* border: 1px solid red; */
}


/* *** rollover menu-items-niveau-1 *** */
#menu-items-niveau-1 a { display: block; visibility: visible; }
#menu-items-niveau-1 a:hover { visibility: visible; }
#menu-items-niveau-1 a:hover img {  visibility: hidden; }


/* *** panel visible niveau 2 *** */
.home #menu-2-home { display: block; }
.about-us #menu-2-about-us { display: block; }
.contact-us #menu-2-contact-us { display: block; }

/** francais seulement. 10fev2010 guylain. **/
.services #menu-2-services { display: block; }
.expertise #menu-2-expertise { display: block; }

/** anglais seulement. 10fev2010 guylain. **/
.gxp-compliance-services #menu-2-gxp-compliance-services { display: block; }
.technology-services #menu-2-technology-services { display: block; }
.sharepoint-pharma #menu-2-sharepoint-pharma { display: block; }

/* *** rollover menu-items-niveau-2 *** */
.menu-items-niveau-2 a { display: block; visibility: visible; }
.menu-items-niveau-2 a:hover { visibility: visible; }
.menu-items-niveau-2 a:hover img {  visibility: hidden; }


.home.une #contenu h2 {
    width:80%;
    color: #fff;
}

.home.une #contenu h1 {
    color: #fff;
    font-size: 2em;
    line-height: 1.2em;
    font-weight:bold;
    padding-bottom:.5em;
}
/*
.home.news #contenu h2 {
    font-size: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

.home.news #contenu div.date {
    font-weight:bold;
    font-size: 1.1em;
}

.home.news #contenu a {
    color: #333;
    border-color: #333;
}
.home.news #contenu a:focus, 
.home.news #contenu a:hover {   
    color: #000;
    border-color: #000;
    text-decoration: none;
}
*/

.home.une #sommaire img {
    margin: 0;
    padding: 0;
}

.home.une #sommaire ul {
    display:block;
    padding:0;
    margin:0;
}

.home.une #sommaire li {
    border-color: #d0d88d;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    display:block;
    list-style:none;
    margin: 0;
    padding-top: 1em;
}

.home.une #sommaire li div.date {
/*    color: #fff;*/
    font-weight: bold;
    text-transform: uppercase;
}

.home.une #sommaire li h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    padding:0;
    margin:0;
}

.home #sommaire a {
    color: #fff;
    border-color: #fff;
}

.home #sommaire a:hover {
    color: #000;
    border-color: #000;
}

.citation
{
    text-align:right;
    font-size:1.5em;
    line-height:1.5em;
    color:#fff;
    padding:1em 0.5em 1em 0em;
    margin-bottom:1em;
}

.citation .guillemets {
    font-family:times, serif;
    font-size:1.5em;
    line-height:.1em;
    font-weight:bold;
}


/* === sections === */

/* --- home/accueil --- */
.home #sommaire .bd             { min-height: 502px; } /* see ie6.css */
.home #contenu  .bd             { min-height: 502px; } /* see ie6.css */
.home #sommaire .hd             { background: #335b82 url('../../media/img/skin/services/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.home #sommaire .bd             { background: #335b82 url('../../media/img/skin/services/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.home #sommaire-end             { background: #335b82 url('../../media/img/skin/services/sommaire-end.gif') scroll no-repeat 100% 0% ; }


.home.une #contenu  .hd         { background: #69a3bb url('../../media/img/skin/home/photo-home.jpg') scroll no-repeat 100% 0% ; }
.home.une #contenu  .bd         { background: #69a3bb url('../../media/img/skin/home/photo-home.jpg') scroll no-repeat 0px -15px ; }
.home.une #contenu-end          { background: #69a3bb  url('../../media/img/skin/home/photo-home.jpg') scroll no-repeat 100% 100% ;}
.home.une #sommaire .hd         { background: #bcc861 url('../../media/img/skin/home/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.home.une #sommaire .bd         { background: #bcc861 url('../../media/img/skin/home/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.home.une #sommaire-end         { background: #bcc861 url('../../media/img/skin/home/sommaire-end.gif') scroll no-repeat 100% 0% ; }




/* --- about-us/a-propos-de-nous --- */
.about-us #menu-box-niveau-2    { background: #335b82 url('../../media/img/skin/about-us/menu-2.gif') scroll no-repeat 100% 0% ; }
.about-us #vitrine              { background: #2c5a86 url('../../media/img/skin/about-us/vitrine.jpg') scroll no-repeat 100% 0% ; }
.about-us #sommaire .hd         { background: #79adbd url('../../media/img/skin/about-us/sommaire.jpg') scroll no-repeat 100% 0% ; }
.about-us #sommaire .bd         { background: #1776aa url('../../media/img/skin/about-us/sommaire.jpg') scroll no-repeat 0px -15px; }
.about-us #sommaire-end         { background: #1776aa url('../../media/img/skin/about-us/sommaire.jpg') scroll no-repeat bottom center ; }
.about-us #sommaire .bd         { min-height: 570px; } /* see ie6.css */
.about-us #contenu  .bd         { min-height: 570px; } /* see ie6.css */

.about-us #menu-box-niveau-2 a:focus,
.about-us #menu-box-niveau-2 a:hover {
    color: #93b8c6;
}

.about-us #contenu h1 {
    color: #335b82;
}


/* --- contact-us/contactez-nous --- */
.contact-us #menu-box-niveau-2   { background: #9fb11e url('../../media/img/skin/contact-us/menu-2.gif') scroll no-repeat 100% 0% ; }
.contact-us #vitrine             { background: #cfd88e url('../../media/img/skin/contact-us/vitrine.gif') scroll no-repeat 100% 0% ; }
.contact-us #sommaire .hd        { background: #4c78b7 url('../../media/img/skin/contact-us/sommaire.jpg') scroll no-repeat 100% 0% ; }
.contact-us #sommaire .bd        { background: #4c78b7 url('../../media/img/skin/contact-us/sommaire.jpg') scroll repeat-y 0px -15px ; }
.contact-us #sommaire .bd        { color: #fff; }
.contact-us #sommaire .bd a:focus, .contact-us #sommaire .bd a:hover { color: #000; border-color: #000; }
.contact-us #sommaire .bd a      { color: #fff; border-color: #fff; }
.contact-us #sommaire-end        { background: #4c78b7 url('../../media/img/skin/contact-us/sommaire.jpg') scroll no-repeat 100% 100% ; }
.contact-us #sommaire .bd        { min-height: 400px; } /* see ie6.css */
.contact-us #contenu  .bd        { min-height: 400px; } /* see ie6.css */


/* --- services --- */
.services #menu-box-niveau-2    { background: #b1411e url('../../media/img/skin/services/menu-2.gif') scroll no-repeat 100% 0% ; }
.services #vitrine              { background: #3a7dce url('../../media/img/skin/services/vitrine.jpg') scroll no-repeat 100% 0% ; }
.services #sommaire .hd         { background: #335b82 url('../../media/img/skin/services/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.services #sommaire .bd         { background: #335b82 url('../../media/img/skin/services/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.services #sommaire-end         { background: #335b82 url('../../media/img/skin/services/sommaire-end.gif') scroll no-repeat 100% 0% ; }
.services #sommaire .bd         { min-height: 502px; } /* see ie6.css */
.services #contenu  .bd         { min-height: 502px; } /* see ie6.css */

/* --- gxp compliance services --- */
.gxp-compliance-services #menu-box-niveau-2    { background: #b1411e url('../../media/img/skin/services/menu-2.gif') scroll no-repeat 100% 0% ; }
.gxp-compliance-services #vitrine              { background: #3a7dce url('../../media/img/skin/services/vitrine.jpg') scroll no-repeat 100% 0% ; }
.gxp-compliance-services #sommaire .hd         { background: #335b82 url('../../media/img/skin/services/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.gxp-compliance-services #sommaire .bd         { background: #335b82 url('../../media/img/skin/services/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.gxp-compliance-services #sommaire-end         { background: #335b82 url('../../media/img/skin/services/sommaire-end.gif') scroll no-repeat 100% 0% ; }
.gxp-compliance-services #sommaire .bd         { min-height: 502px; } /* see ie6.css */
.gxp-compliance-services #contenu  .bd         { min-height: 502px; } /* see ie6.css */

.gxp-compliance-services #menu-box-niveau-2 a:focus,
.gxp-compliance-services #menu-box-niveau-2 a:hover {
    color: #c87a61;
}

/* --- technology services --- */
.technology-services #menu-box-niveau-2    { background: #b1411e url('../../media/img/skin/services/menu-2.gif') scroll no-repeat 100% 0% ; }
.technology-services #vitrine              { background: #3a7dce url('../../media/img/skin/services/vitrine.jpg') scroll no-repeat 100% 0% ; }
.technology-services #sommaire .hd         { background: #335b82 url('../../media/img/skin/services/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.technology-services #sommaire .bd         { background: #335b82 url('../../media/img/skin/services/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.technology-services #sommaire-end         { background: #335b82 url('../../media/img/skin/services/sommaire-end.gif') scroll no-repeat 100% 0% ; }
.technology-services #sommaire .bd         { min-height: 502px; } /* see ie6.css */
.technology-services #contenu  .bd         { min-height: 502px; } /* see ie6.css */

.technology-services #menu-box-niveau-2 a:focus,
.technology-services #menu-box-niveau-2 a:hover {
    color: #c87a61;
}

/* --- sharepoint for pharma --- */
.sharepoint-pharma #menu-box-niveau-2    { background: #b1411e url('../../media/img/skin/services/menu-2.gif') scroll no-repeat 100% 0% ; }
.sharepoint-pharma #vitrine              { background: #3a7dce url('../../media/img/skin/services/vitrine.jpg') scroll no-repeat 100% 0% ; }
.sharepoint-pharma #sommaire .hd         { background: #335b82 url('../../media/img/skin/services/sommaire-hd.gif') scroll no-repeat 100% 0% ; }
.sharepoint-pharma #sommaire .bd         { background: #335b82 url('../../media/img/skin/services/sommaire-bd.gif') scroll repeat-y 100% 0% ; }
.sharepoint-pharma #sommaire-end         { background: #335b82 url('../../media/img/skin/services/sommaire-end.gif') scroll no-repeat 100% 0% ; }
.sharepoint-pharma #sommaire .bd         { min-height: 502px; } /* see ie6.css */
.sharepoint-pharma #contenu  .bd         { min-height: 502px; } /* see ie6.css */

.sharepoint-pharma #menu-box-niveau-2 a:focus,
.sharepoint-pharma #menu-box-niveau-2 a:hover {
    color: #c87a61;
}

/* --- typo --- */
#contenu h1 img {
    margin: 0 0 0 0;
}

strong {
    text-transform: uppercase; 
}

#contenu h1 {
    text-transform: uppercase;
    margin: 0 0 0 0;
    font-size: 2.2em; line-height: 1.1em; margin-top: 0em; margin-bottom: 0.5em;
}

#contenu h1 img {
    margin-bottom: -0.25em;
}

#contenu h2 {
    font-weight: bold;
    font-size: 1.2em; line-height: 1.25em; margin-top: 1.25em; margin-bottom: 0.75em;
}

#contenu h1 + h2 {
    margin-top: 0em;
}

#contenu h3 {
    font-size: 1.2em; line-height: 1; margin-top: 1.25em; margin-bottom: 0.75em;
}

#contenu p {
    text-align: justify;
    margin-bottom: 0.75em;
}

#contenu small {
    font-size: 1em;
    font-style: italic;
}

#contenu ul li { 
    list-style-type: circle; 
}

#privacyContainer {
    width: 90%;

    margin: 0 auto;
    padding: 10px;
    text-align: left;

}

#privacyContent {
    text-align: center;

    background-color: rgb(255,255,255);
    padding: 8px;
    border:0px solid rgb(0,255,255);
}


#privacyContainer p {
}

/* 
Local Variables:
coding: utf-8
End:
*/