@import "init.css";
@import "menu.css";

body           	{ background: url('../gif/fond.jpg') no-repeat #673F3D; background-attachment: fixed; }
body           	{ font: 10pt/1.4em Arial, Times sans-serif; color: #FFFFFF; height:100%; overflow-y:auto; }

.clear         	{ clear: both; font: 0pt/0em Arial, Verdana, Times; height: 0px; }
.separ         	{ padding: 0; background: url('../gif/left-separation.jpg') no-repeat; width: 233px; height: 1px; font: 0pt/0em Arial, Verdana, Times; }
.bdr           	{ border: 1px solid #673F3D; }
.bdr2          	{ border: 1px solid #673F3D; margin : 15px 0 0 0; }
.fleft	  	{ float: left; }
.fright	  	{ float: right; }
.pad10	  	{ padding-right: 10px; }
.orange	  	{ color: #DD6A19; font-weight: bold; font-size: 11pt; }
.orange1  	{ color: #DD6A19; font-size: 10pt; }
.orange2  	{ color: #DD6A19; font-weight: bold; font-size: 13pt; }
.orange3  	{ color: #DD6A19; font-weight: bold; font-size: 15pt; }
.noir15	  	{ color: #000000; font-weight: bold; font-size: 15pt; }
.noir13	  	{ color: #000000; font-weight: bold; font-size: 13pt; }
.noir14	  	{ color: #000000; font-weight: bold; font-size: 14pt; }
.orange13	{ color: #DD6A19; font-weight: bold; font-size: 13pt; }
.orange14 	{ color: #DD6A19; font-weight: bold; font-size: 14pt; }
.orange15 	{ color: #DD6A19; font-weight: bold; font-size: 15pt; }
.rouge	  	{ color: #BB2829; font-weight: bold; font-size: 13pt; }
.rouge_clair13 	{ color: red; font-weight: bold; font-size: 13pt; }
.rouge_clair15 	{ color: red; font-weight: bold; font-size: 15pt; }
.violet	  	{ color: #673F3D; font-weight: bold; font-size: 10pt; }
.marron   	{ color: #673F3D; font-weight: bold; font-size: 10pt; }
.marron2  	{ color: #673F3D; font-weight: bold; font-size: 15pt; }
.marron13 	{ color: #673F3D; font-weight: bold; font-size: 13pt; }
.marron14 	{ color: #673F3D; font-weight: bold; font-size: 14pt; }
.marron15 	{ color: #673F3D; font-weight: bold; font-size: 15pt; }
.vert	  	{ color: #A2CA98; font-weight: bold; font-size: 10pt; font-style: italic; }
.vert2	  	{ color: #A2CA98; font-weight: bold; font-size: 13pt; font-style: italic; } /*color: #BACEB5;*/
.blanc14  	{ font: 14pt/1.6em Arial, Verdana, Sans-serif; color: #FFFFFF; }
.vert14	  	{ color: #A2CA98; font-weight: bold; font-size: 14pt; }

h1 a           { font: 19pt/1.7em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: normal; text-decoration: none; }
h2             { font: 14pt/1.6em Arial, Verdana, Sans-serif; color: #CFCAAA; font-weight: bold; }
h3             { font: 13pt/1.6em Arial, Verdana, Sans-serif; color: #673F3D; font-weight: bold; padding-bottom:2px; }
h4	       { font: 10pt/1.6em Arial, Verdana, Sans-serif; color: #DA6E16; font-weight: bold; padding-left: 3px; padding-bottom:2px; width: 100%; background: #673F3D; }
h5             { font: 10pt/1.6em Arial, Verdana, Sans-serif; color: #DA6E16; }

.h3            { font: 13pt/1.6em Arial, Verdana, Sans-serif; color: #DD6A19; font-weight: bold; padding-bottom:2px; }

s.noir	       { color: #000000; }
s.rouge	       { color: red; }
s.orange       { color: #DD6A19; }
s.marron       { color: #673F3D; }

a.lien         { text-decoration: none; color: #FFFFFF; font-weight: bold; }
a.lien2        { text-decoration: none; color: #BBCEB8; font-weight: bold; }
a.lien3        { font: 10pt/1.6em Arial, Verdana, Sans-serif; text-decoration: none; color: #673F3D; font-weight: bold; }
a.lien3:hover  { color: #CFCAAA; }
a.lien:hover,a.lien2:hover   { text-decoration: none; color: #673F3D; font-weight: bold; }

table.invit, .invit tr, .invit td { border: 1px solid white; }

table, tr, td  { border: 1px solid #673F3D; }
tr.bg, .bg     { background: #673F3D; }
.bg_gris       { background: #CCCCCC; }
.bg_gris2       { background: #666666; }
td.orange      { color: #DA6E16; text-align: center; }

.emotion       { float:left; width: 180px; height: 61px; padding: 15px; margin: 0 0 0 3px;}
.coeur	       { float:left; margin: 0 0 0 5px;}
.amma          { width: 250px; text-align:center; background: #673F3D; margin : 0 0 0 100px; }

#site          { float: left; width: 763px;}

td.bdr_t_r       { border-left: none; border-bottom: none; }
td.bdr_t_l       { border-right: none; border-bottom: none; }
td.bdr_r	 { border-left: none; border-bottom: none; border-top: none; }
td.bdr_l	 { border-right: none; border-bottom: none; border-top: none; }
td.bdr_b_r       { border-left: none; border-top: none; }
td.bdr_b_l       { border-right: none; border-top: none; }

.offre	       { position: relative; background-color: #FFFFFF; width: 350px; padding: 5px 2px 5px 2px; margin : 10px 0 0 50px; border: 1px solid #673F3D; text-align: center; }
.offre2	       { position: relative; background-color: #FFFFFF; width: 400px; padding: 5px 2px 5px 2px; margin : 10px 0 0 30px; border: 1px solid #673F3D; text-align: center; }
.invit-l       { float: left; width:185px; height: 142px; padding: 35px 0 0 0; font: 13pt/2em Arial, Verdana, Sans-serif; margin:15px 0 0 15px; border:1px solid black; border-right: none; }
.invit-r       { float: left; width:185px; margin: 15px 0 0 0;  border: 1px solid black; border-left: none; padding:10px 0 10px; }
.invit-l2      { float: left; width:190px; height: 132px; padding: 20px 0 0 0; font: 13pt/2em Arial, Verdana, Sans-serif; }
.invit-r2      { float: left; width:190px; margin: 0 0 0 10px; }
.st_valentin   { float: left; }

/* Bloc de gauche */
#bloc-left              { float: left; width: 233px; padding: 20px 0 0 20px; display:block; top: 0px; left: 0px; position: fixed; }
* html #bloc-left       { position:absolute; }
.left-top               { width: 233px; height: 104px; font: 0pt/0em Arial, Verdana, Times; }
.left-fond              { width: 223px; padding: 0px 5px 10px 5px; background: url('../gif/left-fond.jpg') repeat-y top; }
.left-footer            { width: 223px; font: 8pt/1.4em Arial, Times sans-serif; color: #CD918E; padding: 10px 5px; background: url('../gif/left-fond.jpg') repeat-y top; text-align: right; } 
.left-footer a          { font: 8pt/1.4em Arial, Times sans-serif; color: #CD918E; text-decoration : none; }
.left-footer a:hover    { color: #FFFFFF; }
.big-letter             { font: 30pt/1.0em Arial, Verdana, Sans-serif; color: #FFFFFF; }
.menu_second		{ padding: 0 5px; }
.menu_second li a	{ font: 8pt/1.0em Arial, Times sans-serif; padding-bottom: 2px; color: #B8CEB9; text-decoration: none; }
.menu_second li a:hover	{ color: #EA7211; }

/* Bloc de droite */
#bloc-right    { width: 490px; padding: 20px 0 0 273px; display: block; }
.right-top     { width: 440px; height: 45px; background: url('../gif/right-top.jpg') no-repeat;  padding: 0 0 0 50px; }
.right-top-ssr { width: 480px; height: 35px; background: url('../gif/right-top-ssr.jpg') no-repeat;  padding: 0 0 0 10px; }
.right-fond    { width: 470px; padding: 10px 10px; background: url('../gif/right-fond.jpg') repeat-y top; }


/* Rubrique Adresse */
#photo            { width: 150px; float: left; }
.gatineau         { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 30px 0 0; }
.ileft-adresse    { width: 310px; padding: 0; float: left; }
.iright-adresse   { width: 150px; float: left; padding: 70px 0 0 0; }

/* Rubrique Contact */
.contact_gatineau { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 30px 0 0; }
.ileft-contact    { width: 180px; float: left; padding: 7px 10px 0 0; text-align: right; }
.iright-contact   { width: 250px; float: left; padding: 7px 0 0 0; }

/* Rubrique Carte */
.carte_gatineau    { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 19px 0 0; }
.carte_gatineau2   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 40px 0 0; }
.carte_gatineau3   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 10px 0 0; }
.carte_gatineau4   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 50px 0 0; }
.carte_gatineau5   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0; }
.carte_gatineau6   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 0px 0 0px; }
.carte_gatineau7   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 60px 0 0px; }
.carte_gatineau8   { font: 8pt/1.4em Arial, Times sans-serif; }
#carte_photo       { width: 165px; float: left; }
#carte_droite      { width: 305px; float: left; }
#ileft2            { width: 290px; padding: 0; float: left; }
#iright2           { width: 160px; float: left; padding: 40px 0 0 20px; margin: 0; }
#ileft3            { width: 270px; padding: 0; float: left; }
#iright3           { width: 180px; float: left; padding: 40px 0 0 5px; margin: 0; }
#ileft6            { width: 270px; padding: 0; float: left; }
#iright6           { width: 180px; float: left; padding: 40px 0 0 20px; margin: 0; }
#titre1		   { width: 500px; }
.ileft8            { width: 290px; padding: 0; float: left; }
.iright8           { width: 160px; float: left; padding: 0px 0 0 20px; margin: 0; }
.ileft9            { width: 165px; padding: 0; float: left; }
.iright9           { width: 285px; float: left; padding: 0px 0 0 20px; margin: 0; }
.ileft10           { width: 135px; padding: 5px 0 0 0; float: left; }
.iright10          { width: 315px; float: left; padding: 0px 0 0 20px; margin: 0; }
.ileft11           { width: 270px; padding: 0; float: left; }
.iright11          { width: 180px; float: left; padding: 0px 0 0 20px; margin: 0; }
.moitie		   { width: 200px; float: left; padding: 0px 0 0 20px; text-align: center; }
.soin_comfort      { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 30px 0 0; }
.copyright_comfort { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding-right: 10px;  }


/* Rubrique Offre */
.offre_gatineau   { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 30px 0 0; }
.offre_gatineau2  { float: right; font: 8pt/1.4em Arial, Times sans-serif; padding: 0 30px 0 0; }
#ileft            { width: 290px; padding: 70px 0 0 0; float: left; }
#iright           { width: 180px; float: left; padding: 20px 0 0 0; margin: 0; }
#ileft4           { width: 320px; padding: 0; float: left; }
#iright4          { width: 135px; float: left; padding: 40px 0 0 15px; margin: 0; }
#ileft5           { width: 320px; padding: 30px 0 0 0; float: left; }
#iright5          { width: 135px; float: left; padding: 10px 0 0 15px; margin: 0; }
.euro		  { font: 14pt/1.6em Arial, Verdana, Sans-serif; color: #DD6A19; font-weight: bold; }
td.bg             { background: #673F3D; }

#left_lpg         { float: left; width: 170px; padding: 0; }
#right_lpg        { float: left; padding: 0; margin: 0; }
.lpg              { border: 1px solid white; background: #673F3D; font: 11pt/1.5em Arial, Times sans-serif; }
.lpg-vert         { font: 12pt/1.5em Arial, Times sans-serif; color: #CFCAAA; font-weight: bold; }
.soin-solaire1    { width: 250px; height: 116px; padding-top: 180px; background: url('../gif/fr/offre/soin-solaire1.jpg') no-repeat; }
.pieds		  { width: 380px; text-align:center; background: #FFFFFF; margin : 10px 0 0 30px; text-align: center; padding:10px; }
.pieds-in	  { width: 300px; text-align:center; background: #673F3D; margin : 10px 0 5px 20px; padding:20px; }	  

.photo-l { float: left; width: 165px; }
.photo-r { float: left; width: 150px; margin: 0 0 0 15px; }
.mid	 { float: left; width: 140px; margin: 0 0 0 10px; }

.palpe-ph-l { float: left; width: 190px; text-align: center; margin: 0 0 0 30px; }
.palpe-ph-l2 { float: left; width: 200px; text-align: center; margin: 0 0 0 30px; }
.palpe-ph-r { float: left; width: 180px; text-align: center; margin: 0 0 0 15px; }

/* plan du site */
.plan_rub           { padding: 3px 0 0 0; }
.plan_ssr           { padding: 3px 0 0 30px; }
.plan_sous_ssr      { padding: 3px 0 0 60px; }
.plan_lien          { text-decoration: none; color: #FFFFFF; font-weight: bold; }
.plan_lien:hover    { text-decoration: none; color: #673F3D; font-weight: bold; }

.flash_promo   	    { position: absolute; top: 420px; left: 810px; }