/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   Septembre 2009
    Fichier	        :   style_cgp.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site Gestion RMG
***************************************************************************************************/
/* CSS reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* Fin CSS reset */



body {
  font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  color:#484848;
  font-size:12px;
  background-color :#484848;
 /*background:transparent url('../../../templates/images/fr/site/bg.jpg') repeat 0px 0px;*/
}

/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/

/*contour utilisé pour les boite principale*/
#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: 878px;
  border-right:5px solid white;
}

/*contenue des pages des différente section*/
#div_page_content{
  float:left;
  text-align: left;
  width:872px;;
  background-color:#ffffff;
}

/*Debut header*/

#image_header{
  float:left;
  width:722px;
  height:337px;
  background:transparent url('../images/header.jpg') no-repeat 0px 0px;
}

#menu{
  float:left;
  width:150px;
  padding-top:12px;
  background-color:#484848;
}
#bouton_image_accueil, #bouton_image_accueil a,#bouton_image_inspection, #bouton_image_inspection a,
#bouton_image_expertise, #bouton_image_expertise a,
#bouton_image_estimation, #bouton_image_estimation a,
#bouton_image_design, #bouton_image_design a,
#bouton_image_contact, #bouton_image_contact a
{
    float:left;
    width:150px;
    height:58px;
    text-decoration:none;
}

#bouton_image_accueil{background:transparent url('../images/bouton_acceuil.jpg') no-repeat 0px 0px;}
#bouton_image_inspection{margin-top:2px;height:57px;background:transparent url('../images/bouton_inspection.jpg') no-repeat 0px 0px;}
#bouton_image_expertise{height:60px;background:transparent url('../images/bouton_expertise.jpg') no-repeat 0px 0px;}
#bouton_image_estimation{height:56px;background:transparent url('../images/bouton_estimation.jpg') no-repeat 0px 0px;}
#bouton_image_design{height:56px;background:transparent url('../images/bouton_design.jpg') no-repeat 0px 0px;}
#bouton_image_contact{height:56px;background:transparent url('../images/bouton_contact.jpg') no-repeat 0px 0px;}

#bouton_image_accueil a:hover, #bouton_image_inspection a:hover, #bouton_image_expertise a:hover,
#bouton_image_estimation a:hover,
#bouton_image_design a:hover,#bouton_image_contact a:hover{
    float:left;
    width:150px;
    height:58px;
}
#bouton_image_accueil a:hover{background:transparent url('../images/roll/bouton_acceuil.jpg') no-repeat 0px 0px;}
#bouton_image_inspection a:hover{height:57px;background:transparent url('../images/roll/bouton_inspection.jpg') no-repeat 0px 0px;}
#bouton_image_expertise a:hover{height:60px;background:transparent url('../images/roll/bouton_expertise.jpg') no-repeat 0px 0px;}
#bouton_image_estimation a:hover{height:56px;background:transparent url('../images/roll/bouton_estimation.jpg') no-repeat 0px 0px;}
#bouton_image_design a:hover{height:56px;background:transparent url('../images/roll/bouton_design.jpg') no-repeat 0px 0px;}
#bouton_image_contact a:hover{height:56px;background:transparent url('../images/roll/bouton_contact.jpg') no-repeat 0px 0px;}

#ligne_blanche_bas_image{
  float:left;
  width:722px;
  height:16px;
  background-color:#ffffff;
  margin-top:4px;
}

#ligne_brune_cadre{
  margin:9px 0px 0px 13px;
  width:700px;
  height:6px;
  border-top:1px solid #656565;
  border-right:1px solid #656565;
  border-left:1px solid #656565;
  background-color:#ffffff;
}
/*--------------------------------Fin du header----------------------------------------------------------------------------*/
/*--------------------------------Colonne Gauche----------------------------------------------------------------------------*/

#image_1{
    width:150px;
    height:192px;
    background:transparent url('../images/column_left_top.jpg') no-repeat 0px 0px;
}

/*--------------------------------Fin Colonne Gauche----------------------------------------------------------------------------*/
/*--------------------------------Footer----------------------------------------------------------------------------*/

#div_footer{
  float:left;
  height:84px;
  background-color:#ffffff;
}
#image_gauche_grise{
  float:left;
  width:150px;
  height:84px;
  background:transparent url('../images/image_footer_gris.jpg') repeat 0px 0px;
}
#footer{
  float:left;
  width:677px;
  height:66px;
  margin-top:1px;
  padding:17px 0px 0px 45px;
  background-color:#b5b5b5;
}
#footer p{
  float:left;
  color:#ffffff;
  font-weight:bold;
}

#footer a{
    color:#ffffff;
    font-weight:bold;
}

#image_bolle_footer{
  float:left;
  width:34px;
  height:35px;
  background:transparent url('../images/bolle.jpg') no-repeat 0px 0px;
}
/*--------------------------------Fin footer----------------------------------------------------------------------------*/
/*--------------------------------Colonne Droite----------------------------------------------------------------------------*/
.ligne_gauche{
  float:left;
  width:1px;
  height:224px;
  margin:0px 0px 0px 13px;
  background:transparent url('../images/ligne.jpg') no-repeat 0px 0px;
}


#border_droite{
  float:left;
  width:676px;
  margin:0px 0px 0px 29px;
}
.div_ligne_droite{
  float:right;
  width:5px;
  height:224px;
}
.ligne_droite{background:transparent url('../images/ligne.jpg') no-repeat 0px 0px;height:224px;width:1px;position:absolute;margin-left:714px;}

#zone_text{
  float:left;
  width:645px;
}

/*--------------------------------Fin Colonne Droite----------------------------------------------------------------------------*/
/*--------------------------------Accueil----------------------------------------------------------------------------*/
.sep_gris{float:left;width:307px;height:200px;border-top:1px solid #c1c1c1}
.cadre_photo{float:left;margin:10px 0px 0px 29px;width:281px;height:182px;border:1px solid #494949;padding:10px 14px 10px 10px;}


#image_cadre, #image_cadre a{float:left;width:284px; height:181px;border:1px solid #848484;}
#image_cadre{background:transparent url('../images/photo_acceuil.jpg') no-repeat 0px 0px;border:1px solid #848484;}

/*--------------------------------Fin accueil----------------------------------------------------------------------------*/

/*--------------------------------image_bouton_inspection--------------------------------------------------------------------------------*/
#image_inspection_fondation,#image_inspection_toiture,#image_inspection_moisissures,#image_inspection_revetement,#image_inspection_entretoit,
#image_inspection_plomberie,#image_inspection_sanitaire,#image_inspection_fenetre,#image_inspection_autres,
#image_inspection_fondation a,#image_inspection_toiture a,#image_inspection_moisissures a,#image_inspection_revetement a,#image_inspection_entretoit a,
#image_inspection_plomberie a,#image_inspection_sanitaire a,#image_inspection_fenetre a,#image_inspection_autres a


{
  float:left;
  width:183px;
  height:46px;
}
#image_inspection_fondation{margin:0px 44px 5px 0px;background:transparent url('../images/fondations.jpg') no-repeat 0px 0px;}
#image_inspection_toiture{margin:0px 44px 5px 0px;background:transparent url('../images/toiture.jpg') no-repeat 0px 0px;}
#image_inspection_moisissures{margin:0px 44px 10px 0px;background:transparent url('../images/moisissures.jpg') no-repeat 0px 0px;}
#image_inspection_revetement{margin:0px 44px 5px 0px;background:transparent url('../images/revetement.jpg') no-repeat 0px 0px;}
#image_inspection_entretoit{margin:0px 44px 5px 0px;background:transparent url('../images/entretoit.jpg') no-repeat 0px 0px;}
#image_inspection_plomberie{margin:0px 44px 10px 0px;background:transparent url('../images/plomberie.jpg') no-repeat 0px 0px;}
#image_inspection_sanitaire{margin-bottom:10px;background:transparent url('../images/vide_sanitaire.jpg') no-repeat 0px 0px;}
#image_inspection_fenetre{margin-bottom:10px;background:transparent url('../images/fenetre.jpg') no-repeat 0px 0px;}
#image_inspection_autres{margin-bottom:10px;background:transparent url('../images/autre.jpg') no-repeat 0px 0px;}

#image_bouton{
  float:left;
  width:639px;
  height:70px;
  background:transparent url('../images/text_photo.jpg') no-repeat 0px 0px;
  clear:both
}


/*--------------------------------fin image_bouton_inspection----------------------------------------------------------------------------*/


/*--------------------------------Image-colonne droite----------------------------------------------------------------------------*/
#image_accueil_top{
  float:left;
  width:253px;
  height:33px;
  clear:both;
}
#image_accueil_top{background:transparent url('../images/bienvenue.jpg') no-repeat 0px 0px;}

#image_accueil_bottom{
  float:left;
  width:311px;
  height:51px;
}
#image_accueil_bottom{background:transparent url('../images/gamme_complete.jpg') no-repeat 0px 0px;}

#image_inspection_top,#image_expertise_top,#image_estimation_top,#image_design_top{
  float:left;
  width:292px;
  height:33px;
  clear:both;
}
#image_inspection_top{background:transparent url('../images/inspection.jpg') no-repeat 0px 0px}
#image_expertise_top{background:transparent url('../images/expertise.jpg') no-repeat 0px 0px}
#image_estimation_top{background:transparent url('../images/estimation.jpg') no-repeat 0px 0px}
#image_design_top{background:transparent url('../images/design.jpg') no-repeat 0px 0px}


#flash{
  float:left;
  margin:20px 0px 10px 0px;
  width:641px;
  height:66px;
  
}

.newsticker {
	list-style-type: none;
	background: #ffffff;
}

/*--------------------------------Fin Image-colonne droite----------------------------------------------------------------------------*/




/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
#left_column{
  float:left;
  display: block;
  background:transparent url('../images/column_left_repeat.jpg') repeat 0px 0px;
  width:150px;
}
#right_column {
    float: left;
    display: block;
    width: 722px;
    text-align:justify;
    background-color:#ffffff;
}

/*fin du Ul pour le plan du site*/
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.case_upper{text-transform:uppercase;}
.crouge{color:red;}
/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.hide{visibility:hidden;}

#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;}


table{
    font-family: Tahoma,Arial,Helvetica, sans-serif;
    font-size:11px;
    width:100%;
}

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