.H1Mod { font-size: 14px;margin:0px; }

.forPrintOnly { display:none; }
body {
    margin:0px;
    padding: 0px;
    background-color:#999999;
    font-family: Tahoma;
}
img {border:0px}   
.tao{
    width:1000px;
    background-image: url(../images/contenu-fond.gif);
    background-repeat: repeat-y;
}

.accroche {
    width:1000px;
    font-size: 10px;
    padding-left:10px;
    background:#999999;
    text-align: left;
}
.accroche b ,
.accroche strong {
    font-size: 12px;
}

.entete {
    width:1000px;
    height:143px;
    background-image: url(../images/entete-fond.gif);
    background-repeat: repeat-x;
    vertical-align: top;
}

.etapes {
    width:630px;
    height:143px;
    background-image: url(../images/entete-fond-etapes.gif);
    background-repeat: no-repeat;
}
.etapesTitre {
    /*border: 1px solid red;*/
    color: #FFFFFF;
    height:25px;
    /*padding-left:25px;*/
    text-align:left;
}

.etapesContenu{
    /*border: 1px solid blue;*/
    height:65px;
    vertical-align: top;
    font-size: 11px;
    text-align:left;
}

.contenu {
    text-align: center;
}

.bas {
    width:1000px;
    height:25px;
    background-image: url(../images/pied-fond.gif);
    background-repeat: no-repeat;
}

.basindex {
    width:1000px;
    height:25px;
    background-image: url(../images/pied-fond-index.gif);
    background-repeat: no-repeat;
}

.piedDePage {
    padding-left:10px;
    padding-right:10px;
    background: #999999;
    width:1000px;
    text-align: right;
    font-size: 10px;
    color: #333333;
}
html>body .piedDePage { width:980px; }

.piedDePage a {
    color: #333333;
    text-decoration: none;
}

.piedDePage a:hover {
    color: #330000;
    text-decoration: none;
}

.realisationTemoignages {
    height:96px;
    background-image: url(../images/realisation-temoignage-fond.gif);
    background-repeat:repeat-y;
    padding-left:8px;
}
.temoignages {
    height:96px;
    width:484px;
    text-align:center;
    background-image: url(../images/temoignage-fond.gif);
    background-position: bottom;
    background-repeat:repeat-x;
}
.temoignagesTable {
    width:460px;
    height:86px;
    background-image: url(../images/temoignage-decor.gif);
    background-repeat: no-repeat;
}

.maquetteGratuite {
    padding-left:8px;
}

.maquetteGratuiteTable {
    height:116px;
    background-image: url(../images/formulaire-fond.gif);
    background-repeat:repeat-x;    
}
.maquetteGratuiteTable th { color: #ffffff; text-align:left; padding-left:20px;}
.maquetteGratuiteTable input,.maquetteGratuiteTable select {
    width:90px;
    font-size:12px;
}
.maquetteGratuiteTable textarea {
    font-size:12px;
}
.maquetteGratuiteLib {
    vertical-align:top;
    text-align:right;
    font-size:12px;
}
.req { font-weight: bold; }

.offresTable {    
    background-color:#336699;
}

.offreTitre {
    text-align:left;
    height:25px;
    background-image: url(../images/offre-titre-fond.gif);
    background-repeat:no-repeat;
    color: #333333;
    font-weight:bold;
    font-size:12px;
    paddind:0px;
    padding-left:10px;
}
html>body .offreTitre { width:190px; }

.offrePrix {
    height:88px;
    background-image: url(../images/offre-prix-fond.gif);
    background-repeat:no-repeat;
    text-align:center;
    vertical-align: bottom;
}
.offreDescription {
    height:132px;
    background-image: url(../images/offre-description-fond.gif);
    background-repeat:no-repeat;
    vertical-align: top;
    text-align:center;
}
.offreDescription table {font-size:11px;}
.offreDescription td {vertical-align:top; text-align:left;}

.offreLien {
    height:25px;
    background-image: url(../images/offre-lien-fond.gif);
    background-repeat:no-repeat;
    text-align:right;
    paddind:0px;
    padding-right:10px;
}
html>body .offreLien { width:190px; }
.offreLien a {
    font-size:12px;
    color:#333333;
}

.menu {
    width:1000px;
    height:45px;
}

.menuFond {
    height:45px;
    background-image: url(../images/menu-fond.gif);
}

.menuBouton {
    height:38px;
    background-image: url(../images/menu-inactif-fond.gif);
    vertical-align:top;
    padding-top:7px;
}
.menuBoutonSep {
    width:30px;
    height:45px;
    background-image: url(../images/menu-inactif-sep.gif);
}
.menuBoutonA {
    height:45px;
    background-image: url(../images/menu-actif-fond.gif);
}

.menuBouton a {
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.menuBouton a:hover {
    color:#000000;
    font-weight: bold;
    text-decoration: none;
}
.menuBoutonA a {
    color:#000000;
    font-weight: bold;
    text-decoration: none;
}

#slider img { margin:0px;margin-right:10px; }

.BonnesRaisonsHaut,.BonnesRaisonsBas {
    background-repeat:repeat-x;
    font-size:11px;    
    vertical-align:top;
    padding:5px;
    padding-right:0px;
}
.BonnesRaisonsHaut { background-image:url(../images/4-haut-fond.gif); text-align:left; }
.BonnesRaisonsBas  { background-image:url(../images/4-bas-fond.gif); text-align:left; }
.reaContainer { position:relative;left:0px; }
.realisation {
    font-size:12px;
    background-image:url(../images/realisation-fond.gif);
}

.realisation hr {
    color: #FFFFFF;
    border-width:1px;
    border-style:solid ;
    border-color:#FFFFFF;
    background-color: #FFFFFF;
    height:3px;
    width:588px;
}
.realisation a {
    color:#000000;
}
#maquetteVerticale {      
    background-image:url(../images/maquette-verticale-fond.gif);
    background-color: #c3c3c3;
    position: fixed;
}
#maquetteVerticaleImmo {      
    background-image:url(../images/maquette-verticale-fondimmo.png);
    background-color: #c3c3c3;
    position: fixed;
}
.maquetteVerticaleTH {background-image:url(../images/maquette-verticale-haut.gif); height:30px;}
#maquetteVerticaleImmo .maquetteVerticaleTH {background-image:url(../images/maquette-verticale-hautimmo.png); height:30px; background-repeat:no-repeat}
.Input { border-width:1px; border-color:#666666; border-style:solid;}
.offreLienOff {
    opacity: .2;
    MozOpacity: .2;
    filter: alpha(opacity=20);
}

.titre {
    color:#000099;font-weight:bold;text-align:center; font-size:14px;
}

.detail {
    border: 1px solid #000000; padding:0px;
    width: 480px;
    margin-left: 50px;
}

.detail1 { background-color: #ffffff; padding:5px;}
.detail2 { padding:5px; }
.detail3 { background-color: #FFB32F; padding:5px;}


.bImmo {
    /*margin-left:10px;*/
    width:595px;
    background:url(../images/bimmo_fond.png);
    border-bottom:2px solid #548c0b;

}
.bImmo div.haut {
    background:url(../images/bimmo_haut.png);
    height:30px;
    line-height:30px;
    text-align:left;
    padding-left:40px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}
.bImmo div.contenu {
    font-size:12px;
    text-align:left;

}
div.ligne1 {
    background:#CCFFCC;
    margin-left:170px;
    margin-right:3px;
    padding:15px;
    padding-top:0px;
    padding-bottom:0px;
}
div.ligne2 {
    background:#FFF;
    padding:15px;
    margin-left:170px;
    margin-right:3px;
    padding-top:0px;
    padding-bottom:0px;
}

div#pastille { position:absolute; }
div#pastille img { position:relative; top:-40px; left:480px; }*/


.mess {
    font-size:12px;
    padding:10px;
}

.ok { border: 2px solid #007d00; background:#55ff80; }
.ko { border: 2px solid #7d0000; background:#ff9b9b; }

.cdc {
	width:345px;
	height:215px;
}
.cdc img { }

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 345px;	
	height:215px;	
	z-index:1;
	text-align:left;
	/* custom decorations */
	border:1px solid #cecece;
	/*background-color:#ffffff;*/
	    	margin:auto;

	margin-top:10px;
	margin-bottom:10px;

}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;
	/*height:2000em;*/
	position:absolute;
	clear:both;		
	z-index:1;
	/* decoration */
	margin-top:00px;
	/*background:#efface;*/
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:left;
	width:345px;
	height:215px;
	font-size:12px;
	padding:0px;
	padding-top:0px;
	/*border:1px outset #ccc;*/
	/*background-color: #ffffff;*/
	/*margin-right: 20px;	*/
	/*-moz-border-radius:5px;*/
	z-index:1;
}

/* active item */
div.scrollable div.items div.active {
	/*border:1px inset #ccc;		*/
	/*background-color:#eee;*/
}