body {
line-height: 13px;/**/
margin-top: 0px;
text-align: center;
/*color:#CC3300; orange*/
/*color:#885533; beige*/
/* color:#794431;beige 2*/
/*color:#854B36; beige 3*/
/*color:#9E5A41; beige 4*/
color:#B16649; /*beige 5*/
/*color:#BA7256; beige 6*/



background-color:#331100;

/*font: normal 11px Verdana, Arial, Helvetica, sans-serif;*/
 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*font-size: 11px;
/*font-size: 0.6em;*/
}

#container {
width: 740px;
/*height:420px;
border: 4px double #8F865B;
margin-top: 70px;*/
margin-top: 6%;
margin-left: auto;
margin-right: auto;
padding: 6px;
background-color: #331100;
/*background-image: url(picks/logo_ouidire.gif);*/
background-repeat: no-repeat;
}
#header {
width: 740px;
height:50px;
margin-bottom:30px;
/*border: 4px double #8F865B;
margin-top: 70px;*/


background-color: #331100;

background-repeat: no-repeat;

}
.logo {
width: 312px;
height:50px;

margin-left: 0px;
background-image:  url(images/logo_ouidire.gif);
float:left;
}

#content {
/*height: 300px;
width:300px;*/
margin-left: 542px;
margin-bottom:0;
padding-bottom:0;

/*background-image: url(picks/2.jpg);*/
background-repeat:no-repeat;

/*height: 405px;
border: 2px outset #6F6740;*/
}

.droite{
padding-top:30px;
margin-bottom:0;
padding-left:30px;

}
.droite ul{
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
text-align:left;
}

img.left {
float:left;
padding:0px;
margin-right:3px;
/*border:1px solid #B5B5B5;*/
}

#col_left {
float: left;
width: 210px;
/*height: 300px;*/
/*height: 405px;			
margin-top: 20px;*/
margin-right: 10px;
margin-left:0;
padding: 0;
background-color: #331100;
text-align:left;
/*border: 2px outset #6F6740;*/

}
#col_left ul{
	text-align:left;
/*	margin-left:20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: square;
*/
margin-top:0;
margin-left:0px;
padding-left:25px;
/*padding-left:15px;*/

}
#col_left li{
	list-style-type: none;
	list-style-position: outside;
margin-left:0px;
padding-left:0;
	list-style-image: url(images/piton.gif);
margin-bottom:3px;
padding-right:20px;	
}
#col_centre {
float: left;
width: 350px;
height: 300px;
/*padding-top: 42px;*/
margin-left: 0px;
padding-bottom: 0px;
/*background-color: #331100;*/

background-repeat:no-repeat;
/*border: 3px outset #6F6740;*/

}
#col_portfolio {
float: left;
width: 520px;
height: 400px;
/*padding-top: 42px;
margin-left: 15px;*/
padding-bottom: 0px;
/*background-color: #331100;*/

background-repeat:no-repeat;
/*border: 3px outset #6F6740;*/

}
.accueil {
/*background-image:  url(images/ouidire.jpg);
background-image:  url(images/produits.jpg);*/
}
.produits {
background-image:  url(images/produits.jpg);
/*background-image:  url(images/ouidire.jpg);*/
}
.services {
background-image:  url(images/services.jpg);
/*background-image:  url(images/ouidire.jpg);*/
}
.separator {
	height:28px;
	/*width:105px;*/
	margin-left:0;
/*padding-left:50;*/
margin-top:10px;
	background-image:  url(images/gribouillis02.gif);
	background-repeat:no-repeat;
text-align:left;

}
.separator02 {
	height:10px;
	width:132px;
	margin-left:0;
/*padding-left:60px;*/
margin-top:0px;
	background-image:  url(images/gribouillis03.gif);
	background-repeat:no-repeat;
text-align:left;

}
.fleche {
	height:17px;
	/*width:195px;*/
	margin-left:-30px;
padding-left:30px;

padding-top:-6px;
	background-image:  url(images/fleche.gif);
	background-repeat:no-repeat;
text-align:right;

}



pre {
	height:31px;
	/*width:192px;*/
	/*margin-left:90px;*/
margin-bottom:0px;
	padding-left:0px;
	background-image:  url(images/gribouillis01.gif);
	background-repeat:no-repeat;
text-align:left;

}
h1 {
	text-align: left;
	margin-top: 5px;
margin-bottom:15px;
	padding:0px;
	color:#fff;
	text-transform: uppercase;
/*font-size: 0.9em;*/
font-size: 11px;
font-weight:normal;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/}
h3 {
font-size: 11px;
color:#CC3300; /*orange*/
font-weight:normal;
text-align:left;
margin-top: 5px;
margin-bottom:0px;
}

h4 {text-align: center; margin-top: 1px; padding: 1px; border: 0px outset #fff;

}
h2 {
text-align: left;
margin-bottom:10px;

margin-top:5px;
color:#fff;
text-transform: uppercase;
/*font-size: 0.9em;*/
font-weight:normal;
font-size: 0.9em;
}


a{
	text-decoration: none;
	/*color:#fff;*/
	color:#CC3300; /*orange*/
	
}


a:hover {
	/*color: #FFFFFF;
	text-decoration: none;
	background-color:#4A2C1D;*/
}
strong {color: #FFFFFF; font-weight:normal;}
ul { /*color: #fff;
margin-left:17px;*/
}

p {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom:10px;
	text-align: left;
	word-spacing: 0px;
	display: block;
/*margin-right:30px;*/
margin-left:0px;
}

.menu {
/*background:#ccc;
	width: 428px;
	padding-top:38px;*/
	margin-bottom:0;
	margin-top:35px;
margin-right:0px;
padding-left:0;
	
	float:right;
	
}
.menu ul {
padding-bottom:0px;
margin-bottom:0;

/*padding-bottom:0px;*/
}
.menu li {

	float: left;
	display: inline;
	list-style-type: none;
		/*letter-spacing: -0.5px;
font-variant: small-caps;*/
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
font-size:11px;
/*padding-top:30px;
padding-bottom:0px;
margin-left: 7px;*/
}
.menu li a {
background: #;
	/*color: #CC3300;*/
/*color:#794431; beige 2*/
/*color:#854B36; beige 3*/
 /*color:#9E5A41;beige 4*/
color:#B16649; /*beige 5*/
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
font-spacing:-2px;
}
.menu li a:hover, .menu li a.selected{

text-decoration: none;
color: #FFFFFF;
}

.clear {
visibility: hidden;
clear: both;

}

#form input, #textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#4A2C1D; /*beige 2*/
font-size: 11px;
color:#CC3300; /*orange*/
border:none; 
margin-top:3px;
}
#nom, #courriel{
width:170px;

}
#textarea{
width:250px;

}
#form input.submit{
color:#CC3300; /*orange*/

}

#footer {
	clear: both;
	background-color: #331100;
	text-align: right;
	height: 40px;
	font-size:11px;
padding-top:20px;
	/*bborder: 1px solid #FFFFFF;
order: 2px outset #6F6740;*/

}
.legal {
width:312px;
float:left;
background-color: #331100;
text-align: left;
height: 11px;

/*color: #FFFFFF;*/
/*color:#CC3300; orange*/
/*color:#885533; beige*/
/*color:#794431; beige 2*/
 /*color:#9E5A41;beige 4*/
color:#B16649; /*beige 5*/
/*border: 2px outset #6F6740;*/

}
.ariane {
	width:420px;
	float:left;
	background-color: #331100;
	text-align: right;
	height: 40px;
	/*color: #FFFFFF;*/
color:#CC3300; /*orange*/
/*border: 2px outset #6F6740;*/

}