/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background:url(gx/bg.gif) repeat-x top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:center;
}
body#main{
	background: #e7e7e7 url(gx/bg.gif) top repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:center;
}

body{
	behavior:url("inc/csshover.htc");}

html{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px; 
	line-height: 140%; 
	color: #000;
	}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 14px;
	color: #000;
	font-family: Arial, Verdana, Tahoma;
	padding: 10px;
	text-align:left;
	background:#f3f3f3;
	/*margin:0 10px 0 0px;
	padding:10px 0 0 10px;
	width:568px;
	height:26px;
	_height:34px;*/
}
h3{
	font-size: 14px;
	color: #e50202;
	font-family: Arial, Verdana, Tahoma;
	margin:0 10px 0 0px;
	padding:10px 0 0 10px;
	text-align:left;
	width:568px;
	height:26px;
	_height:34px;
	background:#f3f3f3;
}
h2{
	font-size: 14px;
	color: #faa736;
	font-family: Arial, Verdana, Tahoma;
	margin:0 10px 0 0px;
	padding:10px 0 0 10px;
	text-align:left;
	width:568px;
	height:26px;
	_height:34px;
	background:#f3f3f3;
}



/* CONTENEUR
--------------------------------------------------------------------------------------- */

#conteneur{
	margin: 0 auto 0 auto;
	width:870px;
	text-align:center;
}

#contenu{
	margin: 0 auto 0 auto;
/*	background:aqua;*/
	width:870px;
	_width:871px;
	text-align:center;
	background-color:#fff;
}

#header{
  background: #e7e7e7 url(gx/top.gif) top left repeat-x;
	margin: 0 0 0 0 ;
	width:870px;
	height:85px;
}

#flash{
 background: #000;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:794px;
	height:91px;
}
#flash2{
	padding: 10px;
	margin:0 0 0 0;
	text-align:center;
    background: #fff;
	width:470px;
	_width:490px;
	height:400px;
	_height:400px;
	border: solid 1px #bdbdbd;
}

#colonnegauche{
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:568px;
	float: left;
	text-align:justify;
}

*+html #colonnegauche{background: #E7E7E7;width:578px;padding: 0 20px 0 0;}
* html #colonnegauche{background: #E7E7E7;width:598px;padding: 0 20px 0 0;}

#colonnedroite{
	padding: 0 0 0 0;
	margin:0 0 20px 0;
	width:272px;
	background: #fff;
	float: right;
}

#textecolonnedroite{
	padding: 0 22px 10px 22px;
	margin:0 0 0 0;
	color: #000;
	font-size: 12px;
	text-align:justify;
}

#textecolonnedroite b{
	color: #E50202;
	font-weight:bold;
}

#textecolonnedroite ul, li{
	text-align:left;
}

#colonnedroite ul{
	padding: 0 22px 10px 22px;
	margin:0 0 0 0;
	color: #000;
	font-size: 12px;
	text-align:justify;
	list-style: square;
}


/* MENU UTILITAIRE  */
#menuUtil{
	float:right;
	margin:65px 0 0 0;
}
#menuUtil a, #menuUtil a:link, #menuUtil a:visited{
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#menuUtil a:hover,#menuUtil a:visited:hover{
	font-size: 12px;
	color: #929292;
	text-decoration: none;
	font-weight: bold;
}


/* MENU CATALOGUE  */
#navCatalogue{
	height: 11px;
	padding: 0;
	margin: 0;
}
#navCatalogue ul{
	padding: 0;
	margin: 0;
}
#navCatalogue ul li{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}
#navCatalogue ul li a, #navCatalogue ul li a:link, #navCatalogue ul li a:visited{
	line-height: 12px;
	font-size: 11px;
	color: #929292;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px 3px 8px;
	border-right: solid 1px #ccc;
}
#navCatalogue ul li a:hover, #navCatalogue ul li a:visited:hover{
	color: #faa736;
}
#navCatalogue ul li a.actif, #navCatalogue ul li a.actif:visited{
	color:#faa736;
} 




/* MENU PLAN DU SITE  */
#navPlan ul li{
	font-size: 12px;
	margin:0 0 5px 20px;
	list-style: square;
}
#navPlan ul li a, #navPlan ul li a:link{
	font-size: 12px;
	color: #929292;
	text-decoration: none;
	
}
#navPlan ul li a:hover, #navPlan ul li a:visited:hover{
	font-size: 12px;
	color: #faa736;
	text-decoration: none;

}
#navPlan ul li a:visited{
	font-size: 12px;
	color: #929292;
	text-decoration:underline;

}


/* ACCUEIL */

#btinterface{
	background: url(gx/01/bg_interface.gif) top left no-repeat;
	width:568px;
	height :264px;

}
#btinterfacepos{
margin:0 0 0 0;
padding: 20px 27px 0 27px ;
}

#btlogin{
	background: url(gx/01/bg_btlogin.gif) top left no-repeat;
	font-size: 12px;
	text-align:left;
	width:568px;
	height :104px;
}
#btloginpos{
padding: 20px 77px 0 27px ;
	margin:0 0 0 0;
}


#btroicalculateur{
 background: url(gx/05/bg_btlogin.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: left;
	width: 568px;
	height: 104px;
}


/* Photo */
.photo{
	float: left;
	margin: 0 0 0 29px;
	padding: 10px;
	margin: 0;
	border: 1px #BDBDBD solid;
}



/* Contact */
#adresse{
	background: url(gx/bg_adresse.gif) top left no-repeat;
	padding: 20px 0 0 10px;
	margin:0 0 0 0;
	text-align:left;
	width:568px;
	height :220px;
}


/*témoignages*/
#titrephoto{
	width:470px;
}

#bttem1{
	background: url(gx/01/bg_tem1.gif) top left no-repeat;
	font-size: 12px;
	text-align:left;
	width:568px;
	height :154px;
}
#bttem1pos{
padding: 20px 77px 0 27px ;
	margin:0 0 0 0;
}
#bttem3{
	background: url(gx/01/bg_tem3.gif) top left no-repeat;
	font-size: 12px;
	text-align:left;
	width:568px;
	height :201px;
}
#bttem3pos{
padding: 20px 77px 0 27px ;
	margin:0 0 0 0;
}



/*partenaires*/
#btpart1{
	background: url(gx/01/bg_btpart.gif) top left no-repeat;
	font-size: 12px;
	text-align:left;
	width:568px;
	height :154px;
}
#btpart1pos{
padding: 20px 77px 0 27px ;
	margin:0 0 0 0;
}




/* NOUVELLES */

#separateur{
	padding: 10px 22px 10px 22px;
	margin:0 0 0 0;
	color: #c1c1c1;
	background: #fff;
	text-align:left;
}

#titredate{
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma;
	color: #BABABA;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#titredate p{
margin:0;
color: #f5bf1f;
}

/* PHOTOS de la colonne de droite */

#cadrephoto{
	background: aqua;
	padding: 0 22px 10px 22px;
	
}
.mainphoto{
	padding: 10px;
	margin:0 0 10px 0;
	text-align:center;
	border: 1px SOLID #D4D4D4;
}
.mainphoto{
	padding: 10px;
	margin:0 0 10px 0;
	text-align:center;
	border: 1px SOLID #D4D4D4;
}

/* FIN photo*/


#photo2{
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:226px;
	height :132px;
	text-align:left;
	border: 1px SOLID #D4D4D4;
}
#cadreinterface{
	padding: 0 22px 10px 22px;
}
#interface{
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:226px;
	height :159px;
	text-align:left;
	border: 1px SOLID #D4D4D4;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	height: 50px;
	width:890px;
	padding: 0;
	margin: 0;
	background: url(gx/M/bg_menu.gif) top left no-repeat;
	text-align:left;
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 32px;
}
#menu ul li{
	padding: 0;
	margin: 0;
	/*display: block;*/ /* avoir pour le inline*/
	position: relative;
	height: 32px;
	float: left;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 32px;
	height: 32px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 6px 0px 5px;
	margin: 0px;
	float: left;
	display: block;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background: url(gx/M/bg_bt.gif) no-repeat top center ;
	color: #929292;
}
#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:visited{
	color: #faa736;
}

/*		debut code modifie	*/

#menu ul ul{
	position: absolute;
	display: none; 
	top: 32px;
	left: 0px;
	width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background:#fff;
	float: left;
	line-height: 20px;
	font-size: 11px;
	border-bottom: 1px solid #000;
}
#menu ul ul ul{
	position: absolute;
	top: 0px;
	left: 200px;
	width: 200px;
	padding: 0px;
	margin:0;
	background:#fff;
	float: left;
	line-height: 20px;
	font-size: 11px;
}

#menu li:hover ul, #menu li:hover li:hover ul{
	display:block;}
#menu li:hover ul ul{
	display:none;}

#menu li li{
	float:left;
	width: 200px;
	display: block;
	height: auto;
	background: #FFF;
	margin: 0px;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #CCC;
}

	
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	line-height: 24px;
	height: auto;
	/*width: 200px;*/   /*bug dans IE ne fais pas afficher*/
	font-size: 12px;
	width: 190px;
	_width: 100%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	float: left;
	display: block;
	/*border-bottom: 1px solid #CCC;*/
}
#menu ul ul a:hover, #menu ul ul a:visited:hover{
	background: #f3f3f3;
	color: #929292;
}	

	

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #555;height: 50px;font-family: Arial, Verdana, Tahoma;font-size: 12px;padding: 0; text-align: left;}
#piedPage a{ color: #000; text-decoration: underline;}
#piedPage a:hover{ color: #929292; }
#piedPage #copyrights{border-top: 1px #BDBDBD dashed;margin: 0;padding: 2px 0 0 0;text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p b, li b{color: #E50202;}
p, td{font-size: 12px; line-height: 140%; color: #000;}
/*ul li{font-size: 12px; line-height: 140%; color: #000; margin-left:22px;padding-left:5px;}*/
p a, p a:link, p a:visited,td a, td a:link, td a:visited{color: #000; text-decoration: underline;}
p a:hover, p a:visited:hover, td a:hover, td a:visited:hover{color: #F5BF1F;text-decoration: underline;}
p b a, p b a:link, p b a:visited, li b a, li b a:link, li b a:visited{color: #E50202;}
p b a:hover, p b a:visited:hover, p b a:link:hover, li b a:hover, li b a:visited:hover, li b a:link:hover{color: #000;}
/*p:first-letter{color: green; font-size: 200%; text-transform:uppercase;}*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 5px; width: 456px; border:1px solid #dadada;}
/*fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}*/
fieldset label{font-size: 12px;}

.formulaire{margin: 0;padding: 0;}
.champTexte{	
	color: #666;
	border: 1px solid #dadada;
	background: #fff;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.8em;
}
.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #666;
	border: 1px solid #dadada;
	background: #fff;
	margin: 0 0 0 0;
	padding: 0;
}
.bouton{
	background-color: #fff;
	color: #999;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}



/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=50);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#F59F29; }
/* couleur du fond tranparent */
#overlay{
	background-color: #E7E7E7; 
}
	
	/* GOOGLE MAP CONTACT
--------------------------------------------------------------------------------------- */
#map{
	width: 567px;
	height: 300px;
	float: left;
}


	/* OFFRE TELUS
--------------------------------------------------------------------------------------- */

.texte-offre-telus{text-align:justify;margin:15px 40px 0 0;}
#image-telephones-offre-telus{float:left;margin:0 0 10px 30px;}