*{
margin:0;
}
html,body {
height:100%;
margin:0;
}

body {
overflow: -moz-scrollbars-vertical;
background:#edebe8 none repeat scroll left top;
color:#000;
font: 1em "Trebuchet MS",Arial,sans-serif ;
font-size:90%;
}

#site {
left:50%;
top:20px;
margin-left:-478px;
position:absolute;
width:956px;
z-index:1;
}
input{
background:url(img/input_background.gif);
height:20px;
border:solid 1px #CCCCCC;
color:#0056ac;
}
#bandeau {
background:url(img/bandeau.jpg) no-repeat;
width:956px;
height:98px;
}

#bandeau img {
margin:2px 0 0 25px;
}

div#menu{
padding:0px;
margin:0px;
border:1px solid #c6c9cd;
width:954px;
height:150px;
background:#f9fbfd;
}

div#maincontent{
border:1px solid #c6c9cd;
border-top:none;
float:left;
width:954px;
margin:0px;
height:auto;
background:#FFF;
padding:0 0 25px;
}

ul#nav1{
float:left;
width:165px;
height:147px;
margin:0 5px 0 2px;
padding:0;
}
#nav1 li{
height:25px;
border:1px solid #cad8e9;
list-style:none;
width:163px;
font-size:1em;
font-family: "Trebuchet MS",Arial,sans-serif ;
color:#3b6cae;
font-variant:small-caps;
margin:2px 0 0;
padding:0;
}
#nav1 li a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-variant:small-caps;
margin:2px 0 0 20px;
padding:3px;
text-decoration:none;
}
.menu1 a:visited,.menu2 a:visited,.menu3 a:visited,.menu4 a:visited,.menu5 a:visited {color:#3b6cae;text-decoration:none;height:25px;}
.menu1 a:link,.menu2 a:link,.menu3 a:link,.menu4 a:link,.menu5 a:link{color:#3b6cae;text-decoration:none;height:25px;}
.menu1 :hover,.menu2 :hover,.menu3 :hover,.menu4 :hover,.menu5 :hover{
font-weight:bold;
height:25px;
width:163px;
}
.menu1{background:url(img/fnd_menu1.jpg) no-repeat -4px ;}
.menu1:hover,.menu:focus {background:url(img/fnd_menu1.jpg) no-repeat ;}

.menu2 {background:url(img/fnd_menu2.jpg) no-repeat -4px ;}
.menu2:hover,.menu2:active {background:url(img/fnd_menu2.jpg) no-repeat;}

.menu3 {background:url(img/fnd_menu3.jpg) no-repeat -4px ;}
.menu3:hover,.menu3:active {background:url(img/fnd_menu3.jpg) no-repeat;}

.menu4 {background:url(img/fnd_menu4.jpg) no-repeat -4px ;}
.menu4:hover,.menu4:active {background:url(img/fnd_menu4.jpg) no-repeat;}

.menu5 {background:url(img/fnd_menu5.jpg) no-repeat -4px ;}
.menu5:hover,.menu5:active {background:url(img/fnd_menu5.jpg) no-repeat;}


#bande_bleu {height:3px;width:162px;background:#0056ac;}
#bande_vert {height:3px;width:162px;background:#bac312;}
#bande_rouge{height:3px;width:162px;background:#ff0909;}
#bande_gris{height:3px;width:162px;background:#4b5c68;}	
#bande_orange{height:3px;width:162px;background:#ee7900;}
.bold{font-weight:bold;}
.bleu{color:#0056ac;}
.vert{color:#bac312;}
.rouge{color:#ff0909;}
.gris{color:#4b5c68;}
.orange{color:#ee7900;}
#nav3 {
z-index:1000;
margin: 2px 0 0 0px ;
padding: 0 ;
overflow: hidden ;		/* Création du contexte de formatage */
		}
#nav2 {
z-index:1000;
list-style: none ;
margin: 2px 0 0 0px ;
padding: 0 ;
overflow: hidden ;		/* Création du contexte de formatage */
		}
		
#nav2 li{
float: left ;
display:inline;
width: 192px ;
margin-right: 3px ;
color: #fff ;
font-weight:bold;
height:141px;
text-align: center ;
		}
		
#nav2 li a {
display: block ;
height:141px;
padding:0 ;
margin:0;
text-decoration: none ;
		}
		
#nav2 span{
display:block;
padding:1px 0 0 0;
color:#fff;
font-weight:bold;
font-size:10pt;
}

.normal{
font-style:normal;
}
a.metier{background:url(img/qui1.jpg) no-repeat ;}
a.methodologie{background:url(img/qui2.jpg) no-repeat ;}
a.valeurs{background:url(img/qui3.jpg) no-repeat ;}
a.partenaires{background:url(img/qui4.jpg) no-repeat ;}

a.tpe{background:url(img/pour1.jpg) no-repeat ;}
a.pmepmi{background:url(img/pour2.jpg) no-repeat ;}
a.direccom{background:url(img/pour3.jpg) no-repeat ;}
a.german{background:url(img/pour4.jpg) no-repeat ;}

a.organisation{background:url(img/cible1.jpg) no-repeat ;}
a.management{background:url(img/cible2.jpg) no-repeat ;}
a.relationclient{background:url(img/cible3.jpg) no-repeat ;}
a.diagnostic{background:url(img/cible4.jpg) no-repeat ;}

a.metier:hover,.metieractif{background:url(img/qui1.jpg) 100% -141px no-repeat ;}
a.methodologie:hover,.methodologieactif{background:url(img/qui2.jpg) 100% -141px no-repeat ;}
a.valeurs:hover,.valeursactif{background:url(img/qui3.jpg) 0 -141px no-repeat ;}
a.partenaires:hover,.partenairesactif{background:url(img/qui4.jpg) 0 -141px  no-repeat ;}

a.tpe:hover,.tpeactif{background:url(img/pour1.jpg) 0 -141px no-repeat ;}
a.pmepmi:hover,.pmepmiactif{background:url(img/pour2.jpg) 0 -141px no-repeat ;}
a.direccom:hover,.direccomactif{background:url(img/pour3.jpg) 0 -141px no-repeat ;}
a.german:hover,.germanactif{background:url(img/pour4.jpg) 0 -141px no-repeat ;}

a.organisation:hover,.organisationactif{background:url(img/cible1.jpg) 0 -141px no-repeat ;}
a.management:hover,.managementactif{background:url(img/cible2.jpg) 0 -141px no-repeat ;}
a.relationclient:hover,.relationclientactif{background:url(img/cible3.jpg) 0 -141px no-repeat ;}
a.diagnostic:hover,.diagnosticactif{background:url(img/cible4.jpg) 0 -141px no-repeat ;}
/*<------- FIN Menu de la partie Qui sommes nous?------->*/

#titrepage {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
margin:10px 0 0 20px;
}

#titrepage img {
margin:0 0 0 5px;
}

.grispale {
color:#c9ced1;
}

.grisfonce {
color:#4b5c68;
}

#gauche {
float:left;
width:715px;
height:auto;
margin:15px 0 10px 30px;
text-align:justify;
text-decoration:none;
}
.noir{
color:#000;
}
#gaucheonly {
width:800px;
height:auto;
margin:15px 50px 10px 80px;
text-align:justify;
text-decoration:none;
}
#gaucheonly a:hover{
text-decoration:underline;
}
#gauche a:hover{
text-decoration:underline;
}
a:active,a:link,a {
text-decoration:none;
}
#droite {
width:180px;
border-left:1px solid #e1e7eb;
float:right;
height:auto;
margin:15px 0 10px;
padding:0 5px 0 0;
}
#droite img{
margin:5px 0px 0 5px;
}
#droite ul{
margin:0 0 0 5px;
padding:0 0 5px 0;
border-bottom:1px solid #e1e7eb;
}
#droite p{
margin:5px 10px 0 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}
#droite .auteur{
margin:5px 10px 0 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
font-style:italic;
}

#droite li{
margin:0 0 0 20px;
list-style-type:square;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:2em;
}
.imagedroite{
margin:10px 0 10px 10px;
height:90px;
padding:0 0 5px 0;
border-bottom:1px solid #e1e7eb;
}

#gauche p {
margin:10px 0;
line-height:1.2em;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
}
#gauche ul{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
list-style-type:circle;
}
#gauche ol{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
}
#gauche li{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
line-height:1.5em;
padding:0 5px;
}
#gaucheonly p {
margin:10px 0;
line-height:1.2em;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
}
#gaucheonly ul{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
list-style-type:circle;
}
#gaucheonly ol{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
padding:0 5px;
}
#gaucheonly li{
margin:10px 50px 0 50px;
text-align:justify;
font-size:10pt;
color:#404041;
line-height:1.5em;
padding:0 5px;
}
.left {
float:left;
}
.right {
float:right;
}
.italic{
font-style:italic;
}
#copyright ul {
height:25px;
margin:5px 0;
padding:0;
font: 0.7em "Trebuchet MS",Arial,sans-serif ;
}

#copyright span {
display:block;
height:25px;
text-align:right;
margin:5px 0;
padding:0;
}

#copyright li {
display:inline;
list-style:none;
border-right:1px solid #94a0a8;
height:15px;
color:#94a0a8;
padding:0 5px;
}

#copyright a,#copyright a:hover,#copyright a:active,#copyright a:visited {
text-decoration:none;
color:#94a0a8;
cursor:pointer;
}

#copyright .copy{
display:inline;
list-style:none;
border:0 none;
height:15px;
color:#94a0a8;
padding:0 5px;
}