/*
vert: #a6ce39
noir: #000000;
blanc: #ffffff;
*/

.clear {clear:both;}
.clearLeft {clear:left;}
.hidden {display:none;}
img.alignMiddle {vertical-align:middle;}
.printOnly {display:none;}
.center {margin-left:auto; margin-right:auto;text-align:center;}

div.clearLine {clear:both;font-size:1px;margin:0;padding:0;}
/******
 General
 ******/
body {
font-size: 10.5pt;
font-family: Arial;
margin:0;
padding:0;
width:995px;
background-color:#000000;
}

ol ol {
list-style-type:lower-alpha;
}

a img {border:none;}
p {margin:1em 0;}
#Page {
position:absolute;
left: 50%;
width:1000px;
margin-left: -500px; /*la moitié du width pour centrer la page pour les résolutions >1024*H*/
background: url(../img/visuel_fd_HBS.jpg) top right no-repeat #000;
}
#Main {
background: url(../img/bg-body.png) top left repeat-y;
}

.noTopMargin { margin-top:0px;}
p.moreTopMargin {margin-top:30px;}
p.lessBottomMargin {margin-bottom:5px;}
ul.moreSeparated li {margin-bottom:5px;}
ul.moreSeparated li ul {margin-top:5px;}
/******
 Header
 ******/
#Header {
background: url(../img/bg-header.png) top left no-repeat transparent;
color: #ffffff;
height: 99px;
}
#Header #printLogo {
display:none;
}
#Header h1{
position:absolute;
width:190px;
height: 75px;
line-height: 75px;
margin: 0;
top:25px;
left:19px;
}

#Header h1 a{
display:block;
width:100%;
height:100%;
text-decoration: none;
color: #FFFFFF;
}

#Header h1 span{
display:none;
}
#Header h2 {
position:absolute;
top:56px;
left:225px;
font-weight:bold;
font-size:170%;/**/
margin:0;
}

#Header #tagline {
position:absolute;
top:60px;
left:235px;
font-weight:bold;
font-style:italic;
font-size:120%;
margin:0;
}
/******
 Partenariat
 ******/
#Partenariat {
font-size:90%;
font-weight:bold;
position:absolute;
text-align:center;
}
#Partenariat.IPD {
top:10px;
left:710px;
}
#Partenariat.SIMI {
top:240px;
left:50px;
}
#Partenariat.MIPIM {
top:240px;
left:50px;
}
#Partenariat a {
text-decoration:none;
color:#a6ce39;
}
/*************
* *** Language Setting ***
 ************/

#LangChoice {
z-index:4;
position:absolute;
left:210px;
top:20px;
}
/******
 FirstLevelMenu
 ******/
#FirstLevelMenu {
position:absolute;
top:130px;
left:0;
}
#FirstLevelMenu ul {
margin-left:0;
padding-left:50px;
}

#FirstLevelMenu li {
list-style-image: url(../img/puce-normal.png);
list-style-position:outside;
margin-bottom:5px;
}
#FirstLevelMenu li:hover {
list-style-image: url(../img/puce-selected.png);
}
#FirstLevelMenu li.current {
list-style-image: url(../img/puce-selected.png);
}

#FirstLevelMenu li a {
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#a6ce39;
}
#FirstLevelMenu li a:hover,
#FirstLevelMenu li.current a {
color:#ffffff;
}
/******
 SecondLevelMenu
 ******/
#SecondLevelMenu {
height:31px;
color:#a6ce39;
margin:0 25px 0 160px;
padding:0 0 0 22px;
}

#SecondLevelMenu p {
margin:0;
font-size:130%;/**/
}
#SecondLevelMenu span.current {
}

#SecondLevelMenu a {
text-decoration:none;
color:#a6ce39;
}
#SecondLevelMenu a:hover ,
#SecondLevelMenu span.current {
color:#ffffff;
}

/******
 Footer
 ******/
#Footer {
background: url(../img/bg-footer.png) no-repeat;
background-position:100% -22px;
padding-top:11px;
clear:both;
}

#Footer p{
font-weight:bold;
color:#a6ce39;
margin:0;
padding-top:3px;
padding-left:60px;
text-align:center;
margin-top:5px;
}
#Footer p#Copyright{
font-weight:normal;
font-size:72%;/**/
margin:0;
color:#ffffff;
}
#Footer hr {
display:none;
}

#Footer a {
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#a6ce39;
}
#Footer a:hover {
color:#ffffff;
}
#Footer span.current {
color:#ffffff;
}

/******
 Intro
 ******/
#Intro {
color:#ffffff;
margin:0 25px 0 160px;
padding:1px 11px 1px 20px;
font-size:90%;
}
#Intro p {margin-top:0;}

/******
 Content
 ******/
#Content {
background: url(../img/bg-content.png) no-repeat bottom right #fff;
position:relative;
margin:0 0 0 160px;
padding:1px 11px 1px 20px;
width:784px;
}

#Content ul li {
list-style-image: url(../img/puce-verte.png);
list-style-position:outside;
}
#Content ul.inline{
padding:0 5px;
}
#Content ul.inline li {
list-style-image:none;
display:inline;
background: url(../img/puce-verte.png) center left no-repeat;
padding-left:15px;
margin-right:5px;
}

#Content a,
#Content a:link,
#Content a:active {
color:#a6ce39;
color:black;
border-bottom:1px solid #a6ce39;
text-decoration:none;
}

#Content a:hover {
text-decoration:none;
background-color:#a6ce39;
color:#000000;
}
#Content h3 {
position:relative;
color:#ffffff;
background:#a6ce39;
padding:0 5px;
}
#Content h4 {
position:relative;
border-bottom:1px solid #a6ce39;
}

#Content .RightCol {
float:right;
position:relative;
padding-top:1em;
}
#Content .MainCol {
margin-right:225px;
}
#Content .box {
text-align:center;
border:1px solid #a6ce39;
width:214px;
margin-bottom:10px;
background-color:#ffffff;
padding-bottom:5px;
}
#Content .box h5{
margin:0;
padding:0 3px;
background-color: #a6ce39;
margin-bottom:5px;
}
#Content .box div.boxContent{
padding:0 3px;
}

/*warning*/
#Content #Warning {
text-align:center;
border:1px solid #a6ce39;
width:70%;
margin:10px auto;
background-color:#ffffff;
}
#Content #Warning p{
font-size:120%;
font-weight:bold;
}
/******
 *
 * Ici commence la personnalisation du site
 *
 ******/


/******
 Page d'accueil
 ******/
div#AideEtConcours div.item {
  float:left;
  margin:5px;
}
div#AideEtConcours a,
div#AideEtConcours a:active,
div#AideEtConcours a:link
{
border:none;
text-decoration:none;
}

div#Produits {
}
div#Produits ul {
margin:0;
padding:0;
}
div#Produits li {
list-style-image:none;
list-style-type:none;
}
div#Produits img {
border:none;
}
#Content div#Produits a {
text-decoration:none;
}
#Content div#Produits a {
border:none;
}

/******
 Pages produits
 ******/
#Content div.produit {
position:relative;
clear:both;
margin-top:1em;
}
#Content div.produit h4{
position:absolute;
left:0;
top:0;
/*
float:left;
*/
padding:2px 5px;
margin:0;
width:190px;
color:#ffffff;
background:#a6ce39;
text-align:center;
font-size:120%;
border:none;
}
#Content div.produit h5{
position:relative;
margin:0 0 2px 0px;
padding:5px 0 2px 220px;
border-bottom:1px solid #a6ce39;
font-size:90%;
}
#Content div.produit div.description{
position:relative;
clear:both;
}
#Content div.produit div.logo {
position:relative;
float:left;
margin-right:10px;
margin-bottom:1em;
}
#Content div.produit div.logo a {
border:none;
}
#Content div.produit div.texte {
margin-left:220px;
padding-top:13px;
}
/******
 Pages produit
 ******/
#Content div.productIntro {
position:relative;
min-height:73px;
margin-top:15px;
}
#Content div.productIntro div.logo{
position:absolute;
left:0;
}
#Content div.productIntro div.logo a {
border:none;
}
#Content div.productIntro div.text {
position:absolute;
left:240px;
font-size:110%;
font-weight:bold;
}

#Content div.productIntro#LPDI div.text {
padding:20px 100px;
}
#Content div.productIntro#LPDI {
min-height:73px;
}
#Content div.productIntro#LPDI p{
margin-right:100px;
padding-top:50px;
}
#Content div.productIntro#LPDI span.logo{
float:left;
margin-right:100px;
margin-bottom:0;
}
#Content div.productIntro#LPDI span.logo a {
border:none;
}


/* goto */
#Content div.goTo {
clear:both;
position:relative;
margin-right:22px;
height:24px;
}
#Content div.goTo p#goToWebsite {
background-color:#a6ce39;
border:1px solid #a6ce39;
position:absolute;
right:0;
margin:0;
padding:2px 20px;
text-align:center;
}

#Content div.goTo p#goToWebsite a,
#Content div.goTo p#goToWebsite a:link,
#Content div.goTo p#goToWebsite a:active {
color:#a6ce39;
color:black;
border-bottom:none;
text-decoration:none;
}
#Content div.goTo p#goToWebsite a:hover {
background-color:transparent;
color:#000000;
}
#Content div.goTo p#goToWebsite:hover {
background-color:#ffffff;
}
#Content div.goTo p#goToDemo {
position:absolute;
left:0;
font-size:80%;
font-weight:bold;
height:25px;
margin:0;
padding:2px;
}

#Content div.goTo p#goToDemo a,
#Content div.goTo p#goToDemo a:link,
#Content div.goTo p#goToDemo a:active {
color:#a6ce39;
color:black;
border-bottom:1px solid #a6ce39;
text-decoration:none;
}
/******
 Pages societe > associés
 ******/
dl.associes {
margin-bottom:0;
}
dl.associes dt{
clear:both;
margin-bottom:5px;
}
dl.associes dd{
margin-bottom:15px;
margin-left:80px;
}
dl.associes dd ul{
}

dl.associes img{
position:relative;
z-index:1;
float:left;
margin: 0 10px 5px 0;
}

/******
 Pages societe > comité stratégique
 ******/
dl.commite {
margin-bottom:0;
}
dl.commite dt {
clear:both;
background: transparent url(../img/puce-verte.png) center left no-repeat;
padding-left:15px;
margin-bottom:0;
font-weight:bold;
}
dl.commite dd{
margin:0 0 5px 0;
}
/******
 Contact
 ******/
/*Plan d'access*/
#PlanDAcces {
position:absolute;
top:-75px;
border:8px solid #a6ce39;
background:#ffffff;
z-index:3;
}
#PlanDAcces #PopUpMenu {
text-align:right;
font-weight:bold;
padding:0 8px 8px 0;
background:#a6ce39;
}
#PlanDAcces #PopUpMenu a:hover{
background:#ffffff;
}