body {
    background-color: #FFFFFF;
    font-family: verdana, sans-serif;
    font-size: 9pt;
    color: #252525;
    background-image: url(images/content-background.gif);
    background-repeat: repeat-y;
    background-position: top center;
    margin: 0px;
}
#fond-famille-urba {
    background-image: url(images/list-urba-fond.gif);
}
#fond-famille-archi {
    background-image: url(images/list-archi-fond.gif);
}
#wrap {
    position: relative;
    width: 950px;
    left: 50%;
    margin-left: -475px;
}
#sidebar {
    /*border: 1px solid #FF0000;*/
    width: 235px;
    float: left;
}
#content {
    padding: 0px;
    margin: 0px;
    width: 708px;
    float: right;
}
#content .display {
    padding: 20px;
}
#content .display a {
    color: #81816A;
}
#content .display h2 {
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(images/h2-content.gif);
    font-size: 13pt;
    background-color: #81816A;
    color: #FFFFFF;
    padding: 5px 5px 5px 30px;
}
#menu {
    border-top: 20px solid #FFFFFF;
    margin-left: 46px;
    width: 151px;
    background-color: #F1F1F1;
}
#menu a {
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
}
#menu li {
    padding: 2px 0px 2px 1px;
}
#box-urbanisme {
    margin-top: 25px;
}
#box-urbanisme ul {
    border-left: 2px solid #0DB14B;
    border-bottom: 2px solid #0DB14B;
}
#box-urbanisme a {
    color: #6A6A6A;
}
#box-urbanisme a:hover, #box-urbanisme ul li strong a {
    color: #0DB14B;
    background-color: #DFF6DF;
}
#box-architecture {
    margin-top: 20px;
}
#box-architecture ul {
    border-left: 2px solid #CB582C;
    border-bottom: 2px solid #CB582C;
}
#box-architecture a {
    color: #6A6A6A;
}
#box-architecture a:hover, #box-architecture ul li strong a {
    color: #CB582C;
    background-color: #F4E9E4;
}
#box-menu ul, #box-urbanisme ul, #box-architecture ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#box-menu {
    margin-top: 25px;
}
#box-menu ul {
    border-top: 1px dashed #ACACAC;
}
#box-menu ul li a {
    display: block;
    width: 151px;
    text-align: center;
    color: #454545;
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding: 0px;
}
#box-menu ul li {
    border-bottom: 1px dashed #ACACAC;
    margin: 1px 0px;
    padding: 1px 0px;
}
.years-home {
    background-image: url(images/home-years-background.gif);
    background-repeat: repeat-x;
}
.years {
    background-image: url(images/years-background.gif);
    background-repeat: repeat-x;
}
.years {
    margin: 0px;
    padding: 0px;
    border-bottom: 3px solid #000000;
}
img.year {
    margin-right: 20px;
}
.years-projets {
    clear: both;
    background-image: url(images/years-projets-fond.gif);
    background-repeat: repeat-y;
    background-position: top left;
    padding: 4px 20px;
    margin: 0px;
}
.years-projets ul {
    padding: 0px;
    margin: 0px;
}
.years-projets li {
    list-style-type: none;
    display: inline;
}
.years-projets li a {
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 5px;
    margin: 3px;
    border-right: 1px solid #FFFFFF;
    /*background-color: #93938B;*/
    color: #71716A;
}
.years-projets li a.urba:hover {
    background-color: #0DB14B;
    color: #FFFFFF;
}
.years-projets li a.archi:hover {
    background-color: #CB582C;
    color: #FFFFFF;
}
.years-projets li.urba a.active {
    background-color: #0DB14B;
    color: #FFFFFF;
}
.years-projets li.archi a.active {
    background-color: #CB582C;
    color: #FFFFFF;
}
#liste-projets {
    padding-top: 24px;
}
#liste-projets h2 {
    height: 21px;
    font-size: 17px;
    text-transform: uppercase;
    padding-left: 50px;
    color: #FFFFFF;
    background-position: top left;
    background-repeat: no-repeat;
}
h2.urba {
    background-image: url(images/h2-urba.gif);
    background-color: #0DB14B;
}
h2.archi {
    background-image: url(images/h2-archi.gif);
    background-color: #CB582C;
}

.display-capacitaire{
	margin: 5px;
}
.capacitaire {
    clear: both;
    width: 650px;
    margin-left: 30px;
    background-color: #FFFFFF;
    margin-bottom: 25px;
    margin-top: 25px;
}
.capacitaire td {
    vertical-align: top;
}
.capacitaire h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.capacitaire-top strong {
    /*color: #0DB14B;*/
}

.urba .capacitaire h3 a {
    background-color: #ECF9F1;
    text-decoration: none;
    font-size: 14px;
    color: #097B35;
    margin-top: 0px;
    margin-bottom: 0px;
} 
.urba .capacitaire-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    clear: both;
    padding-top: 0px;
}
.urba .capacitaire-top {
    padding: 1px;
    background-color: #ECF9F1;
    width: 100%;
    /*color: #FFFFFF;*/
    font-size: 11px;
    /*padding-bottom: 5px;*/
}
.urba .capacitaire-top {
    background-color: #ECF9F1;
    /*color: #FFFFFF;*/
}
.urba .capacitaire {
    border: 1px solid #FFFFFF;
}



.projet-box {
    clear: both;
    width: 650px;
    margin-left: 30px;
    background-color: #FFFFFF;
    margin-bottom: 25px;
    margin-top: 25px;
}
.projet-box td { 
    vertical-align: top;
}
.projet-box h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.projet-box-top strong {
    /*color: #0DB14B;*/
}
.urba .projet-box h3 a {
    background-color: #ECF9F1;
    text-decoration: none;
    font-size: 14px;
    color: #097B35;
    margin-top: 0px;
    margin-bottom: 0px;
} 
.urba .projet-box-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    clear: both;
    padding-top: 0px;
}
.urba .projet-box-top {
    padding: 1px;
    background-color: #ECF9F1;
    width: 100%;
    /*color: #FFFFFF;*/
    font-size: 11px;
    /*padding-bottom: 5px;*/
}
.urba .projet-box-top {
    background-color: #ECF9F1;
    /*color: #FFFFFF;*/
}
.urba .projet-box {
    border: 1px solid #FFFFFF;
}
#fond-year .urba .projet-box {
    border: 1px solid #0DB14B;
}
.urba .projet-box h3 {
    /*background-color: #0DB14B;*/
}
.urba .projet-box h3 a {
    background-color: #ECF9F1;
    text-decoration: none;
    font-size: 14px;
    color: #097B35;
    margin-top: 0px;
    margin-bottom: 0px;
}
.urba .projet-box-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    clear: both;
    padding-top: 0px;
}
.urba .projet-box-top {
    padding: 1px;
    background-color: #ECF9F1;
    width: 100%;
    /*color: #FFFFFF;*/
    font-size: 11px;
    /*padding-bottom: 5px;*/
}
.urba .projet-box-top {
    background-color: #ECF9F1;
    /*color: #FFFFFF;*/
}
.urba .projet-box {
    border: 1px solid #FFFFFF;
}
#fond-year .urba .projet-box {
    border: 1px solid #0DB14B;
}
.urba .projet-box h3 {
    /*background-color: #0DB14B;*/
}
.projet-box h4 span {
    background-image: url(images/urba-fleche.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 10px;
    font-size: 10pt;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #FFFFFF;
}
.urba .projet-box-bottom h4 {
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #0DB14B;
    color: #0DB14B;
}
.urba .projet-box-bottom h5 {
    font-size: 11pt;
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #0DB14B;
    color: #0DB14B;
}
.archi .projet-box h3 a {
    text-decoration: none;
    font-size: 14px;
    color: #CB582C; 
} 
.archi .projet-box-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    clear: both;
    padding-top: 0px;
}
.archi .projet-box-top {
    padding: 1px;
    background-color: #F4E9E4;
    width: 100%;
    /*color: #FFFFFF;*/
    font-size: 11px;
    /*padding-bottom: 5px;*/
}
.archi .projet-box {
    border: 1px solid #F4E9E4;
}
#fond-year .archi .projet-box {
    border: 1px solid #CB582C;
}
.archi .projet-box h3 {
    background-color: #F4E9E4;
}
.archi .projet-box-bottom h4 {
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #CB582C;
    color: #CB582C;
}
.archi .projet-box-bottom h5 {
    font-size: 11pt;
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #CB582C;
    color: #CB582C;
}
.strongger {
    font-weight: bold;
    font-size: 10pt;
    color: #8E3737;
    text-transform: uppercase;
} 
#projet-diapo {
    width: 100%;
    height: 380px;
    background-image: url(images/projet-fond.gif);
    background-repeat: repeat-y;
}
#thumbs {
    text-align: center;
    vertical-align: top;
    padding-left: 15px;
    width: 150px;
}
#thumbs img {
    border: 1px solid #000000;
    margin-bottom: 3px;
}
#detail-diapo {
    text-align: center;
    padding-left: 10px;
}
#detail-diapo img {
    border: 1px solid #000000;
}
#detail-infos {
    padding-left: 10px;
}
.infos-img {
    border: 0 none;
}
h2.archi, h2.urba {
    padding-left: 50px;
    color: #FFFFFF;
    font-size: 11pt;
    height: 21px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}
#projet-famille-urba, #projet-famille-archi {
    margin-left: 35px;
    width: 645px;
    margin-top: 10px;
    padding: 2px;
    background-position: top left;
    height: 19px;
}
#projet-famille-urba {
    background-color: #0DB14B;
}
#projet-famille-archi {
    background-color: #CB582C;
}
#projet-famille-urba a, #projet-famille-archi a {
    padding-left: 20px;
    text-decoration: none;
    color: #FFFFFF;
}
.legende {
    font-size: 7pt;
    /*padding-bottom: 40px;*/
}
#credits a {

    font-weight: normal;
    color: #000000;
}
#credits {
    margin-top: 15px;
    text-align: center;
    font-size: 7pt;
    margin-bottom: 0px;
}