body {
margin: 0;
padding: 0;
background: #FFFFFF url(bg_body.gif) no-repeat top left;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #333A4C;
}
body.bodyaccueil,
body.ecoquartiers_accueil{
background-image: none;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ET PAGES DE PRESENTATION ---*/
#ecoblocgauche {
width: 230px;
float: left;
}
#ecoblocgauche p.demandInscrit {
clear: both;
font-size: x-small;
text-align: right;
padding: 10px 2px 0px 0px;
}
#accueil_ecoblocdroit,
#ecoblocdroit{
width: 500px;
float: left;
margin: 40px 0px 0px 30px;
padding: 0px 0px 60px 0px;
background-image: url(motif_bas_droite_home.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#ecoblocdroit{
padding: 26px 0px 60px 0px;
}
#accueil_ecoblocdroit p,
#ecoblocdroit p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu_langues ul{
padding: 0px 5px 10px 0px;
}
#inter #menu_langues ul li{
float: right;
font-size: x-small;
padding-left: 8px;
list-style-image: none;
}
#menu_langues ul li a{
text-decoration: none;
}
#inter #accueil_ecoblocdroit h2{
color:#666666;
font-size: x-small;
letter-spacing: 0;
line-height: 12px;
padding: 7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#ecoblocgauche #form01 div.entry{
width:144px;
float: right;
}
#ecoblocgauche #form01 div.footer{
display: none;
}
#ecoblocgauche #form01 div.entry label,
#ecoblocgauche #form01 div.entry input{
width: 70px;
float: left;
font-size: x-small;
}
#ecoblocgauche #form01 div.entry input{
border: #cccccc 1px solid;
}
#ecoblocgauche #form01 div.submit{
float: right;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#ecoblocgauche #form01 div.submit input{
border: none;
background:#FFFFFF;
color:#999999;
text-align: center;
float: right;
margin: 0px 0px 0px 10px;
padding: 0px 5px 0px 5px;
border: 1px solid #999999;
font-size: x-small;
width: auto;
}
.border{
float: right;
border-right: 10px #CCCCCC solid;
padding-right: 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU FORMULAIRE ---*/
#inter ul#menu_formulaire{
float: left;
margin: 0px 0px 20px -20px; 
padding: 0px 0px 0px 0px;
width:956px;
background-color: #e6e4e5;
}
#inter ul#menu_formulaire li{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
float: left;
text-transform: uppercase;
font-weight: bold;
font-size: x-small;
width: 179px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 60px;
background-repeat:  repeat-x;
backgrond-position:  left top;
background-color: transparent;
list-style-image: none;
}
#inter ul#menu_formulaire li ul{
float: left;
margin: 0px 0px 0px 0px; 
padding: 15px 0px 15px 0px;
}
#inter ul#menu_formulaire li ul li{
background-image: none;
text-transform: lowercase;
font-weight: normal;
font-size: small;
height: auto;
color:#000000;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}
#inter ul#menu_formulaire li.mf01{
background-image: url(menu_formulaire_01.gif);
color: #336600;
}
#inter ul#menu_formulaire li.mf02{
background-image: url(menu_formulaire_02.gif);
color: #788ce3;
}
#inter ul#menu_formulaire li.mf03{
background-image: url(menu_formulaire_03.gif);
color: #989737;
}
#inter ul#menu_formulaire li.mf04{
background-image: url(menu_formulaire_04.gif);
color: #d9588b;
}
#inter ul#menu_formulaire li.mf05{
width: 900px;
padding:0px 10px 0px 10px;
margin: 0px;
}
#inter ul#menu_formulaire li.mf05 ul li{
float: none;
width: 860px;
}
#inter ul#menu_formulaire li.mf05 ul li a{
text-decoration: none;
}
#inter ul#menu_formulaire li.mf05 ul li a:hover{
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 980px;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
background: url(bg_header.gif) no-repeat left top; 
width: 980px;
height: 135px;
padding: 0px 0px 0px 0px;
}
#logo{
position: absolute;
top: 0px;
left: 46px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 980px;
padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: -5000px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
background:#FFFFFF;
float: left;
width: 950px;
padding: 5px 10px 20px 20px;
line-height: 18px;
}
#inter {
background:#FFFFFF;
float: left;
width: 940px;
padding: 5px 20px 10px 20px;
line-height: 18px;
}
#inter h2 {
font-size: large;
margin: 0px 0px 0px 0px;
padding:  7px 0px 7px 0px;
color: #85a64f;
line-height: 24px;
}
#inter h3 {
font-size: medium;
margin: 0px 0px 0px 0px;
padding:  7px 0px 7px 0px;padding: 0;
color: #85a64f;
line-height: 20px;
}
#inter h4 {
font-size: small;
margin: 0px 0px 0px 0px;
padding:  7px 0px 7px 3px;
color: #85a64f;
border-left: 20px solid #a0c46d;
}
#inter p {
margin: 10px 0px 7px 0px;
}
#inter p.intro {
background-color: #cecece;
color: #747474;
padding: 5px;
}
#inter ul {
margin: 7px 0px 7px 30px;
}
#inter ul li {
list-style-image: url(puce_listes.gif);
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
}
#inter div.bloc {
width: 100%;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 4px solid #86a559;
}
body.bodyConstructiv #inter form,
body.bodyEco #inter form {
margin:20px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU INTER HOME ET PRESENTATION ---*/
#menuInter {
font-size: x-small;
padding-top: 3px;
float: left;
}
#ecoblocdroit #menuInter {
padding: 3px 0px 20px 0px;
}
#menuInter ul {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #menuInter ul li {
float: left;
margin: 0px 5px 0px 0px;
padding:  0px 0px 0px 15px;
width: 143px;
background-color: #f6923a;
border: 1px solid #ff6600;
list-style-image: none;
}
#menuInter ul li a {
display: block;
width: 140px;
height: 23px;
padding: 5px 0px 0px 3px;
background-color: #fcdec4;
text-decoration: none;
}
#menuInter ul li a:hover {
background-color: #f6923a;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ECO QUARTIER ---*/
body.ecoquartiers{
background: none;
}
#inter #ecoquartier_form {
float: left;
background: url(bg_body.gif) no-repeat -520px 0px;
position: relative;
}
#inter #ecoquartier_form #form01{
padding:15px;
margin: 0px 0px 0px 15px;
width: 400px;
float: left;
}
#inter #ecoquartier_form #form01 div.submit{
padding: 0px;
margin: 0px;
}
#inter #ecoquartier_form  #form01 div.submit input{
width: 120px;
padding: 0px;
margin: 0px;
}
body.bodyaccueil div.entry label {
float:left;
width:180px;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#inter #ecoquartier_form #form01 div.entry label {
float:left;
width:300px;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
body.bodyaccueil div.entry label  {
margin: 0px 0px 0px 0px;
}
#inter #ecoquartier_form  #listprojetscontent{
position: relative;
width: 400px;
float: left;
margin: 93px 0px 0px 0px;
}
#inter #ecoquartier_form  #listprojetscontent th{
background: #413975;
border: #CCCCCC 1px solid;
}
#inter #ecoquartier_form  #listprojetscontent td{
background: #FFFFFF;
border: #CCCCCC 1px solid;
}
#inter #ecoquartier_form  #form01 legend{
display: block;
font-size: medium;
font-weight: bold;
color: #85A64F;
padding: 10px 10px 20px 0px;
}
#inter #ecoquartier_form p {
position: absolute;
top: 32px;
left: 444px;
background-color: #CC0000;
font-weight: bold;
color: #FFFFFF;
text-align: center;
width: 388px;
padding: 12px 0px 12px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 960px;
font-size: x-small;
}
body.bodyaccueil #footer,
body.bodygenerique #footer {
}
#footer a {
text-decoration: none;
}
#footer ul {
clear: both;
float: left;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 215px;
}
body.bodygenerique #hautpage {
float: left;
padding-left: 15px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 10px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}

/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0099CC;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}

/*-- TABLEAUX --*/
table {
border-collapse: collapse;
margin: 10px 0px 10px 0px;
}
body.ecoquartiers_accueil  table{
border-collapse: collapse;
margin: 0px 0px 10px 0px;
}
th,
td {
border: #CCCCCC 1px solid;
padding: 5px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
table.formulaire {
border: none;
}
table.formulaire th,
table.formulaire td {
border: none;
}
table.formulaire th {
background-color: #cecece;
color: #747474;
text-align: left;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}