@font-face {
 font-family: fontTitre;
 src: url("../font/DistThin.eot") /* EOT file for IE */
}
@font-face {
    font-family: fontTitre;
    src: url('../font/DistThin.ttf');
}

@font-face {
    font-family: fontTitre2;
    src: url('../font/ChampagneLimousineBold.eot');/* EOT file for IE */
}
@font-face {
    font-family: fontTitre2;
    src: url('../font/ChampagneLimousineBold.ttf');
}

body
{
    overflow : visible;
    background : #e8e9eb;
    text-align : center;
    font-size : 12px;
    font-family : "Tahoma", sans-serif;
    height : 100%;
}

ul.menu {
    list-style-type : none;
    height:10px;
    padding-top : 60px;
    padding-right: 2px;
    font-family: fontTitre;
    font-size: 17px;
}

li.lienmenu, li.lienmenu2 {
    display:inline;
    position : relative;
    padding:15px;
    padding-top : 5px;
    padding-bottom : 5px;
}

ul.sousmenu  {
    position:absolute;
    text-align:left;
    display:none;
    /* visibility:hidden; */
    background : #79bb1d;
}

li.lienmenu:hover {
    border-radius : 10px 10px 10px 10px; 
-moz-border-radius : 10px 10px 10px 10px; 
-khtml-border-radius : 10px 10px 10px 10px; 
    -moz-box-shadow : 3px 3px 3px #555 inset; 
-webkit-box-shadow : 3px 3px 3px #555 inset; 
box-shadow : 3px 3px 3px #555 inset; 
    background : #86c234;
}

li.lienmenu2:hover ul {
    position:absolute;
    top:30px;
    left:0px;
    text-align:left;
    /* visibility:visible; */
    padding: 10px;
    color: white;
    border-radius : 0px 8px 8px 8px; 
-moz-border-radius : 0px 8px 8px 8px; 
-khtml-border-radius : 0px 8px 8px 8px; 
    -moz-box-shadow : 3px -3px 3px #555 inset; 
-webkit-box-shadow : 3px -3px 3px #555 inset; 
box-shadow : 3px -3px 3px #555 inset; 
    -moz-opacity : 0.9; 
opacity : 0.9; 
filter : alpha(opacity= 90); 
    background : #79bb1d;
    width : 200px;
    z-index : 20;
}

.lienmenu a, .lienmenu2 a {
    color: #606060;
    text-decoration:none;
}

.sousmenu a:hover {
    margin-left : 10px;
}

.sousmenu a {
    -webkit-transition : margin-left ease 0.8s; 
-moz-transition : margin-left ease 0.8s; 
-o-transition : margin-left ease 0.8s; 
-ms-transition : margin-left ease 0.8s; 
}

li.lienmenu:hover a, li.lienmenu2:hover a {
    color:white;
}

li.sousmenu {
    position:relative;
}

li.lienmenu2:hover {
    border-radius : 10px 10px 0px 0px; 
-moz-border-radius : 10px 10px 0px 0px; 
-khtml-border-radius : 10px 10px 0px 0px; 
    -moz-box-shadow : 3px 3px 3px #555 inset; 
-webkit-box-shadow : 3px 3px 3px #555 inset; 
box-shadow : 3px 3px 3px #555 inset; 
    background : #86c234;
}

.sousmenu li {
    display:block;
    padding:5px;
}

ul.menubottom {
    list-style-type : none;
    height:10px;
    font-family: fontTitre;
    font-size: 12px;
    text-align: center;
}

ul.menubottom a {
    color: #606060;
    text-decoration: none;
}

ul.menubottom a:hover {
    color: #517a10;
    text-decoration: underline;
}

.menubottom li {
    display:inline;
    padding:15px;
}
.menubottom li {
    display:inline;
    padding:15px;
}

blockquote.avenir {
    text-align:right;
    margin-top:85px;
    margin-right:50px;
    font-family: "Comic Sans MS";
    font-size: 25px;
    font-variant: small-caps;
    font-style: oblique;
    color: white;
    -moz-opacity : 0.8; 
opacity : 0.8; 
filter : alpha(opacity= 80); 
    z-index:10;
}

blockquote.engagement {
    text-align:left;
    font-size: 13px;
    font-variant: small-caps;
    color: #517a10;
    background : url('../images/design/quote.jpg') no-repeat 20px;
    margin: auto;
    padding-top : 35px;
    padding-left : 162px;
    width: 479px;
    height: 143px;
    text-align:justify;
    padding-right : 22px;
}

blockquote.engagement span {
    font-weight:bold;
    color: #909090;
    float:right;
}

blockquote.bienvenue {
    padding-top:30px;
    padding-left:80px;
    text-align:left;
    font-family: "Comic Sans MS";
    font-size: 13px;
    color: #b8db87;
    font-variant: small-caps;
    width: 500px;
    float:left;
}

blockquote.bienvenue span {
    color:white;
    font-size: 16px;
    font-weight: bold;
}

p.infogreenconstruct{
    font-variant: small-caps;
    color: #909090;
}

p.infogreenconstruct span{
    color: #606060;
    font-weight:bold;
}

div.main {
    background : url('../images/design/bg_behind.jpg') repeat-x center 109px;
    height : 500px;
    min-width : 1000px;
}

div.ombremain {
    background : url('../images/design/ombretop.png') repeat-x center top;
    height:115px;
}

div.sitecontent {
    position:relative;
    width:960px;
    margin:auto;
    padding:auto;
    padding-right:0px;
    text-align:right;
}

div.logo {
    position:absolute;
    background: url('../images/design/logo_greenconstruct.png') no-repeat left 30px;
    width: 113px;
    height: 265px;
    margin-left:30px;
}

div.banniere {
    position:relative;
    background : url('../images/design/bg_banner.png') repeat-x center top;
    height:432px;
    margin-top: 30px;
    z-index:12;
}

ul.photo {
    position:absolute;
    top:31px;
    left:35px;
    border:none;
    width:892px;
    list-style-type : none;
}

.photo li {
    position:absolute;
}

div.bandeaux {
    position:absolute;
    background : url('../images/design/banniere_banner.png');
    top:313px;
    height:119px;
    width:960px;
    z-index:11;
}

div.contacteznous {
    float:left;
    width:100px;
    height:30px;
    padding-top:45px;
    padding-left:80px;
}

div.content {
    background : url('../images/design/bg_content.png') repeat-y 1px;
    min-height:400px;
    text-align:center;
}

div.footer {
    background : url('../images/design/bg_bottom.png') no-repeat 1px top;
    height:150px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left:20px;
}

div.footerleft {
    float:left;
    background : url('../images/design/bg_footer.png') no-repeat;
    text-align:left;
    height:53px;
    padding-left:70px;
}


hr {
    background : url('../images/design/separation_line.jpg') no-repeat center top;
    height:2px;
    border:none;
    margin-top : 30px;
    margin-bottom : 30px;
}

input, textarea {
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 5px;
    border : 1px solid grey;
    border-radius : 6px; 
-moz-border-radius : 6px; 
-khtml-border-radius : 6px; 
    background : #e8e9eb;
    outline: none;
    font-family:fontTitre;
    font-size : 13px;
}

input:focus, textarea:focus {
    -moz-box-shadow : 2px 2px 2px #555 inset; 
-webkit-box-shadow : 2px 2px 2px #555 inset; 
box-shadow : 2px 2px 2px #555 inset; 
    font-family:fontTitre;
}


input[type=button]:hover, input[type=submit]:hover {
    background : #79bb1d;
    color:white;
}

input[type=checkbox]{
    margin-left : 8px;
}

#formulaireContact {
    padding:10px;
    padding-top:15px;
    padding-bottom:15px;
    position:absolute;
    background: #f4f4f4;
    border:2px solid #d8d8d8;
    left:-50px;
    display:none;
    border-radius : 8px; 
-moz-border-radius : 8px; 
-khtml-border-radius : 8px; 
}

.news{
    float:left;
    text-align: left;
    font-size: 15px;
    text-align:justify;
    width:760px;
    margin:20px;
    position:relative;
}

.agenda{
    float:left;
    background-image: url('../images/design/agenda.png');
    height:64px;
    width:64px;
    text-align:center;
    color:white;
    margin-left:10px;
    position:relative;
}

.agendaAnnee {
    color:black;
    -webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg); 
-ms-transform: rotate(270deg); 
-o-transform: rotate(270deg); 
transform: rotate(270deg); 
    position : absolute;
    top: 15px;
    left:-17px
}

.agendaJour{
    margin-top:14px;
    font-size: 19px;
    font-weight: bold;
    width:100%;
}

.agendaMois{
    margin-top:3px;
    font-size: 12px;
    width:100%;
    text-align: center;
}

.slider h3 {
     padding-top:15px;
     border-bottom:1px solid #909090;
     height:25px;
}

.slider p {
    font-family: fontTitre;
    margin-top:35px;
    font-size: 14px;
}

.slider {
    margin-left:10px;
    margin-right:10px;
    transition:padding-left 0.5s ease 0.15s;
    font-family: fontTitre;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom:10px;
    -moz-box-shadow : 2px 2px 2px #999; 
-webkit-box-shadow : 2px 2px 2px #999; 
box-shadow : 2px 2px 2px #999; 
    border-radius : 5px; 
-moz-border-radius : 5px; 
-khtml-border-radius : 5px; 
}

        
.innerslider {
    -webkit-transition : margin-left ease 0.8s; 
-moz-transition : margin-left ease 0.8s; 
-o-transition : margin-left ease 0.8s; 
-ms-transition : margin-left ease 0.8s; 
    background-image: url('../images/design/textures/whitey.png');
}


div.navButtons{
    margin:auto;
    text-align: center;
}

.navButtons a {
    background-color:#e8e9eb;
    margin:1px;
    font-size:7px;
    text-decoration:none;
}

.navButtons a:hover, .navButtons a:active, a.current {
    background:#b8db87;
}



div.construction {
    margin-left:38px;
    margin-right:38px;
    padding-bottom : 20px;
    font-family: fontTitre;
    text-align:center;
    background-image: url('../images/design/textures/whitey.png');
    -moz-box-shadow : 0px 0px 7px #999 inset; 
-webkit-box-shadow : 0px 0px 7px #999 inset; 
box-shadow : 0px 0px 7px #999 inset; 
    position : relative;
    margin-bottom:60px;
}
div.contact {
    margin-left:30px;
    float:left;
    width:259px;
    text-align:left;
}

.contact h3 {
    font-family: fontTitre2;
    font-size:15px;
}
.contact p{
    width:259px;
    background-image: url('../images/design/textures/whitey.png');
    -moz-box-shadow : 0px 0px 7px #999 inset; 
-webkit-box-shadow : 0px 0px 7px #999 inset; 
box-shadow : 0px 0px 7px #999 inset; 
    padding : 10px;
    font-family: fontTitre;
    margin-bottom:25px;
    font-size:13px;
}

.construction img{

    margin-left:35px;
    margin-top : 30px;
    padding : 10px;
    background-color:white;
    border : 1px solid #909090;
    -moz-box-shadow : 0px 0px 7px #999; 
-webkit-box-shadow : 0px 0px 7px #999; 
box-shadow : 0px 0px 7px #999; 
    float:left;

}

h1{
    font-size: 40px;
    font-weight:bold;
    font-variant: small-caps;
    color : white;
    font-family: fontTitre2;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:40px;
    text-align:left;
    -moz-opacity : 0.65; 
opacity : 0.65; 
filter : alpha(opacity= 65); 
}

.construction h3{
    background: url('../images/design/maisonconstruire.png') no-repeat 0px 0px;
    height:36px;
    font-size: 28px;
    font-weight:bold;
    font-variant: small-caps;
    color : #b8db87;
    margin-left : 40px;
    padding-left: 30px;
    top : -35px;
    padding-top:8px;
    position : absolute;
    font-family: fontTitre2;
}
.construction h2{
    font-size: 25px;
    color : #909090;
    position : absolute;
    font-family: fontTitre;
    right:40px;
    top : -25px;
}

.construction p{
    font-size: 15px;
    margin-top:30px;
    margin-left:40px;
    text-align: justify;
    float:left;
    width : 450px;
}

.googleframe {
    float:right;
    margin-right:30px;
    border-radius : 8px 8px 8px 8px; 
-moz-border-radius : 8px 8px 8px 8px; 
-khtml-border-radius : 8px 8px 8px 8px; 
    -moz-box-shadow : 2px 2px 2px #555; 
-webkit-box-shadow : 2px 2px 2px #555; 
box-shadow : 2px 2px 2px #555; 
    background : #86c234;
}

.viewerLarge {
    margin:auto;
    text-align:center;
}

.viewerMini {
    margin-left:0px;
    margin-top:10px;
}

.viewerLarge img{
    border:1px solid #555;
    padding:5px;
    background:white;
    margin:auto;
}

.viewerMini img{
    border:0px;
    height:80px;
    -moz-box-shadow : 0px 0px 0px #555; 
-webkit-box-shadow : 0px 0px 0px #555; 
box-shadow : 0px 0px 0px #555; 
    padding:4px;
    margin:3px;
}

fieldset {
    text-align:center;
    margin:auto;
    border : 1px solid #89bf0f;
    display:inline;
    padding:20px;
    margin-top:40px;
}

legend {
    font-family: fontTitre2;
    font-size:15px;
    color : #89bf0f;
    padding:10px;
}

div.adminArea{
    margin:auto;
    width:700px;
    padding-left:30px;
}

.adminArea div{
    float:left;
    margin-left:10px;
    width:100px; 
    height:70px;
    text-align:left;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    vertical-align: middle;
    font-family:fontTitre2;
    font-variant: small-caps;
    font-size:20px;
    background-image: url('../images/design/textures/whitey.png');
    -moz-box-shadow : 2px 2px 2px #555; 
-webkit-box-shadow : 2px 2px 2px #555; 
box-shadow : 2px 2px 2px #555; 
}

.enconstruction{
    margin:auto;
    width:300px;
    padding:20px;
    background-image: url('../images/design/textures/whitey.png');
    -moz-box-shadow : 2px 2px 2px #555; 
-webkit-box-shadow : 2px 2px 2px #555; 
box-shadow : 2px 2px 2px #555; 
}

.adminArea a{
    color:black;
    font-variant:small-caps;
    text-decoration : none;
}


div.navigation {
    text-align:left;
    margin-left:50px;
    font-family:fontTitre;
    position:relative;
    padding-top:5px;
}

.navigation img{
    width:20px;
    top:3px;
    left:-20px;
    position:absolute;
}

.navigation a{
    color:#517a10;
}

.adminTitle{
    color:#222; 
    padding:0px; 
    padding-bottom:0px;
    padding-left:100px;
    clear:both;
    font-size:20px;
    margin-bottom:20px;
    padding-top:20px;
}
.categorie{
    color:#517a10; 
    padding:0px; 
    padding-bottom:0px;
    padding-left:25px;
    clear:both;
    font-size:36px;
    margin-bottom:40px;
    padding-top:0px;
    font-weight:none;
}