/* ************************ */ 
/* Positionnement des modules */ 
/* ************************ */ 

/* Bloc erreur */  
#err-col{ position:absolute; top:87px; left:0; width:200px; background:#333333; color: #333333;-}

/* Bloc page introuvable */  
#404-col{ position:absolute; top:87px; left:0; width:200px; background:#333333; color: #333333;-}

/* Bloc debug */   
#debug-col{ position:relative; width:100%; height:150px; background:#000000; color: #ffffff; margin:0;}

/*ACCUEIL*/
#fdpaccueil {background-image:url(../../images/fdp.jpg); background-repeat:repeat; }
#bloctoplogo {width:312px; height:270px; background-image:url(../../images/logo.jpg); float:left;}
#blocmiddle { float:left;}
#blocdroite { float:left; width:311px; height:270px;}

#bande {position: relative; vertical-align:bottom; margin-top:210px;}
#ichome { background-image:url(../../images/ic_home.jpg); width:60px; height:60px; float:left;}
#icbande{ background-image:url(../../images/ic_bande.jpg); width:187px; height:60px; float:left; }
#iccontact { background-image:url(../../images/ic_contact.jpg); width:65px; height:60px; margin-left:247px;}

#illust {float:left;}
#illustclear {clear:left; visibility: hidden;}

#texteaccueil {}
#edito {background-image:url(../../images/titre_edito.jpg); width:369px; height:30px; float:left; margin-top:35px;}
#label {background-image:url(../../images/label_01.jpg); width:394px; height:30px; float:left; margin-top:35px;}
#label02 {background-image:url(../../images/label_02.jpg); width:394px; height:129px; float:left;}
#adresse {background-image:url(../../images/titre_adresse.jpg); width:220px; height:30px; float:left; margin-top:35px;}
#texteg { width:369px; float:left; }
#texted { width:210px; float:left; text-align:right; padding-left: 10px; margin-top:15px;}
#texteedito { font-size:12px; margin:15px; text-align:justify;}
#texteadresse { float:left; }

 
/*HAUT*/
#blocpagelogo { width:312px; height:226px; background-image:url(../../images/logo_page.jpg); float:left;}
#bandepage {position: absolute; z-index:65; vertical-align:bottom; margin-top:180px; width:313px; left:0px; }
#ichomepage { background-image:url(../../images/ic_home_page.gif); width:60px; height:46px; float:left;}
#icbandepage{ background-image:url(../../images/ic_bande_page.gif); width:188px; height:46px; float:left; }
#iccontactpage { background-image:url(../../images/ic_contact_page.gif); width:65px; height:46px; margin-left:248px;}

#bandeauhaut{ width:671px; float:left;}
#bandeauhautimage{ width:671px; margin:0px; padding:0px;}

/*MENU*/
#menu { position: absolute; vertical-align:bottom;top: 0; left: 312px; top:179px; z-index:65;  /* correction pour Opera */}
dl, dt, dd, #menu ul, #menu li {margin: 0;padding: 0;list-style-type: none; }
#menu ul { text-indent:5px; list-style:none;}
#menu li { line-height: 20px;}
#imagemenupage01{ float: left; width:119px;}
#imagemenupage02{ float: left; width:108px;}
#imagemenupage03{ float: left; width:96px;}
#imagemenupage04 { float: left; width:141px;}
#imagemenupage05 { float: left; width:90px;}
#imagemenupage06 { float: left; width:116px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold;background: #ccc;border: 0px solid gray;margin: 1px;}
#menu dd {display: none;border: 1px solid gray; width:15em;}
#menu li {text-align: left;background: #fff; width:140px;}
#menupage01 li {text-align: left;background: #fff; width:140px;}
#menupage02 li {text-align: left;background: #fff; width:120px;}
#menupage03 li {text-align: left;background: #fff; width:108px;}
#menupage04 li {text-align: left;background: #fff; width:180px;}
#menupage05 li {text-align: left;background: #fff; width:180px;}
#menu li a, #menu dt a {color: #3266A7;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {background: #3266A7; color:#FFFFFF}
#site {position: absolute;z-index: 1;top : 70px;left : 10px;color: #000;background-color: #ddd;padding: 5px;border: 1px solid gray;}

/*MENU ACCUEIL*/
#menuaccueil { width:100%; position: absolute; vertical-align:bottom;left: 0px; top:465px; z-index:100; /* correction pour Opera */}
dl, dt, dd, #menuaccueil ul, #menuaccueil li {margin: 0;padding: 0;list-style-type: none; }
#menuaccueil ul { text-indent:5px; list-style:none;}
#menuaccueil li { line-height: 20px; }
#imagemenuaccueil01{ float: left; width:156px;}
#imagemenuaccueil02{ float: left; width:155px;}
#imagemenuaccueil03{ float: left; width:144px;}
#imagemenuaccueil04 { float: left; width:204px;}
#imagemenuaccueil05 { float: left; width:148px;}
#imagemenuaccueil06 { float: left; width:176px;}
#menuaccueil dt {cursor: pointer;text-align: center;font-weight: bold;background: #ccc;border: 0px solid gray;margin: 1px;}
#menuaccueil dd {display: none;border: 1px solid gray; width:15em;}
#menuaccueil li {text-align: left;background: #fff; width:140px;}
#menuaccueil01 li {text-align: left;background: #fff; width:156px;}
#menuaccueil02 li {text-align: left;background: #fff; width:155px;}
#menuaccueil03 li {text-align: left;background: #fff; width:144px;}
#menuaccueil04 li {text-align: left;background: #fff; width:204px;}
#menuaccueil05 li {text-align: left;background: #fff; width:180px;}
#menuaccueil li a, #menu dt a {color: #3266A7;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menuaccueil li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {background: #3266A7; color:#FFFFFF}
#siteaccueil {position: absolute;z-index: 1;top : 70px;left : 10px;color: #000;background-color: #ddd;padding: 5px;border: 1px solid gray;}

/* PRESENTATION */
#coldroite { position:absolute; top:500px; left: 600px; width: 300px; text-align:justify; }
#photo{margin-right:5px; float:left;}

/*PARTENAIRES*/
#blocpartenaire { width:700px;}
#partenaire {margin:20px; float:left;}

/*REALISATIONS*/
#thumb{margin:15px;}
#boutonrea {margin-right:30px; float:left}


/*MAJ*/
#maj {margin-left:150px; padding-top:100px; font-size:18px; font-weight:bold; font-variant:small-caps; }


/*GAUCHE*/
#separateurgauche{height:2px; background-color:#FFFFFF;}
#fdpgauche {height:200px; background-image:url(../../images/fdp_gauche.jpg); width:313px;}


 
/*CONTACT*/

.IntroContact {float:left;}
.Contact {float:left; text-align:left; width:27%; margin-left:25px}
.Map {clear:both; width:70%; margin:30px 20px 30px 20px; padding-top:50px;}
#adressecontact {position:absolute; z-index:100; width:200px; left:80px; top: 250px;}


/* LIENS */
.ImagePartenaire {float:left; position:relative; width: 20%; margin-bottom:30px; margin-left:30px;}
.TextePartenaire {text-align:justify; margin-right:20px; padding-bottom:30px;}
.BoutonLien {background-image:url(../../images/bouton_lien.jpg); width:158px; height:21px; margin: 10px 0 30px 0; position:relative; left:620px; cursor:pointer; cursor:hand;}

.PoliceLienSans {color: #003366; font-weight:bold;}

.Copyright { width:73%; float:left; text-align:left; margin-left:20px;}
.MenuBas { width:25%; float:left; }

.Choix { width:100%; float:left;}
.Client {float:left; width:45%; padding:10px;}
.NonClient {float:left; width:45%; padding:10px;}

.Formulaire { margin-left: 100px;}
.BoutonFormulaire { margin-left: 170px;}

/* LIEN ELUDE */
a.elude {font-size:14px; font-weight:bold; color: #FF6600; text-decoration:none;}
a.elude: hover {font-size:18px; font-weight:bold; color: #FF9900; text-decoration:underline; }

/* IMAGES */
#blocimage { padding-left:30px; margin:5px;}

/* MODELES */

#menumodele { width:983px; height:174px; background-image:url(../../images/fdp_menumodele.jpg)}
#imagemodele { width:240px; height:174px; float:left; background-image:url(../../images/fdp_menumodele_g.jpg);}
#photomodele { padding:15px; position:absolute; }
#titremodele {  position:absolute; top: 250px; left:400px; font-size:28px; color:#FFFFFF; }
#prixmodele {  position:absolute; top: 280px; left:400px; font-size:18px; color:#000; }
#plaquettemodele { position:absolute; top: 360px; left:400px; float:left;}
#voirphotomodele { top: 360px; left:700px; position:absolute;}
#separateurmodele { top: 226px; left:650px; position:absolute;}
#listemodele { position:absolute; top: 250px; left:780px; font-size:18px; color:#000; width:200px; size:200px; }
#precedentmodele { position:absolute; top: 300px; left:700px;}
#suivantmodele { position:absolute; top: 300px; left:860px;}
#detailmodele {float:left; position:relative; padding-bottom:30px; width: 30%;}
#planmodele { width:250px; padding-top:20px;}
#modele { color:#666666; width:983px;}
#hmodele{font-size: 24px;font-weight: bold;}


/*PROJETS*/
#projet { padding-left:10px;}
#imageprojet {float:left; padding:10px;}
#texteprojet {float:left; padding:10px; float:left;}
#Lieuprojet { font-size:22px; color: #3266A7; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#infoprojet { color:#8E8B83; }
#conseillerprojet { color: #3266A7; font-weight:bold;}
#devisprojet{padding-top:15px; padding-left:30px; float:left;}
#separateurprojet {width:97%; height:1px; background-color:#BDB7A7; margin-bottom: 10px; margin-top:10px; margin-left:20px;}


/*INFOBULLE*/

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
	font-weight: normal;
    display: block;
    position: absolute;
	font-size: 11px;
    top: 25px;
    left: 10px;
    padding: 5px;
    color: #FFF;
    border: 4px solid #FFF;
    background: #1965B3;
    width:250px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -14px;
    left: 15px;
    height: 14px;
    width: 27px;
    background: transparent url(../../images/infobulle.gif);
	background-repeat:no-repeat;
    margin:0;
    padding: 0;
    border: 2;
}


/*INFOBULLE PLAN*/
.Plan {	z-index: 600; position: absolute; font-size: 11px;top: 250px;left: 200px; padding: 5px; color: #FFF;    border: 4px solid #FFF;
    background: #FFF; width:600px;}