body{font-family:verdana; font-size: 12px; margin: 0; background-color: #EEE}

a.active{color: #000; font-weight: bold; text-decoration: none}
a.button{color: #FFF; background-color: #112377; font-weight: bold; padding: 3px 10px; text-decoration: none}

a img{border: none}
input[type="submit"]{padding: 0 5px}
img{z-index: 0}
h4{font-size:12px;}

ul.errors li{color: red}

.down{color: red}
.up{color: green}
.blue{color: #112377}
span.green{color: #0E892F}

span.error{color: red}
div.page-container{width: 1000px; margin:0 auto}

div.header-container{height: 94px; background-color: #FFF}
div.header-container div.logo {float:left}
div.header-container div.logo img{margin-left:12px;margin-top:7px;}
div.header-container div.advertise-container{
	float: right; 
	height:90px;
	margin: 2px 0 2px 14px;
	background-color: #FFF;
}

div.nav-container{clear: left; background-color: #112377; height: 33px; margin-bottom: 10px}
div.nav-container div.date{
	color:white;
	float:right;
	font-size:9px;
	margin-right:6px;
	margin-top:8px;
}

div.footer-container{background-color: #FFF; border-top: solid 1px #CCC; margin-top: 10px; padding: 10px; width: 100%; text-align: center}
div.footer-container a{text-decoration: none; color: #333; padding: 3px 15px; border-right: solid 1px #CCC; font-size: 12px}
div.footer-container a.last{border: none}
div.footer-container a.sjcom{text-decoration: none; color: #333; padding: 0; border-right: none; font-size: 10px}


div.footer-container p{font-size: 11px; color:#333333}
div.footer-container ul{list-style-type: none; height: 20px; margin-bottom: 0; display: inline; margin-left: 0; padding: 0}
div.footer-container li{float: left; border-right: solid 1px #BBB; padding: 0 10px}
div.footer-container li:hover{background-color: #DADADA}

div.footer-container p.glossaire a{padding: 2px; border: none}

div.separator{border-top: solid 1px #999; margin: 10px 0}

table.sitemap td{text-align: left; }
table.sitemap ul li{border: none; clear: left; width: 90%}
table.sitemap ul li a{border: none; padding: 0; font-size: 10px}
table.sitemap ul li.title a{font-weight: bold}

#menu {
	float:left;
	height:33px;
	margin-left:12px;
	width:830px;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	z-index: 10
}

#menu li {
	float:left;
	margin:0 5px;
	padding:0;
}

#menu li:hover {
	background-color: #273983
}

#menu li a {
	font:normal 12px Arial, helvetica; 
	font-weight: regular;
	color:white;
	display:block;
	padding: 9px 5px; 
	text-decoration:none;
}
#menu li a.log {
	margin-top:4px;
	padding:5px;
	text-decoration: none;
	color: #FFF
}

#menu li.active a {
	background-color: #00892D
}
#menu li.active li a{background-color: #EEE}
#menu li li:hover a{background-color: #273983}

#menu li a:hover {
	color:#FFD700;
	background-color: #273983 
}

#menu li ul {
	position:absolute;
	margin:0
}
#menu ul li ul {
	display:none;
	background-color: #EEE;
	border: solid 1px #AAA
}
#menu ul li:hover ul {
	display:block;
}
#menu li:hover ul li {
	float:none;
	
}
#menu ul li ul li{text-align: left; margin: 0 }
#menu ul li ul li a{font-size: 12px; color: #112377}

#under-menu {margin: 10px 0; height: 30px}
#under-menu ul{list-style-type:none; margin:0; padding:0;}
#under-menu li{float: left; }
#under-menu li a{padding: 4px 10px; border-bottom: solid 1px #112377; text-decoration:none;}
#under-menu li a.active{background-color: #112377; color: #FFF}

#mini-menu, .mini-menu {height: 20px; margin: 10px 0; padding-top: 10px}
#mini-menu ul, .mini-menu ul{list-style-type:none; margin:0; padding:0;}
#mini-menu li, .mini-menu li{float: left}
#mini-menu li a, .mini-menu li a, .mini-menu a {padding: 4px 5px; text-decoration:none; /* border-right: solid 1px #112377 */}
#mini-menu li:last-child a, .mini-menu li:last-child a{border-right: none}
#mini-menu li a.active, .mini-menu li a.active, .mini-menu a.active{background-color: #112377; color: #FFF}
#mini-menu li.active a, .mini-menu li.active a{background-color: #112377; color: #FFF}


.mini-menu.underline li a{border: none}
.mini-menu.underline li a.active{background-color: #FFF; text-decoration: underline; color: #112377}

/* #menu ul li ul li:hover a {background-color: #FFF; color: #112377} */

#choices, #choices_revenus{background-color: #FFF}
#choices ul, #choices_revenus ul{padding: 0; margin:0; list-style-type:none;}
#choices li , #choices_revenus li {padding: 3px 5px}
#choices li a, #choices_revenus li a{text-decoration: none}
#choices li:hover , #choices_revenus li:hover {background-color: #112377; cursor: pointer}
#choices li:hover a, #choices_revenus li:hover a{color: #FFF; font-weight: bold}

div.search-container{
	border: solid 1px #000;
	margin-bottom: 15px;
	height: 40px;
	background-color: #FFF;
	padding: 5px
}
div.search-container table{width: 100%}
div.search-container label{color: #112377; font-weight: bold; padding: 0 5px; font-size:13px;}

div.body-container{overflow:hidden;}
div.footer-container{clear: both}
div.footer-container a:hover{background-color: #DADADA}

div.col-2{float: left; position:relative;}
div.col-2.left{width: 690px}
div.col-2.right{width: 300px;overflow:hidden; margin-left: 10px}

div.col-3{float: left;}
div.col-3.left{
	width: 690px; 
	background-color: #FFF; 
	padding-top: 10px; 
	border-bottom: solid 1px #dddddd; 
	float: left;
	overflow: hidden
}


/* div.col-3.left div.container-bigleft{width: 690px; float: left; } */
div.col-3 div.container-bigleft div.section.alone{
line-height:15px; border-bottom: none; height:164px; 
float:left; 
margin: 0px 10px 0px 10px; padding: 0px;
}


div.col-3 div.container-bigleft div.section.alone h1{
font-family: Trebuchet MS, Tahoma, Arial, Helvetica; 
color: #00892d; font-size: 20px; margin: 2px 0px; margin-bottom: 10px; line-height:21px}


div.col-3.right{width: 300px; float: right}
div.col-3.left div.container-left{width: 395px; float: left; }
div.col-3.left div.container-right{width: 294px; float: left; border-left: solid 1px #dddddd; }

/* div.col-3.middle{width: 290px; margin: 0 10px} */


div.col-3 div.section{ 
margin: 0px 10px 10px 10px; padding: 0px; 
border-bottom: solid 1px #dddddd;
font-family: Arial; 
}


div.col-3 div.container-left div.section {line-height:15px; padding-bottom: 15px;  }
div.col-3 div.container-left div.section.first {margin: 0 0 10px 0; border: solid 2px #009738; padding: 10px}
div.col-3 div.container-left.banner-corner{background: #FFF url('../img/etude.jpg') no-repeat top right; }

div.col-3 div.section.last{border-bottom: none}

#imgsection {margin: 0px 10px 0px 0px; float:left}
span.chevrons {color: #00892d; font-size: 19px; margin-right:6px; font-family: Trebuchet MS,Tahoma,Arial,Helvetica}

div.col-3 div.section div#lnk{margin: 0px 0px; }
div.col-3 div.section div#lnk a{ font-size: 11px; text-decoration: none; }
div.col-3 div.section div#lnk a:hover { text-decoration: underline}

div.col-3 div.section h1{
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica; 
	margin: 5px 0; margin-bottom: 10px; 
	color: #112377; font-size: 20px; 
	line-height:21px
}

/*
div.col-3 div.container-right div.section h1{
margin: 5px 0; margin-bottom: 10px; 
color: #00892d; font-size: 20px;
}
*/
/*
h1{margin: 5px 0; color: #112377; font-size: 18px}
h2{margin: 5px 0; color: #112377; font-size: 15px}

div.module p.saut{color: #FFF}
div.module p.center-middle{text-align: center}
div.module p.center-right{text-align: right}
div.module p.p-0{font-size: 11px}
div.module p.p-1{font-size: 14px}
div.module p.p-2{font-size: 15px}
div.module p.tab-1{margin-left: 60px}
div.module p.tab-2{margin-left: 120px}
div.module p.tab-3{margin-left: 180px}
div.module p.tab-4{margin-left: 300px}
div.module p.tab-5{margin-left: 360px}
div.module p.tab-6{margin-left: 420px}

a{color: #112377; font-size: 12px}

div.module h1 {
	color:#00892D;
	font-size:20px;
	margin:5px 0 0;
}
*/

/* Chapitre style */
h1{margin: 5px 0; color: #112377; font-size: 1.5em}
h2{margin: 5px 0; color: #112377; font-size: 1.2em}

p.saut{color: #FFF; margin: 0; height:5px;}
p.center-middle{text-align: center}
p.center-right{text-align: right}
p.p-0{font-size: 11px}
p.p-1{font-size: 14px}
p.p-2{font-size: 15px}
p.tab-1{margin-left: 60px}
p.tab-2{margin-left: 120px}
p.tab-3{margin-left: 180px}
p.tab-4{margin-left: 300px}
p.tab-5{margin-left: 360px}
p.tab-6{margin-left: 420px}

a{color: #000099; font-size: 1em} /* 112377 */
h2 a{font-size: 12px}

h1 {
	color:#112377;
	font-size:1.5em;
	margin:5px 0 0;
}

p{margin: 5px 0;  font-size: 1em}
/**** text-align:justify; ***/

h1.green {color: #00892D}
	
div.module{padding: 5px; margin-bottom: 10px; background-color: #FFF; border-bottom: solid 1px #DDD; }
div.module.grey{/* border: solid 1px #999 */}
div.module.green{border: solid 2px #669966}
div.module h1{font-size: 20px; font-family:Trebuchet MS,Tahoma,Arial,Helvetica;}

div.col-2.left div.module{
  min-height:700px;
  height:auto !important;
  height:700px;
}
div.col-2.left div.module h1{margin: 15px 0 10px 0}

div.voire-aussi{position: absolute; right: 10px; border: solid 1px #BBB; padding: 5px; top: 10px}
div.voire-aussi table{width: 300px}

p.infos-bas {font-size: 10px}
p.infos-bas.right {text-align: right}

h1.green{color: #00892D}
h1.black{color: #000000}
h2.green{color: #00892D}
h2.black{color: #000000}

div.membre-login-hat{position: absolute; right: 0; top: 0; padding: 5px; border: solid 1px #999; font-weight: bold}

div.a-list a{margin: 0 5px}

/*
#braison {height:174px; text-align: center; }
#braison img { padding-top: 5px; margin-top:18px; }
*/

table{border-collapse:collapse;border-spacing:0;}
table th {background-color: #CCC; line-height:14px; padding: 2px 0}
table tr.light th {background-color: #FFF; border-top: solid 1px #CCC}
table th a{text-decoration: none; color: #000}
table td{vertical-align: top; padding: 3px}
table td.separator{border-top: solid 1px #CCC}
table tr.odd td{background-color: #EEE}
table td.center{text-align:center}
table td.right{text-align:right}
table tr.white td{background-color: #FFF}

table.sommaire {margin:10px; border: solid 1px #CCC; padding: 10px; width:auto;}
table.sommaire div.title{text-align: center; font-weight: bold; margin-bottom: 10px}
table.sommaire div.more{text-align: left; font-weight: bold; margin: 5px 16px}
table.sommaire div.title a{font-weight: normal}

table.sommaire ul{padding: 0; margin: 0 0 0 16px; list-style: none}
table.sommaire a{text-decoration: none}
table.sommaire h2{ margin: 8px 0}

table.chiffre-clef th{background-color: #FFF; border: solid 1px #000}
table.chiffre-clef td{border: solid 1px #000}
table.chiffre-clef td.data{text-align: center; width: 70px}

table.headerDatas {width: 400px}
table.headerDatas td{vertical-align: middle; font-weight: bold; padding: 0 3px; text-align: center}
table.headerDatas td.libelle{font-size: 14px}

/* table.projet-index th{font-size: 11px; border: solid 1px #AAA} */

div.chapitre-content{padding: 5px}
div.chapitre-content li{list-style-image: url(../img/list-style.jpg); word-spacing: 0.125em}
div.paginator{text-align: right; margin: 10px 0}

div.quick-link {position: absolute; text-align: right}
div.quick-link img{border:none}

div.paginator-top{display: inline; padding: 5px; border: solid 1px #999999; position: absolute; right:0; top: 0}
div.paginator-bottom{display: inline; padding: 5px; border: solid 1px #999999; position: absolute; right:0; bottom: 10px}

div.breadcrumb{border:1px solid #999999; display:inline; margin-left: -6px; padding: 7px 5px 5px 5px}



div.breadcrumb a{
	background: transparent url(../img/breadcrumb.jpg) no-repeat right 1px;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
}

div.source{margin-left:550px;}

div.bloc{border: solid 1px #CCC; padding: 10px; margin: 20px 0}
div.bloc.grey{background-color: #EEE}

div.module.login h2 a {font-size: 15px; text-decoration: none}
div.module.login h4 {margin-bottom: 5px}

/* Graph */
.tickLabel{font-size: 10px}


#caracteristiques-element textarea{width: 500px; height: 70px}
#email-element input#email{width: 250px}
#email2-element input#email2{width: 250px}


#login-col dl {margin: 0; position: relative}
#login-col dd {margin:0 5px 0 0; width: 115px}
#login-col #password-label {position: absolute; right: 78px; top:0}
#login-col #password-element {position: absolute; right: 40px; top: 18px}

#login-col #frm_login{margin: 0; padding: 0}
#login-col #login-label{font-weight: normal; margin:0 5px 0 0;width:115px;}
#login-col #password-label{font-weight: normal}
#login-col #login {width: 115px}
#login-col #password {width: 115px}
#login-col #log_in{position: absolute; right:-3px; top: 17px}

#etude-marche dt {margin: 15px 0 10px 0}
#etude-marche dd {margin: 10px 0 15px 20px}
#etude-marche #infos-element,
#etude-marche #habitation-element {margin-left: 0}
#etude-marche #subfrm_etude_2-comment{height: 150px; width: 630px }
#etude-marche #subfrm_etude_2-email{width: 200px}

#log_in-label{display:none}
/*
#frm_login dd, #frm_login dt {float: left}
#frm_login dd input {width: 110px}
#frm_login dd#log_in-element {width: 40px}
*/

#graph #mini-menu a {font-size: 11px}

/* HACK JQUERY */
.ui-tabs .ui-tabs-nav li a {padding: 2px 3px !important}
.ui-tabs .ui-tabs-panel {padding: 0 !important}