/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ background:url(images/body-tail.gif) top repeat-x #065376; text-align: center;}
#main { width:908px; margin:0 auto; text-align:justify; padding:15px 36px 15px 36px;}
#main2 { margin:0 auto; text-align:justify; padding:15px 36px 15px 36px;}
#footer { height:64px;}

.erreur {
	border-color:#E90C0C;
}

.erreur2 {
	color:#E90C0C;
}

.hide {
	display:none;
}

.selected{
	font-weight:bold;
	color:#309602;
}

#imageContainer {
	position:relative;
}

#imageContainer img {
	position:absolute;
	top:0px;
	left:0px;
}

table.dossier_header h4  {
	color:#0479b1;
	text-align:center;
}

table.dossier_header td {
	vertical-align:top;
}

table.filtre td, table.stats td, table.dossier td, table.dossier_detail td {
	vertical-align:middle;
}

table.filtre1 td, table.dossier_detail td {
	text-align:left;
}

table.dossier th, table.stats th, table.log_statut th {
	text-align:center;
}

table.filtre1 th, table.dossier_detail th {
	text-align:right;
}

table.commentaire th {
	text-align:left;
}

table.filtre th {
	white-space:nowrap;
}

table.filtre2 th {
	text-align:center;
}

table.dossier_detail th {
	width:10%;
	white-space:nowrap;
}

table .b1{
	width: 1px;
	background: #dcdcdc;
}

table .b2{
	height: 1px;
	background: #dcdcdc;
}

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

.column-1{ width:620px;}
.column-2{ width:244px;}
.column-3{ width:204px;}
.column-4{ width:660px;}
.col-1{ width:304px;}
.col-2{ width:304px;}
.col-3{ width:324px;}
.col-4{ width:324px;}

a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.center { text-align:center;}

html{ font-family: Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.667em; color:#051419;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0479b1; font-weight:bold;}
a:hover { text-decoration:none;}
a:active { outline: none;}
p { padding-top:18px;}
h3{ font-size:1.333em;}
h4{ font-size:1.2em;}
cite{ font-style:normal; display:block;}
.strong1{ color:#0479b1;}
.strong2{ display:block; color:#0479b1; padding-bottom:2px;}

.numero_tel{
	font-weight:bold;
	color:#0479b1;
	font-size:1.5em;
}

.gros_titre{
	font-weight:bold;
	color:#0479b1;
	font-size:1.3em;
}

/* ============================= main layout ====================== */
.imgindent {margin:6px 18px 0 0; float:left;}
.imgindent-right {margin:6px 0 0 18px; float:right;}
.imgindent-flux {margin:0px 10px 0 0; float:left;}
.margin1{ margin-top:8px !important;}
.margin2{ margin-top:24px !important;}
.padding1{ padding-top:22px !important;}
.padding2{ padding-top:8px;}
.padding3{ padding-top:15px;}

/* ============================= header ====================== */
#header{ background:url(images/header_vierge.png) bottom no-repeat;}
#header .top{ background:url(images/top-tail.gif) top repeat-x;}
#header .top .left-bg{ background:url(images/top-left-bg.gif) left top no-repeat;}
#header .top .right-bg{ background:url(images/top-right-bg.gif) right top no-repeat; height:72px; width:100%; overflow:hidden;}
#header .slogan{ margin-top:4px; height:140px;}
#header .menu{ float:right; padding:15px 17px 0 0;}
#header .menu li{ float:left;}
#header .menu a{ display:block; text-decoration:none; height:44px; margin-left:-10px;}
#header .menu .active{ position:relative;}
#header .menu .m1 a{ background:url(images/m1.png) no-repeat 0 0; width:98px;}
#header .menu .m2 a{ background:url(images/m2.png) no-repeat 0 0; width:111px;}
#header .menu .m3 a{ background:url(images/m3.png) no-repeat 0 0; width:120px;}
#header .menu .m4 a{ background:url(images/m4.png) no-repeat 0 0; width:130px;}
#header .menu .m5 a{ background:url(images/m5.png) no-repeat 0 0; width:102px;}
#header .menu .m1 .deactive:hover, #header .menu .m1 .deactive:focus{ background:url(images/m1-hov.png) no-repeat 0 0;}
#header .menu .m2 .deactive:hover, #header .menu .m2 .deactive:focus{ background:url(images/m2-hov.png) no-repeat 0 0;}
#header .menu .m3 .deactive:hover, #header .menu .m3 .deactive:focus{ background:url(images/m3-hov.png) no-repeat 0 0;}
#header .menu .m4 .deactive:hover, #header .menu .m4 .deactive:focus{ background:url(images/m4-hov.png) no-repeat 0 0;}
#header .menu .m5 .deactive:hover, #header .menu .m5 .deactive:focus{ background:url(images/m5-hov.png) no-repeat 0 0;}
#header .menu .m1 .active{ background:url(images/m1-act.png) no-repeat 0 0;}
#header .menu .m2 .active{ background:url(images/m2-act.png) no-repeat 0 0;}
#header .menu .m3 .active{ background:url(images/m3-act.png) no-repeat 0 0;}
#header .menu .m4 .active{ background:url(images/m4-act.png) no-repeat 0 0;}
#header .menu .m5 .active{ background:url(images/m5-act.png) no-repeat 0 0;}
#header .menu .m6 .active{ background:url(images/m6-act.png) no-repeat 0 0;}
#header .menu .deactive:focus, #header .menu .active:focus{ outline: none;}

#header .logo{ padding:12px 0 0 18px;}

/* ============================= content ====================== */
#content{ background:url(images/top-bg.gif) top repeat-x #ffffff; margin-top:5px;}
.bot-tail{ background:url(images/bot-bg.gif) bottom repeat-x;}
.left-top{ background:url(images/corner-left-top.gif) top left no-repeat;}
.right-top{ background:url(images/corner-right-top.gif) top right no-repeat;}
.left-bot{ background:url(images/corner-left-bot.gif) bottom left no-repeat;}
.right-bot{ background:url(images/corner-right-bot.gif) bottom right no-repeat;}
.indent{ padding:20px 18px 0 18px;}
.column-2{ margin-left:8px;}
.column-4{ margin-left:8px;}
.col-2{ margin-left:10px;}
.col-4{ margin-left:10px;}

.box1{ background:url(images/box1-corner-left-top.gif) top left no-repeat; width:100%;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) top right no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) bottom right no-repeat; padding:9px;}
.box1 .top-tail{ background:url(images/box1-top-tail.gif) top repeat-x #ffffff; margin:-9px 0;}
.box1 .bot-tail{ background:url(images/box1-bot-tail.gif) bottom repeat-x; padding:9px 0;}
.box1 .left-tail{ background:url(images/box1-left-tail.gif) left repeat-y; margin:0 -9px;}
.box1 .right-tail{ background:url(images/box1-right-tail.gif) right repeat-y;width:100%;}
.box1 .padd{ padding:0 9px; }
.box1 .indent{ padding:8px 20px 10px 25px;}
.box1 .indent2{ padding:5px 10px 5px 15px;}
.box1 .indent3{ padding:8px 20px 10px 25px;}
.box1 h3{ color:#051419; background:url(images/title-bg1.gif) no-repeat 0 3px; padding-left:24px;}
.box1 .title{ background:url(images/line1.gif) bottom repeat-x; padding-bottom:10px; margin:0 -13px 10px -19px;}
.box1 .title2{ background:url(images/line1.gif) bottom repeat-x; padding:0 0 10px 12px; margin:0 -3px 5px -9px;}
.box1 strong{ color:#0479b1;}
.box1 p{ padding-top:18px;}

.box2{ margin-top:9px; background:#033c59; color:#5996b4;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) top left no-repeat; margin-top:-9px;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) top right no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) bottom left no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) bottom right no-repeat; padding:0 9px;}
.box2 .top-tail{ background:url(images/box2-top-tail.gif) top repeat-x ; width:100%;}
.box2 .indent{ padding:15px 20px 10px 25px;}
.box2 h3{ color:#ffffff; background:url(images/title-bg2.gif) no-repeat 0 3px; padding-left:24px;}
.box2 .title{ background:url(images/line2.gif) bottom repeat-x; padding-bottom:10px; margin:0 -13px 10px -19px;}
.box2 strong{ color:#ffffff;}
.box2 p{ padding-top:18px;}

.box3{ margin-top:9px; background:#474748; color:#868686;}
.box3 .left-top{ background:url(images/box3-corner-left-top.gif) top left no-repeat; margin-top:-9px;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) top right no-repeat;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) bottom right no-repeat; padding:0 9px;}
.box3 .top-tail{ background:url(images/box3-top-tail.gif) top repeat-x; width:100%;}
.box3 .indent{ padding:15px 20px 10px 25px;}
.box3 h3{ color:#ffffff; background:url(images/title-bg2.gif) no-repeat 0 3px; padding-left:24px;}
.box3 .title{ background:url(images/line3.gif) bottom repeat-x; padding-bottom:10px; margin:0 -13px 10px -19px;}
.box3 strong{ color:#ffffff;}
.box3 p{ padding-top:18px;}

.link{ color:#051924; display:inline-block; margin-top:5px;}

.link1{ display:block; background:url(images/link1-tail.gif) top repeat-x; float:right; color:#05161d; font-weight:normal; text-decoration:none; margin-top:10px;}
.link1 span{ display:block; background:url(images/link1-left-bg.gif) left top no-repeat;}
.link1 span span{ background:url(images/link1-right-bg.gif) right top no-repeat; padding:5px 10px 16px 10px;}
.link1:hover, .link1:focus{ background:url(images/link1-tail-act.gif) top repeat-x;}
.link1:hover span, .link1:focus span{ background:url(images/link1-left-bg-act.gif) left top no-repeat;}
.link1:hover span span, .link1:focus span span{ background:url(images/link1-right-bg-act.gif) right top no-repeat;}


.link2{ display:inline-block; background:url(images/link2-tail.gif) top repeat-x; float:right; color:#05161d; font-weight:normal; text-decoration:none; margin-top:10px;}
.link2 span{ display:block; background:url(images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(images/link2-right-bg.gif) right top no-repeat; padding:5px 10px 22px 10px;}
.link2:hover, .link2:focus{ background:url(images/link2-tail-act.gif) top repeat-x; color:#ffffff;}
.link2:hover span, .link2:focus span{ background:url(images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span, .link2:focus span span{ background:url(images/link2-right-bg-act.gif) right top no-repeat;}

.link3{ display:inline-block; background:url(images/link3-tail.gif) top repeat-x; float:right; color:#949494; font-weight:normal; text-decoration:none; margin-top:10px;}
.link3 span{ display:block; background:url(images/link3-left-bg.gif) left top no-repeat;}
.link3 span span{ background:url(images/link3-right-bg.gif) right top no-repeat; padding:5px 10px 22px 10px;}
.link3:hover, .link3:focus{ background:url(images/link3-tail-act.gif) top repeat-x; color:#000000;}
.link3:hover span, .link3:focus span{ background:url(images/link3-left-bg-act.gif) left top no-repeat;}
.link3:hover span span, .link3:focus span span{ background:url(images/link3-right-bg-act.gif) right top no-repeat;}

.link4{ display:inline-block; background:url(images/link4-tail.gif) top repeat-x; float: right; color:#929292; font-weight:normal; text-decoration:none; margin-left:20px; margin-top:10px}
.link4 span{ display:block; background:url(images/link4-left-bg.gif) left top no-repeat;}
.link4 span span{ background:url(images/link4-right-bg.gif) right top no-repeat; padding:5px 25px 24px 25px;}
.link4:hover, .link4:focus{ background:url(images/link4-tail-act.gif) top repeat-x; color:#000000;}
.link4:hover span, .link4:focus span{ background:url(images/link4-left-bg-act.gif) left top no-repeat;}
.link4:hover span span, .link4:focus span span{ background:url(images/link4-right-bg-act.gif) right top no-repeat;}

.link5{ display:inline-block; background:url(images/link4-tail.gif) top repeat-x; color:#929292; font-weight:normal; text-decoration:none; margin-top:10px}
.link5 span{ display:block; background:url(images/link4-left-bg.gif) left top no-repeat;}
.link5 span span{ background:url(images/link4-right-bg.gif) right top no-repeat; padding:5px 25px 24px 25px;}
.link5:hover, .link4:focus{ background:url(images/link4-tail-act.gif) top repeat-x; color:#000000;}
.link5:hover span, .link4:focus span{ background:url(images/link4-left-bg-act.gif) left top no-repeat;}
.link5:hover span span, .link4:focus span span{ background:url(images/link4-right-bg-act.gif) right top no-repeat;}

.title1{ background:#f3f3f3; padding:5px 0 8px 40px; margin-bottom:15px;}
.title2{ background:url(images/title-bg3.gif) bottom repeat-x; padding:0 0 13px 25px; margin-bottom:15px;}
.extra{ background:url(images/extra-bg.gif) no-repeat 17px 8px; padding:0 10px 0 35px;}
.indent2{ padding:0 15px 0 22px;}
.indent3{ padding:0 25px 0 35px;}
.unline{ border-bottom:solid 1px #ececec; padding-bottom:8px; margin-bottom:8px;}
.message{ padding-bottom:5px; font-weight:bold; text-align:center; color:#0479b1;}

.text1{ line-height:1.077em; padding-top:4px;}
.text1 a{ text-transform: capitalize; font-weight:normal; color:#309602; font-size:1.04em; text-decoration:none;}
.text1 a:hover{ text-decoration:underline;}
.text1 span{ font-size:0.917em; display:block; text-transform:uppercase; padding-top:2px;}
.text1 .news { font-size:1.2em;}

.list{ margin-top:0px;}
.list li{ background:url(images/list-marker.gif) no-repeat 20px 8px; padding-left:45px; font-size:1.083em; line-height:1.923em;}
.list a{ font-weight:normal; text-decoration:none;}
.list a:hover, .list .active{ color:#090909;}

.menu2{ margin-top:0px;}
.menu2 li{ background:url(images/list-marker.gif) no-repeat 0 8px; padding-left:20px; font-size:1.04em; line-height:1.923em;}
.menu2 a{ text-decoration:none; color:#021B27}
.menu2 a:hover, .menu2 .active{ color:#56a92e}

/* ============================= footer ====================== */
#footer{ padding-top:20px;}
#footer .text{ text-align:center; padding:21px 0 0 20px;}
#footer a{ font-weight:normal; margin-left:9px; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:10px; font-weight:bold;}
#ContactForm .col-1{ width:210px !important;}
#ContactForm .col-2{ width:340px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:46px;}
#ContactForm input, #ContactForm select, #ContactForm textarea {
	border:solid 1px #a09b96; 
	background:#ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	color:#000000; 
	padding:1px 0 1px 3px; 
}
#ContactForm input[type="text"], #ContactForm select {
	width:193px;
}
#ContactForm input[type="file"], #ContactForm textarea {
	width:335px; 
}
#ContactForm textarea {
	height:250px; 
	overflow:auto;
	resize:none;
}
#ContactForm .link4{ margin:20px 0 0 10px;}

#LoginForm{ padding-top:0px; font-weight:bold;}
#LoginForm label{ display:block; height:46px;}
#LoginForm input{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:153px;}
#LoginForm .link4{ margin:10px 0 0 10px;}