/***************************************************************************************************
    Auteur          :   Isabelle Custeau (icusteau@icvision.ca)
    Date creation   :   Avril 2009
    Fichier	        :   style_cgp.css
    Type            :
    Description     :   Contient toutes les style utilisés pour le site Bolle
***************************************************************************************************/
body {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #183a77;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  padding: 0px;
  margin: 0px;
  background:transparent url("../../../templates/fr/images/site/backgroud.jpg");
  
}


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

div.slogan {
	}
div.slogan span{
	color:#fff;
	font-size:1.1em;
	text-align:center;
	letter-spacing:0.4em;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	display:block;
	margin:0 0 0 -6px;
	padding:4px;
	background:#173b77;
	}
		
#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: 978px;
  text-align: left;
}
#div_nouv_gauche{
  float:left;
  width:978px;
  border-right:4px solid #ffffff;
  border-left:4px solid #ffffff;
}

#div_page_content{
  float:left;
  /*margin-left:208px;*/
  text-align: left;
  width:978px;
  background:#FFFFFF;
}

/*barre qui sépare le menu de la photo*/
div.ligne{
  float:left;
  width:775px;
  background-color:#174883;
  height:2px;
}
div.ligne1{
  float:left;
  width:775px;
  background-color:#174883;
  height:4px;
}

/*Le footer*/
div.footer{
  float:left;
  background-color:#BDD3F2;
  width:978px;
  height:83px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;

}
a.footer{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #183a77;
}
.footer_adresse{
  width:300px;
  margin:20px 0px 0px 10px;
}
.footer_menu{
  width:975px;
  margin:20px 0px 0px 0px;
  text-align:center; 
}

/*Photo de header*/
div.header_accueil,div.header_graphisme,div.header_web,div.header_affichage,div.header_video,div.header_realisation_animee,div.header_realisation_video,
div.header_realisation_videos,div.header_location,div.header_location_autre,div.header_pantone,div.header_contact
,div.header_admin,div.header_equipe,div.header_emploi,div.header_articles,div.header_nouvelles,div.header_animation,div.header_animations,div.header_theanimation,
div.header_jonctionpodium,div.header_nouvelle,div.header_client,div.header_placement,div.header_adwords,div.header_forfait,div.header_rien,div.header_access_telechargement,div.header_telechargement,
div.header_view_all,div.header_ftp,div.header_testcamera,div.header_view_domaine,div.header_gallerie_photo
{

  width:775px;
  height:246px;
  margin-top:3px;
  background:transparent url("../../../templates/fr/images/site/web.jpg")
}
div.header_graphisme,div.header_realisation_animee,div.header_animation,div.header_animations,div.header_theanimation,div.header_view_all,div.header_testcamera{
  background:transparent url("../../../templates/fr/images/site/header_graphique.jpg")
}

div.header_client{
  background:transparent url("../../../templates/fr/images/site/header_web.jpg")
}

div.header_web {background:transparent url("../../../templates/fr/images/site/h_web.jpg")}

div.header_jonctionpodium,div.header_access_telechargement,div.header_telechargement{
  background:transparent url("../../../templates/fr/images/site/header_affichage.jpg")
}

div.header_placement{ background:transparent url("../../../templates/fr/images/site/placement.jpg")}
div.header_affichage{background:transparent url("../../../templates/fr/images/site/h_affichage.jpg")}

div.header_realisation_video,div.header_realisation_videos{
  background:transparent url("../../../templates/fr/images/site/header_video.jpg")
}

div.header_video,div.header_gallerie_photo{background:transparent url("../../../templates/fr/images/site/header_production_video.jpg")}
div.header_location,div.header_location_autre{
  background:transparent url("../../../templates/fr/images/site/location_banner.jpg")
}
div.header_pantone{
  background:transparent url("../../../templates/fr/images/site/banner13.jpg")
}
div.header_contact{ background:transparent url("../../../templates/fr/images/site/contact_banner.jpg")}
 
div.header_web,div.header_view_domaine,div.header_forfait,div.header_admin,div.header_adwords,div.header_ftp{background:transparent url("../../../templates/fr/images/site/h_web.jpg")}

div.header_equipe{ background:transparent url("../../../templates/fr/images/site/banner_team.jpg")}
div.header_emploi{ background:transparent url("../../../templates/fr/images/site/emploi.jpg")}
div.header_articles{ background:transparent url("../../../templates/fr/images/site/building.jpg")}
div.header_nouvelle,div.header_nouvelles{ background:transparent url("../../../templates/fr/images/site/building.jpg")}


/*SECTION DU WEB*/
#thebba,#thedeschamps,#thecdcvr,#thecabvr,#thefranck,#thehypoteck,#thevirage,#theinterpharma,
#thedga,#thecoeur,#themotivation,#theaquasport,#thedei,#thefrance,#thebessette,#thetoyota,#thefibrobec,
#thesynergis,#theespaceh{
  display:block;
  float:left;
  width:190px;
  height:205px;
  background:transparent url("../../../templates/fr/images/site/bba_thumb.jpg") no-repeat;
}
#thedeschamps{background:transparent url("../../../templates/fr/images/site/deschamps.jpg") no-repeat;}
#thecdcvr{background:transparent url("../../../templates/fr/images/site/cdcvr_thumb.jpg") no-repeat;}
#thecabvr{background:transparent url("../../../templates/fr/images/site/cabvr_thumb.jpg") no-repeat;}
#thefranck{background:transparent url("../../../templates/fr/images/site/franck_thumb.jpg") no-repeat;}
#thehypoteck{background:transparent url("../../../templates/fr/images/site/hypoteck_thumb.jpg") no-repeat;}
#thevirage{background:transparent url("../../../templates/fr/images/site/virage_thumb.jpg") no-repeat;}
#theinterpharma{background:transparent url("../../../templates/fr/images/site/interpharma.jpg") no-repeat;}
#thedga{background:transparent url("../../../templates/fr/images/site/dga_thumb.jpg") no-repeat;}
#thecoeur{background:transparent url("../../../templates/fr/images/site/harmonie.jpg") no-repeat;}
#themotivation{background:transparent url("../../../templates/fr/images/site/motivation.jpg") no-repeat;}
#theaquasport{background:transparent url("../../../templates/fr/images/site/robertd.jpg") no-repeat;}
#thedei{background:transparent url("../../../templates/fr/images/site/energie.jpg") no-repeat;}
#thefrance{background:transparent url("../../../templates/fr/images/site/Capture02.jpg") no-repeat;}
#thebessette{background:transparent url("../../../templates/fr/images/site/bessette_thumb.jpg") no-repeat;}
#thetoyota{background:transparent url("../../../templates/fr/images/site/toyota_thumb.jpg") no-repeat;}
#thefibrobec{background:transparent url("../../../templates/fr/images/site/fibrobec_thumb.jpg") no-repeat;}
#thesynergis{background:transparent url("../../../templates/fr/images/site/synergis_thumb.jpg") no-repeat;}
#theespaceh{background:transparent url("../../../templates/fr/images/site/espace_harmoniks_thumbs.jpg") no-repeat;}
a.dunderline {text-decoration:none;}

.hide{visibility:hidden;}


/*FIN DES PAGES WEB*/

/*SECTION AFFICHAGE*/
#theremax1,#theremax2,#themazda,#thevibe,#themotivation,#thealouettes,#thelac,#thekruger,#thealouette1,#thelacjean,#thefitness,#thebba1,
#theadq,#thebbalogo,#thealouette,#thebf,#thetelus{
  display:block;
  float:left;
  width:179px;
  height:134px;
  background:transparent url("../../../templates/fr/images/site/remax_thumb-2.jpg") no-repeat;
}
#thevibe {background:transparent url("../../../templates/fr/images/site/vibe_thumb-2.jpg") no-repeat;}
#theremax2 {background:transparent url("../../../templates/fr/images/site/remax_cote.jpg") no-repeat;}
#themazda {background:transparent url("../../../templates/fr/images/site/mazda_thumb-2.jpg") no-repeat;}
#themotivation {background:transparent url("../../../templates/fr/images/site/isabelle.jpg") no-repeat;}
#thealouettes {background:transparent url("../../../templates/fr/images/site/alouettes_videos.jpg") no-repeat;}
#thelac {background:transparent url("../../../templates/fr/images/site/saintjean.jpg") no-repeat;}
#thekruger {background:transparent url("../../../templates/fr/images/site/kruger.jpg") no-repeat;}
#thealouette1{background:transparent url("../../../templates/fr/images/site/als_thumb.jpg") no-repeat;}
#thelacjean{background:transparent url("../../../templates/fr/images/site/traversee3_thumb.jpg") no-repeat;}
#thefitness{background:transparent url("../../../templates/fr/images/site/fitness_thumb.jpg") no-repeat;}
#thebba1{background:transparent url("../../../templates/fr/images/site/bba_thumb1.jpg") no-repeat;}
#theadq{background:transparent url("../../../templates/fr/images/site/adq_thumb.jpg") no-repeat;}
#thebbalogo{background:transparent url("../../../templates/fr/images/site/bba_thumb-3.jpg") no-repeat;}
#thealouette{background:transparent url("../../../templates/fr/images/site/commanditaire_thumb-1.jpg") no-repeat;}
#thebf{background:transparent url("../../../templates/fr/images/site/bfg_thumb.jpg") no-repeat;}
#thetelus{background:transparent url("../../../templates/fr/images/site/telus_thumb-1.jpg") no-repeat;}


/*SECTION VIDEO*/
#video_text{
  float:left;
  font-weight:normal;
  font-size:13px;
  margin-top:2px;
}


/*FIN DES PAGES AFFICHAGE*/

#right_column {
  float: left;
  display: block;
  width: 390px;
  margin:0px 5px 0px 8px;
  padding:5px 0px 20px 5px;
 /* border-left:3px solid #a1a1a1;*/
  background-color:#ffffff;
}
#left_column{
  float:left;
  display: block;
  width:346px;
  margin:0px 0px 0px 8px;
  padding:5px 10px 20px 0px;
  text-align:justify;
  background-color:#ffffff;
}
#all_page{
  float:left;
  display: block;
  width:752px;
  margin:0px 0px 0px 8px;
  padding:5px 15px 20px 0px;
  text-align:justify;
  background-color:#ffffff;
}

#page_graphisme{
  float:left;
  display: block;
  width:752px;
  padding:20px 15px 20px 0px;
  text-align:justify;
  background-color:#ffffff;
}
/**************************************************
  Image du site
**************************************************/
.img_entreprise{
  float:left;
  width:261px;
  height:27px;
   background:transparent url("../../../templates/fr/images/site/entreprise.jpg") no-repeat
}
.img_redaction,.img_graphisme,.img_services,.img_realisation,.img_web{
  float:left;
  margin-top:10px;
  width:261px;
  height:27px;
   background:transparent url("../../../templates/fr/images/site/redaction.jpg") no-repeat
}
.img_graphisme{background:transparent url("../../../templates/fr/images/site/gr.jpg") no-repeat }
.img_services{background:transparent url("../../../templates/fr/images/site/services.jpg") no-repeat}
.img_realisation{background:transparent url("../../../templates/fr/images/site/realisation.jpg") no-repeat}
.img_web{background:transparent url("../../../templates/fr/images/site/web_internet.jpg") no-repeat}

.img_location{
  float:left;
  margin-top:10px;
  width:278px;
  height:27px;
   background:transparent url("../../../templates/fr/images/site/location.jpg")
}

.img_any{
  float:left;
  margin-top:10px;
  width:346px;
  height:125px;
   background:transparent url("../../../templates/fr/images/site/any.jpg")
}

.img_flash_logo{
  float:left;
  width:112px;
  height:113px;
   background:transparent url("../../../templates/fr/images/site/flash_logo.jpg")
}

.alouette,.traverse{
  float:right;
  text-transform:uppercase;
  text-indent:-8000px;
  overflow:hidden;
  width:120px;
  height:117px;  
  background:transparent url("../../../templates/fr/images/site/alouettes.jpg") no-repeat;
}

.traverse{
   height:83px;
  background:transparent url("../../../templates/fr/images/site/logo_traversee.jpg") no-repeat;
}
div.sep,div.sep1,div.sep2,div.sep3{
  float:left;
  width:346px;
  height:2px;
  background-color:#dedddd;
  margin-top:10px;
}

div.sep1{
  width:386px;
}
div.sep2{
  width:760px;
}
div.sep3{
  width:744px;
  margin-left:5px;
}




div.download_flash{
  float:left;
  margin-top:10px;
  padding-top:15px;
  text-align:center;
  font-weight:bold;
  background-color:#BDD3F2;
  width:265px;
  height:30px;
}

.img_carre{
  float:left;
  margin-top:13px;
  width:18px;
  height:18px;
  background:transparent url("../../../templates/fr/images/site/carre.jpg") no-repeat;
}

div.banniere_text,div.banniere_text_right,div.titre_text{
  float:left;
  margin:15px 0px 0px 10px;
  width:317px;
  font-size:16px;
  font-weight:bold;
  color:#183a77;
}
div.titre_text{font-size:15px;margin-left:0px;width:345px;}

div.banniere_text_right{width:350px;}
div.banniere_google_adword{
  width:713px;
  height:551px;
  background:transparent url("../../../templates/fr/images/site/google_capture2.jpg") no-repeat;
}


/**************************************************
	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;}
ul.site{margin-left:25px;list-style:decimal;padding-left:0px;}
ul.autre{margin-left:25px;padding-left:0px;}
li.site{margin-top:5px;}
ul.dinline{float:left;margin:5px 0px 0px 0px;padding:5px 0px 0px 0px;}
li.dinline{display:inline;}
a.dinline{font-size:14px;}
/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.cbleu{color:#174883;}
.crouge{color:red;}
.bbleupale{background-color:#2150a2}
.bbleu{background-color:#183a77}
.cgris{color: #333333;}
.cgrispale{color: #dedddd;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
.f20{font-size:20px;}
.f9{font-size:10px;}


.erreur{
    color:red;
    padding:10px;
    margin-top:20px;
    font-size:11px;
    width:350px;
}

.confirmation{
    margin-top:40px;
    color:#055173;
    font-size:11px;
    width:350px;
    font-weight:bold;
}
table{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #055173;
}

.stylepage {color: #055173; font-weight:bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.stylepage_c {color: #BDD3F2; font-weight:bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

a{font-size: 12px;color: #055173;}
a.web{font-size:9px;}
p.site{margin-top:10px;}
.mgl7{margin-left:7px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgr7{margin-right:10px;}
.mgt15{margin-top:15px;}
.mgt5{margin-top:5px;}
.mgt20{margin-top:30px;}
.mgt50{margin-top:70px;}
.mgt40{margin-top:40px;}
.mgb15{margin-bottom:15px;}
.pdr10{padding-right:10px;}
/*Style de grandeur varié*/
.w50{width:50px;}
.w180{width:177px;}
.w190{width:190px;}
.w200{width:199px;}
.w220 {width:220px;}
.w216 {width:214px;}
.w100{width:100px;}
.w329 {width:329px;}
.w375 {width:375px;}
.w395 {width:385px;}
.w350 {width:350px;}
.w265{width:265px;}
.w346{width:346px;}
.w390{width:390px;}
.w775{width:775px;}
.h97{height:101px;}
.h264{height:274px;}
.h913{height:900px;}
.mgr4{margin-right:1px;}