@charset "utf-8";
*{ font-family:Arial, Helvetica, sans-serif; color:#333; padding:0; margin:0; }

BODY,html{ margin:0; padding:0; font-size:12px; height:100%; }


body { line-height: 1;  background:url("images/body-service-background.png") top center repeat-x;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; margin-left:33px; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
p { margin-bottom:10px; font-size:13px; color:#000101; font-family:verdana, arial, sans-serif; font-weight: normal !important;}

.clear{ clear:both;font-size:1px;height:1px; }
.tabs-hide{ display:none; }
.strong{ font-weight:bold; }
.small{ font-size:13px; line-height:15px; color:#444; }

/*** TYPO ***/
	

h1{ font-family: font-family: "Trebuchet MS", arial, verdana, sans-serif; font-size:22px; color:white; display:block; font-weight:bold; }


/*** HEADER ***/
#header{ position:relative; width:100%; margin:0 auto; height:350px; }
.header{ position:relative; width:1030px; margin:0 auto; height:350px; background:url("images/header-service-background.jpg") top center no-repeat; }

.logo_header {float:left;width:166px;height:32px;margin-top:20px;}

#navigation{ position:relative; display:block; width:1024px; height:25px; background: url('images/header-menu-background.png') top center repeat-x; margin:auto; z-index:10 }
#navigation{ position:relative; display:block; width:1024px; height:25px; background: url('images/header-menu-background.png') top center repeat-x; margin:auto; }
#menu{ position:relative; display:block; width:777px; margin:auto; text-align:center;}
#navigation ul{padding-left:1px;}
#navigation li {display:block;float:left;width:110px;border-right:solid 1px #42617b; height:25px; line-height:25px; text-align:center;}
#navigation li.last {border-right:none !important;}
#navigation li :hover {background: url('images/header-menu-background-hover.png') top center repeat-x; cursor:pointer;}

#menu a:hover  {
	color:white;
	outline:none;
	display:block;
	height:25px;
	width:110px;
}

#menu a{
	font-family: arial, verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#c7cfd6;
	text-decoration:none;
	outline:none;
	display:block;
	height:25px; 
	width:110px;

}

.item   {
	font-family: arial, verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#c7cfd6;
	text-decoration:none;
	outline:none;
	display:block;
	height:25px; 
	width:110px;
	position:relative;
}

.item_actif {
	font-family: arial, verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#c7cfd6;
	text-decoration:none;
	outline:none;
	display:block;
	height:25px; 
	width:110px;
	background:url('images/header-menu-background-hover.png') top center repeat-x;
	position:relative;
}

.item a, .item_actif a {
	text-decoration:none;
}
/** SOUS-MENU **/
#menu .sousMenu li a:link, #menu .sousMenu li a:visited{
 display: block;
 color: #FFF;
 margin: 0 0 3px 0;
 height:25px; 
 border: 0;
 text-transform:none;
 font-weight:normal;
 text-decoration: none;
 line-height:20px;
 background: #222730;
}
		

#menu li .sousMenu li
{
 float: none;
 margin: 0 0 1px 0;
 padding: 0;
 display:block;
 border: 0;
 height:20px;
}	
#menu .sousMenu li a{ height:auto; }
#menu .sousMenu li a:hover{ color:#2E769C; }

#menu li:hover > .sousMenu { display: block; z-index:5; }	

#menu .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 z-index:5;
 position:absolute;
 top:25px;
 width:110px;
 left:0;
 background:#222730;
 text-align:center;
}			


/*** CONTAINER - header ***/
#logo{ position:absolute; top:0px; left:0px; width:228px; height:74px; margin:0px; display:block;}
#logo:hover{ text-decoration:none; }
#logo span{ visibility:hidden; border:0px none; }
#logo a {text-decoration:none;}



/*** CONTENU ***/
	
#wrapper{ min-height:100%; width:100%; background:url("images/bg-wrapper.png") top center repeat-y; }
#main{ position:relative; z-index:0; width:1030px; margin:auto; padding:0; text-align:left; padding-bottom: 65px;}
.style-border{ height:auto !important; position:relative; z-index:0; width:1030px; margin:auto; padding:0; text-align:left; background:url("images/style-content.png") top center repeat;}
#content{ position:relative; z-index:0; width:1030px; margin:0px auto;  }

.col-left {width:690px; float:left;}

.col-left .search {height:76px; background:url("") top center repeat-y;margin-left:4px;}

.search form {float:left; margin:0px; padding:0px;}
.search input[type=text] {float:left; border:none !important; background:url("images/input-background.png") top left repeat-x; width:auto; height:19px; padding: 5px; margin-top:10px; margin-left:10px;}
.search input[type=image] {float:left; height:29px; margin-top:10px; }
.search img {float:right !important; width:468px; margin:0px !important; padding:0px;}
.col-left h1 {background:url('images/title-service-background.png') top left no-repeat; height:18px; line-height:18px; margin-left:30px;padding:5px;margin-bottom:20px;}
.col-left img {float:left; margin-left:33px;}
.col-left p {float:left; width:590px; padding-left:20px;}
.content-text {width:690px; float:left; }
.content-background {width:670px; background:url("images/content-background.png") bottom right no-repeat;padding-bottom:90px;}
.content-actu {width:690px; float:left;}
.bt-actu {background:url('images/actu-background.png') top left no-repeat; width:173px; height:36px; line-height:36px; margin:auto;}
.bt-actu a { display:block; width:173px; height:36px; line-height:36px; text-transform:uppercase;text-align:center; font-size:14px; text-decoration:none;}
.bt-actu a:hover {color:#42617b;}


.col-right{ float:left; width:337px; text-align:center; background:#222730 url('images/pub-background.png') bottom left repeat-x;}
.col-right hr {color:#42617b; border-top:solid 1px; border-left:none; border-right:none; border-bottom:none;}
.col-right img { margin: 5px 0px;}
.pub-left {float:left; width:169px;border-top:solid 1px #42617b; padding-bottom:100px;}
.pub-right {float:right; width:167px;  border-left:solid 1px #42617b; border-top:solid 1px #42617b; padding-bottom:100px;}


.right {
float:right;
}


/*** FOOTER ***/
#footer{ position:relative; z-index:0; width:100%; margin:0;  height:65px; overflow:hidden; background:#1d2122; background:url("images/footer-service-background.png") top center no-repeat; }
#footer .footer{ width:1030px; height:65px; line-height:65px; background:url("images/footer-service-background.png") top left no-repeat; margin:0 auto; position:relative; }
#footer .footer ul {width:1030px; margin:auto;	padding-left: 100px;}
#footer .footer a {display:block;float:left;padding:0px 10px; text-align:center; color:#c7cfd6; font-family: arial, verdana, sans-serif; text-decoration:none;}
#footer .footer a:hover{color:gray;}


/** FIX STICKY FOOTER **/
#main{ overflow:auto; padding-bottom:65px; }
#footer{
	margin-top: -65px; /* negative value of footer height */
	height: 65px;
	clear:both;
	} 
	
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

#lienbas { text-align:left; float:none; display:block; vertical-align:bottom; margin-left:20px}
.lienbas img {float:none; margin-left:1px}