@charset "utf-8";
/* CSS Document */
body{
		background:url(../images/top-tail.gif) top repeat-x #fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:17px;
		color:#353434;
}

a img {border: none;}

h1 {font-size:14px; font-weight:bold; color:#353434; line-height:20px; padding:0 0 0 20px; margin:15px 0 15px 0; background:url(../images/page-title-bg.gif) no-repeat 0 2px;}
h2 {font-size:14px; font-weight:bold; line-height:normal; color:#363636; padding:3px 0px 3px;}
h3 {color:#363636; font-size:12px; font-weight:bold; line-height:normal; padding:3px 0px 3px;}
h4 {color:#363636; font-size:11px; font-weight:bold; line-height:normal; padding:3px 0px 3px;}

table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}

#main-width { width:1007px; margin:0 auto; margin-top:25px; text-align:left; background:url(../images/main-top-tail.gif) top repeat-x #fff;}
.corner-left{ background:url(../images/main-corner-left.gif) left top no-repeat; width:100%;}
.corner-right{ background:url(../images/main-corner-right.gif) right top no-repeat; padding:10px 22px 0;}

input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
ul { list-style-image:url(../images/ul.gif);}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#a9a9a9; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}

.txtmini{font-size:10px;}
.italic{font-style:italic;}
.bold{font-weight:bold;}

div.btn{background:url(../images/btn.png) no-repeat; width:120px; height:30px; line-height:30px; text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; cursor:pointer; margin:5px;}
div.btn:hover{color:#F5A00E;}

/* ============================= Header ====================== */

#header { padding-bottom:6px;}
#header .top{ width:100%; overflow:hidden; height:100px;}
#header .top .fright{ text-align:right;}
#header .logo{ float:left;}
#header .ban{ float:left; width:468px; height:60px; margin:0 auto; padding:15px 0px 0px 62px;}
#header .lang{ float:right; padding:1px 17px 0 0;}
#header .menu{ background:url(../images/menu-tail.gif) top repeat-x; width:100%;}
#header .menu .left-bg{ background:url(../images/menu-left-bg.gif) left top no-repeat;}
#header .menu .right-bg{ background:url(../images/menu-right-bg.gif) right top no-repeat; width:100%; overflow:hidden;}
#header .menu ul{ padding:0; margin:0; list-style:none;}
#header .menu ul li{ float:left; font-size:14px;}
#header .menu ul li a{ color:#fff; text-decoration:none; display:block; padding:13px 0 14px 0; text-align:center; width:192px; background:url(../images/menu-separator.gif) no-repeat left 18px;}
#header .menu ul .first a{ background:none;}
#header .menu ul li a:hover{ color:#ef9800;}
#header .menu ul li a:active{ padding:15px 0 12px 0;}

/* ============================= Contenu ===================== */

#column-center{ padding:0 10px;}
.border-bottom{border-bottom:solid 1px #353434;}
table.tool tr{line-height:30px;}
table.tool tr.surligneur:hover{background-color:#FDB930;}
table.tool th{text-align:left;}
div.messResult{border:dashed 2px #FDB930; padding:7px; margin-bottom:10px;}
div.messError{
	background:url(../images/error.png) #FFD7D7 no-repeat center left;
	min-height:50px;
	padding:10px 10px 10px 60px;
	border:1px solid #990000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
div.messSuccess{
	background:url(../images/success.png) #BFFFBF no-repeat center left;
	min-height:50px;
	padding:10px 10px 10px 60px;
	border:1px solid #006600;
	font-weight:bold;
	font-size:14px;
}
.btop{
	border-top:1px solid #353434;
}

div.sideBySideThree
{
	float:left;
	width:33%;
	overflow:hidden;
}
/* ============================= Boîtes ===================== */

.box{ background:#fff; margin-bottom:6px;}
.box .top-border{ background:url(../images/box-border.gif) top repeat-x; position:relative; width:100%;}
.box .right-border{ background:url(../images/box-border.gif) right repeat-y; position:relative;}
.box .bot-border{ background:url(../images/box-border.gif) bottom repeat-x;}
.box .left-border{ background:url(../images/box-border.gif) left repeat-y; position:relative;}
.box .left-top{ background:url(../images/box-corner-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(../images/box-corner-right-top.gif) right top no-repeat;}
.box .right-bot{ background:url(../images/box-corner-right-bot.gif) right bottom no-repeat;}
.box .left-bot{ background:url(../images/box-corner-left-bot.gif) left bottom no-repeat; padding:2px 1px 0 1px;}
.box .box-head{ background:url(../images/box-head-tail.gif) bottom repeat-x; padding:9px 10px 12px 13px; font-weight:bold; color:#4f4f4f;}
.box .box-head span{ display:block; background:url(../images/box-head-bg.gif) no-repeat 0 0; padding:0 0 2px 23px;}
.box .box-head a{ color:#4f4f4f; text-decoration:none;}
.box .box-head a:hover{ text-decoration:underline;}
.box .box-body{ padding:14px 20px 26px 20px;}
.box .box-body ul{ padding:0; margin:-6px 0;}
.box .box-body ul li{ font-size:12px; line-height:27px; font-weight:bold; background:url(../images/) no-repeat 0 7px ; padding-left:23px;}
.box .box-body ul li a{ color:#28cbd0; text-decoration:none;}
.box .box-body ul li a:hover{ color:#ff7300;}
.box .box-body ol{ padding:0; margin:-10px 0 0 0; list-style:decimal inside;}
.box .box-body ol li{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#797979; font-weight:bold; line-height:50px;}
.box .box-body ol li a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#9cae08; text-decoration:none;}
.box .box-body ol li a:hover{ color:#ff7300;}
.box .block .indent{ padding:13px 4px 5px 5px;}

/* ============================= Formulaire ======================= */

select, input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353434;}

/* ============================= Footer ======================= */

div#footer{
	text-align:center;
	padding:25px 15px 15px 15px;
}