@charset "utf-8";
/* CSS Document */

/* PAGE BODY STYLE*/
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #244e8f;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center center;
	text-align: center;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size:12px;
}

/* MAIN CONTENANT OF THE PAGE */
.twoColLiqLtHdr #container {
	width: 875px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	background-color:#FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-left-width:10px;
	border-left-color:#FFF;
	border-right-color:#FFF;
	border-right-width:10px;
}

/* HEADER MAIN TEMPLATE */
.twoColLiqLtHdr #header {
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

/* ICONE DU TOP DU SITE */
.twoColLiqLtHdr #header1 {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	display:block;
	border: 0;
}

/* MENU DU TOP */
.twoColLiqLtHdr #header2 {
	background-color: #254078;
	margin: 0;
	padding: 0;
	display:block;
}

/* PHOTO  DE JACQUES BELZIL DANS CE DIV */
.twoColLiqLtHdr #header3 {
	background-color: #254078;
	margin: 0;
	padding: 0;
	display:block;
}

/* MENU DU  FOOTER */
.twoColLiqLtHdr #header4 {
	background-color: #254078;
	margin: 0;
	padding: 0;
	display:block;
}


/* MAIN HEADER EMPTY*/
.twoColLiqLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	background: #FFF; /* top and bottom padding create visual space within this div  */
	display: block;
	width: 210px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	float:left;
	display:block;
}


/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColLiqLtHdr #mainContent {
	/*margin: 0 0px 0 26%;*/ /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	float:left;
	background-color: #FFF;
	display: block;
	width: 660px;
	padding: 0 0 0 5px;
	margin: 0px;
}

/*FOOTER OF THIS PAGE */
.twoColLiqLtHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
}

/*FOOTER OF THE PAGE */
.twoColLiqLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse 
this class can be used to float an element right in your page
. The floated element must precede the element it should be next to on the page. */
.fltrt {
	float: right;
	margin-left: 8px;
}

/* this class can be used to float an element left in your page */
.fltlft { 
	float: left;
	margin-right: 8px;
}

/* this class should be placed on a div or break element and
should be the final element before the close of a container
that should fully contain a float */
.clearfloat {
	clear:both;
	height:0;
	font-size: 8px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/*PETITE ICONE  ON TOP ... AFFICHER (HOME + SOCIAL NETWORK ICONES) */
div#headermenuL {
	padding: 0;
	border-top: 0;
	text-align: left;
	display:inline;
	float:left;
}

/*PETITE ICONE  ON TOP ... AFFICHER (HOME + SOCIAL NETWORK ICONES) */
div#headermenuL ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*PETITE ICONE  ON TOP ... AFFICHER (HOME + SOCIAL NETWORK ICONES) */
div#headermenuL li {
	display: inline;
	margin-right: 0;
}

/*PETITE ICONE  ON TOP ... AFFICHER (EMAIL + PRINT) */
div#headermenuR {
	padding: 0;
	border-top: 0;
	text-align: right;
	display:inline;
	float:right;
}

/*PETITE ICONE  ON TOP ... AFFICHER (EMAIL + PRINT) */
div#headermenuR ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*PETITE ICONE  ON TOP ... AFFICHER (EMAIL + PRINT) */
div#headermenuR li {
	display: inline;
	margin-right: 0;
}


/* LIEN DU MENU FOOTER */
div#headermenulinkbase {
	padding: 0;
	border-top: 0;
	text-align: right;
	display:inline;
	float:right;
	background-color: #254078;
	text-decoration: none;
	width: 100%;
}



/* LIEN DU MENU HEADER ET FOOTER : STYLE UL */
div#headermenulinkbase ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* LIEN DU MENU HEADER ET FOOTER : STYLE LI */
div#headermenulinkbase li {
	display: inline;
	margin-right: 0;
}
/* LIEN DU MENU HEADER ET FOOTER : LINK */
div#headermenulinkbase a {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #173166;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
	padding-right: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #0b1833;
	border-right-color: #2f4676;
	float: right;
	margin: 0px;
}
/* LIEN DU MENU HEADER ET FOOTER : QUAND ON PASSE DESSUS */
div#headermenulinkbase a:hover {
	background-color: #365FB1;
}


/* LIEN DU MENU HEADER ET FOOTER */
div#headermenulinktop {
	padding: 0;
	border-top: 0;
	text-align: right;
	display:inline;
	float:right;
	background-color: #254078;
	text-decoration: none;
	width: 100%;
}


/* LIEN DU MENU HEADER ET FOOTER : STYLE UL */
div#headermenulinktop ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* LIEN DU MENU HEADER ET FOOTER : STYLE LI */
div#headermenulinktop li {
	display: inline;
	margin-right: 0;
}
/* LIEN DU MENU HEADER ET FOOTER : LINK */
div#headermenulinktop a {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #173166;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
	padding-right: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #0b1833;
	border-right-color: #2f4676;
	float: right;
	margin: 0px;
}
/* LIEN DU MENU HEADER ET FOOTER : QUAND ON PASSE DESSUS */
div#headermenulinktop a:hover {
	background-color: #365FB1;
}

/* TAPIS ROUGE  */
div#tapisrougemenu {
	width: 330px;
	background-color: #FFF;
	text-align:right;
	/*float:right;*/
	/*display:inline;*/
	margin-right: 0px;
	padding:0px;
	float: left;
}

/* MENU DU CENTRE A COTÉ DE TAPIS ROUGE */
div#menuprincipale {
	width: 325px;
	background-color: #FFF;
	text-align: left;
	/*float: left;*/
	/*display:inline;*/
	margin-right: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* MENU DU CENTRE A COTÉ DE TAPIS ROUGE  ((LINK))*/
div#menuprincipale a {
	display: block;
	background-color: #244e8f;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	/*vertical-align: middle; BUG IE7*/
	text-align: right;
	line-height: 50px;
	margin-bottom: 5px;
	padding-top: 2px;
	margin-right: 2px;
}
/* MENU DU CENTRE A COTÉ DE TAPIS ROUGE  ((QUAND ON PASSE DESSUS))*/
div#menuprincipale a:hover {
	background-color: #365FB1;
}


/* MENU ICONE PRINCIPALE */
div.menu {
	width: 210px;
	height: auto;
	display: block;
	margin-bottom: 0px;
	
		border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #244E8F;
	border-bottom-color: #244E8F;
}

/* MENU ICONE PRINCIPALE  (LINK)*/
div.menu a {
	text-align:left;
	width: 210px;
	background-color: #d0d8e3;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: bold;
	margin-bottom: 2px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #dce2ea;
}

/* MENU ICONE PRINCIPALE  (ON PASSE DESSUS)*/
div.menu a:hover {
	background-color: #244E8F;
	color: #FFFFFF;
}

/* MENU ICONE POUR GROS BOUTTON VERS FACEBOOK  */
div.menuicones {
	width: 210px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #244E8F;
	border-bottom-color: #244E8F;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}


.chroniques {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	list-style-type: disc;
	display: block;
	height: 180px;
}
.chroniques ul{
	padding-left: 25px;
}

.FondTem {
	background-color: #244E8F;
}

.TexteTem {
	color: #FFF;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	padding-left: 15px;
	padding-right: 13px;
}


.chroniques li{
	padding-top: 12px;
	list-style-type: disc;
	
}

.chroniques b{
	font-size: 14px;
	
}

.chroniques a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}

/* MENU ICONE POUR GROS BOUTTON VERS FACEBOOK  (LINK)*/
div.menuicones a {
	width: 100%;
	display: block;
	background-color: #244e8f;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	height: 30px;
	padding-top: 2px;
	line-height: 30px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-bottom: 2px;
}
/* MENU ICONE POUR GROS BOUTTON VERS FACEBOOK  (ON PASSE DESSUS)*/
div.menuicones a:hover {
	background-color: #365FB1;
}
div.menuicones a.large{
	height: 45px;
}


div.menutexte
{
	width: 100%;
	text-align: left;
}


div.menutexte a
{
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #244E8F;
	font-weight: bold;
	font-size: 11px;
	padding-top: 10px;
	display: block;
		text-indent:1px;
	
}

div.menutexte ul{
	padding-left: 13px;
	margin-top: 10px;
		text-indent:1px;
	
}

div.menutexte ul li{
	list-style-type: none;
	margin-bottom: 7px;
	line-height: 12px;
		text-indent:1px;
	
}

div.menutexte ul li a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #5D5D5D;
	display: block;
	padding-top: 0px;
	text-indent:1px;
	 
}



div.menutexte2
{
	width: 100%;
	text-align: left;
}


div.menutexte2 a
{
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	font-size: 11px;
	padding-top: 5px;
	display: block;
	text-indent:1px;
	padding-left: 10px;
	padding-bottom: 5px;
	
}

div.menutexte2 ul{
	padding-left: 13px;
	margin-top: 10px;
		text-indent:1px;
	
}

div.menutexte2 ul li{
	list-style-type: none;
	margin-bottom: 7px;
	line-height: 12px;
		text-indent:1px;
	
}

div.menutexte2 ul li a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #5D5D5D;
	display: block;
	padding-top: 0px;
	text-indent:1px;
	 
}



/* BOITES DU CENTRE */
div.boitecentre {
	display:block;
	margin-bottom: 0px;
	display: block;	/*float:left;*/
	float: left;
	width: 660px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/* TITRE DES BOITES DU CENTRE */
div.titreboitecentre {
	background-color: #244E8F;
	display: block;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bolder;
	text-align: left;
}

/* CONTENNUE DES BOITES DU CENTRE */
div.contenuboitecentre {
	display: block;
	background-color: #d0d8e3;
	padding: 5px;
	height: 183px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.service_en_ligne{
	display: block;
	background: url("images/bouton_agent_en_ligne.jpg") top left no-repeat;
	height: 85px;
	margin: 0;
	padding: 15px 0 0 144px;
	text-decoration: none;
	color: #fff;
}
.service_en_ligne h2{
	font-size: 26px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.service_en_ligne p{
	margin-top: 15px;
}

/* PETITE BOITE DE CONTENNUE A 50% DE LA GRANDEUR PERMET DE 
SÉPARER LE CONTENNUE EN DEUX UN PEU COMME LE TAPIS ROUGE DU HAUT*/
div.semiboite {
	display: block;
	width: 50%;
	padding: 0px;
	min-height: 183px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: left;
	text-align: left;
}

/* TITRE DE LA DEMI BOITES  (COULEUR BLEU) */
div.petittitre {
	background-color: #244E8F;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bolder;
	padding: 5px;
}

/* TITRE DE LA DEMI BOITES */
div.semititre {
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #244E8F;
	font-weight: bolder;
	margin-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #244E8F;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 5px;
	margin-bottom: 10px;
	text-align: left;
}

/* DEMI BOITE DANS LE CENTRE LEFT (((DEBUT))) */
div.semicontenu {
	display: block;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
/* DEMI BOITE UL */
div.semicontenu ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

/* DEMI BOITE UL ET LI  (( OVER LOAD DE UL HÉRITANCE DES CLASSES )) */
div.semicontenu ul li {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
	margin-bottom: 15px;
	font-size: 10px;
	display: block;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
/* DEMI BOITE DANS LE CENTRE LEFT (((FIN))) */

/* BOITE OU ON VOIS LE SLOGAN DE BELZIL */
div.sloganboite {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	color: #244e8f;
}

/*TEXTE DANS LA DEMI BOITE*/
div.semicontenutext {
	display: block;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-color: #e9e9e9;
	min-height: 170px;
}

#annonces{
	display: block;
	margin: 0 auto;
	
	
}

/* (TEST M-A)
div.boitecentre1 {
	width: 600px;
	display:block;
	margin-bottom: 10px;
	display: block;	
}*/

/* TEXTE AFFICAGE NOM COURTIER */
.textecourtier {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

/* TEXTE AFFICAGE NOM COURTIER  (GRAS) */
.textecourtier strong {
	font-weight: bold;
	font-size: 11px;
}

/* TAG LEGAL EN BAS DE PAGE */
.droitsreserves {
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 00px;
	border:0px;
	width:100%;
}

blockquote{
	border: 1px solid #365fb1;
	background: #eef5ff;
	padding: 5px;
}


/* POUR L'AFFICHAGE DU TAG EGP TECH EN BAS PAGE */
.copywriteegp {
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
}

.semicontenu:after,
.boitecentre:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.semicontenu,
.boitecentre,
.clearfix {
	display: inline-block;
}

html[xmlns] .semicontenu,
html[xmlns] .boitecentre,
html[xmlns] .clearfix {
	display: block;
}

* html .semicontenu,
* html .boitecentre,
* html .clearfix {
	height: 1%;
}

div.titreboitecentre h1 { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bolder;
	text-align: left;
    } 
    
div.menutexte h2 { 
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #244E8F;
	font-weight: bold;
	font-size: 11px;
	}  
	
div.menutexte h3 { 
	width:190px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #244E8F;
	font-weight: bold;
	font-size: 11px;
	}