/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   Mars 2009
    Fichier	        :   style_cgp.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site CDCVR
***************************************************************************************************/
a{outline:none;}

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;
  color:#53555c;
  background:transparent url("../../../templates/fr/images/site/bg_cdcvr.jpg")

  }


/**********
    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: 1044px;
  border-right:36px solid #ececec;
  background-color:#ffffff;
}

/*contenue des pages des différente section*/
#div_page_content{
  float:left;
  text-align: left;
  width:1044px;
  
}
/*Copyright*/
#copyright{
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding:8px 0px 8px 0px;
}

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

}
/*----------------------------La colonne de gauche---------------------------------*/
div.left_haut,div.left_bas{
  float:left;
  width:338px;
  height:253px;
  background-color:#f7f7f7;
  border-top:1px solid #cbcbcb;
  border-right:1px solid #cbcbcb;
  border-bottom:1px solid #cbcbcb;
}

div.left_bas{margin-top:5px;}
div.img_accueil_gauche,
div.img_apropos_gauche,
div.img_activites_gauche,
div.img_contact_gauche,
div.img_publications_gauche,
div.img_membres_gauche,
div.img_liens_gauche,
div.img_sitemap_gauche,
div.img_securite_alimentaire_gauche,
div.img_concertation_gauche
{
  float:left;
  width:319px;
  height:231px;
  margin:11px 0px 0px 7px;
  border:1px solid #d3d4d5;
}

div.img_accueil_gauche
{background:transparent url("../../../templates/fr/images/site/accueil_gauche.jpg") no-repeat;}
div.img_apropos_gauche
{background:transparent url("../../../templates/fr/images/site/apropos.jpg") no-repeat;}
div.img_securite_alimentaire_gauche
{background:transparent url("../../../templates/fr/images/site/securite_alimentaire_gauche.jpg") no-repeat;}
div.img_concertation_gauche
{background:transparent url("../../../templates/fr/images/site/concertation_gauche.jpg") no-repeat;}
div.img_activites_gauche
{background:transparent url("../../../templates/fr/images/site/services_gauche.jpg") no-repeat;}
div.img_contact_gauche
{background:transparent url("../../../templates/fr/images/site/contact.jpg") no-repeat;}
div.img_publications_gauche
{background:transparent url("../../../templates/fr/images/site/publications.jpg") no-repeat;}
div.img_membres_gauche,div.img_liens_gauche
{background:transparent url("../../.../templates/fr/images/site/membres.jpg") no-repeat;}
div.img_sitemap_gauche
{background:transparent url("../../../templates/fr/images/site/sitemap.jpg") no-repeat;}


div.img_accueil_gauche_bas,div.img_contact_gauche_bas,div.img_membres_gauche_bas,
div.img_publications_gauche_bas,div.img_publications_gauche_bas,div.img_apropos_gauche_bas,div.img_activites_gauche_bas,
div.img_liens_gauche_bas
{
  float:left;
  width:331px;
  height:205px;
  margin:11px 0px 0px 7px;
  background:transparent url("../../../templates/fr/images/site/accueil_bas.jpg") no-repeat;
}

div.img_contact_gauche_bas{background:transparent url("../../../templates/fr/images/site/contact_bas.jpg") no-repeat;}
div.img_membres_gauche_bas,div.img_liens_gauche_bas{background:transparent url("../../../templates/fr/images/site/membre_bas.jpg") no-repeat;}
div.img_publications_gauche_bas{background:transparent url("../../../templates/fr/images/site/publications_bas.jpg") no-repeat;}
div.img_apropos_gauche_bas{background:transparent url("../../../templates/fr/images/site/quisommesnous_bas.jpg") no-repeat;}
div.img_activites_gauche_bas{background:transparent url("../../../templates/fr/images/site/services_bas.jpg") no-repeat;}

div.espace_client_orange{
  float:left;
  position:relative;
  width:339px;
  height:48px;
  background-color:#f7941e;
  margin:2px 0px 3px 0px;
}
div.espace_client_orange p{
  padding:0px 0px 0px 10px;
  margin: 5px 0 0 0;
}
div.espace_client_orange a#lien_cliquer{
    position:absolute;
    font-size:120%;
    font-weight:bold;
    bottom:5px;
    right:40px;
    color:#0E54A5;
}


#publication
{
  float:left;
  width:330px;
  margin:0px 0px 0px 7px;
  border:1px solid #d0d0d0;
  background-color:#ececec;

}
div.photo_publication{
    float:left;
    text-transform:uppercase;
    text-indent:-8000px;
    overflow:hidden;
    width:328px;;
    height:66px;;
    background:transparent url("../../../templates/fr/images/site/derniere_nouvelle.jpg") no-repeat;
}

div.photo_avantage{
    float:left;
    text-transform:uppercase;
    text-indent:-8000px;
    overflow:hidden;
    width:328px;;
    height:37px;;
    background:transparent url("../../../templates/fr/images/site/avantages.jpg") no-repeat;
}


div.affiche_text_publication{
  float:left;
  margin:5px 0px 0px 13px;
  text-align:justify;
  width:300px;
}

/*-------------------------Fin de La colonne de gauche-------------------------------*/
/*-------------------------La colonne droite-------------------------------*/

#menu{
  float:left;
  height:252px;
  width:264px;
  background-color:#d7d7d7;
  border:1px solid #cbcbcb;


}
#cadre_image_droite{
  float:left;
  width:418px;
  height:252px;
}
div.img_accueil_droite,
div.img_apropos_droite,
div.img_activites_droite,
div.img_contact_droite,
div.img_publications_droite,
div.img_membres_droite,
div.img_liens_droite,
div.img_sitemap_droite,
div.img_securite_alimentaire_droite,
div.img_concertation_droite
{
  float:left;
  width:403px;
  height:240px;
  margin-left:15px;
  border:1px solid #dedede;
}
div.img_accueil_droite
{background:transparent url("../../../templates/fr/images/site/img_accueil_droite.jpg") no-repeat;}
div.img_securite_alimentaire_droite,  div.img_concertation_droite
{background:transparent url("../../../templates/fr/images/site/img_accueil_droite.jpg") no-repeat;}
div.img_apropos_droite
{background:transparent url("../../../templates/fr/images/site/img_apropos_droite.jpg") no-repeat;}
div.img_activites_droite
{background:transparent url("../../../templates/fr/images/site/img_services_droite.jpg") no-repeat;}
div.img_contact_droite
{background:transparent url("../../../templates/fr/images/site/img_contact_droite.jpg") no-repeat;}
div.img_publications_droite
{background:transparent url("../../../templates/fr/images/site/img_publications_droite.jpg") no-repeat;}
div.img_membres_droite,div.img_liens_droite
{background:transparent url("../../../templates/fr/images/site/img_membre_droite.jpg") no-repeat;}
div.img_sitemap_droite
{background:transparent url("../../../templates/fr/images/site/img_sitemap_droite.jpg") no-repeat;}

#login_membre{
  float:left;
  width:683px;
  height:47px;
  background-color:#ececec;
  border:1px solid #cbcbcb;
  margin-top:2px;
}
#tel_joindre{
  float:right;
  width:155px;
  height:23px;
  margin:11px 18px 0px 0px;
  color:#565656;
  font-size:12px;
  font-weight:bold;
  text-align:right;
  
}

div.texte_droite{
  float:left;
  width:660px;
  margin:20px 0px 0px 22px;
}
div.letext{
  float:left;
  margin-top:10px;
  text-align:justify;
}

div.letext_avec_photo{
  float:left;
  margin:8px 0px 0px 5px;
  text-align:justify;
  width:534px;
}


div.image_solutions,div.image_sevices_entreprise,div.image_sevices_entreprise,div.image_contact,
div.image_mission,div.image_objectifs,div.image_services,div.image_listemembres,div.image_definition,
div.image_historique,div.image_equipe,div.image_affirmations,div.image_cadre,div.image_activite,div.image_intervention,div.image_implication,
div.image_plansite,div.image_publication_droite
{
  float:left;
  text-indent:-8000px;
  width:664px;
  height:24px;
}
div.image_solutions{
    background:transparent url("../../../templates/fr/images/site/sevices_entreprise.jpg") no-repeat;
}

div.image_publications{
    background:transparent url("../../../templates/fr/images/site/solutions.jpg") no-repeat;
}
div.image_sevices_entreprise{
   background:transparent url("../../../templates/fr/images/site/derniere_nouvele_droite.jpg") no-repeat;
}

div.image_contact{
   background:transparent url("../../../templates/fr/images/site/contactez.jpg") no-repeat;
}
div.image_mission{
   background:transparent url("../../../templates/fr/images/site/notre_mission.jpg") no-repeat;
}
div.image_objectifs{
   background:transparent url("../../../templates/fr/images/site/objectifs.jpg") no-repeat;
}
div.image_services
{
   background:transparent url("../../../templates/fr/images/site/nosservices.jpg") no-repeat;
}

div.image_listemembres
{
   background:transparent url("../../../templates/fr/images/site/listemembres.jpg") no-repeat;
}
div.image_definition{
    background:transparent url("../../../templates/fr/images/site/definition.jpg") no-repeat;
}

div.image_historique{
    background:transparent url("../../../templates/fr/images/site/historique.jpg") no-repeat;
}
div.image_equipe{
    background:transparent url("../../../templates/fr/images/site/equipe.jpg") no-repeat;
}

div.image_cadre{
    background:transparent url("../../../templates/fr/images/site/cadre.jpg") no-repeat;
}
div.image_activite{
    background:transparent url("../../../templates/fr/images/site/activites.jpg") no-repeat;
}
div.image_intervention{
    background:transparent url("../../../templates/fr/images/site/intervention.jpg") no-repeat;
}
div.image_implication{
    background:transparent url("../../../templates/fr/images/site/implications.jpg") no-repeat;
}
div.image_affirmations{
    background:transparent url("../../../templates/fr/images/site/affirmations.jpg") no-repeat;
}
div.image_plansite
{
    background:transparent url("../../../templates/fr/images/site/plansite.jpg") no-repeat;
}
div.image_publication_droite
{
    background:transparent url("../../../templates/fr/images/site/publication_droite.jpg") no-repeat;
}

div.sep,div.sep1,div.sep2{
  float:left;
  width:489px;
  height:2px;
  background-color:#e9e9e9;
  margin:12px 0px 24px 0px;
}

div.sep1{width:655px;}
div.sep2{ margin:6px 0px 6px 0px;width:655px;}

div.photo{
  float:left;
  width:116px;
  height:178px;
  border:1px solid #cbcbcb;
  margin-top:10px;
}
div.laphoto{
  float:left;
  width:109px;
  height:172px;
  margin:3px 0px 0px 4px;
}

div.laphoto{
   background:transparent url("../../../templates/fr/images/site/laphoto.jpg") no-repeat;
}

/*-------------------------fin colonne droite-------------------------------*/

/*-------------------------Le footer-------------------------------*/
#footer{
  float:left;
  text-align:right;
  width:1025px;
  margin-right:27px;
  height:85px;
}

/*Icon Facebook*/

.nav-icon{position:relative;margin:7px 0px 0px 15px;padding:0px;}
.nav-icon li{display:inline;}

.nav-icon a{
  float:left;
  background: transparent url(../../../templates/fr/images/site/facebook.jpg) 0px 0px no-repeat;
  display:block;
  height:34px;
  text-decoration:none;
}
#nav-facebook a {background-position: 0px 0px;width:33px;}
#nav-facebook a:hover {background-position: -33px 0px; width:33px;}
#nav-liens a {background-position: -100px 0px;color:#53555c;font-weight:bold;}
#nav-liens a:hover {background-position: -100px 0px;color:#2b69b0;font-weight:bold;}



div.bordure_grise{float:left;width:1025px;border:1px solid #cbcbcb;background-color:#d7d7d7;height:4px;margin-top:7px;}
div.lefooter {float:left;width:1025px;margin-top:9px;}
a.footer{color:#2b69b0;font-size:10px;font-weight:bold;}
/*-------------------------fin du footer-------------------------------*/


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

/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.cbleu{color:#0e54a5;}
.crouge{color:red;}
.f12{font-size:12px;}
a.detail{color:#2b69b0;font-size:12px;font-weight:bold;}
a:visited{color:#2b69b0;}
h1{font-size:14px;margin:0px;}

#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.error{color:red;padding-top:10px;}

/**/


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