/*Mathieu Thériault, pour Anorak Studio*/



/*reset*/

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* fin reset*/

/* Styles généraux */
body{
	background-color:#E2E2E2;
	background-image:url(../images/bkg_tuile.jpg);
	background-repeat:repeat;
}
h3 {
	text-transform: uppercase;
	font-family: 'Kameron', serif;
	font-size: 3em;
	font-weight:700;
	text-shadow: 2px 2px 0px #fff;
	color: #42291e;
	margin-top:77px;
}
h4 {
	font-family: 'Kameron', serif;
	font-size:1.5em;
	color: #42291e;
	font-weight:400;
	text-transform: uppercase;
}	
p {
	font-family:helvetica, arial, sans-serif;
	color: #42291e;
	font-size: 0.8em;
	padding-bottom: 25px;

}
#conteneur {
position:relative;
margin: auto;
}
#header{
position:fixed;
width:100%;
height:238px;
top:0;
left:0;
background-image:url(../images/tuile_header.png);
background-repeat:repeat-x;
z-index:100;
}

#header img {
	position:absolute;
	right:50%;
	margin-right:-119px;
}

#comptoir{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	}
	
#comptoir img {
	position:absolute;
	right:50%;
	margin-right:-600px;
	z-index:-10;
	}
	
#accroche {
	position:relative;
	width:100%;
	height:162px;
	margin-top: 133px;
	z-index:90;
	overflow:hidden;
}
#accroche img{
	position:relative;
	height:100%;
	width:539px;
	left:50%;
	margin-left:-270px;	
}
#type_util {
	position:relative;
	margin:auto;
	margin-top:50px;
	background-image:url(../images/tuile_lignes.png);
	background-position:0 12px;
	background-repeat:repeat-x;
	text-align: center;

}
#type_util li{
	display: inline-block;
}	
#type_util li img{
	padding-top: 2px;
	padding-bottom:2px;
/*	margin-left:15.5px;*/
/*	margin-right:15.5px;*/
	border-top: solid 1px #492f25;
	border-bottom: solid 1px #492f25;
	float:right;
}
#type_util li img.texte{
	padding: 0;
	border: 0;
	margin-left:31px;
	float:right;
}
#type_util li img.first{
	margin-right:31px;
	float:right;
}
#conteneur_info{
	position:relative;
	left: 50%;
	margin-left: -147px;
	/*margin-right: 67%;*/
	clear: both;
	max-width:620px;
}
		
#t_info{
	margin-top: 0px;
	padding-bottom:45px;
	text-align: left;
}
	

.hidden {
	text-indent: -9999px;
	font-size: 0;
}


#footer_menu{
	position:absolute;
	padding-bottom:20px;
	margin-left:50px;

}

#footer_menu img{
float:left;
padding-left:20px;
}

#footer_menu p{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #252525;
	text-transform: uppercase;
	float: left;
	padding:0 20px;
	border-right: 1px solid #333;
}
#case1{
	width: 275px;
}
#case2{
	width: 335px;
}
#case3{
	width: 279px;
}
#footer_menu #case4 p {
	border-right:none;
	font-size:0.6em;
	margin-top: 7px;
}

.case_foot{
float: left;
margin-top: 30px;
}

a:link{
	text-decoration: underline;
	color: #252525;
}
a:visited{
	text-decoration: underline;
	color: #252525;
}
a:hover{
	text-decoration: underline;
	color: #252525;
}
a:active{
	text-decoration: none;
	color: #252525;
}