/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   19 Janvier 2009
    Fichier	        :   style_cgp.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site CABVR
***************************************************************************************************/
body {
  font-family: Tahoma,Arial,Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  font-size:11px;
  background-color:#162043;
  background:transparent url("../images/site/bg_cabvr.jpg");
  color:#162043;

 
}
/**********
    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: 908px;
}

/*contenue des pages des différente section*/
.div_page_content{
  float:left;
  text-align: left;
  width:908px;
  border:1px solid #ffffff;
  margin-bottom:3px;
}

/*contenue des pages des différente section*/
.div_page_content_1{
  float:left;
  text-align: left;
  width:892px;
  margin:8px;
 background-color:#ffffff;
  
}

/*Copyright*/
#copyright{
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding:8px 0px 8px 0px;
}

/*entete*/
#entete_1{
  width:892px;
  background-color:#ffffff;
  height:47px;
}
a#entete_1_image{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  margin:10px 0px 0px 0px;
  width:728px;
  height:38px;
  background:transparent url("../images/site/promouvoir.jpg") no-repeat;
}

a#accueil{
  float:right;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  margin:5px 10px 0px 0px;
  width:38px;
  height:38px;
  background:transparent url("../images/site/accueil.jpg") no-repeat;
}
a#contact{
  float:right;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:38px;
  margin:5px 10px 0px 0px;
  height:38px;
  background:transparent url("../images/site/contact.jpg") no-repeat;
}

a#mapsite{
  float:right;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  margin:5px 18px 0px 0px;
  width:38px;
  height:38px;
  background:transparent url("../images/site/map_site.jpg") no-repeat;
}
/*entete rouge*/

#entete_2{
  float:left;
  margin-top:5px;
  width:892px;
  background-color:#7d0707;
  color:#ffffff;
  height:31px;
}
#entete_2_text{
  float:left;
  font-size:14px;
  font-weight:bold;
  width:633px;
  height:31px;
  background:transparent url("../images/site/bienvenue.jpg") no-repeat;
}
#entete_2_date{
  float:right;
  margin:8px 18px 0px 0px;
  font-size:12px;
  font-weight:bold;
}

/*entete image_flash*/
#entete_flash{
  float:left;
  background-color:#ffffff;
  height:198px;
  width:892px;
  border-bottom:3px solid #7d0707;
}

#flash{
  float:left;
  margin:7px 0px 0px 12px;
  width:890px;
  height:198px;
  /*background:transparent url("../images/site/image_flash.jpg") no-repeat;*/
}


/*Colonne de droite*/
div.image_cadre{
  float:left;
  margin-top:8px;
  width:532px;
  height:114px;
  border:1px solid #162043;
}
div.image_1{
  width:521px;
  height:106px;
  margin:4px 5px 4px 5px;
  /*background:transparent url("../images/site/droite_1.jpg") no-repeat;*/
}
/*.sep_gris{
  float:left;
  width:535px;
  height:3px;
  margin-left:5px;
  background:transparent url("../images/site/sep_gris_h.jpg") no-repeat;
}
.sep_gris_v{
  float:left;
  width:6px;
  height:109px;
  margin-top:15px;
  background:transparent url("../images/site/sep_gris_v.jpg") no-repeat;
}*/

div.recherche{
  float:left;
  width:533px;
  height:64px;
  margin-top:4px;
  background-color:#162043;
}
div.text_recherche{
  float:left;
  font-weight:bold;
  color:#ffffff;
  font-size:14px;
  margin:20px 0px 0px 9px;
}

a#recherche_lien{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:21px;
  margin:23px 0px 0px 5px;
  height:19px;
  background:transparent url("../images/site/recherche.jpg") no-repeat;
}

div.image_rouge{
  float:left;
  width:533px;
  height:166px;
  margin-top:8px;
  /*background:transparent url("../images/site/infocab_banner.jpg") no-repeat;*/
}

.rouge_div,.rouge_div_left,.rouge_div_bottom{
  float:left;
  width:533px;
  height:9px;
  margin-top:5px;
  background-color:#7D0707;
}

.rouge_div_left{
  width:319px;
  margin:17px 0px 0px 12px;
}
.rouge_div_bottom{width:893px;}
.bleu_div_bottom{width:892px;height:10px;background-color:#162043;}

div.question_1,div.question_4{
  float:left;
  width:365px;
  
  margin-top:10px;
  background:transparent url("../images/site/sep_rouge.jpg") no-repeat;
}
div.question_4{
  height:1px;
  margin-top:29px;
}
div.question_2{
  float:left;
  width:168px;
  height:277px;
  margin-top:10px;
  background:transparent url("../images/site/droite_3.jpg") no-repeat;
}
div.question_3{
  float:left;
  width:211px;
  height:68px;
  background:transparent url("../images/site/question.jpg") no-repeat;
}
div.savoir_plus{
  float:left;
  width:95px;
  height:15px;
  margin-top:12px;
  /*background:transparent url("../images/site/savoirplus.jpg") no-repeat;*/
}


/*Employé*/
div.ccharbonneau{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/caroline_charbonneau.jpg") no-repeat;
}
div.dlagace{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/diane_lagace.jpg") no-repeat;
}

div.mjette{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/monique_jette.jpg") no-repeat;
}
div.mclalonde{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/marie-claude-lalonde.jpg") no-repeat;
}

div.mlambert{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/marie_andree_lambert.jpg") no-repeat;
}

div.mledoux{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/michelle_ledoux.jpg") no-repeat;
}
div.dmaurice{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/danielle_maurice.jpg") no-repeat;
}

div.lduberger{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/louise_duberger.jpg") no-repeat;
}
div.cstonge{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/claudette_st-onge.jpg") no-repeat;
}

div.cguay{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/celine_guay.jpg") no-repeat;
}

div.dmazur{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/denise_mazur.jpg") no-repeat;
}
div.d_harvey{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/harvey_donnell.jpg") no-repeat;
}

div.mtdesanlis{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/marie-therese_desanlis.jpg") no-repeat;
}

div.rmarquis{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/renee_marquis.jpg") no-repeat;
}

div.mbouisset{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/marc_bouisset.jpg") no-repeat;
}
div.cdaniel{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/daniel_colette.jpg") no-repeat;
}

div.lboileau{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/louise_boileau.jpg") no-repeat;
}


div.dmaurele{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/denyse_marc-aurele.jpg") no-repeat;
}
div.gratiend{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/gratien_dallaire.jpg") no-repeat;
}

div.jmorin{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/jean_morin.jpg") no-repeat;
}
div.ilarocque{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/i-larocque.jpg") no-repeat;
}
div.mflarocque{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/mf-larocque.jpg") no-repeat;
}

div.nhebert{
  float:left;
  width:100px;
  height:123px;
  background:transparent url("../images/site/employe/n-hebert.jpg") no-repeat;
}



/*phto de l historique*/

div.francis{
  float:left;
  width:200px;
  height:171px;
  background:transparent url("../images/site/francisst-clairmanson.jpg") no-repeat;
}

/*Photo de la friperie*/
div.friperie,div.don_nourriture,div.devenir_benevole{
  float:left;
  width:200px;
  height:150px;
}

div.friperie {background:transparent url("../images/site/Friperie2.jpg") no-repeat;}
div.don_nourriture {background:transparent url("../images/site/don_nourriture.jpg") no-repeat;}
div.devenir_benevole {background:transparent url("../images/site/devenir_benevole.jpg") no-repeat;}

/*Le footer*/
#footer{
  font-family: Tahoma;
  margin-top:3px;
  padding-bottom:15px;
  color:#ffffff;
  font-size:11px;
  text-align:center;
}
.footer{
  font-family: Tahoma;
  color:#ffffff;
  font-size:11px;
}

/*menu principal*/
#menu_p{
  float:left;
  height:31px;
  width:892px;
  background-color:#162043;
}

#menu_print{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:44px;
  height:30px;
  background:transparent url("../images/site/print.jpg") no-repeat;
}

a#menu_left{
  float:left;
  margin-left:8px;
}
a#menu_activites,a#menu_activites:hover{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:80px;
  height:30px;
  background:transparent url("../images/site/activites_bleu.jpg") no-repeat;
}

a#menu_activites:hover{
  background:transparent url("../images/site/activites_rouge.jpg") no-repeat;
}

#calendrier{
  float:left;
  width:319px;
  height:275px;
  margin:8px 7px 0px 12px;
  /*background:transparent url("../images/site/calendrier.jpg") no-repeat;*/
}

div.nouvelle{
  float:left;
  width:317px;
  /*height:275px;*/
  margin:11px 7px 0px 12px;
  border:1px solid #7d0707;
}
div.text_nouvelle{
  float:left;
  width:295px;
  margin:5px 0px 0px 12px;

}
div.impl{
  margin:11px 7px 0px 12px;
}

#img_nouvelle{
  float:left;
  width:300px;
  height:36px;
  background:transparent url("../images/site/nouvelle.jpg") no-repeat;
}

/*La template ou il y  a rien*/
.rien_height{
  height:587px;
}

.sous_section{
  float:left;
  width:307px;
  height:44px;
  background:transparent url("../images/site/soussection.jpg") no-repeat;
}

/******************************************************************************
Image de droite

******************************************************************************/

div.img_qui,div.img_mission,div.img_historique,div.img_statut,div.img_administration,div.img_promotion,div.img_benevole,
div.img_individu,div.img_organisme,div.img_infocab,div.img_infocab_archive,div.img_publicite,
div.img_emploi,div.img_partenaire,div.img_sitemap,div.img_contact,div.img_divers,div.img_cafe,div.img_formation,
div.img_employees,div.img_fondation,div.img_friperie,div.img_politiques,div.img_rapport,div.img_nouvcab,div.img_baide,
div.img_benevolat,div.img_ville,div.img_dbenevolat,div.img_dmonetaire,div.img_dnourriture,div.img_dvetement,div.img_dmemoriam
{
  float:left;
  width:534px;
  height:51px;

}
div.img_qui{
    background:transparent url("../images/site/quisommes.jpg") no-repeat;
}
div.img_mission{
    background:transparent url("../images/site/mission.jpg") no-repeat;
}
div.img_historique{
    background:transparent url("../images/site/historique.jpg") no-repeat;
}

div.img_statut{
    background:transparent url("../images/site/status.jpg") no-repeat;
}

div.img_administration{
    background:transparent url("../images/site/conseil.jpg") no-repeat;
}
div.img_promotion{
    background:transparent url("../images/site/promotion.jpg") no-repeat;
}
div.img_benevole{
    background:transparent url("../images/site/benevole.jpg") no-repeat;
}
div.img_individu{
    background:transparent url("../images/site/individus.jpg") no-repeat;
}
div.img_organisme{
    background:transparent url("../images/site/organisme.jpg") no-repeat;
}
div.img_infocab{
     background:transparent url("../images/site/info-cab.jpg") no-repeat;
}
div.img_infocab_archive{
     background:transparent url("../images/site/infocab-archive.jpg") no-repeat;
}

div.img_publicite{
     background:transparent url("../images/site/publicite.jpg") no-repeat;
}
div.img_emploi{
     background:transparent url("../images/site/emploi.jpg") no-repeat;
}
div.img_partenaire{
     background:transparent url("../images/site/partenaire.jpg") no-repeat;
}

div.img_sitemap{
     background:transparent url("../images/site/sitemap.jpg") no-repeat;
}
div.img_cafe{
    background:transparent url("../images/site/cafe.jpg") no-repeat;
}


div.img_contact{
     background:transparent url("../images/site/contactez.jpg") no-repeat;
}

div.img_divers{
     background:transparent url("../images/site/divers.jpg") no-repeat;
}
div.img_formation{
     background:transparent url("../images/site/formations.jpg") no-repeat;
}

div.img_employees{
     background:transparent url("../images/site/employees.jpg") no-repeat;
}
div.img_fondation{
     background:transparent url("../images/site/fondation.jpg") no-repeat;
}

div.img_friperie{
     background:transparent url("../images/site/friperie.jpg") no-repeat;
}
div.img_politiques{
     background:transparent url("../images/site/politiques.jpg") no-repeat;
}
div.img_rapport{
     background:transparent url("../images/site/rapport.jpg") no-repeat;
}

div.img_nouvcab{
     background:transparent url("../images/site/nouvelle_cabvr.jpg") no-repeat;
}
div.img_baide{
     background:transparent url("../images/site/baide.jpg") no-repeat;
}
div.img_benevolat{
     background:transparent url("../images/site/benevolat.jpg") no-repeat;
}
div.img_ville{
     background:transparent url("../images/site/villes.jpg") no-repeat;
}
div.img_dbenevolat{
     background:transparent url("../images/site/dbenevole.jpg") no-repeat;
}
div.img_dmonetaire{
     background:transparent url("../images/site/dmonetaire.jpg") no-repeat;
}

div.img_dnourriture{
     background:transparent url("../images/site/dnourriture.jpg") no-repeat;
}
div.img_dvetement{
     background:transparent url("../images/site/dvetement.jpg") no-repeat;
}
div.img_dmemoriam{
     background:transparent url("../images/site/dmemoriam.jpg") no-repeat;
}

div.img_ledon{
    float:left;
     width:100px;
     height:124px;
     background:transparent url("../images/site/ledon.jpg") no-repeat;
}

div.img_vetement1{
     float:left;
     width:200px;
     height:150px;
     background:transparent url("../images/site/friperie1.jpg") no-repeat;
}

div.text_droite,div.text_publicite,div.text_droite_contact{
  width:512px;
  float:left;
  margin-left:20px;
  text-align:justify;
}

div.legende{
  margin:10px 0px 0px 13px;
}
div.legende_text{
  margin:10px 0px 0px 5px;
  padding-top:4px;
}

.c_cafe{color:#455773;}
.c_gris{color:#989898;}
/*div.text_droite{ height:516px;}*/


/**************************************************
  MENU De GAUCHE
  /* menu de gauche*/


#menu_accueil{
  padding:6px 0px 30px 0px;
  margin:0px;
  width:307px;
  float:right;
}
#menu_accueil div.menu_text{
  border-bottom:1px #003d6d solid;
  width:220px;
  padding:5px 0px 5px 0px;
  text-align:right;
  float:right;
  margin-right:30px;
  background:transparent url("../images/site/carre_bleu.jpg") no-repeat;
  background-position:bottom left;
}


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

#menu_accueil a.menu {color:#003d6d;}
#menu_accueil a.menu_select {color:#990000;}


.menu_accueil_ul{margin:5px 0px 0px 0px}

div.ligne{
  height:1px;
  width:512px;
  border-bottom:1px solid #7d0707;
  padding-top:5px;
}

/*Liste pour le 3ieme niveau*/
li.menu_gauche_niveau3,li.menu_gauche_niveau3_select{
  margin: 0px 0px 7px 0px;
  width:200px;
  text-align:right;
  margin-right:35px;
  float:right;
}

li.menu_gauche_niveau3{  list-style:none;}
li.menu_gauche_niveau3_select{list-style:none;}



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

}
a.menu_niveau3{font-weight:bold;}

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

/*Liste pour le 4ieme niveau*/
li.menu_gauche_niveau4,li.menu_gauche_niveau4_select{
  margin: 0px 0px 7px 20px;
  width:100px;
  float:left;
}

li.menu_gauche_niveau4{  list-style:none;}
li.menu_gauche_niveau4_select{list-style:none;}

a.menu_niveau4{font-weight:bold;color:#003d6d;}

a.menu_niveau4_select{
   font-size:11px;
   color:#990000;
   text-decoration:underline;
   font-weight:bold;
}


#menu_accueil a.menu_niveau3:hover,#menu_accueil a.menu:hover{
    color:#990000;
    text-decoration:underline;
;}
#div_accueuil{
  margin-top:17px;
}

/*Fin du menu*/
/**************************************************/

a.img_clsc{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:161px;
  height:84px;
  background:transparent url("../images/site/liens/clsc.jpg") no-repeat;
}

a.img_ass{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:192px;
  height:69px;
  background:transparent url("../images/site/liens/piv_quebec_ramq.jpg") no-repeat;
}
a.img_aine{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:196px;
  height:59px;
  background:transparent url("../images/site/liens/conseil_aine.jpg") no-repeat;
}

a.img_fadoq{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:182px;
  height:123px;
  background:transparent url("../images/site/liens/fadoc.jpg") no-repeat;
}

a.img_rente{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:188px;
  height:62px;
  background:transparent url("../images/site/liens/regie_rentes.jpg") no-repeat;
}

a.img_portail{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:229px;
  height:23px;
  background:transparent url("../images/site/liens/ainee.jpg") no-repeat;
}

a.img_richelieu{
  float:left;
  text-indent:-8000px;
  overflow:hidden;
  display:inline;
  width:270px;
  height:50px;
  background:transparent url("../images/site/liens/logo_mrc.jpg") no-repeat;
}



/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
#right_column {
	display: block;
  float: left;
  width: 552px;
  background-color:#ffffff;
  padding-bottom:20px;
}

#left_column{
  float:left;
	display: block;
  width:340px;
  height:660px;
  background-color:#ffffff;
}



#column_cours{
  float:left;
  display: block;
  width:316px;
  padding-top:10px;
}

/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE
**************************************************/
/* Float */
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.case_upper{text-transform:uppercase;}
.crouge{color:#7d0707;}

/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}

a.regle {color:#162043; font-weight:bold;}
a {color:#162043; font-weight:bold;}
a.sitemap {color:#162043; font-weight:bold; font-size:14px;}
li.individu{margin-top:2px;margin-bottom:5px;}
ul.individu{margin-top:0px;margin-bottom:0px;}
ul.aide{margin-left:0px;}
.fb13{font-weight:bold;font-size:13px;}

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

form{
  margin: 0;
  padding: 0;
}

div.cal{
  margin:10px 0px 0px 12px;
 /* background-color:#DEDEDE;*/
  width:319px;
/*  height:276px;*/
}

p{margin-top:7px;margin-bottom:7px;text-align:justify;}
.div.error{color:red;padding-top:10px;}

.videoqui{
  margin:11px 0px 0px 11px;
}

table.formulaire {
  float:left;
  font-family: Tahoma,Arial,Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#162043;
}

a.nouvelle{color:#162043;}
/***********************************************************
fin Syle pour la page de configuration
**********************************************************/