/*PARAMETRES GENERAUX*/
body {
background-color:#FFFFFF;
margin:0;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
text-align:center;
}
#conteneur {
width:800px;
height:761px;
text-align:left;
padding:0;  
margin:0 auto; /*0 ou 0 auto, à voir comportement sur écran large*/
background-color:#FFFFFF;
color: #5d665b;

}
p {
text-indent:0px;
margin:0;
padding-bottom:5px;
font-size:0.9em;
line-height:normal;
}
/*Titre BSA Technologies*/
h1 {
font-size:22px;
font-weight:bolder;
letter-spacing:0.4em;
text-align:left;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
color:#CCCC66;
}
/*Titre Notre savoir-faire et Mieux nous-connaître*/
h2 {
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:3px;
text-align:right;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
color:#789265;
font-size:1.2em;
font-weight:normal;
letter-spacing:0.3em;
text-transform:capitalize;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
width:310px;
float:right;
background-image:url(../images/carre-gris.jpg);
background-position:left center;
background-repeat:no-repeat;
}
/*Titre Bureau d'études orienté action*/
h3 {
color:#003399;
font-size:13px;
font-weight:bold;
letter-spacing:0.4em;
text-align:right;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}
.gras {
font-weight: bold;
 }
a.lien-principal {
color:#669999;
text-decoration:none;
font-weight:bold;
}
a.lien-principal:hover {
color:#669999;
text-decoration:underline;
font-weight:bold;
font-size:1.4em;
}
/*BLOC GAUCHE*/
div#bloc-gauche {
margin:0;
padding:0;
width:330px;
text-align:right;
height:740px;/*hauteur à augmenter si on veut rajouter un lien au menu*/
float:left;

}
div#flash-filiales {
width:280px;
height:60px;
float:left;
padding:0;
margin:0;
/*border:1px red solid;*/
}
/*Menu principal avec la liste de liens*/
div#menu-principal {
margin:0;
padding:0;
width:330px;
text-align:right;
padding-bottom:60px;
float:left;

}
div#titre1, div#titre2 {
padding:0; 
margin:0;
margin-bottom:1%;
float:right;
}
h2.bas {
margin-top:5%;
}
div#liste1 {
padding: 0; 
margin: 0;
padding-top:5%;
float:right;
/*border:1px solid red;*/
}
div#liste2 {
padding: 0; 
margin: 0;
padding-top:5%;
float:right;
/*border:1px solid red;*/
}
ul.liste-liens, .liste-liens li, .liste-liens a {
padding: 0; 
margin: 0; /*met à 0 les marges internes et externes de la liste et des liens */
}
.liste-liens {
 /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type: none; /* suppression des boutons CSS devant les items de la liste */
text-transform:none;
}
.liste-liens li a {
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
color:#3399CC; /* la police des liens non survolés est noire */
text-decoration: none; /* on suprime le soulignement des liens */
height: 1.6em; /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */
margin: 0; /* Crée une marge autour des boutons */ 
text-align: right; /* centre le texte de chaque bouton */
border-bottom: 1px solid #ecebeb;
padding-right:10px;
padding-top:4px;
/*padding-left:2%;*/
padding-bottom:4px;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
width:300px;
}
.liste-liens li a:hover { /* style des liens lors du survol */
background-color:black;
color:#ffffff; /* le texte passe au blanc */
text-decoration: none; 
font-weight:bold;
width:290px;
border-right: 10px solid #CC9933; /* crée un gros carré orange à droite des liens survolés */
border-bottom: 1px solid black;
}
/*BLOC DROIT*/
#bloc-droit {
margin:0;
padding:0;
margin-left:330px;
margin-top:-740px;
height:740px;
border-left:solid 3px #ecebeb;
float:right;

}
/*Logo de l'entreprise*/	
div#logo {
width:470px;
height:457px;
float:right;
margin:0;
padding:0;
padding-top:1%;
background-image:url(../images/logo-index.gif);
background-repeat:no-repeat;
background-position:center center;
}
/*Lien pour l'inscription aux rencontres ATOUTFOX*/	
/*div#atoutfox {
text-align:center;
width:170px;
height:50px;
float:right;
margin:0;
padding:0;
margin-top:-70px;
*margin-top:-80px;
font-size:14px;
color:#696;
font-family:
"Comic Sans MS", cursive;
}
div#atoutfox_lien {	
text-align:center;
width:170px;
height:20px;
float:right;
margin:0;
padding:0;
margin-top:-15px;
*margin-top:-35px;
*margin-left:290px;
font-size:14px;
color:#696;
font-family:
"Comic Sans MS", cursive;
}
div#atoutfox_lien a {
font-size:14px;
color:#696;
font-family:
"Comic Sans MS", cursive;
}
div#atoutfox_lien a:hover {
font-size:14px;
font-family:
"Comic Sans MS", cursive;
color:#939;
}*/
/*Titre Bureau d'Etudes Orienté Action*/
div#titre {
margin:0;
padding:0;
float:right;
margin-left:10px;
padding-right:2%;
width:450px;
}
/*Présentation de l'entreprise*/
div#presentation {
padding:0;
float:right;
margin:0;
padding-right:10px;
padding-left:10px;
width:450px;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:0.9em;
color:#666;
text-align:justify;
/*border:red 1px solid;*/
}  	
/*PIED DE PAGE*/
div#pied-de-page{
margin:0;
padding:0;
padding-bottom:15px;
padding-top:10px;
text-align: center;
color:#006666;
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
border-top:solid 3px #ecebeb;
float:left;
width:100%;
/*border:1px solid red;*/
}
div#pied-de-page p{
padding:0;
margin:0;
}