/*Css document*/

body {
	font-family: verdana, arial, helvetica,sans-serif;
	font-size: 11px;
	background-color: rgb(69,84,107);
	background-image: url("background.gif");
	background-position:left top;
	background-repeat:no-repeat;
	width:97%;
	color:rgb(192,192,192);
	margin:1%;
}
/*====================================================*/
/*Les titres de page
/*====================================================*/
.titre_page{
	font-family: arial, helvetica,sans-serif;
	font-size: 28px;
	font-weight:normal;
	color:rgb(186,192,199);
}
/*====================================================*/
/*MENU GAUCHE
/*====================================================*/
#menu {
	line-height:2em;	
}
#menu_gauche {
	float:left;
	background-color:transparent;
}
#logo {
	background-color:transparent;
	width:210px;
	/*background-image:url("../images/logo.gif");*/
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	height:50px;
}
#page_principale {
	position:absolute;
	left:225px;
	font-size: 11px;
	background-color:transparent;
	width:490px!important;
	width:530px;
	height:600px;
	padding:20px;
	color:#ffffff;
}
#resume_reference{
	width:460px;
	font-weight:bold;
	margin-top:20px;
}
#texte_reference{
	width:460px;
	margin-top:10px;
}
#hide_type_references{
	visibility:hidden;
	display:none;
	padding-left:16px;
	line-height:1em;
	padding-bottom:5px;
}
#haut_menu{
	padding-left:35px;
	background: url(haut_menu.gif) no-repeat left;
}
#bas_menu{
	padding-left:35px;
	background: url(bas_menu.gif) no-repeat left;
}
#societe, #metiers{
	width:85%;
}
/*===================================*/
/* ACTUALITES*/
/*===================================*/
div#actualites{
	margin-top:5px;
}
div#actualites h1{
	display:block;
	margin-bottom:10px;
}
b#titreActualité{
	font-size:16px;
	display:block;
	margin-top:10px;
}
div#resume_actualite{
	font-weight:bold;
	color:#C0C0C2;
}
div#texte_actualite{
	color:#C0C0C2;
}
div#actualites ul#listeLiens{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div#actualites ul#listeLiens li b{
	color:#BDC1C4;
}
/*====================================================*/
/*PORTFOLIO
/*====================================================*/
#portfolio{
	width:200%;
	height:500px;
	background-color:transparent;
	padding-top:30px;
}
.fenetre_portfolio{
	width:28%;
	padding:20px;
	height:230px;
	background-color:rgb(87,100,121);
	float:left;
	border-bottom:1px rgb(69,84,107) solid;
	border-right:1px rgb(69,84,107) solid;
}
.img_portfolio{
	width:100%;
	height:90%;
	margin-top:5px;
}
/*====================================================*/
/*CLIENTS
/*====================================================*/
#clients{
	width:200%;
	height:500px;
	background-color:transparent;
	padding-top:30px;
}
.fenetre_client{
	width:19%;
	padding:20px;
	height:156px;
	background-color:rgb(87,100,121);
	float:left;
	border-bottom:1px rgb(69,84,107) solid;
	border-right:1px rgb(69,84,107) solid;
}
.img_client{
	width:100%;
	height:90%;
	margin-top:5px;
}
/*====================================================*/
/*ETUDE DE CAS
/*====================================================*/
#etude_de_cas{
	width:200%;
}
#haut_etude_de_cas{
	width:702px;
	height:170px;
}
#haut_gauche_etude_de_cas{
	float:left;
	width:500px;
	height:170px;
}
#rappel_etude_de_cas{
	margin-top:80px;
}
#logo_etude_de_cas{
	float:left;
	width:200px;
}
#contenu_etude_de_cas{
	width:500px;
	float:left;
	line-height:20px;
	text-align:justify;
}
#besoins_etude_de_cas{
	width:90%;
	margin-right:5%;
	margin-bottom:5%;
}
#missions_etude_de_cas{
	width:90%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#resultats_etude_de_cas{
	width:90%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#pdf_etude_de_cas{

}
#images_etude_de_cas{
	width:200px;
	float:left;
}
.image_etude_de_cas{
	width:200px;
	float:left;
	clear:left;
	padding-bottom:5px;
}
.photo_client_etude_de_cas{
	width:200px;
	float:left;
	clear:left;
}
#temoignage_client_etude_de_cas{
	width:190px;
	float:left;
	clear:left;
	padding:5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height:16px;
}
#temoignage_client_etude_de_cas h3{
	text-align:center;
}
/*====================================================*/
/*GLOSSAIRE
/*====================================================*/
#glossaire{

}
#glossaire_lettres{
	margin-top:10px;
	height:19px;
	width:594px;
	background:url(../images/navigation/fond_menu_glossaire.gif);
	background-repeat:repeat-x;
}
.glossaire_lettre{
	width:20px;
	height:16px;
	margin-right:1px;
	margin-left:1px;
	padding-top:2px;
	background:url(../images/navigation/onglet-off.gif);
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
}
.glossaire_lettre_selected span,.glossaire_lettre span{
	display:block;
}
.glossaire_lettre a:link{
	color:rgb(150,150,150);
}
.glossaire_lettre_selected span,.glossaire_lettre span:hover{
	color:white;
}
.glossaire_lettre:hover{
	background:url(../images/navigation/onglet-on.gif);
}
.glossaire_lettre_selected{
	width:20px;
	height:16px;
	margin-right:1px;
	margin-left:1px;
	padding-top:2px;
	background:url(../images/navigation/onglet-on.gif);
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
}
#liste_definitions{
	position:absolute;
	top:120px;
	text-align:justify;
	line-height:16px;
	width:594px;
}

.nom_definition_jaune{
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
	display:inline;
}
/*====================================================*/
/*PROJET CLIENT / ESPACE CLIENT
/*====================================================*/
#espace_client{
	/*line-height:20px;*/
}
#ressources_projet{
}
.type_fichier_projet{
	float:left;
	clear:left;
	width:40px;
	height:40px;
}
.libelle_fichier_projet{
	float:left;
	padding-top:15px;
	width:300px;
	height:25px;
}
#etat_avancement_projet{
	clear:left;
}
#nouveau_message_projet{
	width:250px;
	visibility:hidden;
	display:none;
	text-align:center;
}
.message_suivi_projet{
	padding-top:10px;
}
/*====================================================*/
/*MAQUETTES PROJET
/*====================================================*/
#maquettes_projet{
	width:750px;
	overflow:auto;
}
.fenetre_maquette{
	width:25%;
	padding:20px;
	height:200px;
	background-color:rgb(87,100,121);
	float:left;
	border-bottom:1px rgb(69,84,107) solid;
	border-right:1px rgb(69,84,107) solid;
}
.img_maquette{
	width:100%;
	height:90%;
	margin-top:5px;
}
/*====================================================*/
/*CONSULTER AGENCE
/*====================================================*/
#consultez_agence {
	padding:2px;
	width:700px;
}
#consultez_agence h2 {
	font-size:11px;
	font-weight:normal;
	margin:10px 0px;
}
#consultez_agence_gauche {
	width:300px;
	float:left;
}
#consultez_agence_droite {
	width:300px;
	margin-left:20px;
	float:left;
}
.champs_formulaires_consulter {
	margin-bottom:10px;
	width:300px;
	float:left;
}
.champs_formulaires_consulter_cp {
	width:100px;
	float:left;
}
.champs_formulaires_consulter_ville {
	width:200px;
	float:left;
}
#consultez_agence .champs_formulaires_consulter_cp label {
	width:100px;
}
#consultez_agence .champs_formulaires_consulter_ville label {
	width:160px;
}
#consultez_agence .champs_formulaires_consulter_cp .field {
	width:50px;
}
#consultez_agence .champs_formulaires_consulter_ville .field {
	width:160px;
}
#consultez_agence label {
	width:260px;
	margin-top:5px;
	display:block;
	float:left;
}
#consultez_agence em {
	width:260px;
	display:block;
	float:left;
}
#consultez_agence .field {
	font-size:11px;
	font-family: verdana, arial, helvetica,sans-serif;
	width:260px;
	margin-top:5px;
	float:left;
}
#consultez_agence .btEnvoyer {
	margin-right:40px;
	float:right;
}
#consultez_agence .fieldError {
	color:#ee0000;
}
/*====================================================*/
/* MENU DROIT
/*====================================================*/
#menu_droit {
	position:absolute;
	left:755px;
	background-color:transparent;
	width:225px;
	font-size: 11px;
}

#dernieres_realisations {
	background-color:transparent;
	width:224px;
	padding-top:20px;
	padding-bottom:5px;
	padding-right:5px;
}
#autres_infos {
	background-color:transparent;
	width:224px;
	padding-bottom:10px;
}
#autres_infos .infos{
	padding-top:10px;
}
#autres_infos p {
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
#liste_clients{
	width:224px;
	margin-top:60px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
#competences{
	width:224px;
	margin-top:62px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
#contact{
	float:left;
	margin-right:50px;
}
#interlocuteurs{
	float:left;
	width:250px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
/*====================================================*/
/* LES IMAGES */
/*====================================================*/
.prechargement_image{
	display:none;
}
/*====================================================*/
/* LISTE DES REFERENCES */
/*====================================================*/
#secteur{
	background-color: rgb(69,84,107);
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
}
#table_references{
	background-image:url('../images/navigation/ligne_separation.gif'); background-repeat:repeat-y;
	width:140%;
	font-size: 10px;
}
#table_references td{
	font-family: verdana, arial, helvetica,sans-serif;
	font-size: 11px;
	color:rgb(192,192,192);
	padding-bottom:5px;
}
.lien_reference:hover{
	color:white;
}
.nom_reference{
	width:50%;
}
.partie_reference{
	width:17px;
	text-align:center;
}
.separateur_prestations{
	width:50px;
}
#image_prestation{
	width:140%;
	height:130px;
	text-align:right;
}
.image_separation{
	width:100%;
	height:1px;
}
#haut_reference{
	width:140%;
}
/*====================================================*/
/* AFFICHAGE D'UNE REFERENCE */
/*====================================================*/
#afficher_reference{
	background-color:transparent;
	width:700px;
}
#infos_reference{
	background-color:transparent;
	width:100%;
}
#description_reference{
	float:left;
	width:360px;
	background-color:transparent;
}
#prestations_reference{
	float:left;
	width:120px;
	padding-left:10px;
	margin-left:10px;
	background-color:transparent;
}
#fonctionnalites_reference{
	float:left;
	width:110px;
	padding-left:10px;
	margin-left:10px;
	background-color:transparent;
}
#afficher_images_reference{
	padding-top:10px;
	float:left;
	width:100%;
	background-color:transparent;
}
/*====================================================*/
/* LES LIENS HYPERTEXTES */
/*====================================================*/
a:link {
	color: rgb(192,192,192);
	text-decoration: none;
}
a:visited {
	color: rgb(192,192,192);
	text-decoration: none;
}
a:active {
	color: rgb(192,192,192);
	text-decoration: none;
}
a:hover {
	color:white;
	text-decoration: none;
	cursor: pointer;
}
/*====================================================*/
/* MISE EN FORME */
/*====================================================*/
img{
	border:none;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:none;
}
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}
h3{
	font-size:13px;
}
.souligne{
	text-decoration: underline;
}
.style_jaune{
	color:#ffcc00;
}
.style_blanc{
	color:#ffffff;
}
.style_rouge{
	color:red;
}
.style_azur{
	color:rgb(0,128,192);
}
.style_gris{
	color:rgb(192,192,192);
}
.titre_reference{
	color:white;
	text-decoration: underline;
}
.liste_nostyle{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
}
.liste_align_gauche{
	padding-left:8px;
	margin-left:8px;
	margin-top:0px;
}
#liste_articles_presse{
	line-height: 2em;
}
.lien_site{
	color:white;
	text-decoration:underline;
}
#retour_liste:before{
	content:url("../images/navigation/retour_liste.png");
}
.fond_gris_consultez{
	background:white;
	opacity:0.4;
	filter : alpha(opacity=40); 
}
.input_login{
	margin-bottom:1px;
}
.error{
	padding-left:10px;
	width:370px;
	background-color: transparent;
	border:1px white solid;
	color:rgb(192,192,192);
}
/*===================================*/
/* Le Moteur de recherche */
/*===================================*/
#mt_recherche{
	width:200%;
	height:700px;
	background-color:transparent;
}
.mt_recherche_sous_menu{
	background-color:transparent;
	border: 1px #eee solid;
	width:510px;
}
#mt_recherche_nb_references{
	clear:both;
	border-top: 1px #eee solid;
}
.img_recherche{
	margin-top:5px;
}
.form_inline{
	display:inline;
}
.cacher_checkbox input{
	display:none;
}
.div_combiner{
	width:510px;
	text-align:center;
	border: 1px #eee solid;
}
.div_combiner .bouton_combiner{
	margin-top:5px;
	margin-bottom:5px;
}
/*===================================*/
/* Les Résultats d'une recherche
/*===================================*/
#resultats_recherche{
	width:200%;
}
#liste_criteres_recherche{
	background:transparent;
	padding-right:5px;
	margin-top:16px;
}
#liste_criteres_recherche fieldset{
	width:380px;
}
#banniere_resultats_recherche{
	width:691px;
	height:133px;
	background:url("../images/entete_references.gif");
}
#liste_resultats_recherche{
	margin-top:20px;
}
#table_resultats_recherche{
	background: url("../images/navigation/ligne_separation.gif");
}
.nom_resultats_recherche{
	width:322px;
}
.td_picto_resultats_recherche{
	text-align:center;
}
#table_resultats_recherche td{
	padding-top:3px;
	padding-bottom:3px;
}
/*===================================*/
/* SLIMBOX */
/*===================================*/
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(slimbox/loading.gif) no-repeat center;
}
#lbImage {
	border: 10px solid #fff;
}
.photos {
	padding: 3px;
	border: 1px solid #fff;
}
a:hover .photos {
	border: 1px solid #999;
}
.lightboxDesc a {
	color: #999999;
	text-decoration: none;
}
.lightboxDesc a:hover {
	color: #000000;
	text-decoration: none;
}
#lbPrevLink, #lbNextLink {
	display: block;
	width: 85px;
	height: 32px;
	outline: none;
}
#lbPrevLink {
	float: left;
	background: transparent url(slimbox/prevlabel.gif) no-repeat left;
}
#lbPrevLink:hover {
	background: transparent url(slimbox/prevlabel.gif) no-repeat left;
}
#lbNextLink {
	float: right;
	background: transparent url(slimbox/nextlabel.gif) no-repeat right;
}
#lbNextLink:hover {
	background: transparent url(slimbox/nextlabel.gif) no-repeat right;
}
#lbControls {
	display: block;
	height: 32px;
}
#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	clear: both;
	display: block;
	float: right;
	width: 73px;
	height: 22px;
	background: transparent url(slimbox/closelabel.gif) no-repeat center;
	margin: 0px 0px 0px 0px;
}
#lbCaption, #lbNumber, #lbDescription {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}
.lightboxDesc {
	display: none;
}	
/*===================================*/
/* APERCU IMAGE */
/*===================================*/
.apercu_ref{
 color: #FFFFFF;
 position: absolute;
 z-index:10;
 visibility : hidden;
 padding: 0px;
 background-color: transparent;
}
/*===================================*/
/* ACCORDION*/
/*===================================*/
.toggler {
	color: #222;
	margin: 0;
	width:500px;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
.toggler:hover {
	cursor:pointer;
	background: #eef;
}
.element {

} 
.element p {
	margin: 0;
	padding: 4px;
} 
.float-right {
	padding:10px 20px;
	float:right;
}
/*===================================*/
/* CURSEUR DE SELECTION DE L'ANNEE*/
/*===================================*/
#slider_annee {
	background: #ccc;
	height: 10px;
	width: 100px;
} 
#bouton_annee {
	height: 10px;
	width: 10px;
	background: #fff;
}