*/

body, * {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

#header {
	background-image: url(../images/general/photo.jpg);
	height: 292px;
	text-align: right;
	margin: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top;
}
#imgfond {
	height: 292px;
	width: 918px;
	margin: auto;
	background-image: url(../images/general/pantone.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#fmenu {
	width: 100%;
	background-image: url(../images/menu/menu-1px.png);
	background-repeat: repeat-x;
	margin: 0;
	height: 31px;
	text-align: center;
	background-position: top;
}

#main {
	background-image: url(../images/general/gris-sous-news.png);
	background-repeat: repeat-x;
	background-color: #BEBEBE;
	width: 100%;
	background-position: top;
	height: 100%;
	clear: both;
	overflow: hidden;
}  /* must be same height as the footer */

#footer {
	height: 44px;
	background-image: url(../images/general/bas-de-page-1px.png);
	background-repeat: repeat-x;
	clear: both;
	background-color: #3F3E41;
} 
#topmenu {
	width: 918px;
	margin: auto;
	height: 31px;
}
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #78AFDB;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}
.index_titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #CCC;
	text-align: left;
}
.index_txt {
	font-family: Cantarell, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: justify;
	padding: 0;
	margin: 0;
}
#sous-titre {
	background-image: url(../images/general/1px-sous-titre-gravosig.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 37px;
	width: 100%;
	vertical-align: top;
}
.txt-sous-titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
	padding-left: 380px;
	margin-top: -1px;
	padding-top: 8px;
}
img{
border: none;
}
#gravosig-accueil {
	float: left;
	width: 586px;
	margin-left: 15px;
}
#contact-accueil {
	float: right;
	width: 277px;
	margin-right: 65px;
}
.index_txt2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: right;
	margin-right: 10px;
}
.index_titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	letter-spacing: 1px;
}
.index_txt3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
.titre-prestation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: right;
	margin-right: 0px;
	font-weight: bold;
}
a.lien1:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #9FC429;
	text-decoration: none;
	margin-left: 10px;
}
a.lien1:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #B9DB53;
	text-decoration: none;
	margin-left: 10px;
}
a.lien1:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #86BDE6;
	text-decoration: none;
	margin-left: 10px;
}
#categories {
	background-image: url(../images/general/boutons-categories.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 280px;
	padding-top: 5px;
	margin-left: 10px;
}
#categories-image {
	background-image: url(../images/general/boutons-categories.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 280px;
	padding-top: 5px;
	margin-left: 10px;
}
a.lien2:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-left: 10px;
	text-transform: capitalize;
}
a.lien2:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin-left: 10px;
}
a.lien2:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin-left: 10px;
}.index_titrePrest {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	letter-spacing: 1px;
	background-image: url(../images/general/barre-titre.png);
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 20px;
	background-position-y: top;
	line-height: 30px;
}
.txt-sous-titreCat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #9FC822;
	margin-top: -1px;
	padding-top: 8px;
}
#footer .adress {
	clear:left;
	color:#FFF;
	float:left;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#footer .copyright {
	color:#FFF;
	float:right;
	font-size:11px;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
a.lien3:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #396;
	text-decoration: none;
	margin-left: 10px;
	text-align: right;
}
a.lien3:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin-left: 10px;
	text-align: right;
}
a.lien3:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #396;
	text-decoration: none;
	margin-left: 10px;
	text-align: right;
}
#img-news {
	text-align: right;
}
#bouton{
	background:  url(../images/general/envoyer.png) no-repeat center center; 
	width:280px;
	height:55px;
	display: block;
	background-color: transparent;
	border:none;
	cursor: hand;
	cursor: pointer;
}
#info-index{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	width:865px;
	margin:auto;
	height: 300px;
	margin-top: 10px;
	margin-bottom:10px;
	}

.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:800px;
	height:300px;
	background-color: #3F3F3F;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:600px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:13px;
	left:11px;
	width:475px;
	background:url(../images/transparent_bg.png);
	height: 276px;

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:300px;
	width:600px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:600px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:600px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
	background:url(../images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#FFF;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	background:url(../images/transparent_bg.png);
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	background:url(../images/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}