body
{
    position: relative;
    width: 1024px;
    min-height : 892px;
    height : auto !important;
    height: 892px;
    margin: auto;
}

body.hp
{
    background:#d8d9d7 url(../img/bg/hp.jpg) no-repeat top center;
}

body.cp1
{
    background:#d8d9d7 url(../img/bg/cp1.jpg) no-repeat top center;
}

body.hpf
{
    background:#d8d9d7 url(../img/bg/hpf.jpg) no-repeat top center;
}

body.ef1
{
    background:#d8d9d7 url(../img/bg/ef1.jpg) no-repeat top center;
}

input:focus, textarea:focus, select:focus 
{
	outline:0 none;
}

a.logo
{
     position: relative;
     float:left;
    margin-left: 43px;
    margin-top: 20px;
    width: 146px;
    min-height : 130px;
    height : auto !important;
    height: 130px;
    background: url(../img/logo.png) no-repeat top center;
}

div.header
{
    position: relative;
    float: left;
    width: 1003px;
    min-height : 166px;
    height : auto !important;
    height: 166px;
    z-index:50;
}


div.espPrive
{
    /*position: absolute;*/
    /*left: 838px;*/
    margin-top: 0px;
    width: 188px;
    min-height : 113px;
    height : auto !important;
    height: 113px;
    background:url(../img/espPrive.png) no-repeat top center;
}

div.espPrive_Acces
{
	position: absolute;
    left: 838px;
    margin-top: 0px;
    width: 188px;
    min-height : 113px;
    height : auto !important;
    height: 113px;
    background:url(../img/espPrive.png) no-repeat top center;
}

div.slogan
{
    position: absolute;
    left: 836px;
    top: 0px;
    width: 188px;
    min-height : 113px;
    height : auto !important;
    height: 113px;
    background:url(../img/espPrive.jpg) no-repeat top center;
}

div.hp-diapo
{
    position: absolute;
    margin-top: 0px;
    margin-left: 1px;
    width: 423px;
    min-height : 279px;
    height : auto !important;
    height: 279px;
}

/* container for slides */
.diapos {
	/*background:#fff url(/img/global/gradient/h300.png) repeat-x;
	border:1px solid #ccc;*/
	position:relative;	
	height:300px;
	
	width:380px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
 */
}

/* single slide 
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}
*/

.diapos div
{
    display:none;
    position: absolute;
    left: 1px;
    top: 0px;
    width: 423px;
    min-height : 279px;
    height : auto !important;
    height: 279px;
}



.hp-video
{
    margin-top:-15px;
    margin-left:20px;
}


.diapos h1, .daipos h2
{
 
    font-family: Trebuchet MS;
    color: #ffffff;
    font-size: 20px;
    margin-left: 206px;
    margin-top: 54px;
    font-weight:normal;
    background :none;
    margin-right :0px;
    width:180px;
}

.diapos span
{
    font-family: Trebuchet MS;
    color: #ffffff;
    font-size: 18px;
    margin-left: 20px;
    display: inline-block;
    font-weight: normal;
}

.diapos img
{
    position: absolute;
    margin-left: 393px;
    top: -10px;
    width: 600px;
    min-height : 279px;
    height : auto !important;
    height: 279px;
}


div.contenu
{
  position: relative;
  float:left;
  width:860px;
   min-height : 600px;
    height : auto !important;
    height: 600px;

}

.SiteMapPath 
{
  font-family: Trebuchet MS;
  color: #434343;
  font-size: 12px;
  position: relative;
  float:left;
  margin-top: 10px;
  margin-left: 40px;
    min-height : 25px;
    height : auto !important;
    height: 25px;
}

.SiteMapPath A
{
  color: #434343;
  text-decoration: none;
}

.SiteMapPath A:hover
{
  color: red;
}

.listFranLeft
{
    float:left;
    width:150px;
}

.listFranCenter
{
    float:left;
}
.listFranSeparateur
{
clear:both;
}

div.footerhp
{
    position: relative;
    float: left;
    width: 1024px;
    min-height : 166px;
    height : auto !important;
    height: 166px;
    background: url(../img/bg/footerhp.gif) no-repeat top left;
    margin-top:-24px;
}

div.footercp1
{
    position: relative;
    float: left;
    width: 1024px;
    min-height : 166px;
    height : auto !important;
    height: 166px;
    background: url(../img/bg/footercp1.png) no-repeat top left;
    margin-top:15px;
}
div.footerhpf
{
    position: relative;
    float: left;
    width: 1024px;
    min-height : 166px;
    height : auto !important;
    height: 166px;
    margin-top:11px;
}


div.footerLeft ul
{
    list-style:none;
    margin:5px 0px 0px 10px;
    padding:0;
}
div.footerLeft ul li
{
    position:relative;
    float:left;
 
}

div.footerLeft ul li a
{
    text-decoration : none;
    font-weight: bold;  
    display: inline-block;
    color:#313131;
}

div.footerLeft ul li a:hover
{
  color: red;  
}

div.footerNumVert
{
    position:absolute;
    top:-1px;
    left:350px;
    width:263px;
    min-height : 77px;
    height : auto !important;
    height: 77px;
    background: url(../img/btn/numvert.jpg) no-repeat bottom right;
    text-align:right;
}

a.footerDevis
{
    position:absolute;
    top:0px;
    left:205px;
    width:263px;
    min-height : 77px;
    height : auto !important;
    height: 77px;
    background: url(../img/btn/fleche_devis_off.png) no-repeat bottom right;
    text-align:right;
}

a.footerDevis:hover
{
    background: url(../img/btn/fleche_devis_on.png) no-repeat bottom right;
}


a.footerFranchises
{
    position:absolute;
    top:0px;
    left:410px;
    width:263px;
    min-height : 77px;
    height : auto !important;
    height: 77px;
    background: url(../img/btn/devFranchise_off.png) no-repeat bottom right;
    text-align:right;
}

a.footerFranchises:hover
{
    background: url(../img/btn/devFranchise_on.png) no-repeat bottom right;
}


.paginationMasquee 
{
    display:none;
}

.pagination
{
    margin-left:400px;
    margin-top:10px;

}
.pagination a {
    width:800px;
    text-align:center;
    font-weight:bold;
    color:gray;
  	text-decoration:none;
}

.pagination a:link,.Pagination a:visited  
{
	font-weight:bold;
	color:gray;
	text-decoration:none;
}
.pagination a:hover
{
	color:red;
}


.listFran
{
    width:800px;
    height:520px;
}

.listFran h2
{
    font-family: Trebuchet MS;
     color: #434343;
    margin-top:-3px;
    font-size: 16px;
}

.listFran h3
{
       font-family: Trebuchet MS;
    color: black;
    font-size: 18px;
    font-weight:bold;
      margin-top:-10px;
}

.listFran h4
{
  font-family: Trebuchet MS;
  color: #434343;
  font-size: 12px;
}

.listReal
{
    width:800px;
    height:520px;
    margin-left:20px;
}

div.franContent
{
    width:1003px;
min-height : 659px;
    height : auto !important;
    height: 659px;
}


div.franLeftCenter
{
    float:left;
    width:820px;
min-height : 659px;
    height : auto !important;
    height: 659px;}

div.fran-photo
{
    margin-top:15px;
    margin-left:10px;
    float:left;
	width:190px;
    min-height : 265px;
    height : auto !important;
    height: 265px;

}
div.fran-desc
{
    position:relative;
    margin-top:15px;
    margin-left:10px;
    float:left;
	width:298px;
    min-height : 270px;
    height : auto !important;
    height: 270px;

}


.fran-desc h2
{
    font-family: Trebuchet MS;
    color: black;
    font-size: 18px;
    font-weight:bold;
    margin-top:-10px;

}

.fran-desc h3
{
    font-family: Trebuchet MS;
     color: #434343;
    margin-top:-3px;
    font-size: 16px;}

.fran-desc h4
{
  font-family: Trebuchet MS;
  color: #434343;
  font-size: 12px;

}

.fran-desc-charte
{
    margin-top:12px;
    margin-left:-10px;
    width:197px;
    min-height : 47px;
    height : auto !important;
    height: 47px;
    background: url(../img/hpf/charteoff.png) no-repeat bottom right;
    text-align:right;
}

.fran-desc-charte a
{
  font-family: Trebuchet MS;
  color: #434343;
  font-size: 12px;
    text-align:right;
    vertical-align:bottom;
    margin-right:30px;
margin-top:10px;   
}
.fran-separateur
{
    position:relative;
    margin-top:5px;
    float:left;
    width:5px;
    min-height : 265px;
    height : auto !important;
    height: 265px;
      background: url(../img/traitV.png) repeat-y left top;
}

.fran-formulaire
{
    position:relative;
    float:left;
    margin-left:5px;
    min-height : 265px;
    height : auto !important;
    height: 265px;
    width:300px;
}
    
.fran-formulaire h2
{
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
}
    

.fran-real
{
  font-family: Trebuchet MS;
  position:relative;
  float:left;
  width:350px;
  margin-top:10px;
    min-height : 330px;
    height : auto !important;
    height: 330px;
}

.fran-real-actions
{
    font-family: Trebuchet MS;
    position:relative;
    float:left;
    width:350px;
    min-height : 50px;
    height : auto !important;
    height: 50px;
}


.fran-real-photo h2
{
 float:left;
 font-size: 20px;
 margin-bottom:10px;
 margin-top:20px;
 margin-left:5px;
 margin-right:30px;

}

.fran-real p
{
 margin-top:4px;
 margin-left:10px;
 margin-bottom:4px;
 font-size: 12px;
}
.fran-real h3
{
 margin-top:2px;
 margin-left:10px;
 margin-bottom:0px;
 font-size: 14px;
}


.fran-real-photo
{
    float:left;
    width:445px;
    min-height : 330px;
    height : auto !important;
    height: 330px;
    margin-left:2px;
}
.franRight
{
    position:relative;
    float:left;
    width:50px;
    min-height : 330px;
    height : auto !important;
    height: 330px;
}


.realisation
{
  font-family: Trebuchet MS;
    float:left;
    width:400px;
    border:1px;
      min-height : 600px;
    height : auto !important;
    height: 600px;
}

.realisation h3
{
 font-size: 16px;
 margin-bottom:0px;
}

.realisation p
{
    margin-top:4px;
 font-size: 14px;
}

.realisationPhoto
{
    float:left;
    width:450px;
}


a.franEnvoyer
{
    font-family: Trebuchet MS;
    color: white;
    font-weight:bolder;
    font-size: 14px;
    text-decoration:none;
    float:left;
    min-height : 40px;
    height : auto !important;
    height: 40px;
    width:294px;
    margin-left:-3px;
}

a.franEnvoyer:hover
{
    color: red;
}

 a.realSuiv
{
    font-family: Trebuchet MS;
    color: #000000;
    font-size: 11px;
    text-decoration:none;
    background: url(../img/btn/RealSuivantesOff.png) no-repeat left;
    float:left;
    min-height : 41px;
    height : auto !important;
    height: 41px;
    width:123px;
    margin-top:15px;
}

a.realSuiv:hover
{
    background: url(../img/btn/RealSuivantesOn.png) no-repeat left;
}

 a.realPrec
{
    color: #000000;
    text-decoration:none;
    background: url(../img/btn/RealPrecedentesOff.png) no-repeat left;
    float:left;
    min-height : 41px;
    height : auto !important;
    height: 41px;
    width:123px;
    margin-top:15px;
}

.centrerBoutons
{
    margin-top:50px;
    margin-left:200px;

}

a.realPrec:hover
{
    background: url(../img/btn/RealPrecedentesOn.png) no-repeat left;
}

 a.realsavoirplus
{
    font-family: Trebuchet MS;
    color: #000000;
    font-size: 11px;
    margin-left:200px;
    text-decoration:none;
    background: url(../img/btn/savoirplus.png) no-repeat top left;
    display: inline-block;
    padding-left: 34px;
    min-height : 35px;
    height : auto !important;
    height: 35px;
    vertical-align:top;    
}

a.realsavoirplus:hover
{
    background: url(../img/btn/savoirplus_on.png) no-repeat top left;
}

 a.listFranSavoirPlus
{
    font-family: Trebuchet MS;
    color: #000000;
    font-size: 11px;
    text-decoration:none;
    background: url(../img/btn/savoirplus.png) no-repeat top left;
    display: inline-block;
    padding-left: 34px;
    min-height : 35px;
    height : auto !important;
    height: 35px;
    vertical-align:top;    
}

a.listFranSavoirPlus:hover
{
    background: url(../img/btn/savoirplus_on.png) no-repeat top left;
}


/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
/*	background:url(/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;*/
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	/*float:left;
	margin-top:140px;
	background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	

*/
visibility:hidden;
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

div.content
{
 position:relative;
 float:left;
 background-color:White;
 width:1023px;
}


	/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:450px;
		margin:15px 0 15px 0px;
		padding:15px 0;
 
		/* centered */
		text-align:center;
 
		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 450px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	/*background:url(/img/btn/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:450px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
    cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:3px solid #fff;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(../img/btn/arrow_hori_large.png) no-repeat;*/
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/btn/arrow_vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}
    
/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

a
{
    outline:none;
}

 a.devisCarre
{
   display: inline-block;
    background: url(../img/btn/devis.jpg) no-repeat top left;
    width: 116px;
    min-height : 116px;
    height : auto !important;
    height: 116px;
}

a.devisCarre:hover
{
   background: url(../img/btn/devisOn.jpg) no-repeat top left;
}

 a.agenceurCarre
{
   display: inline-block;
    width: 116px;
    min-height : 116px;
    height : auto !important;
    height: 116px;
}

a.agenceurCarre:hover
{

}

.espacePriveTB
{
    margin-left:29px;
    /*margin-top:8px;*/
}

.tbLogin
{
    position:absolute;
    margin-top:12px;
    color:#817873;
    font-size:12px;
    background-color:#b5b5b5;
    border-style:none;
    border-color:#b5b5b5;
    width:112px;     
}

.tbPassword
{
    position:absolute;
    margin-top:23px;
    font-size:12px;
    color:#817873;
    background-color:#b5b5b5;
    border-style:none;
    border-color:#b5b5b5;
    width:112px;     
}

.SeConnecter
{
    position:absolute;
    font-family:Arial;
    font-size:12px;
    margin-top:55px;
    color:White;
    width:112px;
    display:inline-block;
    text-align:center;
}

.RetourEspacePrive
{
    position:absolute;
    font-family:Arial;
    font-size:10px;
    margin-top:76px;
    color:#b5b5b5;
    width:113px;
    display:inline-block;
    text-align:center;
}

a.RetourEspacePrive:hover
{
    color:white;
}

/****************************
*****	Espace privé	*****
*****************************/
a.aAide
{
	display:inline-block;
	width:17px;
	height:17px;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	background:url(../img/images/aide.png) no-repeat left top;
}

div.divAide
{
	display:none;
	position:absolute;
	background-color:#a4a4a4;
	margin-left:-250px;
	margin-top:5px;
}

div.divAide table
{
	margin:auto;
	width:700px;
	border:1px solid black;
	background-color:White;
	margin:30px;
}

a.aValider
{
	display:block;
	float:right;
	height:26px;
	width:118px;
	text-align:center;
	color:#984807;
	font-size:10px;
	font-weight:bold;
	line-height:26px;
	vertical-align:middle;
	background:url(../img/images/btnValider.png) no-repeat left top;
}

a.aVisualiser
{
	display:inline-block;
	width:19px;
	height:21px;
	background:url(../img/images/loupe.png) no-repeat left top;
}

td.libelle
{
    text-align:right;
    vertical-align:top;
    font-weight:bold;
}

table.Form
{
	margin-left:20px;
	margin-bottom:10px;
}

div.ui-datepicker
{
	margin-left:-450px!important;
}

td
{
	padding-left:10px;
}

a.aFermer
{
	position:absolute;
	margin-top:5px;
	margin-left:670px;
}

.Erreur
{
	font-size:smaller;
	color:Red;
	text-decoration:none;	
}

.cbStatut
{
	padding:0;
	margin:0;
}

.cbStatut td
{
	margin:0;
	padding:0;
}

.FormHeader
{
	background-color:#520d13;
	color:#ffcc00;
}

.FormHeader td
{
	border:none;
}

.FormHeader a
{
	color:#ffcc00;
}