/* Basic Default Styles */
*{
	margin: 0;
	padding: 0;
}
body{
	background: #033f7d url('../images/fra_bckg_body.jpg') no-repeat top center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #333333;
}
a:link,
a:visited{
	text-decoration: underline;
	color: #20a6d5;
}
a:hover,
a:active{
	text-decoration: none;
	color: #000000;
}
a[rel="external"]{ background: url('../images/ico_external.gif') 99% 40% no-repeat; padding-right: 18px; }
a[href$=".pdf"], a.pdf{ background: url('../images/ico_pdf.gif') 0% 60% no-repeat; padding-left: 20px; }
a.plus{ background: url('../images/ico_plus.gif') 0% 60% no-repeat; padding-left: 12px; }
a.minus{ background: url('../images/ico_minus.gif') 0% 60% no-repeat; padding-left: 12px; }
ul{ list-style-type: square; }
img{ border: 0; }
#formCart{
	padding: 6px 0 0 0;
	background: none;
	border: 0;
	text-align: center;
}
form{
	padding: 0 10px;
	background: #ddeffd;
	border-top: 1px solid #76c1f7;
	border-bottom: 1px solid #76c1f7;
}
form div{
	padding: 0 0 4px 0;
	clear: both;
}
form div.left{
	clear: none;
	width: 175px;
	padding: 4px 2px;
}
fieldset{
	padding: 6px 0;
	border: 0;
}
fieldset.login{ background: url('../images/ico_login.gif') 25px 25px no-repeat; }
fieldset.cart{ background: url('../images/ico_cart.gif') 0 25px no-repeat; }
#supportingText fieldset.cart p{ padding-left: 60px; }
label{
	display: block;
	float: left;
	width: 250px;
	padding: 2px 3px 0 0;
	text-align: right;
	font-weight: bold;
}
form div span.input{
	padding: 2px 0 0 4px;
	display: block;
}
input.input,
input.auto,
textarea,
select{
	width: 370px;
	padding: 2px 1px;
	border: 1px solid #d1dae2;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1em;
}
input.input:focus,
input.auto:focus,
textarea:focus,
select:focus{ border: 1px solid #000000; }
input.auto, select.auto{ width: auto; }
span.required{ color: #cd0a0a; }
div.margin{
	clear: none;
	padding: 0 0 0 250px;
}
table{
	clear: both;
	width: 100%;
	margin: 6px 0;
	border-collapse: collapse;
	font-size: 0.9em;
}
table span.right{ padding-left: 25px; }
table td,
table th{
	padding: 3px;
	background: #ffffff;
	border: 1px solid #cccccc;
	vertical-align: top;
}
table th{
	background: #013368;
	border: 1px solid #24a0b7;
	color: #ffffff;
}
table tr.row1, .row1{ background: #eef2f4; }
table tr.row2, .row2{ background: #ffffff; }
table td.right{ float: none; text-align: right; }

/* --------------------------------------------------------------------*/
/* Container */
#container,
.container{
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
#container{ text-align: left; }
#content{
	clear: both;
	background: url('../images/fra_bckg_content.png') repeat-y top center;
	line-height: 1.5em;
}
#content:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* --------------------------------------------------------------------*/
/* Header */
#header{
	height: 202px;
	background: url('../images/fra_bckg_menu.gif') no-repeat bottom center;
}
#header p.logo{ float: left; }
#header p.logo a{
	display: block;
	width: 500px;
	height: 155px;
	text-decoration: none;
}
#header p.logo a span{ visibility: hidden; }
#header div.logo p{
	float: right;
	padding: 20px 0 0 0;
}
#header #formSearch{
	clear: both;
	float: right;
	width: 191px;
	padding: 11px 0;
	background: url('../images/fra_bckg_search.gif') no-repeat center right;
	border: 0;
}
#header #formSearch input{
	width: 160px;
	padding: 0 0 0 5px;
	background: none;
	border: 0;
	font-size: 0.9em;
	color: #999999;
}
#header #formSearch #btnSubmit{ width: 20px; }

/* --------------------------------------------------------------------*/
/* Nav */
ul#nav{
	float: right;
	width: 195px;
	padding: 0 0 5px 5px;
	background: url('../images/fra_bckg_nav.gif') no-repeat bottom right;
	list-style: none;
}
ul#nav li{ float: left; }
ul#nav li.item1{ border-right: 1px solid #044c97; }
ul#nav li a{
	display: block;
	height: 14px;
	padding: 8px 10px 12px 10px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
ul#nav li a:hover{
	text-decoration: underline;
	color: #8ae3ff;
}

/* --------------------------------------------------------------------*/
/* Menu */
ul#menu{
	clear: both;
	padding: 0 0 0 280px;
	list-style: none;
}
ul#menu li{ float: left; }
ul#menu li a{
	display: block;
	height: 20px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
ul#menu li a:hover{ background: url('../images/fra_bckg_menu_rl.gif') repeat-x top left; }
ul#menu li a.current{ font-weight: bold; }
ul#menu ul{ display: none; }

/* --------------------------------------------------------------------*/
/* Left */
#left{
	float: left;
	width: 240px;
	padding: 20px;
}
#left h2{
	padding: 0;
	font-size: 1.6em;
	color: #000000;
}
#left p{ font-size: 0.85em; }
#left ul{ list-style: none; }
#left ul li{ border-bottom: 1px solid #76c1f7; }
#left ul li a{
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #2462aa;
	outline: none;
}
#left ul li a.current,
#left ul li a.current:hover{
	font-weight: bold;
	color: #001938;
}
#left ul li a:hover{ color: #001938; }

/* --------------------------------------------------------------------*/
/* Right */
#right{
	float: right;
	width: 200px;
}

/* --------------------------------------------------------------------*/
/* Supporting text */
#supportingText{
	float: left;
	width: 680px;
	padding: 10px 20px 0 0;
	text-align: left;
}
body.produits #supportingText{
	width: 960px;
	padding: 0 12px;
}
#colorbox #supportingText{ width: auto; }
#supportingText p{ padding: 0.5em 0; }
#supportingText ul,
#supportingText ol{ padding: 0.5em 0 0.5em 2em; }
p#ariane{
	padding: 6px 0;
	line-height: 1.3em;
	font-size: 0.85em;
}
h1{ display: none; }
h2{
	padding: 0 0 0.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: -1px;
	color: #182831;
}
h3, legend{
	padding: 1em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #347528;
}
h4{
	padding: 0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.hidden{ display: none; }
.link{ color: #5ba13b; }
.sold{ color: #5ba13b; font-size: 1.8em; }
.item .left{
	width: 100px;
	height: 60px;
	overflow: hidden;
}
.item .right{ width: 490px; }
#container .fbshare{
	float: right;
	padding-bottom: 0.3em;
	padding-left: 10px;
}
.fbshare a{
	display: block;
	width: 76px;
	height: 18px;
	background: url('../images/ico_share_fr.gif') no-repeat top right;
	text-decoration: none;
}
.fbshare span{ visibility: hidden; }
#supportingText .center{ text-align: center; }
#supportingText p.msg-alert,
#supportingText p.msg-error,
#supportingText p.msg-confirm{
	clear: both;
	margin: 0 0 6px 0;
	padding: 6px 0 6px 34px;
	border: 1px solid #f9dd34;
	color: #102e44;
}
#supportingText p.msg-alert{ background: #fbf5d0 url('../images/ico_alert.gif') no-repeat 5px 5px; }
#supportingText p.msg-error{
	background: #fef1ec url('../images/ico_error.gif') no-repeat 4px 5px;
	border-color: #cd0a0a;
	color: #cd0a0a;
}
#supportingText p.msg-confirm{
	background: #eefeec url('../images/ico_confirm.gif') no-repeat 4px 5px;
	border-color: #51cd0a;
}
ul#pager{
	padding: 10px 0 2px 0;
	list-style: none;
}
ul#pager li{ float: left; }
ul#pager li a,
ul#pager li strong{
	display: block;
	padding: 0 4px;
	text-align: center;
}
div.btn1, div.btn2, div.btn4, div.btn5{ float: left; }
div.btn1 a, div.btn2 a, div.btn3 a, div.btn4 a, div.btn5 a{
	display: block;
	text-decoration: none;
}
div.btn1 span, div.btn2 span, div.btn3 span, div.btn4 span, div.btn5 span{ visibility: hidden; }
div.btn1, div.btn1 a{
	width: 399px;
	height: 273px;
	background: url('../images/btn_map_01_up.jpg') no-repeat top left;
}
div.btn2, div.btn2 a{
	width: 557px;
	height: 273px;
	background: url('../images/btn_map_02_up.jpg') no-repeat top left;
}
div.btn3{ clear: both; }
div.btn3, div.btn3 a{
	width: 956px;
	height: 292px;
	background: url('../images/btn_map_03_up.jpg') no-repeat top left;
}
div.btn4, div.btn4 a{
	width: 478px;
	height: 391px;
	background: url('../images/btn_map_04_up.jpg') no-repeat top left;
}
div.btn5, div.btn5 a{
	width: 478px;
	height: 391px;
	background: url('../images/btn_map_05_up.jpg') no-repeat top left;
}
div.btn1 a:hover{ background: url('../images/btn_map_01_rl.jpg') no-repeat top left; }
div.btn2 a:hover{ background: url('../images/btn_map_02_rl.jpg') no-repeat top left; }
div.btn3 a:hover{ background: url('../images/btn_map_03_rl.jpg') no-repeat top left; }
div.btn4 a:hover{ background: url('../images/btn_map_04_rl.jpg') no-repeat top left; }
div.btn5 a:hover{ background: url('../images/btn_map_05_rl.jpg') no-repeat top left; }

/* --------------------------------------------------------------------*/
/* Footer */
#footer{
	height: 30px;
	padding: 20px 5px 0 10px;
	background: url('../images/fra_bckg_footer.png') no-repeat top center;
	font-size: 0.85em;
	color: #9eb4ca;
}
#footer .right{ text-align: right; }
#footer p{
	clear: both;
	padding: 0 0 0.5em;
}
#footer a{ color: #ffffff; }
#footer ul{ list-style: none; }
#footer ul li{
	float: left;
	padding: 0 5px;
	border-left: 1px solid #467ca8;
}
#footer ul li.item1{ border: 0; }

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.media,
.media-body{
	overflow: hidden;
	zoom: 1;
}
.media-body{ width: 10000px; }
.media-right{ padding-left: 10px; }
.media-left{ padding-right: 10px; }
.media-left,
.media-right,
.media-body{
	display: table-cell;
	vertical-align: top;
}
.media{
	float: right;
	width: 165px;
	margin: 15px 0;
}
.media-body{ padding-top: 6px; }

/* --------------------------------------------------------------------*/
/* Print */
@media print{
	body, #container{
		margin: 0;
		padding: 0;
		font: 11px Arial, Helvetica, sans-serif;
	}
	h1{
		margin: 0;
		padding: 0;
		padding: 18px 0;
		font: 26px "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
	}
	#header, #left, #right, #footer, #ariane, .msg, .fb, .noprint{ display: none; }
	.right{ text-align: right; }
	table{
		clear: both;
		width: 100%;
		border-collapse: collapse;
	}
	table th,
	table td{
		padding: 0.5em;
		border: 1px solid #cccccc;
	}
	table th{ border: 1px solid #cccccc; }
	table td.level2{ padding-left: 1.3em; }
	table td.level3{ padding-left: 2em; }
	table tr.ui-widget-header th{ border: 1px solid #cccccc; }
	table td.color1{ font-weight: bold; color: #F00; }
	table td.color2{ font-weight: bold; color: #F90; }
	table td.color3{ font-weight: bold; color: #30F; }
	table td.color4{ font-weight: bold; color: #6C3; }
}