/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   24 Juin 2008
    Fichier	        :   style_cgp.css
    Type            :   theme / 
    Description     :   Contient toutes les style utilisés pour le site BBA
***************************************************************************************************/
body {
  font-family:Arial, Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;margin: 2px 0 6px 0;
  font-size:11px;
  color: #53555c;
  background-color:rgb(97,124,141);

 
}

/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/
#div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  width: 881px;
 /*border: 1px solid red;*/

}

#div_page_content,#div_page_content_service {
  float:left;
  text-align: left;
  margin:0px 60px 0px 60px;
  padding-left:10px;
 /*border: 1px solid green;*/
  background-color:#fff;

}
#div_page_content_service{width:665px;}
#div_page_content{width:766px;}

/*header*/

.logo{
  padding:10px 0px 0px 30px;
}
.logo_service{
  padding:10px 0px 0px 38px;
}
#div_haut_icon{
  float:left;
  width:398px;
  /*padding:27px 20px 0px 0px;*/
  padding:10px 0px 0px 0px;
}
#div_recherche{
  float:left;
  text-align:right;
  width:396px;
}

#div_menu{
  float:left;
  padding:17px 0px 0px 0px;
  width:756px;
}
/*Fin Du header*/


/*pour chaque image*/

div.grand_contour{
  float:left;
  width:742px;
  /*border-right:2px solid #dedede;*/
  margin-top:7px;
 

}

div.image_contour_gris_pale{
  float:left;
  width:736px;
  border:1px solid #cbcbcb;
}



/*footer*/

div.footer_line,div.footer_line_service{
  float:left;
  line-height:2px;
  border-top: 7px solid #617c8d;
  border-bottom:1px solid #6d8695;
  margin:10px 0px 0px 0px;
}
div.footer_line_service{width:576px;}
div.footer_line{width:735px;}

div.footer_line1,div.footer_line_service1{
  float:left;
  line-height:0px;
  border-top: 1px solid #617c8d;
  border-bottom:1px solid #92a5b0;
}
div.footer_line_service1{width:576px;}
div.footer_line1{width:735px;}

div.entete_footer,div.entete_footer_services{
  float:left;
}
div.entete_footer_services{width:576px;padding-bottom:10px;}

div.entete_footer{
  text-align:center;
   width:735px;
   padding:10px 0px 10px 0px;
}

a.footer{
  text-decoration: none;
  color: #53555c;
  font-size:10px;
  font-weight:bold;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
}

/*Fin du footer*/

/*menu navigation et nouvelle*/
#div_navigation,#div_navigation_services{
  float:left;
  width:166px;
  border:1px solid #b0b1b4;
  background-color:#aaabae;
  color:#d4d6dd;
  font-weight:bold;
  margin-top:2px;
  padding-right:8px;
  text-align:right;
}
#div_navigation{background-color:#aaabae;}
#div_navigation_services{background-color:#53555c;}


#div_fil_arianne{
  float:left;
  width:548px;
  border:1px solid #cbcbcb;
  background-color:#ececec;
  color:#53555c;
  padding-left:6px;
  margin:2px 0px 0px 5px;
}

div.sep_navigation_menu{
  float:left;
  margin-top:1px;
  width:722px;
  line-height:0px;
  border-top:1px solid #dedede;
  border-bottom:1px solid #e9e9e9;


}


div.sep_navigation_menu_right,div.sep_navigation_menu_right_haut{
  float:right;
  width:12px;
  line-height:0px;
  border-top:1px solid #dedede;
  border-bottom:1px solid #e9e9e9;
}
div.sep_navigation_menu_right{margin-top:1px;}




/*fin menu navigation et nouvelle*/

a:hover {text-decoration: underline;
}

/*Copyright*/
#copyright{
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #617c8d;
}

/*entete des titres de chaque pages*/

#div_entete_page,#div_entete_civil,#div_entete_page_print{
  float:left;
  padding:0px 0px 0px 5px;
  color:#565656;
  width:350px;
}

#div_entete_page_print{width:315px;}
/*#div_entete_page_print{margin-top:40px;}*/

#div_entete_civil{width:75px;margin:12px 0px 20px 5px;font-size:21px;font-weight:bold;color: #53555c;}

#div_entete_page_projet{
  float:left;
  width:198px;

}

#div_entete_page_projet_no_pdf{
  float:left;
  width:298px;

}

#div_entete_page_service{
  float:left;
  width:576px;
}

.fleche_projet{
  float:left;
  padding:17px 0px 0px 20px;
   
}

#div_entete_page_projet_only{
 float:left;
 padding-left:20px;
 width:500px;
}
#div_entete_page_projet_solo{
  float:left;
  padding:10px 0px 10px 0px;
  border:1px solid #617c8d;
  border-left:none;
  width:574px;
  font-size:16px;
  font-weight:bold;
}

#div_image_projet_solo{
  float:left;
  padding:20px 0px 10px 0px;
  width:360px;
 
}

#div_text_projet_solo{
  float:left;
  padding:10px 0px 10px 0px;
  width:198px;
  color:#617c8d;
}

/*div pour le texte de la colonne de droite*/
#div_text_droite,#div_text_droite_services{
 float:left;
 margin:0px 0px 0px 15px;
/* border-left:1px solid #d7d7d7;*/
 padding-bottom:40px;
/* border: 1px solid pink;*/
}


#div_text_droite_service{width:705px;}
#div_text_droite{width:528px;}

#div_le_text_droite,#div_le_text_droite_service,#div_le_text_droite_projet{
 float:left;
/*text-align:justify;*/
text-align:left;
}

#div_le_text_droite
{
  width:509px;
  padding-left:7px;
  margin-right:10px;
}
#div_le_text_droite_service,#div_le_text_droite_projet{width:576px;}

/*fiche de services*/
div.projet_service,div.projet_services_print,div.projet_service_print
{
  margin:21px 15px 0px 0px;
  float:right;
}

div.projet_service_print{margin:15px 15px 0px 0px;}
div.projet_service_civil
{
  margin:16px 15px 0px 0px;
  float:right;
  text-align:right;
  width:400px;
}

div.projet_service_image,div.projet_service_image_en{
  float:left;
}
div.projet_service_image{margin:14px 5px 0px 0px;}
div.projet_service_image_en{margin:14px 5px 0px 60px;}

div.projet_service_image_print{
  margin:10px 5px 0px 0px;
  float:left;
}

div.projet_service_text{
  margin:15px 10px 0px 0px;
  float:left;
}
/*fin fiche de services*/

a.projet_service{
  font-weight:bold;
  color:#617c8d;
  text-decoration:none;
  text-transform:uppercase;
}
/*Div du menu de gauche*/

#div_entete_gauche{
  padding:12px 0px 11px 0px;
  margin-top:7px;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  color:#565656;

}
div.sep_menu_haut{
  width:12px;
  border-bottom:1px solid #617c8d;
}
/*div.sep_menu_bas{
  width:12px;
  border-top:1px solid #617c8d;
}*/
/*#div_debut_menu
{
  padding:6px 0px 6px 0px;
  border-left:1px solid #617c8d;
  margin:0px;
}*/



#menu_accueil{
  padding:6px 0px 5px 10px;
  border-left:1px solid #617c8d;
  margin:0px;
  width:159px;
  margin-right:15px;
  float:left;
}
#menu_accueil div.menu_text{
  border-bottom:1px #53555c solid;
  width:135px;
  padding-bottom:5px;

}

div.menu{float:left;}

div.menu_premier{float:left;margin:0px;padding:0px 5px 0px 0px;}

#menu_accueil div.menu{
  padding:0px 5px 0px 0px;
  margin: 20px 0px 0px 0px;

}
#menu_accueil div.menu_image{
  width:12px;
  padding:2px 5px 5px 2px;
  
}

#menu_accueil a.menu,#menu_accueil a.menu_select{
  text-decoration:none;
   font-size:11px;
   font-weight:bold;

   text-transform:uppercase;
}

#menu_accueil a.menu {color:#617c8d;}
#menu_accueil a.menu_select {color:#00386f;}


#menu_accueil_ul{margin:10px 0px 0px 0px;float:left;}

/*Liste pour le 3ieme niveau*/
#menu_accueil_ul li.menu_gauche_niveau3,#menu_accueil_ul li.menu_gauche_niveau3_select{
  margin: 0px 0px 7px 13px;
  width:120px;
  float:left;
}

#menu_accueil_ul li.menu_gauche_niveau3{  list-style:url("../images/site/carre_noir.gif");}
#menu_accueil_ul li.menu_gauche_niveau3_select{list-style:url("../images/site/carre_bleu_fonce.jpg");}



#menu_accueil_ul a.menu_niveau3,a.menu_niveau4{
  text-decoration:none;
   font-size:11px;
   color:#565656;
   
}
#menu_accueil_ul a.menu_niveau3{font-weight:bold;}

#menu_accueil_ul a.menu_niveau3_select{
   font-size:11px;
   color:#00386f;
   text-decoration:underline;
   font-weight:bold;
}

#menu_accueil a.menu_niveau3:hover,#menu_accueil a.menu:hover{
    color:#00386f;
    text-decoration:underline;
;}
#div_accueuil{
  margin-top:17px;
}
#div_expertise_projet{
 float:left;
 padding:5px 0px 0px 5px;
}

/*FIN DU MENU*/


#div_joindre,#div_joindre_bleu{
  padding:5px 0px 0px 10px;
  width:154px;
  height:16px;
  color:#fff;
  margin-top: 2px;
  background-color:#617c8d;
}

#div_joindre_bleu{background-color:#003163;height:20px;}

#div_nos_projets{
  float:left;
  padding:5px 0px 0px 10px;
  height:73px;
  color:#fff;
  background-color:#617c8d;
}

#div_nos_projets{ width:154px;margin-top: 2px; }
#div_nos_projets_expertise{ width:154px;margin:10px 0px 10px 10px;}

div.sep_photo{
  margin-top:2px;
  width:164px;
  line-height:0px;
  border-top:1px solid #617c8d;
}
/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
#left_column {
	display: block;
  float: left;
  width: 173px;
 /* border: 1px solid red;*/
}
#right_column {
   float:left;
	display: block;
  width:544px;
  padding-left:10px;
  margin-left:5px;
  /*border: 1px solid black;*/
}

#right_column_services,#right_column_services_footer {
  float:left;
	display: block;
  width:576px;
  margin:10px 0px 0px 38px;
/*  padding:10px 0px 0px 12px;*/
/*  border: 1px solid black;*/
}



#right_column_frame {
  float:left;
	display: block;
  width:555px;
  padding-top:15px;
  margin:0px;
}

.div_texte_droit{
  margin-top:5px;
  float:left;
  width:215px;
}
/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE
**************************************************/
/* Float */
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.llower{text-transform:lowercase;}
/*Padding général*/
.pdl5 {padding-left:5px;}
.pdl10{padding-left:10px;}
.pdt5{padding-top:5px;}
.pdt7{padding-top:7px;}
.pdt13{padding-top:13px;}
.pdt17{padding-top:17px;}
.pdb11{padding-bottom:11px;}

.couleur_bleu{color:#617c8d;}


.f14{font-size:14px;}
.f22{font-size:22px;}
.w70{width:70px;}
/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.bold {font-weight:bold;}

a.blanc{
  text-decoration: none;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
}

a.bleu{
  text-decoration: none;
  color: #617c8d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
}

a.copyright{
  text-decoration: none;
  color: #617c8d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

h1{
  font-size:21px;
  color: #53555c;
}

h2{
  font-size:11px;
  color:#617c8d;
}
h2.projet{
  margin:0px 0px 5px 0px;
  font-size:11px;
  color:#617c8d;
}

h3{
  font-size:11px;
  color:#617c8d;
  margin:0px;
}


ul{
  margin-left:0px;
  padding-left:15px;
  list-style-type: none;

}
li{
list-style-image:url("../images/site/fleche_bleu.gif");
}



a{
  color: #53555c;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;}

p{
  display:block;
  margin-bottom:0px;
  margin-top:0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color: #53555c;
}
.plan_site_h1{
  font-size:14px;
  font-weight:bold;
  color: #53555c;
  padding:5px 0px 5px 0px;
}

.plan_site_h3{
  padding-left:10px;
  font-size:12px;
  font-weight:bold;
  color:#617c8d;
}


#menu li.plan_site_niveau3{
  font-size:11px;
  padding:0px 0px 0px 50px;
  margin-top:0px;
  list-style:none;
  font-weight:bold;
  list-style:url("../images/site/carre-blanc.gif")
 
}
/* div pour la réalisation de projet*/
div.realisation{
    float:left;
    width:304px;
    padding:20px 0px 20px 0px;
}

div.text{
  float:left;
  width:198px;
  padding-top:80px;
  text-align:left;
}

div.text_recherche{
  display:block;
  float:left;
  width:520px;
  padding-top:10px;

}

div.sep{
  float:left;
  width:505px;
  border:1px solid #cfcfcf;
  background-color:#e9e9e9;
  font-size:1px; /*permet d'avoir la hauteur du div dans IE6 et IE7*/
  height:2px;
}
/*fi des div pour la réalisation*/
table{
  font-size:11px;color: #53555c;font-family:Arial, Helvetica, sans-serif;
  width:512px;
/*  border:1px solid #617c8d;*/
}
td{
 /* border:1px solid #617c8d;*/
  padding:3px;
}

table.projet{
  width:580px;
/*  border:1px solid #617c8d;*/
}
td.projet{
 /* border:1px solid #617c8d;*/
  padding:3px;
}

.remote{padding:0px;}
div.contact{
  padding-top:10px;
  font-size:12px;
  font-weight:bold;
  color:#617c8d;
}
div.contact_nom{
  padding:20px 0px 10px 0px;
  font-size:16px;
  font-weight:bold;

}

#div_main_content:after,
#div_page_content:after
 {content:".";display:block;height:0;clear:both;visibility:hidden;}

pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;}
pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;}

/*--------------------------------------------------------------*/

ul{
  margin-left:0px;
  padding-left:15px;
  list-style-type: none;

}
li{
list-style-image:url("../images/site/fleche_bleu.gif");
}

h4 {
    font-size:11px;
    color:#53555c;
}

h5 {
    font-size:11px;
    color:#53555c;
    font-weight:normal;
}

.pdt20{margin-top:30px;}

/***********************************************************
fin Syle pour la page de configuration
**********************************************************/