/*
 * Copyright © ECILIA SARL
 */
html, body {
	height: 100%;
	margin: 0;
}

body {
	font-family: Calibri, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color:  #000000;
	background: url(/images/site/bg_body.png) top repeat-x;
	background-color: #008FD0;
	margin: 0;

}

h1 {
	display: block;
	margin: 0 0 10px 0;
	font-size: 21px;
	color: #00254A;
	padding-bottom: 10px;
	background: url(/images/site/bg_article_title.png) no-repeat left bottom;
}

h2 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 18px;
	color: #008FD0;
	text-align: center;
}

h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	color: #61C5E1;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

h6 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 17px;
	color: #BDC3C7;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

ul {
	margin: 0 0 10px 30px;
	padding: 0;
}

a {
	color: #000000;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #008FD0;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

input, textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
}

ul li {
	list-style-type: square;
}

/* Styles utilitaires */
.checkbox {
	border: 0;
}

.pointer {
	cursor: pointer;
}

.faded {
	color: #49C5E1;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.valign_top {
	vertical-align: top;
}

.valign_bottom {
	vertical-align: bottom;
}

.valign_middle {
	vertical-align: middle;
}

.adjust_margin {
	margin-left: 30px;
}



#fatal_error {
	background-color:  #FFC6C6;
	padding: 5px;
	border: 1px solid red;
}

.error {
	background-color: #FFE8E8;
}

.small {
	font-size: 8pt;
}

#error_box {
	background-color: #FFE8E8;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	border: 1px solid red;
	color: red;
}

#error_box ul {
	margin: 0;
	margin-left: 30px;
	margin-bottom: 10px;
}

#error_box ul li {
	list-style-image: none;
}

#success_box {
	background-color: #E0EDF6;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #006BB3;
	color: #006BB3;
}

.clear {
	clear: both;
}

.button {
	border: 0;
}

.align_right {
	text-align: right;
}

.legend {
	background-color: #00234A;
	padding: 10px;
}

.legend span {
	color: white;
}

/* Plan du site */
div#site_map ul{
	margin:0;
	padding: 0;
	padding-left: 10px;
	padding-top: 5px;
}

div#site_map li  {
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
}

div#site_map li.category {
	font-weight: bold;
	color: #61C5E1;
	font-size: 15px;
}

div#site_map li.category a {
	font-weight: bold;
	font-style: normal;
}

/* SITE */
div#shade{
	margin: 0 auto;
	width: 916px;
	min-height: 100%;
	position: relative;
	background: url("/images/site/shadow.png") repeat-y scroll 0 0 transparent;
}

div#global {
	margin: 0 auto;
	position: absolute;
	width: 900px;
	min-height: 100%;
	left:8px;
	background: url("/images/site/bg_content.png") repeat-y scroll 0 0 transparent;
}

div#header {
	width: 900px;
	height: 97px;
	background: url(/images/site/header.png) no-repeat;
}

div#content {
	background-color: white;
	color: #00254A;
	background: url(/images/site/bg_content.png) repeat-y;
	padding-bottom: 77px;
	overflow: hidden;
}

div#footer {
	width: 900px;
	height: 77px;
	background-color: #004080;
	color: white;
	text-align: center;
	position: absolute;
	bottom: 0;
	background: url(/images/site/footer.png) no-repeat;
}

div#footer a {
	color: white;
}

div#footer a:hover {
	color: #008FD0;
}

div#footer ul {
	padding-top: 30px;
}

div#footer ul li {
	display: inline;
}

div#left_column {
	float: left;
	width: 263px;
}

div#right_column {
	float: right;
	width: 637px;
}

div#menu {
	width: 263px;
	background-color: white;
	background: url(/images/site/bg_menu.png) repeat-y;
}

div#img_welc {
	width: 264px;
	height: 97px;
	float: left;
}

div#affiliate {
	width: 470px;
	height: 52px;
	background-color: #00234A;
	padding-top: 10px;
	float: left;
}

div#content_status_block{
	border: 1px solid #EAF7FB;
	margin-left: 10px;
	background: url(/images/fond_status.png) repeat-x;
}

.content_statut_link{
	display: block;
	vertical-align: middle;
	font-size: 11px;
}

div#content_status_block h3 {
	color: #EAF7FB;
	font-size: 24px;
	margin-bottom: 0px;
	font-weight: bold;
}

div#content_status_block a {
	color: #EAF7FB;
	font-size: 11px;
}

.font_11{
	font-size: 11px;
}

div#login_one{
	width: 260px;
	float:left;
	padding: 20px 25px 20px 20px;
	margin-right: 10px;
	text-align: justify;
}

div#login_two{
	width: 260px;
	float:left;
	padding: 20px;
	text-align: justify;
}

.header_mention{
	font-size: 9px;
}

.colo_login{
	color: #004080;
}

.login_bt{
	display: block;
	width: 255px;
	height: 118px;
	background: url("/images/fond_login.png") repeat-x;
	border: 1px solid #004080;
	color: #ffffff;
	margin-top: 20px;
}

.bt_login{
	width:150px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 38px;
}

.logged_title{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
}

.decal_image_1{
	padding-top: 3px;
}

.decal_login_1{
	padding-top: 10px;
}

.decal_login_2{
	padding-top: 4px;
}

.bt_login:hover{
	text-decoration: underline;
	color: #ffffff;
}

.img_login{
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 10px;
}

.submit_button {
	float: right;
	border: 1px solid black;
	background-color: white;
	margin-right: 0px;
	font-weight: bold;
	cursor: pointer;
}

div#slogan {
	position: relative;
	width: 637px;
	height: 135px;
	background: url(/images/site/banner_slogan.png) no-repeat;
}

div#slogan h2 {
	position: absolute;
	top: 30px;
	left: 125px;
	color: #FFFFFF;
	font-size: 26px;
	font-weight: normal;
}

div#slogan h3 {
	position: absolute;
	top: 52px;
	left: 220px;
	color: #00476A;
	font-size: 35px;
	font-weight: bold;
}

div#coords {
	color:white;
	float:right;
	height:60px;
	margin-right:10px;
	margin-top:5px;
	padding-bottom:10px;
	text-align:justify;
}

div#breadcrumb {
	width: 617px;
	padding-left: 10px;
	color: white;
	float:left;
}

div#breadcrumb a {
	color: #61C5E1;
	font-weight: bold;
}

div.article table {
	border: none;
	border: 0px solid black;
}

div.article {
	color: #00254A;
	padding: 10px;
	text-align: justify;
}

div#login_one table{
	margin-top: 20px;
	height: 120px;
	background: url("/images/fond_login.png") repeat-x;
	border: 1px solid #004080;
	color: #ffffff;
	width: 250px;
}

div#login_one table td{
	padding: 5px;
}

/* Formulaire de contact */

form#form_contact {
	padding-left: 20px;
}

form#form_contact p {
	width: 500px;
}

form#form_contact p label {
	float: left;
	width: 200px;
}

form#form_contact p input {
	width: 250px;
	border: 1px solid black;
}

form#form_contact p textarea {
	width: 250px;
	height: 100px;
	border: 1px solid black;
}

form#form_contact p button {
	background-color: #00254A;
	color: white;
	border: none;
	padding: 3px;
	float: right;
	margin-right: 50px;
}

/* Mot de passe perdu */
form#lost_password p {
	width: 500px;
}

form#lost_password p label {
	float: left;
	width: 200px;
}

form#lost_password p input {
	width: 200px;
	border: 1px solid black;
}

form#lost_password p button {
	background-color: #00254A;
	color: white;
	border: none;
	padding: 3px;
	float: right;
	margin-right: 95px;
}

/* Documents associés */
div#associated_docs {
	float: right;
	background-color: white;
	margin-left: 10px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid #61C5E1;
	margin-bottom: 10px;
}

/* Tableaux  */

/* Aucune bordure */
table.border_none {
	background-color: silver;
	border: 0px dotted silver;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.border_none tr {
	background-color: white;
}

table.border_none tr td {
	border: 0px dotted silver;
}

td.border_none {
	border: 0;
}

/* Bordure simple */
table.border_simple {
	background-color: black;
	border: 1px solid #1A7C9D;
	border-spacing: 1px;
	border-collapse: collapse;
	font-size: 14px;
}

table.border_simple tr {
	background-color: white;
}

table.border_simple tr:first-child, table.border_simple2 tr:first-child {
	background-color: #EDF9FC;
}

table.border_simple tr:first-child td , table.border_simple2 tr:first-child td  {
	color: #61C5E1;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
}

table.border_simple tr:first-child td p , table.border_simple2 tr:first-child td p {
	margin: 0;
}

table.border_simple tr td p , table.border_simple2 tr td p {
	margin-bottom: 0;
}

table.border_simple tr td {
	border: 1px solid #1A7C9D;
	text-align: left;
}

table.border_simple2 {
	background-color: black;
	border: 1px solid #1A7C9D;
	border-spacing: 1px;
	border-collapse: collapse;
	font-size: 11px;
}

table.border_simple2 tr {
	background-color: white;
}

table.border_simple2 tr td {
	border: 1px solid #1A7C9D;
}

/* Bordure double */
table.border_double {
	background-color: black;
	border: 2px solid #1A7C9D;
	border-spacing: 2px;
	border-collapse: collapse;
}

table.border_double tr {
	background-color: white;
}

table.border_double tr td {
	border: 2px solid #1A7C9D;
}

/* Article associés à la rubrique */
div#associated_articles {
	background-color: #EAF7FB;
	width: 263px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px dashed #BFE7F2;
}
div#associated_articles h3 {
	color: #008FD0;
	text-align: center;
	font-size: 20px;
}

td.sttd {
	background-color: #003D79;
}

table h3 {
	margin: 0;
}

.information {
	background-color: white;
	border: 1px solid #61C5E1;
	padding: 5px;
	padding-bottom: 5px;
	width: 205px;
	font-size: 11px;
}

#news_link {
	display:block;
	float:left;
	margin-left:55px;
	margin-top:115px;
	color:#FFFFFF;
	font-size:15px;
	padding-left: 15px;
	height: 15px;
	line-height: 6px;
	background: url(/images/site/arrow_r_hover.gif) no-repeat;
}

.welcome_message {
	border: 2px solid #E7AF34;
	padding: 8px;
	padding-left: 70px;
	background: url(/images/site/member_space_icon.png)  0% 40% no-repeat #FEFBE7;
	padding-bottom: 0;
	margin-top: 15px;
}

.field_gray {
	color: #aaaaaa;
	font-style: italic;
}

.locked_content{
	display: block;
	border: 1px solid #BFE5CC;
	padding-left: 50px;
	padding-top: 10px;
	background: url(/images/site/blocked.png) 10px no-repeat #EFF9F9;
	padding-bottom: 0;
	height:25px;
}

.locked_content span{
	color:#009933;
	font-weight: bold;
	font-size: 13px;
}

.float_status{
	float:left;
	padding-left: 15px;
}

.field{
	width: 110px;
}

.float{
	float:left;
}

.inline_block{
	display: inline-block;
}

.color_white{
	color: #ffffff;
}

/* SECURE */
.none{
	display: none;
}

.form_secure{
	border: 1px solid #000000;
	padding: 20px;
	width: 353px;
	background: url('/images/site/bg_block.png') repeat-x;
}

.form_secure p {
	color:#FFFFFF;
}

.form_secure p label {
	color:#FFFFFF;
	float:left;
	font-size:11px;
	width:230px;
}

.form_secure p input {
	width: 120px;
	border: 1px solid black;
	color: #BDC3C7;
}

.form_button{
	background-color: #00254A;
	color: white;
	border: none;
	padding: 3px;
	float: right;
}

.dl_link{
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	padding-bottom: 5px;
	display: block;
}

.secure_error_typo{
	color: #005984;
	font-size: 12px;
	font-weight: bold;
}

.secure_separator{
	color: #005984;
	background-color: #005984;
	height: 1px;
	border: 0;
}

.go_back_link{
	display: block;
	background-color:#005F88;
	border:1px solid #000000;
	color:#FFFFFF;
	cursor:pointer;
	padding:5px 15px 5px 15px;
	outline: none;
	text-align: center;
	width:200px;
	font-size: 12px;
}
.go_back_link:hover{
	color:#FFFFFF;
	background-color: #BD9652;
	text-decoration: none;
}

.secure_button{
	background-color: #005D8C;
	font-family: Calibri, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 3px 10px;
	border: 1px solid #000000;
	float: right;
	outline: none;
}

.secure_button:hover{
	background-color: #BD9652;
	cursor: pointer;
}

.secure_wait{
	display: block;
	text-align: center;
	padding-top: 40px;
}

div#retirement{
	width: 500px;
	height:125px;
	background: url('/images/site/bg_estimation.png') repeat-x;
	border:1px solid #00557B;
	margin: auto;
}

div#retirement .retirement_content{
	padding:20px 10px;
}

div#retirement .retirement_image{
	display: block;
	float: left;
}

div#retirement .retirement_text{
	display: block;
	float: left;
	width: 370px;
}

div#retirement .retirement_text h5{
	font-size: 22px;
	color: #FFB210;
	margin: 0;
	padding: 0;
}

div#retirement .retirement_text p{
	font-size: 11px;
	color: #FFFFFF;
}

div#retirement .retirement_text a{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #00557B;
	border: 1px solid #FFFFFF;
	padding: 5px 2px 5px 2px;
	display: block;
	width: 160px;
	text-align: center;
	float: right;
}

div#retirement .retirement_text a:hover{
	background-color: #BD9652;
	text-decoration: none;
}

div#duplicata{
	width: 500px;
	height:195px;
	background: url('/images/site/bg_duplicata.png') repeat-x;
	border:1px solid #00557B;
	margin: auto;
}

div#duplicata div.duplicata_content{
	padding:20px 10px;
}

div#duplicata span.duplicata_image{
	display: block;
	float: left;
}

div#duplicata span.duplicata_text{
	display: block;
	float: left;
	width: 370px;
}

div#duplicata span.duplicata_text h5{
	font-size: 22px;
	color: #FFB210;
	margin: 0;
	padding: 0;
}

div#duplicata span.duplicata_text p{
	font-size: 11px;
	color: #FFFFFF;
	margin: 3px 0;
	display: inline-block;
	height:35px;
}

div#duplicata span.duplicata_text a{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #00557B;
	border: 1px solid #FFFFFF;
	padding: 5px 2px 5px 2px;
	display: block;
	width: 160px;
	text-align: center;
	display: inline-block;
	float:left;
}

div#duplicata span.duplicata_text a:hover{
	background-color: #BD9652;
	text-decoration: none;
}

div#duplicata span.duplicata_text .link{
	display: block;
}

div#duplicata span.duplicata_text .label{
	display: inline-block;
	width: 200px;
	height: 30px;
	color: #FFFFFF;
	font-size: 11px;
}

.lineHeightDuplicata {
	line-height: 25px;
}

.floatLeft {
	float:left;
}

/*MENU EN ACCORDEON*/

div#content_menu {
	background-color: #00234A;
}

/*Accordion*/
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin: 0px; zoom: 1; font-size: 14px; height:30px; z-index: 1000; outline : none;}
.ui-accordion .ui-accordion-header
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; font-weight: bold; padding: .5em .5em .5em .7em; text-decoration: none; background: url('/images/site/fond_menu.png') no-repeat;}
.ui-accordion .ui-accordion-header a:hover{background: url('/images/site/fond_menu_hover.png') no-repeat;}
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: 0px; position: relative; top: 1px; margin-bottom: 0px; overflow: hidden; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-icon-triangle-1-e{
	display: block;
	width: 17px;
	height: 16px;
	background: url('/images/site/arrow_menu_r.png') no-repeat top left;
}
.ui-icon-triangle-1-s{
	display: block;
	width: 17px;
	height: 16px;
	background: url('/images/site/arrow_menu_d.png') no-repeat bottom left;
}

.inside_menu a{
	display:block;
	width: 235px;
	color: #335377;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	outline : none;
	padding-left : 25px;
	padding-right : 3px;
	font-size: 12px;
	background: url('/images/site/arrow_r.gif') no-repeat 4% 50%;
	background-color: #CDE6FF;
}

.inside_menu a:hover{
	background: url('/images/site/arrow_r_hover.gif') no-repeat 4% 50%;
	background-color: #6699CC;
	color: #FFFFFF;
}

.orange_colo{
	color: #FFB314;
}

.orange_colo:hover{
	color: #FFB314;
}

.white_colo{
	color: #FFFFFF;
}

.white_colo:hover{
	color: #FFFFFF;
}

.menu_version_aff .ui-icon-triangle-1-e{
	display: block;
	width: 17px;
	height: 16px;
	background: url('/images/site/arrow_menu_aff_r.png') no-repeat top left;
}

.menu_version_aff .ui-icon-triangle-1-s{
	display: block;
	width: 17px;
	height: 16px;
	background: url('/images/site/arrow_menu_aff_d.png') no-repeat bottom left;
}

/*Pop-up*/
.modal {
	background-color:#fff;
	display:none;
	padding: 15px;
	text-align:left;
	border:1px solid #000;
}

div#popup .infos{
	position:absolute;
	top:50%;
	margin-top: -12px;
}

div#popup .close{
	background-color:#005F88;
	border:1px solid #000000;
	color:#FFFFFF;
	cursor:pointer;
	width:50px;
	outline: none;
}

div#popup .close:hover{
	background-color: #298ECE;
}

div#popup .content_infos{
	padding-left: 35px;
	padding-top: 35px;
	display: block;
	font-size: 16px;
}

div#popup .center_infos{
	display: block;
	text-align: center;
	padding-top: 20px;
}

/*Tooltip*/

.tooltip_doc{
	display: block;
	margin-bottom: 10px;
}

.tooltip_jquery {
	display:none;
	background: url("/images/site/black_arrow_bottom.png") no-repeat;
	width: 160px;
	font-size:12px;
	height:70px;
	padding:50px 25px 25px 25px;
	color:#fff;
}

.inside_menu{
	display: none;
}

.correctif_menu{
	font-size: 14px;
	font-weight: bold;
}