body {
margin: 0px;
color: #ffffff;
font-family: verdana,sans-serif;
font-size: 0.7em;
background-color: #f3f0f0;
background-image: url(fond_stele.gif);
background-position: 0% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
img {
border: 0px;
}
#entete {
background-color: #000000;
background-image: url(entete.jpg);
background-position: top right;
background-repeat: no-repeat;
}
#entete h1 {
margin: 0px;
height: 80px;
background-image: url(../../images/elements.gif);
background-position: 30px 9px;
background-repeat: no-repeat;
}
#entete h1 img {
margin: 15px 0px 0px 120px;
}

/* --------------------------- Classes régulières */
.middot { 
font-weight: bold;
margin: 5px 9px 5px 9px;
color: #000000;
}
#menu1 {
background-color: #867979;
padding: 2px 10px 2px 120px;
font-weight: bold;
letter-spacing: 1px;
background-image: url(../../images/fond_barre_1.gif);
}
#menu1 a {
color: #000000;
text-decoration: none;
}
#menu1 a:hover {
color: #F67F00;
text-decoration: none;
}
.langues {
float: right;
}
#menu2 {
background-color: #b5aeae;
padding: 2px 10px 2px 120px;
letter-spacing: 1px;
background-image: url(../../images/fond_barre_2.gif);
}
#menu2 a {
color: #000000;
text-decoration: none;
}
#menu2 a:hover {
color: #F67F00;
text-decoration: none;
}
#menu3 {
background-color: #c7c2c2;
padding: 2px 10px 2px 120px;
background-image: url(../../images/fond_barre_3.gif);
}
#menu3 a {
color: #000000;
text-decoration: none;
}
#menu3 a:hover {
color: #F67F00;
text-decoration: none;
}
#menu3 .middot {
font-weight: bold;
margin: 5px 5px 5px 5px;
}
.select {
color: #963000 !important;
}

/* --------------------------- Definitions générales du contenu des pages */

#contenu {
color: #000000;
width: 510px;
margin: 30px 0px 20px 120px;
text-align: justify;
}
#contenu a {
color: #c80707;
text-decoration: none;
}
#contenu a:hover {
color: #c80707;
text-decoration: underline;
}
#contenu h2 {
display: block;
color: #867979;
font-family: "trebuchet MS",sans-serif;
font-size: 1.7em;
letter-spacing: 1px;
margin: 0px 0px 20px -15px;
padding-left: 15px;
background-image: url(../../images/puce_titres.gif);
background-position: 0px 8px;
background-repeat: no-repeat;
}
#contenu h3 {
clear: both;
display: block;
color: #867979;
font-family: "trebuchet MS",sans-serif;
font-size: 1.5em;
margin: 10px 0px 10px 0px;
}
#contenu h4 {
color: #867979;
font-family: verdana,sans-serif;
font-size: 1em;
margin: 0px;
}
#contenu h6 {
color: #867979;
font-family: "trebuchet MS",sans-serif;
font-style: italic;
font-size: 1.5em;
letter-spacing: 2px;
margin: 15px 0px 10px 0px;
}
#DiaporamaKlio {
color: #000000;
width: 790px;
margin: 10px 0px 10px 10px;
text-align: justify;
}
.DiaKlio {
vertical-align: middle;
border: 1px solid #867979;
}
.blocservice {
height: 350px;
padding-top: 20px;
}
/* --------------------------- Pied de page */

#pied {
width: 510px;
margin-left: 120px;
color: #867979;
clear: both;
border-top: 1px solid #867979;
padding: 5px 0px 20px 0px;
text-align: right;
}
#pied a {
color: #867979;
text-decoration: none;
}
#pied a:hover {
color: #000000;
text-decoration: underline;
}
#pied .middot {
color: #867979;
}

hr {
clear: both;
width: 530px;
text-align: left;
}

/* --------------------------- Classes régulières */

.spacer {
padding-bottom: 250px;
}
.cacher {
display: none;
}
.masquer {
visibility: hidden;
}
.bordlivre {
border: 1px solid #867979;
}
.fleche {
padding-right: 7px;
background-image: url(../../images/fleche.gif);
background-position: center right;
background-repeat: no-repeat;
}
.imagedroite {
float: right;
margin: 5px 0px 5px 10px;
}
.imagegauche {
float: left;
clear: left;
margin: 5px 10px 5px 0px;
}
.clearnone {
clear: none !important;
}
/* --------------------------- CLASSES D'AFFICHAGE DES MENUS */

.accueil #menu2 {display: none;}
.accueil #menu3 {display: none;}
.services #menu3 {display: none;}
.projets #menu3 {display: none;}
.produits #menu2 {display: none;}
.produits #menu3 {display: none;}
.informations #menu3 {display: none;}

/* --------------------------- Page d'accueil */
#accueil {
width: 340px;
}
.SousTitreAccueil {
display: inline !important;
clear: none !important;
}

/* --------------------------- Page d'accueil - Brèves */
#breves {
clear: both;
float: right;
width: 150px;
text-align: left !important;
margin-bottom: 30px;
}
#breves h3 {
border: 1px solid #867979;
background-color: #EAE3E3;
padding: 5px;
margin: 0;
background-image: url(../../images/fond_titre_breves.jpg);
background-position: top right;
background-repeat: no-repeat;
}
#breves p {
border-left: 1px solid #867979;
border-right: 1px solid #867979;
border-bottom: 1px solid #867979;
padding: 5px;
margin: 0;
}
#breves img {
margin: 10px 0px 0px 0px;
}
/* Via livenza */
.complements {
float: right;
margin-left: 20px;
width: 100px;
text-align: left !important;
}
.complements img {
margin: 5px 0px 5px 0px !important;
}
.complements h4 {
margin-top: 10px !important;
}
/* CLASSES DES PRESENTATIONS DES SERVICES ET PROJETS SUR ACCUEIL */
.presentationservices {
margin-top: 30px;
width: 530px;
}
.accueilservice {
float: left;
text-align: left;
}
.presentationservices .data {
margin: 10px 10px 20px 0px;
width: 130px;
}
.presentationservices .imagia {
margin: 10px 10px 20px 0px;
width: 130px;
}
.presentationservices .media {
margin: 10px 10px 20px 0px;
width: 130px;
}
.presentationservices .agora {
margin: 10px 0px 20px 0px;
width: 100px;
}
.accueilservice ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.lien {
color: #867979;
}
text-decoration: none;
}
.accueilservice li {
list-style: none;
padding: 0px;
margin: 3px 0px 0px 0px;
}
#accueilprojets dd {
margin-bottom: 15px;
}
/* PAGE PRODUITS */
/*.produits h3 {
border-bottom: 1px solid #867979;
margin: 30px 0px 25px 0px;
}*/
.produits .detailproduit {
margin: 20px 0px 25px 0px;
text-align: justify;
}
.produits .detailproduit p {
width: 320px;
display: block;
}
.produits .detailproduit ul {
width: 275px;
}
#loin {
position: absolute;
top: -10000em;
left: -10000em;
font-size: 1px;
width: 500px;
}
/* PRESENTATION DE L'EQUIPE */
.fonctionequipe {
	float:right;
	width: 350px;
	clear: right;
	margin-top: 10px;
	}
.nomequipe {
	float:left;
	width:120px;
	clear:left;
	margin-top: 10px;
	}
#direction,#collaborateurs,#partenaires {
	margin-top: 20px 0px 20px 0px;
	}
/* PLAN DU SITE */
.plandusite #contenu a {
color: #000000;
text-decoration: none;
}
.plandusite #contenu a:hover {
color: #000000;
text-decoration: underline;
}
.TitreSouligne {
border-bottom: 1px solid #867979;
margin: 30px 0px 25px 0px;
}