* { padding: 0; margin: 0; outline:none; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:url(../img/loc-expo.jpg) repeat-x 0 0;
}

/* - - - - - Classes Generales - - - - - */
.clear 			{ clear: both;background: none; }
.txt-right		{ text-align:right; float:right }
.half 			{ width:45%; /* Not exactly half to account for paddings, margins etc. */ }
img 			{ border:none; }
p 				{ color:#000; }
a 				{ color:#2B589F; text-decoration:none; }
a:hover 		{ color:#FF9000; }
.txt 			{ color:#626060; }
.rien 			{ background:none;}
.centre			{text-align:center;}
.align-center { text-align:center}
.date { float:right; display: inline; font:italic 0.8em Verdana, Geneva, sans-serif; color:#626060; text-transform:lowercase;}
.petit { font-size:0.7em;}

.left 	{ float:left;}
.right 	{ float:right;}

h1 { display:inline-block; clear:both; font-size:16px; color:#2b589f; padding:0 0 2px 20px; margin:0 190px 16px 12px; text-transform:uppercase; background:url(../img/puce.gif) no-repeat 0 5px; border-bottom:dashed 1px #2b589f; }


.wrapper { 
 margin: 0 auto;
 width: 968px;
}

/*----------- HEADER ------------*/
.header {
 width: 968px;
 height: 111px;
 background: url(../img/top.png) no-repeat 0 86px;
}

/*----------- MENU ------------*/
.header ul {
	position:relative;
	float: left;
	width:720px;
	/*width: 960px;*/
	list-style: none;
	line-height: 1.2em;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 0 0 0;
	margin-left: 235px;
	z-index:10000;
}
.header li { display:inline;
	float: left;
	padding: 0 ;
	/*width: 10em;*/
}

.header li a {
	display: block;
	height:47px;
	color: #242221;
	text-transform:uppercase;
	padding: 53px 24px 0 24px;
}
.header a.locexpo {
	display: block;
	height:47px;
	padding: 0;
	background:none;
}
.header a.locexpo:hover{
	background:none;	
}
#titreLocExpo{
	position:absolute;
	/*background:url(../img/titre_locExpo.png) no-repeat;*/
	margin-top:40px;
	width:240px;
	height:40px;
	/*border:#F00 solid 1px;*/
}
.header a:hover, .header li.choix { color: #335FAE;	background:url(../img/menu.png) no-repeat center 28px;}
.header li.bat { background:url(../img/menu-bat.png) no-repeat center 28px;}
.header li li a:hover{ background:none; }

.header li li a, .header li li li a {
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	padding:0;
	background:none;
	z-index:100000;
}

.header li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11em!important;
	width: 10em;
	background:#Fff;
	opacity:.85;
	margin:-2em 0 0 0;
	padding:0 .1em 0 0!important;
	padding:0 0 0 0;
}

.header li li {
	padding: .2em 1em;
	border-bottom : 1px solid #CCC; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	width: 9em; 
	height:15px;
}

.header li ul a {width: 9em!important; width: 8em; }

.header li:hover ul ul, .header li:hover ul ul ul, .header li.sfhover ul ul, .header li.sfhover ul ul ul {left: -999em;}
.header li:hover ul, .header li li:hover ul, .header li li li:hover ul, .header li.sfhover ul, .header li li.sfhover ul, .header li li li.sfhover ul {left: auto;}
.header li:hover, .header li.sfhover { background: transparent;}


/*----------- CONTENU ------------*/
.content {
	width: 945px;
	background: url(../img/bg.png) repeat-y 0 0;
	margin: 0px 0px 0px 0px;
	padding: 0 10px 10px 10px;
}	


/*----------- DIAPORAMA ACCUEIL ------------*/
#diapo div {
	position: absolute;
	background:#fff;
	height:322px;;
	width:721px;
}
#diapo h2 {
	position:absolute;
	width:555px;
	height:50px;
	padding: 0 100px 5px 10px;
	bottom:240px;
	z-index:999;
	background:url(../img/titre.png) no-repeat;
	height:58px;
	margin:0 0 0 50px;
	color:#FF8F00;
	font-size:22px;
}
#diapo strong {color:#ffd11a;/*color:#226db1;*/font-size:20px;}
#diapo a.plus  {
	position:absolute;
	height:26px;
	width:157px;
	bottom:110px;
	z-index:999;
	background:url(../img/plus.png) no-repeat;
	margin:0 0 0 50px;
	display:block;
}

.mask {
	position:relative;
	float:left;
	width:721px;
	height:380px;
	overflow:hidden;
	margin:0 0 11px 0;
	z-index:10;
}
.mask img {
	position:absolute;
	display:block;
	border:none;
	height:380px;
}
#diapoLien {
	position:absolute;
	width:81px;
	height:32px;
	bottom:0;
	right:0px;
	opacity:.8;
	z-index:1000;
	background:#FFF;
	opacity:.4;
	padding:0 0 0 650px;
}
#diapoLien a {
	display:block;
	float:left;
	height:12px;
	width:12px;
	background:url(../img/dot-off.png) no-repeat;
	padding:2px ;
	margin-top:10px;
	cursor: pointer;
}
#diapoLien a:hover, #diapoLien a.active { background:url(../img/dot-on.png) no-repeat; }

/*----------- Google Map page devis ------------*/
.wrapper #map { background:#FFF; width:721px; height:353px; margin:12px 0 0 115px;}


/*----------- PLAN ------------*/
#plan {
	display:inline;
	float:right;
	height:209px;
	width:208px;
	padding:0;
	background:url(../img/plan2.jpg) no-repeat;
}
#plan p { float:left; text-align:center; font-size:11px; margin:100px 0 0 24px;}
#plan strong { color:#2b589f; font-weight:bold; }
#plan h2, #actu h2 { text-transform:uppercase; font-size:13px; }
#plan a { display:block; color:#FFF; padding:169px 0 0 25px; }
#plan a:hover, #actu a:hover { color:#ff9000; }

/*----------- ACTU ------------*/
#actu {
	display:inline;
	float:right;
	height:60px;
	width:208px;
	margin-top:55px;
	padding:0;
	background:url(../img/actu2.jpg) no-repeat;
}
#filigrane{
	background:url(../img/loc-expo_filigrane2.png) no-repeat center;
	/*filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;*/
}
#filigrane p{
	
}
#actu a { display:block; color:#FFF; padding:24px 0 0 25px; }

/*----------- REFERENCES ------------*/
.reference {
	display:inline;
	float:right;
	height:55px;
	width:208px;
	margin-top:300px;
	padding:0 0 3px 0;
	background:url(../img/plan-ref2_modif.jpg) no-repeat;
}
/*.bat { background:url(../img/plan-ref3.jpg) no-repeat; }*/
.coor { background:url(../img/plan-ref.jpg) no-repeat; }

.reference p { height:172px; width:192px; padding:25px 8px 30px 8px; overflow:hidden; }
.reference a.sexy { float:left; padding:23px 0 0 0; }
.reference p a { color:#626060; }
.reference p a:hover { color:#FF9000; }

.reference h2 { text-transform:uppercase; font-size:13px; color:#ff9000; padding:0 0 0 25px; }
.reference h2 a { color:#ff9000; }
.reference h2 a:hover { color:#FFF; }

/*----------- BOXES Accueil ------------*/
.box {	
	float:left;
	height:124px;
	width:285px;
	margin:3px 15px;
}
.box h2 { text-transform:uppercase; font-size:13px; }
.box a { display:block; color:#FFF; padding:91px 0 0 25px; }
.box a:hover { color:#ff9000; }

.particulier { background:url(../img/box-particulier.jpg) no-repeat; }
.pro { background:url(../img/box-pro.jpg) no-repeat; }
.accessoire { background:url(../img/box-accessoire.jpg) no-repeat; }
.texte { clear:both; padding:0 24px;}

/*----------- BOXES Accueil ------------*/
.boxe {	
	float:left;
	padding:124px 0 0 0;
	width:285px;
	padding:0 15px;
}
.milieu { background: transparent url(../img/bg-milieu.gif) repeat-y 0 0; }
.boxe h2 { text-transform:uppercase; font-size:13px; color:#2b589f; }
.boxe p { padding:12px 0 0 0; }
.boxe .descri { font-style:italic; font-weight:bold; color:#313131; padding:0;}
.box a { display:block; color:#FFF; padding:91px 0 0 25px; }
.box a:hover { color:#ff9000; }

.vignette { background:url(../img/vignette.png) no-repeat; height:115px; width:285px; padding:0 0 5px 0;}

/*----- Menu pro -----*/
.pro ul, .particulier ul {
	position:relative;
	float: left;
	width: 285px;
	list-style: none;
	line-height: 1.2em;
	font: bold 13px Helvetica, Arial, sans-serif;
	padding:0;
	margin: 0;
	z-index:10000;
}
.pro li, .particulier li { display:inline; float: left; padding:0; }

.pro li a, .particulier li a {
	display: block;
	height:47px;
	text-transform:uppercase;
	padding: 91px 27px 0 27px;
}

.pro li li a, .particulier li li a {
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	padding:0;
	background:none;
	z-index:100000;
}

.pro li ul, .particulier li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 245px!important;
	width: 230px;
	background:#000;
	opacity:.75;
	margin:-24px 0 0 20px;
	padding:0 .1em 0 0!important;
	padding:0;
}

.pro li li, .particulier li li {
	padding: .2em 1em;
	border-bottom : 1px solid #CCC; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	width: 220px; 
	height:20px;
}

.pro li ul a, .particulier li ul a {width: 240px!important; width: 220px; }

.pro li:hover ul ul, .pro li:hover ul ul ul, .pro li.sfhover ul ul, .pro li.sfhover ul ul ul, .particulier li:hover ul ul, .particulier li:hover ul ul ul, .particulier li.sfhover ul ul, .particulier li.sfhover ul ul ul {left: -999em;}
.pro li:hover ul, .pro li li:hover ul, .pro li li li:hover ul, .pro li.sfhover ul, .pro li li.sfhover ul, .pro li li li.sfhover ul, .particulier li:hover ul, .particulier li li:hover ul, .particulier li li li:hover ul, .particulier li.sfhover ul, .particulier li li.sfhover ul, .particulier li li li.sfhover ul {left: auto;}
.pro li:hover, .pro li.sfhover, .particulier li:hover, .particulier li.sfhover { background: transparent;}


/*----------- Plan Googlemap ------------*/
#map { background:#FFF; width:800px; height:600px;}


/*----------- FOOTER ------------*/
.footer { 
 width: 935px;
 height:42px;
 background: url(../img/footer.png) no-repeat 0 0;
 margin: 0 0 10px 0;
 padding:18px 15px 0 15px;
 font-size:12px;
 color:#000;
 font-weight:bold;
}
.footer a { color:#335FAE; }
.footer a:hover { color:#8c8c8c; }

.adress { float:left; padding:1px 0 0 0;}

/* - - Logo Novae - - */
.novae {
	float:right;
	display:inline;
	vertical-align:middle;
	height:12px;
}
.novae a{
	height:12px;
	font:normal 9px Arial, Helvetica, sans-serif;
	color:#8c8c8c;
}
.novae img, novae li {display: inline;vertical-align:middle;}
.novae img{ margin: 0 0 0 6px;}



/*----------- TIPS ------------*/
.tip				{ width:295px; font-family:tahoma,arial; background:url(tip-text.png) left top repeat-y; }
.tip-top			{ background:url(tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title		{ color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
.tip-bottom		{ background:url(tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }


/*----------- BACK OFFICE ------------*/
#fondback, #modif {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5;
	top: 0px;
	left: 0px;
	background: #FFF;
	opacity: 0;
	display: none;
}
#modif {
	opacity: 1;
	background: none;
	z-index: 10000;
	overflow: hidden;
}
#modif form {
	width: 740px;
	margin: auto;
	position: relative;
	top: -520px;
	background:#DBF4FB;
	border:1px solid #245276;
}
#modif form table {
	width: 100%;
}
#modif form table th {
	font: normal 13px arial, verdana;
	text-align: right;
	color:#ED8E5E;
	padding: 10px 5px;
	background: #FFF;
}
#modif form table th b { color: #000; }
#modif form table td {
	padding: 5px 0 0 10px;
	text-align: center;
	vertical-align: bottom;
	width: 50%;
	color: #B9B9B9;
	font: 14px arial, verdana;
}
#modif form table.image td { text-align: right;	width: 50%; }
#modif form table td.bas {
	background: #FFF;
	text-align: center;
	padding: 10px 0;
}
#modif form table.image td+td { text-align: left; }
#modif form.ajout input[type=file] { float: left; clear: left; }
#modif form a {	color: #000; }
#modif form a:hover { color:#ED8E5E; }
#modif form input[type=submit] {
	color: #000;
	background: none;
	border: none;
	font: bold 12px arial, verdana;
}
#modif form input[type=submit]:hover {	color: #0098d8;	cursor: pointer; }
div.edit:hover {
	cursor: pointer;
	background:#E6E6E6;
	opacity:0.5;
}
/* deconnexion */
#deconnexion {
	position: fixed;
	top: 0;
	height: 22px;
	background: #E35E0B;
	width: 100%;
	left: 0;
	padding: 7px 0 0;
	opacity: 0.9;
}
#deconnexion a {
	position: absolute;
	right: 50px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

#form1
{
  background:#EFEFEF;
  border:1px solid #FFFFFF;
  width:320px;
  padding:10px 5px; 
}
#form1 label { width:110px; float:left; color:#606063;}
#form1 input[type=text],#form1 input[type=password]{
	margin: 0 10px;
	width: 180px;
	border: 1px solid #606063;
	padding: 2px;
	background: #Fff;
}
#form1 input[type=submit]{  padding:5px 50px; }