body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	background-color: #fff;

}



.Noir12 {

	font-size: 12px;

	font-weight: bold;

}



.Noir10 {

	font-size: 10px;

	font-weight: normal;

}



a:link, a:visited, a:hover, a:active{

	color: blue;

}



h2  {

	font-size: 105%;

}



.bold {

	font-weight: bold;

}





#header      { 

    float: left; 

    width: 100%; 

    height: 80px; 

    background-image: url('/Images/Logo_Nom_Aqua.jpg'); 

    background-repeat: no-repeat; 

    background-attachment: scroll; 

    margin: 0; 

    background-position: 0%; }

					

#nav1        {

	background-image: url('/Images/bg1.gif');

	background-color: #dae0d2;

	background-repeat: repeat-x;

	background-attachment: scroll;

	float: left;

	width: 100%;

	line-height: normal;

	background-position: 50% bottom;

}

					

#nav1 UL {

	PADDING: 10px 10px 0 10px;

	MARGIN: 0; 

 	LIST-STYLE-TYPE: none

}



#nav1 li     {

	background: url('/Images/left.gif')  no-repeat left top;

	float: left;

	margin: 0;

	padding: 0 0 0 9px;

}

					

#nav1 a      {

	display: block;

	font-weight: bold;

	background-image: url('/Images/right.gif');

	background-repeat: no-repeat;

	background-attachment: scroll;

	float: left;

	color: #909090;

	text-decoration: none;

	padding: 5px 15px 4px 6px;

	background-position: right top;

}



#nav1 a {

	FLOAT: none

}



#nav1 a:hover {

	COLOR: #333;

}

#nav1 #current {

	background-image: url('/Images/left_on.gif');

}

#nav1 #current a {

	background-image: url('/Images/right_on.gif');

	color: #333;

	padding-bottom: 5px;

}



/* Fin de la navigation TAB */



/* Début de la navigation 2e niveau */

#nav2        { 

    font-size: 98%; 

    background-image: url('/Images/bg1.gif');

    background-color: #dae0d2; 

    background-repeat: repeat-x; 

    background-attachment: scroll; 

    float: left; 

    width: 100%; 

    line-height: normal; 

    background-position: 50% bottom }



#nav2 UL {

	PADDING: 10px 10px 0 10px; 

	MARGIN: 0; 

	LIST-STYLE-TYPE: none

}

#nav2 LI {

	PADDING: 0 0 0 9px; 

	FLOAT: left;  

	MARGIN: 0; 

}

#nav2 a {

	PADDING: 5px 15px 4px 6px; 

	DISPLAY: block; 

	FONT-WEIGHT: bold; 

	FLOAT: left; 

	COLOR: #6d6d6d; 

	TEXT-DECORATION: none

}

#nav2 a {

	FLOAT: none

}



#nav2 a:hover {

	COLOR: #333

}



#nav2 #current a {

	PADDING-BOTTOM: 5px; 

	COLOR: #333

}



/* Fin de la navigation 2e niveau */



#headerright  {

	float: right;

	margin: 0 5px 0 0 ;

	vertical-align: top;

	font-size: 85%; 

}



#headerright a  {

	text-decoration: underline;

	font-size: 85%;

	color: Blue;

}



#header img {

	border: none;

}



.phone {

	font-size: 110%;

	font-weight: bold;

}



/* Tabulation Produits */



#tabproduits, #tabservices, #tabindex  {

	float: left;

	text-align: left;

	width: 92%;

	margin: 10px 15px;

}



#infoproduits, #infoservices, #infoindex {

	width: 95%;

	text-align: left;

	float: left;

	margin: 10px 0 0 0;

}



.imgvingt {

	width: 20%;

	float: left;

	margin: 0 5px 10px 0;

}



.imgdemi {

	width: 49%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}



.imgdeuxtier {

	width: 60%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}



.imgtier {

	width: 40%;

	float: left;

	margin: 5px;

}



.imgvingtindex {

	width: 20%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}



.imgdemiindex {

	width: 49%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}



.imgtierindex {

	width: 21%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}



#infoaboutus {

	width: 72%;

	text-align: left;

	float: left;

	margin: 10px 0 0 0;

}



#tabproduits fieldset  {

	float: left;

	text-align: left;

	width: 21%;

	height: 225px;

	margin: 10px 15px 0 0;

	padding: 5px;

}



#tabproduits legend  {

	font-weight: bold;

}



#tabproduits img  {

	border: 0;

	margin: 10px 15px 0 15px;

}



#tabproduits h1 {

	font-size: 12px;

	color: #333;

}



#tabservices fieldset  {

	float: left;

	width: 46%;

	height: 250px;

	margin: 10px 15px 0 0;

	padding: 5px;

}



#tabservices legend  {

	font-weight: bold;

	color: #015A9C;

}



#tabservices .double {

	float: left;

	width: 94%;

	height: auto;

	margin: 10px 15px 0 0;

	padding: 5px;

}



#tabservices .double li {

	margin-left: 50px;

	text-indent: 20px;

}



#tabservices h1 {

	font-size: 12px;

	color: #333;

}



#tabservices img  {

	border: 0;

	margin: 10px 25px 0 5px;

}



#tabindex h1 {

	font-size: 14px;

	color: #333;

}



#tabindex a {

	text-decoration: underline;

	color: Blue;

}



#tabindex img  {

	border: 0;

	margin: 10px 15px 0 15px;

}



.fieldsetcenter1  {

	float: left;

	width: 90%;

	margin: 5px 5px 10px 0;

	font-size: 110%;

	padding: 10px;

	background-color: #F0F0F0;

}



.fieldsetcenter  {

	float: left;

	width: 90%;

	margin: 5px 5px 10px 0;

	font-size: 100%;

	padding: 10px;

}





.indexdroite  {

	float: left;

	width: 90%;

	margin: 5px 5px 5px 0;

	font-size: 95%;

	padding: 10px;

}



legend {

	font-weight: bold;

	color: #015A9C;

}

.headline1 {

	font-family: "Monotype Corsiva";

	font-size: 30px;

	font-weight: bold;

	color: #000146;

	

}



.headline {

	font-size: 16px;

	font-weight: bold;

	color: #015A9C;

}



.small {

	font-size: 10px;

	color: #015A9C;

}

	

#mainsavons  {

	float: left;

	width: 99%;

}



#savons  {

	float: left;

	width: 72%;

}



#savons fieldset  {

	float: left;

	padding: 7px;

	margin: 5px 10px 0 0;

}



#savons legend  {

	font-weight: bold;

}



#savons span  {

	width: 38%;

	float: left;

	text-align: left;

	margin: 10px 0 0 5px;

}



#savons a, #mainsavons a {

	text-decoration: underline;

	font-weight: normal;

	font-size: 80%;

	color: blue;

}



.imgproduits {

	width: 20%;

	float: left;

	margin: 10px 0 0 0;

}



.prix  {

	float: right;

	width: 40%;

	font-weight: bold;

	text-align: right;

	margin: 10px 0 0 0;

}



#savonsdroite {

	font-size: 11px;

	margin-top: 10px;

	float: right;

	width: 25%;

}



#aboutusdroite {

	font-size: 11px;

	margin-top: 10px;

	float: right;

	width: 24%;

}



#aboutusdroite legend  {

	font-weight: bold;

}



.notesdroite {

	text-align: left;

	border: 1px solid #333;

	padding: 5px;

	background-color: #FAFAD2;

	margin: 5px 0 15px 0;

}



.notesdroite h1, #aboutusdroite h1 {

	margin: 5px 0;

	font-size: 12px;

	color: #333;

}

#tabservices #masso {

	float: left;

	width: 85%;

	height: auto;

	margin: auto auto 0 0;

	padding: 5px;

	border: thin none;



}

.chaise {

	border: 0;

	margin: 10px 15px 0 15px;

}



/* Détails de produits */



#detaildroite {

	font-size: 85%;

	float: right;

	width: 25%;

	margin: 10px 0 0 0;

	padding: 5px;

	border: 1px solid gray;

	background-color:#FAFAD2

}



#detaildroite h2 {

	font-size: 110%;

	text-align: center;

}



#detaildroite fieldset {

	background-color:#FFF

}



#detaildroite legend {

	font-size: 110%;

	font-weight: bold;

}



.detailpetit {

	font-size: 80%;

	margin-left: 3px;

}



#detailproduit {

	float: left;

	width: 70%;

	margin: 10px 0 0 0;

}



#detailentete {

   float: left;

   width: 100%;

}



.detailimg {

	width: 25%;

	float: left;

	padding: 5px ;

}



.detailtitre {

	font-size: 125%;

	font-weight: bold;

	float: left;

	margin: 10px 0 0 10px;

	width: 45%;

}



.detailprix  {

	float: right;

	font-size: 110%;

	width: 23%;

	font-weight: bold;

	text-align: right;

	margin: 10px 0 0 0;

}



.details {

	float: left;

	width: 40%;

	margin: 10px 0 0 20px;

	padding: 5px;

}



.detailslong {

	float: left;

	width: 80%;

	font-size: 110%;

	margin: 10px 0 0 20px;

	padding: 5px;

}



.ingredient {

	width: 75%;

	float: left;

	margin: 5px 0 0 5px;

	vertical-align: top;

}



.imgingredients {

	width: 15%;

	float: left;

	margin: 5px 0 0 0;

	vertical-align: top;

}



.relies {

	float: left;

	width: 100%;

	margin: 0;

	padding: 5px;

}



.lienretour  {

	text-decoration: underline;

	font-weight: normal;

	font-size: 80%;

	color: green;

}



/* page tarif */

#blocgauche {

	float: left;

	width: 50%;

	padding: 2px;

	margin-bottom: 10px;

	border: 1px solid silver;	

}



#blocgauche p {

	padding: 0 5px;

}



#blocgauche table, td, tr {

	font-size: 95%;

	padding: 5px;

}



.blocgauche {

	float: left;

	width: 50%;

	padding: 2px;

	margin-bottom: 10px;

	border: 1px solid silver;	

}



.blocindex {

	float: left;

	width: 30%;

	padding: 2px;

	margin: 10px;

	border: 1px solid silver;	

}



#bloccomplet {

	float: left;

	width: 70%;

	padding: 8px;

	margin: 10px;

	border: 1px solid silver;	

}



#blocdroite {

	float: right;

	width: 48%;

	padding: 2px;

	margin-bottom: 10px;

	border: 1px solid Silver;

}



.blocdroite {

	float: right;

	width: 48%;

	padding: 2px;

	margin-bottom: 10px;

	border: 1px solid Silver;

}



#bloccompletdroit {

	float: right;

	margin-bottom: 20px;

	width: 25%;

}



.bloc1, .bloc2 {

	float: left;

	width: 100%;

	padding: 3px;

}



#infoservices h1 {

	font-size: 120%;

	color: #015A9C;

	clear: all;

	padding: 5px;

	margin: 0;

	width: 50%;

}



.blocindex h1 {

	font-size: 120%;

	color: #015A9C;

	clear: all;

	padding: 5px;

	margin: 0;

}



.bloc2 {

	background-color: #D1EBFE;

}



.type, .type2, .type2bold, .typeindex {

	float: left;

	width: 35%;

	margin: 5px 3px 5px 0px;

	padding: 2px;

}



.type2, .type2bold {

	width: 50%;

	margin: 5px 3px 5px 10px;

}



#bloccomplet .type {

	width: 80%;

}



.typeindex {

	width: 99%;

	padding: 3px;

	margin: 5px;

}



.tarif, .tarifbold {

	float: left;

	width: 20%;

	margin: 5px 3px 5px 0;

	padding: 2px;

}



.tarifbold, .type2bold {

	font-weight: bold;

	color: #404040;

}



#bloccomplet .tarifbold {

	width: 20%;

}



.tarifindex {

	float: right;

	font-size: 130%;

	font-weight: bold;

	color: #404040;

	width: 20%;

	margin: 5px;

}



/* CSS Tabs */

.container {

        width: 90%;

        padding: 15px;

        margin: 3px 0 20px 0;

        border: 1px solid #ccc;

        background: #fff;

}



/* circle */



#navCircle {

        margin: 0;

        padding: 0 0 20px 10px;

        border-bottom: 1px solid #9FB1BC;

}



#navCircle li {

        margin: 0;

        padding: 0;

        display: inline;

        list-style-type: none;

}



#navCircle a:link, #navCircle a:visited {

        float: left;

        font-size: 12px;

        line-height: 14px;

        font-weight: bold;

        padding: 0 12px 6px 12px;

        text-decoration: none;

        color: #708491;

}



#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover, #navCircle #current a {

        padding-bottom: 6px;

        color: #000;

        background: url(circle.gif) no-repeat bottom center;

}



/* Navigation */

div#c_menu {padding:0; margin:0; z-index:auto; clear:both; z-index:1; position:relative; width:100%;}

ul#menu,ul#sousmenu {list-style-type:none; margin:0; padding:0; display:block; text-transform:uppercase; position:relative; overflow:hidden; font-family:arial; }

ul#menu {clear:both;	height:26px; background:url(Images/bg_menu3_off.gif) repeat-x;font-size:12px;}

ul#menu li {float:left; height:26px; padding:0 2px 0 0; background:url(Images/pipe_menu3.gif) no-repeat right;}



ul#menu li a:link,

ul#menu li a:visited {

	display:block;

	padding:3px 5px;

	line-height:20px;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

}

ul#menu li a:hover {background:url(Images/bg_menu3_on.gif) repeat-x;}



ul#menu li.home {

	display:block;

	width:38px;

	cursor:default;

	height:0;

	padding:26px 0 0 0;

	overflow:hidden;

	background:url(Images/home_menu3_on.gif) no-repeat;

}



ul#menu li.plus {float:right;position:relative;overflow:none;padding:0;}

ul#menu li.plus a:link,

ul#menu li.plus a:visited {

	display:block;

	width:40px;

	height:0;

	padding:25px 0 0 0;

	background:url(http://www.canoe.com/accueil2007/Images/plus_off.gif) no-repeat;

}

ul#menu li.plus a:hover {background:url(Images/plus_on.gif);}

ul#sousmenu {height:31px; background:url(Images/bg_menu2_off.gif) repeat-x;font-size:11px;}

ul#sousmenu li {

	float:left;

	height:31px;

	padding:0 2px 0 0;

	background:url(Images/pipe_menu2.gif) no-repeat right 7px;

}

ul#sousmenu li.premier {text-indent:7px;}

ul#sousmenu li a:link,

ul#sousmenu li a:visited {

	display:block;

	padding:0 5px;

	line-height:24px;

	color:#707070;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

}

ul#sousmenu li a.on,

ul#sousmenu li a:hover {background:url(Images/bg_menu2_on.gif) repeat-x;}

ul#sousmenu li.c_partenaires {position:relative;display:block; background:none;float:right;}

ul#sousmenu ul#icone {margin:0;padding:0;}

ul#sousmenu ul#icone li {background:none;}

ul#sousmenu ul#icone li a:link,

ul#sousmenu ul#icone li a:visited {

	display:block;

	height:0;

	padding:25px 0 0 0;

	overflow:hidden;

}

ul#sousmenu ul#icone li a.jdm:link,

ul#sousmenu ul#icone li a.jdm:visited  {width:50px;background:url(/Images/logo_jdm.gif) no-repeat;}

ul#sousmenu ul#icone li a.jdq:link,

ul#sousmenu ul#icone li a.jdq:visited  {width:57px;background:url(/Images/logo_jdq.gif) no-repeat;}

ul#sousmenu ul#icone li a.lcn:link,

ul#sousmenu ul#icone li a.lcn:visited {width:72px;background:url(/Images/logo_lcn.gif) no-repeat;}

ul#sousmenu ul#icone li a.tva:link,

ul#sousmenu ul#icone li a.tva:visited {width:64px;background:url(/Images/logo_tva.gif) no-repeat;}



div#margeServices {

	width: 200px;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}

	

ul.listHoriz {

	list-style-type: none;

	text-align: left;

	margin: 0px;

	padding: 0px;

	float: left;

}

ul.listHoriz li {

	float: left;

	width: 170px;

	padding: 0px;

	margin: 0px;

	background: url(Images/bullet_grey.gif) no-repeat 0px 5px;

	padding-left: 8px;

}

ul.listHoriz li a {

	color: #00478A;

	text-decoration: none;

	font-size: 11px;

	line-height: 15px;

	display: block;

}

ul.listHoriz li b {

	background-color: #dae9f5;

	display: block;

	padding-left: 3px;

	width: 160px;

	font-weight: normal;

}

ul.listHoriz li a:hover {text-decoration:underline;}



/* modification 2007-07-16*/

div#margeServices H1  {

	color: #00478A;

	font-size: 12px;

	display: block;

	line-height: 15px;

	margin:5px 0 0 0;

	}

div#margeServices fieldset  {

	float: left;

	width: 100%;

	margin: 10px 15px 0 0;

	padding: 5px;

}



div#margeServices legend  {

	font-weight: bold;

	color: #00478A;

}



.ReportTable {

	font-size: 10px;

	color: #015A9C;

}

.ReportTable .Data  {}

.ReportTable .Header { background-color: silver }



.ReportHdr1Table {}

.ReportHdr1Table .Data   {text-align: left; color: rgb(51,102,204); vertical-align: top}

.ReportHdr1Table .Label  {text-align: left; color: rgb(153,255,51); vertical-align: top}

.img70 {



	width: 70%;

	float: left;

	margin: 0 5px 10px 0;

	padding: 5px;

}