*{
	margin:0px;
	padding:0px;
	font-family:trebuchet ms;
}

a:link,
a:visited{
	/*text-decoration:none;*/
}

.orange a:link,
.orange a:visited,
.gris a:link,
.gris a:visited{
	color:#df6e26;
}

.bleu a:link,
.bleu a:visited{
	color:#0e6eb6;
}

.vert a:link,
.vert a:visited{
	color:#c3c471;
}

a img{
	border:0px;
}
/* **********************************************************************************************
Couleurs des backgrounds des pages
********************************************************************************************** */

/* Accueil
*/
.gris{
	background-color:#a7a589;
}

/* Joliette ----------------------------
*/
.orange{
	background-color:#df6e26;
}

.text-orange{
	color:#df6e26;
}

/* Rawdon ------------------------------
*/
.vert{
	background-color:#c3c471;
}

.text-vert{
	color:#c3c471 !important;
}

/* St Lin-Laurentides -----------------
*/
.bleu{
	background-color:#0e6eb6;
}

.text-bleu{
	color:#0e6eb6 !important;
}

#page{
	width:970px;
	background-color:#ffffff;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:40px;
	margin-bottom:30px;
}

/* *********************************************************************************************
Page d'accueil
********************************************************************************************* */

.boutonAccueil{
	height:52px;
	width:314px;
	
	background-image:url("../images/bg-bouton-accueil.gif");
	background-repeat:no-repeat;
	float:left;
	
	
}

.contenuBouton{
	height:35px;
	width:310px;
	text-align:center;
	color:#ffffff;
	padding-top:13px;
}

.lienAccueil{
	position:absolute;
	height:50px;
	width:315px;
}

.imageAccueil{
	width:317px;
	height:215px;
	float:left;
	background-image:url("../images/bg-image-accueil.gif");
}

/* Boutons succursales en haut ******************* */
#boutonsContainer .boutonAccueil a{
	width:310px;
	height:48px;
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
}

#boutonsContainer .boutonAccueil a:hover{
	background-position:center bottom;
	background-color:#f0f0d0;
}
/* ************************************************** */

/* Boutons succursales de gauches ******************* */
#contenuAccueil #gauche a{
	width:224px;
	height:109px;
	display:block;
	background-position:center top;
	border:#888 solid 1px;
}

#contenuAccueil #gauche a:hover{
	background-position:center bottom;
}
/* ************************************************** */


#contenuAccueil{
	padding-top:20px;
}

#contenuAccueil #gauche{
	width:230px;
	float:left;
}

#contenuAccueil #droite{
	float:left;
	width:700px;
	padding-left:30px;
	padding-right:10px;
	font-size:0.85em;
	color:#636466;
}

#contenuAccueil #droite p{
	margin:10px 0px;
	line-height:1.45em;
}

#contenuAccueil #droite #basGauche{
	float:left;
	padding-right:20px;
	padding-bottom:30px;
}

#contenuAccueil #droite #basDroite{
	float:left;
	border:#0e6eb6 1px solid;
	height:176px;
	width:280px;
	padding:20px;
	text-align:center;
	margin-left:355px;
}

#contenuAccueil #droite #basDroite #evenements{
	text-align:left;
	padding-top:5px;
}


/* *******************************************************************************************
Partie droite
******************************************************************************************** */

#page #contenuDroite {
	float:left;
	width:735px;
}

.optometristes-joliette  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/Joliette_optometristes.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.opticiens-joliette  #contenuDroite {
	min-height: 620px;
	
	background-image: url(../images/photos/Joliette_opticien-technicien_2011-08-15.jpg);
	background-repeat: no-repeat;
	background-position: 40px  bottom;
}

.Joliette_assistantes   #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/Joliette_assistantes_2011-08-25.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.Rawdon_optometristes  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/Rawdon_optometristes.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}


.Rawdon_opticien-technicien #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/Rawdon_opticien-technicien.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.Rawdon_assistantes  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/Rawdon_assistantes.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.St-Lin_optometristes #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/St-Lin_optometristes.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.St-Lin_opticien-technicien #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/St-Lin_opticien-technicien.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.St-Lin_assistantes #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/St-Lin_assistantes.jpg);
	background-repeat: no-repeat;
	background-position: 60px bottom ;
}

.yves-leblanc #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/yves-leblanc.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom ;
}

.dave-pelletier #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/dave-pelletier.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom ;
}

.marie-helene-laurin #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/marie-helene-laurin.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom ;
}


.marie-eve-mercier  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/marie-eve-mercier.jpg);
	background-repeat: no-repeat;
	background-position: 500px bottom ;
}

.line-caron  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/line-caron.jpg);
	background-repeat: no-repeat;
	background-position: 500px bottom ;
}

.pascal-venne #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/pascal-venne.jpg);
	background-repeat: no-repeat;
	background-position: 500px bottom ;
}

.emilie-coutu #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/emilie-coutu.jpg);
	background-repeat: no-repeat;
	background-position: 500px bottom ;
}

.yvan-ouellet  #contenuDroite {
	min-height: 600px;
	
	background-image: url(../images/photos/yvan-ouellet.jpg);
	background-repeat: no-repeat;
	background-position: 500px bottom ;
} 




/* fil d'Arianne ------------------------------------------------------------------------- */

#fil{
	font-family:trebuchet ms;
	font-size:0.8em;
}

#fil a:link,
#fil a:visited{
	/*text-decoration:none;*/
	color:#636466;
}

/* contenu de la page --------------------------------------------------------------------- */

#contenu{
	margin-left:38px;
	margin-top:16px;
	color:#636466;
	margin-right:30px;
	font-size:0.9em;
	padding-bottom: 25px;
}

#contenu ul {
	padding-left: 30px;
}

#contenu h1{
	font-weight:normal;
	font-size:1.8em;
	margin-top: 10px;
	margin-bottom: 15px;
}

#contenu h2{
	font-weight:normal;
	font-size:1.6em;
	padding-bottom:10px;
}

#contenu h3{
	font-weight:normal;
	font-size:1.2em;
	padding-top:30px;
}

#contenu p{
	line-height:1.5em;
	padding:10px 0px;
}

#contenu ol,
#contenu ol{
	padding-left:50px;
}

#contenu .grandeImage{
	padding:30px 0px;
}

#contenu .petit{
	font-size:0.75em;
}

#contenu .horaire table tr td{
	padding:4px 0px;
}

#contenu #coordonnees{
	margin-top:30px;
}

#contenu #coordonnees td{
	padding-bottom:20px;
	padding-right:5px;
	font-size:0.8em;
}

#contenu #coordonnees td p{
	line-height:1.7em;
	font-size:1.2em;
}

#contenu #plan ul {
	list-style-type:none;
	font-size:1.3em;
}

#contenu #plan a:link,
#contenu #plan a:visited{
	text-decoration:none;
}

#contenu #plan ul li{
	padding:10px 0px;
	border-bottom:1px solid #DF6E26;
}

#contenu #plan ul li ul{
	/*list-style-type:disc;*/
	font-size:0.8em;
}

#contenu #plan ul li ul li {
	/*margin-left:50px;*/
	padding:2px 0px;
	border-bottom:0px solid #fff;
}

.tabLogos {
	width: 100%;
}

.tabLogos td {
	width: 33%;
	height: 100px;
}

.clear {
	overflow: hidden;
	clear: both;
	height: 1px;
}


/* *******************************************************************************************
Pied de la page
******************************************************************************************** */

#pied{
	color:#ffffff;
	width:890px;
	margin:auto;
	padding-bottom:60px;
	padding-right:65px;
	text-align:right;
	font-size:0.7em;
}

#pied a:link,
#pied a:visited{
	color:#ffffff;
	text-decoration:none;
}