/* ****************************************************************************
		reset
**************************************************************************** */
html{ color:#000; background:#FFF }
body,div,dl,dt,dd,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin: 0; padding: 0 }
table{ border-collapse: collapse; border-spacing: 0 }
fieldset,img{ border:0 none }
address,caption,cite,code,dfn,em,th,var,optgroup{ font-style: inherit; font-weight: inherit }
del,ins{ text-decoration: none }
caption,th{ text-align: left }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal }
q:before,q:after{content:''}
abbr,acronym{ border: 0; font-variant: normal }
sup{ vertical-align: baseline }
sub{ vertical-align: baseline}
legend{ color: #000 }
input,button,textarea,select,optgroup,option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input,button,textarea,select{ font-size: 100% }
a { cursor: pointer }

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
#leo-maincontainer { float: none }

/* ************************************************************************************************
		struture
************************************************************************************************ */
#page {width: 100% !important}
	#header {z-index:10}
	#columns {z-index:1; background:#FFF}
		#center_column {padding: 15px 25px;
			}
		#right_column { width:23%; float:right; margin-right:20px;}


/* ************************************************************************************************
		generic style
************************************************************************************************ */
body{
	font: normal 12px/16px /* 14px */ Arial, Verdana, sans-serif;
	color: #555555;
	background: url("../img/bg-page.jpg") repeat scroll 0 0 transparent ;
	min-width: 480px; /*mon ajout 358 min*/
}

/* title *************************************************************************************** */
h1 {
	margin-bottom:20px;
	font-size:24px;
	line-height: 22px;
	margin-top:10px;
}
h2 {
	font-size:18px
}
h3 {
	font-size:16px
}
h4 {
	font-size:14px
}

/* link **************************************************************************************** */
a, a:active, a:visited {
	color:#F0A30A; 
	text-decoration:none;
	outline: medium none
}

/* module productcomments ********************************************************************** */
#page .rte { background: transparent none repeat scroll 0 0 }
.leo-wrapper{ position: relative; max-width: 980px; margin: 0 auto }

/*.lof-position-wrap {background:#000} */
#leo-centercol { width:74.4%; min-height: 350px; float:left; }

/* ************************************************************************************************
		HEADER
************************************************************************************************ */
#lofadva-pos-3 .lof-position-wrap { background:#111; border: 1px solid #333333; border-radius:5px 5px 5px 5px; margin-bottom:15px; height:42px }
#header{width:100%;background:url( ../img/bg-header.jpg) repeat-x scroll 0 0 transparent;min-height:220px }
#header { position:relative }
#header_logo {
	float:left;
	display:block;
	margin-top:30px
}
#leo-logo { position:absolute;top:20px;z-index: 2 }
#header_right {
	position:relative	
}
#lofadva-pos-1 { background: none repeat scroll 0 0 #111 }
.sf-menu:before {
    content: url("../img/shadow-left.png");
    height: 170px;
    left: -7px;
    position: absolute;
    top: 218px;
    width: 7px
}
.sf-menu:after {
    content: url("../img/shadow-right.png");
    height: 170px;
    position: absolute;
    right: -7px;
    top: 218px;
    width: 7px;
}
.sf-contener, .sf-menu {
    background: url("../img/menu.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
    margin-top: 168px;
    color: #ffffff;
}

/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#leo-footer{ background:url(../img/bg-footer2.jpg) repeat scroll 0 0 transparent;width:100%; margin-top:102px}
.leo-wrapper-footer{padding-top:70px;background:#111; border:1px solid #333333}

/* Mes ajouts */
@media only screen and (max-width: 960px) {
	#leo-centercol {
		float: left;
		width: 100%
	}
	#leo-rightcol {
		padding: 15px 25px;
	}	
	#right_column {
		float: left;
		width: 100%
	}
}
a:hover { text-decoration: underline; }
#lofadva-pos-3 .lof-position-wrap .lofadva-block-1{ float: none !important; text-align: center }
label { float: left; width: 320px }
input[type=text], input[type=url], input[type=tel], input[type=email] {  width: 300px }
form p { margin-top: 8px }
textarea { width: 100%; height: 600px}