body {
    font-family: Arial,sans-serif;
    font-size: 14px;
    background: url(../images/condo-urbain-projet-montreal.jpg) no-repeat top center #35292d;
    margin: 0;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li{
    margin: 0;
    padding: 0;
}

img{ border:0;}

p, td, div, span, ul, li, .normaltexte {
    font-size : 14px; 
}
a, input, select{ outline:none; text-decoration: none;}

a{ color: #1f497c; }

a:hover{text-decoration: none;}


p {
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
}

/* ============================================ */
/* =============   GÉNÉRAL TEMPLATE   ============== */
/* ============================================ */   

#habillage{ 
        position: absolute; 
        top: 34px; 
        background: url(../images/habillage/habillage-1.jpg) center top no-repeat; 
        width: 100%; 
        height: 673px; 
        z-index: 1; 
}

#wrapper{
    background: url(../images/bg-header.png) repeat-x ;
}
#wrapper2{
    width: 1000px;
    margin: 0 auto;
}

        #login{ float: right; width: auto; height: 27px; padding: 0; margin: 5px 0 0; position: relative; }
                #login p{
                    color: #EEA531;
                    font-family: "Myriad Pro";
                    font-size: 18px;
                    text-transform: uppercase;
                    font-weight: 400;
                    line-height: 18px;
                    margin: 2px 20px 0 0;
                    float: left;
                }
                
                #login ul{ float: left; }
                #login li{ font-size: 11px; padding: 0; margin: 5px 20px 0 0; list-style: none; float: left; letter-spacing: 0.3px;}
                    #login li a{ color: #FFF;}

                #login form{ float: left;}
                #login form input[type="text"]{ float: left; width: 170px; padding: 3px 6px; font-size: 12px; color:#afafaf; border: 1px solid #bfbfbf; margin-bottom: 6px; margin-left: 6px; }
                #login form input[type="password"]{ float: left; width: 99px; padding: 3px 6px; font-size: 12px; color:#afafaf; border: 1px solid #bfbfbf; margin: 0 6px 0 6px;}
                #login form input[type="submit"]{ float: left; width: 65px; padding: 3px 6px; font-size: 12px; color:#FFF; background: #e1a229; border: 0; margin-left: 6px;}

                #login p.connected, #login p.connected a{ font-size: 13px; color: #FFF; line-height: 22px; margin-top: 0px; }
                #login p.connected a:hover{ text-decoration: underline; }


    /* HEADER */
    #header{ 
        clear: both; 
        float: left; 
        width: 990px; 
        height: 172px; 
        margin-top: 130px; 
        border: 5px solid #FFF; 
        position: relative; 
        z-index: 555;
    }
        #logo{ float: left; background: #2b2314; height: 172px}
        #logo, #logo a{ display: block; width: 223px;; cursor: pointer; }
            #logo a{ height: 197px; background: url(../images/logo.png) no-repeat; margin-top: -25px; position: relative; }
            #logo span{ position: absolute; left: -9999px; }
                    
        #promo{ float: left; width: 762px; height: 137px; border: 5px solid #FFF; border-top: 0; border-right: 0; margin: 0; background: #e7ae40; }
        
   
                #msg{ 
                        background: none repeat scroll 0 0 #d30000;
                        border: 1px solid #ffffff;
                        color: #ffffff;
                        float: right;
                        font-size: 12px;
                        font-weight: bold;
                        left: -360px;
                        margin: 0;
                        padding: 3px 6px;
                        position: absolute;
                        top: 0;
                        width: 293px;
                }


    #menu{ float: left; height: 30px; width: 762px; background: #2b2314; border-left: 5px solid #FFF; }
        #menu ul{ float: left; height: 30px; width: 762px; }
        #menu ul li{  float: left; list-style: none; height: 30px; margin-left: 10px; }
        #menu ul li a, #menu ul li span{ 
                    float: left; 
                    display: block;
                    height: 30px; 
                    padding: 0 25px; 
                    font-size: 13px; 
                    line-height: 30px; 
                    color: #FFF; 
                    font-weight: bold; 
                    text-transform: uppercase;
        }
            #menu ul li span{ cursor: default;}
        #menu ul li a:hover{ color: #ededed; background: #eea531;}

        
     
#content{
    position: relative;
    z-index: 555;
    float: left;
    background: url(../images/bg-content.jpg) repeat-y #FFF;
    width: 1000px;
    padding: 0 0 20px;
}


    
    /*SEARCH*/
    #search{ float: right; width: 252px; height: 34px; margin: 10px 11px 30px 0; }
    body#Accueil #search{ margin: 10px 30px 30px; }
            #search input[type="text"]{
                border: 0 none;
                color: #AFAFAF;
                height: 21px;
                margin: 5px 0 0;
                padding: 1px 0 2px 8px;
                width: 205px;
                border: 1px solid #D4D4D4;
            }
            #search input[type="submit"]{ 
                    background: url(../images/ico-search.gif) no-repeat; 
                    border: 0 none;
                    height: 24px;
                    margin: 4px 0 0;
                    width: 29px;
            }
            
            
            
            
    #mainContent{ float: left; width: 700px; padding: 0 0 0 20px;}
    #rightCollomn{ float: left; width: 250px; padding: 20px 15px;  }
        #rightCollomn img { margin-top: 20px; }
   
   #footer{ clear: both; }
        .footer{
            width: 1000px;
            margin: 0 auto;
            background: #000;
        }
        
        .footer .plan-site{
            width: 968px;
            padding: 16px;
            background: #333;
            border-bottom: 2px solid #FFF;
        }
                .footer .plan-site p{
                    font-family: verdana; font-size: 19px; color: #FFF; margin-left: 20px;
                }
                .footer .plan-site ul{ float: left; width: 500px; margin: 35px 0 0 20px; }
                .footer .plan-site ul li{ float: left;  background: url(../images/footer-separator.gif) left top no-repeat; list-style: none;}
                .footer .plan-site ul li.first{ margin: 0 0 0 20px; }
                .footer .plan-site ul li a{
                    font-size: 16px; 
                    color: #888;
                    display: block;
                    width: 170px;
                    padding: 14px 20px;
                }
                .footer .plan-site ul li a:hover{ text-decoration: underline; color: #ccc; }
                
                #promo2{ float: right;}
        
        .footer > p{
            color: #FFF;
            font-size: 12px;
            text-align: center;
            padding: 10px;
        }
        .footer > p > a{
            color: #FFF;
        }
        
/*************************/
/*************************/ 

h1{ font-family: "Myriad Pro"; font-size: 32px; color: #eea531; line-height: 30px; margin-top: 25px; font-weight: 400;}
h2{ font-family: "Myriad Pro"; font-size: 22px; color: #999999; line-height: 25px; font-weight: 400;}
h3{ font-family: "Myriad Pro"; font-size: 19px; color: #362d27; line-height: 25px; font-weight: 400;}

#content p{ font-size: 14px; font-family: verdana; color: #0d0d0d; line-height: 19px; margin-top: 20px; } 


#content .pubU31 p{ font-size: 13px; font-family: verdana; color: #0d0d0d; line-height: 18px; margin-top: 14px; } 
        
/********** ACCUEIL ***********/        
#Accueil #content{ background: url(../images/bg-content-accueil.jpg) repeat-y; width: 1000px; padding: 0;}
#Accueil #content #acc_top{ width: 960px; padding: 20px;}
#Accueil #content #acc_bottom{ width: 958px; margin: 0 0 50px 1px; padding: 10px 20px 0;  background: url(../images/titre-vedette.jpg) no-repeat #f3f3f3;}

#Accueil #content h1{ font-size: 30px; }
#Accueil #content p{ line-height: 22px; text-align: justify; }
#Accueil #content .promo{ margin-right: 40px; float: left; }

/********** ACCUEIL ANNONCES ***********/
.vedettes{ float: left; width: 218px; height: 350px; padding: 10px; background: #FFF; margin: 0 0 25px 2px;}
.vedettes:first-child{ margin-left: 0px;}
.vedettes .image{ background: #CCC; width: 218px; height: 199px; }
    .vedettes .image a{ display: block;  width: 242px; height: 221px;}
    .vedettes .image img{  width: 218px; height: 199px;}
.vedettes h3{ font-size: 14px; font-family: verdana; font-weight: bold; margin: 3px 0 0; }
#Accueil #content .vedettes .ville{ font-size: 12px; margin: 0; line-height: 15px; }
#Accueil #content .vedettes .description{ line-height: 20px; margin-top: 15px;}



/********** ANNONCES ***********/
#projets h1 span{ font-size: 22px; color: #999;}
#projets h2{ margin-bottom: 40px; font-family: "Myriad Pro"; font-size: 19px; color: #362d27; line-height: 25px; font-weight: 400;}
.AdsContainer{ width: 648px; border: 1px solid #d4d4d4; padding: 3px; background: #FFF; margin: 10px 0; float: left; }
.Ads{ padding: 12px; background: url(../images/bg-projets.jpg) repeat-x #ededed; }
    .AdsImages{ float: left; width: 242px; height: 221px; background: #ccc; margin-right: 20px; }
        .AdsImages a{ display: block;  width: 242px; height: 221px; position: relative;}
        .galerie-over{ position: absolute; left: -9px; top: 5px;}
        .image-bg{ width: 242px; height: 221px; cursor: pointer;}

    #content p.title{ font-weight: bold; margin-top: 0;}
        .title span{ font-size: 12px;}
    #content p.ville{ font-size: 12px;}
    #content p.description{ font-size: 12px; line-height: 21px; text-align: justify;}
    .boutonDetail{ display: block; float: right; margin: 10px 0; width: 79px; height: 17px; background: url(../images/btn-more.png); }
        .boutonDetail span{ position: absolute; left: -9999px; }

#projets .Projet{ margin-right: 30px;}
#projets #images{ float: left; width: 245px; margin: 5px 20px 0 0;}
#projets #images > img{ border: 1px solid #E5E5E5;}
#projets .map{  font-family: "Myriad Pro"; font-size: 22px; color: #eea531; margin-top: 60px;}
#projets iframe{ margin-top: 6px; padding: 4 px; border: 1px solid #CCC;}

#projets .colonne{ color: #717171; width: 33%; float: left; }   
#projets .colonne p{ color: #717171; font-size: 12px; line-height: 16px;}   
#projets .colonne p a{ color: #eea531; text-decoration: underline; font-weight: bold;}  
#projets .colonne.image{  text-align: right; margin-top: 10px;}  

#images .btn-galerie{ position: relative; margin: 5px 0;}
.galerie{ display: none;}

 
/********** À PROPOS ***************/ 
#mainContent.propos p{ margin-right: 40px;}
#mainContent.propos h4{ margin-top: 60px; color: #eea531; border-bottom: 1px solid #eea531;}
#mainContent.propos img{ }
#mainContent.propos ul{ margin-top: 20px;}
#mainContent.propos li{ margin-left: 50px; margin-top: 4px;}
#mainContent.propos a{ color: #D8880F;}




/********** CONTACT ***************/ 
#coordonnee{ float: left; width: 345px; padding: 5px 30px 10px 0; border-right: 1px solid #d4d4d4; }
#infolettre{ float: left; width: 250px; margin: 5px 0 10px 30px;}
    #coordonnee p:first-child, #infolettre p:first-child{ margin-top: 0;}
    #coordonnee a{color: #EEA531; font-weight: bold; text-decoration: underline;}
    #form_newsletter{ margin-top: 15px; }
    #form_newsletter input[type="text"]{ margin: 10px 0 0; width: 228px; border: 1px solid #d4d4d4; padding: 5px 10px;}
    #form_newsletter input[type="submit"] {
                float: right;
                border: none;
                background-color: #eea531;
                width: 83px;
                height: 26px;
                margin-top: 10px;
                color: #FFF;
            }

            #contact-form{ /*float: left; width: 304px; padding-left: 46px; margin-top: 35px;*/ }
            #contact-form label{ float: left; font-size: 12px; color: #999; text-transform: uppercase; width: 150px; display: block; line-height: 28px;}
            
            #contact #contact-form h1{margin-bottom: 25px;}    
                
            .form_block {
                margin-top: 16px;
                clear: both;
            }
            .form_block .form_title {
                font-size: 15px;
                color: #616161;
                height: 30px;
            }
            .form_block .field {
                padding-bottom: 5px;
                float: left;
                clear: left;
            }
            .form_block .field input,.form_block .message textarea {
                /*border: 1px solid #f37735;*/
                border: 1px solid #eea531;
                background-color: #FFF;
                width: 292px;
                height: 22px;
                padding: 2px 4px 0 6px;
                color: #555;
                font-family: Arial;
                font-size: 13px;
                 float: left;
            }
            .form_block .message textarea {
                height: 115px;
                margin-left: 15px;
            }
            .form_block .message textarea { float: left; clear: none;}
            .contactez-button {
                padding-top: 2px;
            }
            .contactez-warning {
                float: left;
                color: red;
                padding-top: 7px;
            }
            .contactez-submit {
                float: right;
            }
            .contactez-submit button {
                border: none;
                background-color: #eea531;
                width: 83px;
                height: 26px;
                margin-top: 5px;
                color: #FFF;
            }
            .error{ float: right;}
    

/* FORM !! */
    #inscription-form { margin: 30px 0 0 50px; float: left; }
    #inscription-form > div{ clear: both; float: left; margin-top: 8px; position: relative; }
    #inscription-form > fieldset legend{ font-weight: bold; padding: 0 10px; }
    #inscription-form > fieldset > div{ clear: both; float: left; margin: 10px 0 0 20px; position: relative; }
    #inscription-form label{ float: left; width: 250px; }
    #inscription-form input[type="text"], #inscription-form input[type="password"], #inscription-form input[type="file"]{ 
        float: left; width: 300px; padding: 3px 10px; border: 1px solid #D4D4D4;
    }
    #inscription-form select{ float: left; width: 320px; padding: 3px 0 3px 10px; }
    #inscription-form textarea{ width: 300px; height: 100px; padding: 5px 10px; }
    #inscription-form fieldset, #contact-form h2{ clear: both; float: left; margin-top: 25px; width: 548px; }
    
    #inscription-form input[type="button"]{ margin: 30px 0; }
    #inscription-form div.fieldsError{
                position: absolute; 
                color: #FFF;
                background: #FF0000;
                width: 170px;
                right: 2px;
                text-align: center;
                font-size: 13px;
                font-weight: bold;
                
    }
    #content p.FieldsError{ color:#FF0000; }
    #content p.FieldsNoError{ color:#17b70f; }
 
 
/*ADSENSE*/ 
.adsense-top{ float: right; margin-top: -18px; padding: 6px; background: #000;}
.adsense-content{ float: right; clear: right; margin: 15px 7px 10px 50px;}
 
/* ============================================ */
/* =============   GÉNÉRAL CSS   ============== */
/* ============================================ */

.FieldsError, #inscription-form label span{ color:#FF0000;}
.FieldsNoError{ color:#17b70f;}
.fs_11{ font-size: 11px;}
.fs_13{ font-size: 13px;}
.inline{ display:inline;}
.float_r{ float: right;}
.float_l{ float: left;}
.clear-r{ clear: right;}
.clear-l{ clear: left;}
.clear-b{ clear: both;}
.T_AlignRight{ text-align: right;}
.italic{ font-style: italic;}

.Tabulation{ margin-left: 50px; clear: left;}
.Half_Tabulation{ margin-left: 25px; clear: left;}
.margin-15{ margin-top: 15px;}
.margin-20{ margin-top: 20px;}
.margin-40{ margin-top: 40px;}
.margin-none{ margin-top: 0;}
.image-right{ margin: 40px 0 0 40px;}

/*copy HERE the same style than your actual general a */
.lookLikeA{  text-decoration: underline; cursor:pointer; }