/*
This rule defines the positining and dimensions of the main layout div. It SHOULD NOT BE MODIFIED by hand.
*/
div.accueil3{
	margin-right:auto;
	margin-left:auto;
	position:static;
	width:960px;
}
/*
Body CSS rules start

This section holds the CSS rules for the HTML body and may also contain general typography definitions. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
.accueil3_body_design{
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	color:#000000;
	background-color:#333333;
	font-size:12px;
	line-height:150%;
	margin:0px;
	padding:0px;
}

.accueil3_body_design a:link{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0099FF;
	text-align:left;
	text-decoration:underline;
	font-size:12px;
	line-height:1.5;
}

.accueil3_body_design a:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0099FF;
	text-align:left;
	text-decoration:underline;
	font-size:12px;
	line-height:1.5;
}

.accueil3_body_design a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0099FF;
	text-align:left;
	text-decoration:underline;
	font-size:12px;
	line-height:1.5;
}

.accueil3_body_design a:active{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0099FF;
	text-align:left;
	text-decoration:underline;
	font-size:12px;
	line-height:1.5;
}

.accueil3_body_design p{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#666666;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	line-height:1.8;
}

.accueil3_body_design h1{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:lighter;
	color:#FF9900;
	text-align:left;
	font-size:34px;
	margin:0px 0px 40px 0px;
	padding:0;
}

.accueil3_body_design h2{
	font-family:Verdana, Geneva, sans-serif;
}

.accueil3_body_design h3{
	font-family:Verdana, Geneva, sans-serif;
}

/*Body CSS rules end*/

/*
Content Boxes design CSS rules start

This section holds the CSS rules for the content Boxes. The content Boxes are divs that will hold the page content (text, images etc., but not other Flexi CSS Layouts Boxes). You may also find typography rules here. If you want to check or change any CSS property you will probably find it here. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .accueil3_toplinks_design{
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	margin:0px;
	padding-top:7px;
	padding-right:4px;
	padding-bottom:0px;
	padding-left:4px;
	min-height:25px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:25px;
}

div.cssLO .accueil3_logo_design{
	margin:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:20px;
	min-height:80px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:80px;
}

div.cssLO .accueil3_dummy1_design{
	margin:0px;
	padding:0px;
	min-height:100px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:100px;
}

div.cssLO .accueil3_phonenumber_design{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	color:#000000;
	font-size:12px;
	line-height:150%;
	margin:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:0px;
	min-height:90px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:90px;
}

div.cssLO .accueil3_navigation_design{
	margin:0px;
	padding-top:50px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
	border-top:solid 0px #000000;
	border-right:solid 0px #000000;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #cccccc;
	min-height:330px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:330px;
}

div.cssLO .accueil3_showcase_design{
	margin:0px;
	padding:0px;
	min-height:400px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:400px;
}

div.cssLO .accueil3_sidebar_design{
	margin-top:20px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-top:solid 0px #000000;
	border-right:solid 1px #555555;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #000000;
	min-height:452px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:452px;
}

div.cssLO .accueil3_column1_design{
	margin:0px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-top:solid 0px #000000;
	border-right:solid 1px #555555;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #000000;
	min-height:454px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:454px;
}

div.cssLO .accueil3_column2_design{
	margin:0px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	min-height:454px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:454px;
}

div.cssLO .accueil3_logofooter_design{
	margin:0px;
	padding:10px;
	min-height:54px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:54px;
}

div.cssLO .accueil3_copyright_design{
	margin:0px;
	padding-top:25px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	min-height:49px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:49px;
}

/*Content Boxes design CSS rules end*/

/*
Container Boxes design CSS rules start

In this section are found design rules for the Boxes that are used as containers for other Boxes. Styles defined here are applied on all the container's respective children. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .accueil3_topheader_design{
	background-color:#333333;
	margin:0px;
	padding:0px;
	min-height:100px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:100px;
}

div.cssLO .accueil3_showcase_wrapper_design{
	margin:0px;
	padding:0px;
	border-top:solid 0px #000000;
	border-right:solid 0px #cccccc;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #cccccc;
	min-height:400px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:400px;
}

div.cssLO .accueil3_header_design{
	margin:0px;
	padding:0px;
	min-height:500px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:500px;
}

div.cssLO .accueil3_main_design{
	margin:0px;
	padding-top:20px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
	min-height:459px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:459px;
}

div.cssLO .accueil3_content_design{
	margin-top:20px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:30px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	border-top:solid 0px #cccccc;
	border-right:solid 0px #cccccc;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #cccccc;
	min-height:500px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:500px;
}

div.cssLO .accueil3_footer_design{
	background-color:#282D30;
	margin:0px;
	padding:0px;
	border-top:solid 1px #555555;
	border-right:solid 0px #cccccc;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #cccccc;
	min-height:74px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:74px;
}

div.cssLO .accueil3_wrapper_design{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	min-height:1177px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:1177px;
}

/*Container Boxes design CSS rules end*/

/*
Layout CSS rules start

This section contains layout rules that handle the positioning and dimensions of each layout element. Please DO NOT MODIFY this by hand!
*/
.accueil3_wrapper_layout{
	width:960px;
}

.accueil3_toplinks_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_header_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_topheader_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_logo_layout{
	width:400px;
	float:left;
	margin-right: 0px !important;
	margin-right: -3px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. These two rules come to prevent that.*/
}

.accueil3_dummy1_layout{
	margin-left:400px !important;
	margin-right:250px !important;
	float:none;/*This and the margin-left and margin-right above are the code necesary for creating a liquid column.*/
	margin-left:397px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. This rule overrides the previous important margin only for IE6.*/
	margin-right:247px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. This rule overrides the previous important margin only for IE6.*/
}

.accueil3_phonenumber_layout{
	width:250px;
	float:right;
	margin-left: 0px !important;
	margin-left: -3px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. These two rules come to prevent that.*/
}

.accueil3_showcase_wrapper_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_navigation_layout{
	margin-left:0 !important;
	margin-right:640px !important;
	float:none;/*This and the margin-left and margin-right above are the code necesary for creating a liquid column.*/
	margin-right:637px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. This rule overrides the previous important margin only for IE6.*/
}

.accueil3_showcase_layout{
	width:640px;
	float:right;
	margin-left: 0px !important;
	margin-left: -3px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. These two rules come to prevent that.*/
}

.accueil3_content_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_sidebar_layout{
	width:320px;
	float:left;
	margin-right: 0px !important;
	margin-right: -3px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. These two rules come to prevent that.*/
}

.accueil3_main_layout{
	margin-left:320px !important;
	margin-right:0 !important;
	float:none;/*This and the margin-left and margin-right above are the code necesary for creating a liquid column.*/
	margin-left:317px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. This rule overrides the previous important margin only for IE6.*/
}

.accueil3_column1_layout{
	width:50%;
}

.accueil3_column2_layout{
	width:50%;
	margin-right: -1px;/*IE6 and IE7 make inconsistent approximations when dealing with percentual widths and sometimes there will be extra space visible. This rule prevents that.*/
}

html>body .accueil3_column2_layout{
	margin-right:0}

.accueil3_footer_layout{
	width:100%;
	margin-right:auto;
}

.accueil3_logofooter_layout{
	width:320px;
	float:left;
	margin-right: 0px !important;
	margin-right: -3px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. These two rules come to prevent that.*/
}

.accueil3_copyright_layout{
	margin-left:320px !important;
	margin-right:0 !important;
	float:none;/*This and the margin-left and margin-right above are the code necesary for creating a liquid column.*/
	margin-left:317px;/*This is a known issue with IE6. The browser leaves 3px margins near floating divs. This rule overrides the previous important margin only for IE6.*/
}

/*Layout CSS rules end*/