/*#########################################*/
/*###  Clear Fix  #########################*/

.clearfix:after 
{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

/*#########################################*/

body{
	background-color: #eef2f4;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/*#########################################*/
/*###  Header  ############################*/

#header{
	background: url(../img/back_header.png) repeat-x;
	height: 198px;
}

#inner_header{
	background: url(../img/back_middle_header.jpg) repeat-x;
	height: 198px;
	width: 970px;
	margin: 0 auto;
	position: relative;
}

/*#fade_bleu_right{
	position: absolute;
	top: 20px;
	right: -390px;
	height: 138px;
	width: 390px;
	background: url(../img/fade_bleu_droite.png) repeat-y;
}*/

/*#########################################*/
/*###  Main  ##############################*/

#main{
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#main_content{
	
}

.left_content{
	float: left;
	width: 540px;
	padding: 0 50px 0 0;
}

.vert_sep{
	float: left;
	background: url(../img/back_vertical_sep.png) repeat-y;
	width: 2px;
}

.right_content{
	float: right;
	width: 340px;
	padding: 0 0 0 30px;
}

.hori_sep{
	height: 2px;
	background: url(../img/back_horizontal_sep.png) repeat-x;
	margin: 30px 0 30px 0;
}

h1, h3{
	color: #004270;
	font-size: 170%;
}

h2{
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h2, h4{
	color: #009fd0;
}

h3{
	height: 34px;
	padding: 0 45px 0 0;
	margin: 0 0 20px 0;
	font-weight: normal;
	float: left;
}

h4{
	font-size: 110%;
	margin: 30px 0 0;
	font-weight: normal;
}

h3.magasins{
	background: url(../img/icone_panier.gif) no-repeat right top;
}

h3.service{
	background: url(../img/icone_telephone.gif) no-repeat right top;
}

a{
	color: #009fd0;
	text-decoration: underline;
}

a:hover{
	color: #4dccf3;
}

a.map_link{
	display: block;
	padding: 0 0 0 20px;
	margin: 5px 0 0;
	height: 20px;
	background: url(../img/bullet_pinhead.jpg) no-repeat 0 4px;
}

p{
	margin: 0 0 15px 0;
	line-height: 1.4em;
	clear: both;
	font-size: 90%;
}

strong.sub_title{
	display: block;
	margin: 25px 0 0 0;
}

#adresse_droite{
	padding: 15px 0 0 0;
}

#adresse_droite img, #adresse_droite address{
	float: left;
}

#adresse_droite img{
	margin: 0 10px 0 0;
}

#adresse_droite address{
	line-height: 1.4em;
	color: #004270;
	padding: 5px 0 0 0;
}

.hide{
	display: none;
}

/*#########################################*/
/*###  Footer  ############################*/

#footer{
	height: 54px;
	background: url(../img/back_footer.png) repeat-x;
	margin: 30px 0 0;
}

#inner_footer{
	width: 970px;
	margin: 0 auto;
	padding: 20px 0 0;
}

#inner_footer span{
	color: #fff;
	line-height: 1.5em;
	font-size: 80%;
}

#copyright{
	float: left;
}

#webtelecom{
	float: right;
}