* {
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:15px;
}

#page {
text-align: left;
margin: 0 auto;
padding: 0px;
width:954px;
}

select {
font-size:11px;
}

/*------------------------------ Brand links + recherche -----------------------------------*/

#recherche  {
	float:left;
	text-align:right;
	display: block;
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0;
	width: 500px;
}
#recherche .ssmenu .quicksearch {
	font-size: 11px;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 293px;
	height: 20px;
	position: relative;
	float: left;
	width: 207px;
}
#recherche .ssmenu .quicksearch .btsearch {
	display: block;
	margin: 0 0 0 5px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 25px;
	position: relative;
	border: 0;
}
#recherche .ssmenu .quicksearch input  {
	position: relative;
	float: left;
	width: 160px;
	font-size: 11px;
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: right;
	line-height: 18px;
	color:#8f8f8f;
	height:18px;
	border:1px #6d6e71 solid;
}
#recherche #button {
	color:#fff;
	height:19px;
	width:30px;
	padding:0 2px 0 2px;
	line-height:12px;
	background-color:#626262;
	margin:0 0 0 8px;
	border:1px #6d6e71 solid;
}
#recherche ul {
	line-height:13px;
	position: relative;
	float: right;
	margin: 0;
	padding: 15px 0 0 0;
	display: inline;
	width: 400px;
}

#recherche ul li {
	color:#626262;
	display:inline;
	list-style:none;
	padding:0 5px 0 5px;
	border-right:1px #626262 solid;
	position: relative;
	float: left;
}
#recherche ul li a:link, #recherche ul li a:visited, #recherche ul li a:active {
	color: #0061aa;
	text-decoration:none;
}
#recherche ul li a:hover  {
	color:#000;
	text-decoration:none;
}
#recherche ul li a.underline:link, #recherche ul li a.underline:visited, #recherche ul li a.underline:active, #recherche ul li a.underline:hover {
	text-decoration:underline !important;
}
#recherche ul li.first {
	padding-left:0;
}
#recherche ul li.first a:link, #recherche ul li.first a:visited, #recherche ul li.first a:active {
	text-decoration:underline;
}
#recherche ul li.last {
	border-right:none;
	padding-right:0;
	position: relative;
	display: inline;
	float: left;
}
#recherche ul.ssmenu {
	margin:0;
	display: block;
	float: right;
	clear: both;
	position: relative;
	text-align: right;
	padding: 20px 0 0 0;
	width: 500px;
}
#recherche ul.ssmenu li {
	display:block;
	list-style:none;
	padding:0;
	border:none;
	text-align: right;
	width: 500px;
	height: 20px;
	float: left;
	margin: 0;
}
#recherche ul.ssmenu li a:link, #recherche ul.ssmenu li a:visited, #recherche ul.ssmenu li a:active {
	color:#ffffff;
	background-color:#acacac;
	padding:2px 10px 1px 10px;
	text-decoration:none;
}
#recherche ul.ssmenu li a:hover  {
	color:#ffffff;
	background-color:#626262;
	padding:2px 10px 1px 10px;
	text-decoration:none;
}

/*------------------------------------------ menu principal ---------------------------------------------*/

#top {
	border-bottom:6px solid #fff;
	position: relative;
	float: left;
	display: block;
	padding:0;
	position: relative;
	width: 954px;
	margin: 0;
}
#top ul {
	line-height:13px;
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	float: left;
	width: 100%;
}
#top ul li {
	color:#626262;
	display:inline;
	list-style:none;
	padding:0 5px 0 5px;
	border-right:1px #626262 solid;
}
#top ul li p {
	padding-right:20px;
	display: block;
	float: left;
	width: 290px;
	margin: 0;
	line-height: 20px;
}
#top ul li.first {
	padding-left:0px;
}

#top ul li.last {
	border-right:none;
	padding-left: 5px;
}

#top ul li a:link, #top ul li a:visited, #top ul li a:active {
	color: #000000;
	text-decoration:none;
	line-height: 20px;
}

#top ul li a:hover  {
	color:#00AEEF !important; /*#000;*/
	text-decoration:none;
}

#top ul li a.select {
	font-weight:bold;
	color: #00AEEF !important;
}

/*----------------------------------------------------- menu bande de gauche ----------------------------------------------------------*/

.slidedoormenu{
list-style-type: none;
margin:0 4px 4px 4px;
padding: 0;
width: 247px; /* auto; width of menu (don't forget to add border with below!) */
display: block;
position: relative;
float: left;
}

.slidedoormenu ul, .slidedoormenu li {
margin:0;
padding:0;
width: 100%;
display: block;
float: left;
}

.slidedoormenu li a{
background-color: #0061aa; /* Background image positioned to the left(v) top(h) corner initially */
font-size: 14px;
display: block;
color: #fff;
width: auto;
border-bottom: 4px solid #e7f4fa; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
background-color: #0061aa;
color: #fff !important;
}

.slidedoormenu li a.deux:link, .slidedoormenu li a.deux:visited, .slidedoormenu ul li a.deux:active {	
background-color: #0061aa !important;
color: #fff;
}

.slidedoormenu li a.trois:link, .slidedoormenu li a.trois:visited, .slidedoormenu ul li a.trois:active {	
background-color:#0061aa !important;
color: #fff;
}

.slidedoormenu li a.quatre:link, .slidedoormenu li a.quatre:visited, .slidedoormenu ul li a.quatre:active {	
color:#fff;
background-color:#0061aa !important;
}

.slidedoormenu li a.cinq:link, .slidedoormenu li a.cinq:visited, .slidedoormenu ul li a.cinq:active {	
color:#fff;
background-color:#0061aa !important;
}

.slidedoormenu li a.six:link, .slidedoormenu li a.six:visited, .slidedoormenu ul li a.six:active {	
background-color:#000000 !important;
}

.slidedoormenu li a:hover, .slidedoormenu li a.deux:hover, .slidedoormenu li a.trois:hover, .slidedoormenu li a.quatre:hover, .slidedoormenu li a.cinq:hover, .slidedoormenu li a.six:hover{
background-color:#00aeef !important;  /*Shift background image horizontally 387px, or the start of the 2nd background image */
background-image:none !important;
color: #fff !important;
}

/*.slidedoormenu li a:hover{
background-color:#c4dae2 !important;  Shift background image horizontally 387px, or the start of the 2nd background image 
background-image:none !important;
color: #3a7186 !important;
}*/

.slidedoormenu li a.off, .slidedoormenu li a.deux[class~="off"], .slidedoormenu li a.trois[class~="off"], .slidedoormenu li a.quatre[class~="off"], .slidedoormenu li a.cinq[class~="off"], .slidedoormenu li a.six[class~="off"]  {
background-color: #00aeef !important;
display: block;
color: #fff !important;

border-bottom: 4px solid #e7f4fa; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

.slidedoormenu li.ouvert{
background-color: #c4e5f5 !important;
padding: 8px;
margin:0 0 4px 0;
font-size:12px;
color:#0061aa !important;
float: left;
width: 231px;
position: relative;
}

.slidedoormenu li.ouvert table{
width:100%; /*220px;*/
}

.slidedoormenu li.ouvert h2{
font-size:12px;
font-weight:bold;
margin:0;
color: #0461AA;
}

.slidedoormenu li.ouvert select {
border:1px solid #7C99A8;
background-color:#c4e5f5 !important;
width: 190px
}

.slidedoormenu li.ouvert label {
padding: 3px 0;
display: block;
}

.slidedoormenu li.ouvert input{
/*border:1px solid #000 !important;*/
background-color: #C4E5F5 !important;
padding:0 9px 0 9px;
}

.slidedoormenu .reset a{
float:left;
font-size: 12px;
color: #C4E5F5;
border-bottom:none;
padding:2px 0 0 0;
text-indent:0;
text-decoration:none;
}

.slidedoormenu .reset a:link, .slidedoormenu .reset a:visited, .slidedoormenu .reset a:active{
background-color:#C4E5F5 !important;
text-decoration:underline;
color: #C4E5F5 !important;
}

.slidedoormenu .reset a:hover{
text-decoration:none;
background-color:#C4E5F5 !important;
color: #C4E5F5 !important;
}

ul.ssmenu_gauche{
list-style:none;
display: block;
}

ul.ssmenu_gauche li a{
border:none !important;
font-size: 12px;
line-height:18px;
text-decoration: none;
background: url(../../../Commun/img/tiret.jpg) .1em .9em no-repeat;
padding:3px 6px 0 7px;
}

ul.ssmenu_gauche li a:link, ul.ssmenu_gauche li a:visited, ul.ssmenu_gauche li a:active{
background-color: #c4e5f5 !important;
color: #0061aa !important;
text-transform: none !important;
}

ul.ssmenu_gauche li a:hover{
background: url(../../../Commun/img/tiret.jpg) #c4e5f5 .1em .9em no-repeat !important;
text-decoration:underline;
color: #0061aa !important;
text-transform: normal !important;
text-transform: none !important;
}



/* -------------------------------------- page d'accueil ----------------------------------------- */

#contenu_acc .link {
width:200px;
float:left;
background-color: #00529B;
margin:7px 7px 7px 0;
height:105px;
}

#contenu_acc .linkmetal{
float:left;
margin:7px 0 7px 0;
width:126px;
height:105px;
}

#contenu_acc .linkmetal p{
margin:4px 7px 4px 7px;
}

#contenu_acc .link p{
margin:4px 7px 4px 7px;
}

#contenu_acc .link a:link, #contenu_acc .link a:visited, #contenu_acc .link a:active {
color:#fff;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
}

#contenu_acc .link a:hover  {
color:#fff;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
}

#contenu_acc .linkmetal a:link, #contenu_acc .linkmetal a:visited, #contenu_acc .linkmetal a:active {
color:#fff;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
}

#contenu_acc .linkmetal a:hover  {
color:#fff;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
}

/* -------------------------------------- contenu general ---------------------------------------- */

#contenu {
border-top: 4px solid #E5F2F8;
background: url(../../../Commun/img/AKE/bgpage.gif) repeat-y;
position: relative;
width: 954px;
float: left;
margin: 0;
padding: 0;
}



h1 {
font-size:22px;
color: #00aeef;
font-weight:normal;
line-height: 40px;
display: block;
position: relative;
float: left;
margin: 0;
padding: 0;
width: 100%;
}

h1 em {
font-style:normal;
}

h1 sup {
font-size:14px;
}

p {
margin-bottom:20px;
clear: both;
}

h2 {
font-size:18px;
line-height:18px;
font-weight:normal;
}

h2, p {
margin-bottom:20px;
}


#colgauche {
float:left;
width:255px;
position: relative;
background: #e7f4fa;
}



#coldroite {
float:right;
margin:0 0 0 6px;
padding:0 0 0 12px;
width:680px;
position: relative;
background-color: #FFF;
display: block;
border: 0;
clear: right;
}


/* ------------------------------ outil ---------------------------------------- */

/* Sharing & voting tools*/
.outil {
	text-align:right;
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:10px 0px 0px 0px;
	position: relative;
	right: 0px;
	top: 0px;
	float: right;
	width: 195px;
}
.outil div {
	display: block;
	margin: 0px;
	padding: 0 0 5px 11px;
	position: relative;
	text-align: right;
	float: left;
	color:#626262;
}
.outil ul {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	list-style-type: none;
	clear: both;
	width: 100%;
}
.outil li {
	display: inline;
	margin: 0px;
	padding: 0 0 0 10px;
	position: relative;
	list-style-type: none;
}
.outil li a, .outil li a:visited {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	color:#626262;
	text-decoration:none;
}
.outil li a:hover  {
	color:#000;
	text-decoration:none;
}
.outil li a img {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 10px;
	border: 0;
	float: left;
}
.outil li a span {
	display: block;
	padding: 0px;
	float: left;
	margin-left: 5px;
	position: relative;
	padding-right: 10px;
}

.filledRatingStar {
	background:url(http://www.akerbymaax.com/Commun/img/Etoileremplie.png);
}
.EmptyStarCssClass {
	background-image:url(http://www.akerbymaax.com/Commun/img/Etoile.png);
	width:16px;
}
.ratingStar {
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	font-size:0;
	height:16px;
	margin:0;
	padding:0;
	width:16px;
}
/* ------------------------------ trace / fil ariane --------------------------- */

.trace {
position:relative;
font-size:11px;
color: #545454;
display: block;
float: left;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
line-height: 16px;
}

.trace a:link, .trace a:visited, .trace a:active {
color: #545454;
text-decoration:none;
}

/* ------------------------------ pied page ------------------------------------ */

#pied {
padding:7px 0 20px 0;
float: left;
clear: both;
position: relative;
display: block;
margin: 0;
background-color: #FFF;
width: 740px;
}

#pied ul {
line-height:10px;
}

#pied ul li {
display:inline;
list-style:none;
padding:0 5px 0 5px;
border-right:1px #000000 solid;
}

#pied ul li.first {
padding-left:0;
}

#pied ul li.last {
border-right:none;
}

#pied ul li a:link, #pied ul li a:visited, #pied ul li a:active {
color: #000000;
text-decoration:none;
}

#pied ul li a:hover  {
color:#00aeef !important; 
text-decoration:none;
}

#pied ul li a.select {
font-weight:bold;
color: #00aeef !important; 
}

/* ------------------------------ pages ayant lien dans pied page ------------------------------------ */

#SiteMap { 
padding-bottom: 20px !important;
}

ul.textenormal {
display: block;
position: relative;
float: left;
list-style-type: disc;
padding: 0 0 20px 16px;
margin: 0;
}

ul.textenormal li {
padding: 0 0 3px 12px;
margin: 0;
}

#txt_1col a {
color: #000000;
}

/*-------------------------------- exergue sur certaines pages ---------------------------- */

#exergue {
border-bottom:none !important;
}

#exergue div.source{
font-size:10px;
}

#exergue div.source a:link, #exergue div.source a:visited, #exergue div.source a:active{
text-decoration: underline;
color: #fff !important;
}

#exergue div.source a:hover{
text-decoration:none;
color: #fff !important;
}

#exergue ul.listmaax {
padding:0;
margin:0;
}

#exergue  ul.listmaax li {
list-style:none;
display:block;
background: none;
padding:3px 6px 0 15px;
}

#exergue  ul.listmaax li a:link, #exergue ul.listmaax li a:visited, #exergue ul.listmaax li a:active {
color:#fff;
text-decoration:underline;
}

#exergue  ul.listmaax li a:hover  {
color:#fff;
}

#exergue  ul.listmaax span.maax {
margin-left:-15px
}

#exergue {
color:#fff;
float:right;
width:184px;
min-height:144px;
margin:0 0 0 0;
padding:30px 20px 30px 17px;
background-color: #000000;
border-bottom:7px #fff solid;
}


#exergue h3 {
font-size:14px;
}

#exergue ul{
padding:0;
margin:0 0 10px 0;
}

#exergue ul li {
list-style:none;
display:block;
background: url(../../../Commun/img/tiret.gif) .1em .9em no-repeat;
padding:3px 6px 0 10px;
}

#exergue a:link, #exergue a:visited, #exergue a:active {
color:#fff;
text-decoration:none;
}

#exergue a:hover  {
color:#fff;
text-decoration:underline;
}

#exergue ul li a:link, #exergue ul li a:visited, #exergue ul li a:active {
color:#fff;
text-decoration:underline;
}

#exergue ul li a:hover  {
color:#fff;
text-decoration:none;
}

/* ------------------------------ menu secondaire de section ------------------------------ */

.section a:hover  {
color:#000;
text-decoration:none;
}

ul.section {
border-top:1px #000000 solid;
margin:0;
line-height:18px;
position: relative;
display: block;
padding: 5px 0 15px 0;
clear: both;
float: left;
width: 100%;
}

ul.section li {
display:inline;
list-style:none;
padding:0 5px 0 5px;
border-right:1px #000000 solid;
}

ul.section li.first {
padding-left:0;
}

ul.section li.last {
border-right:none;
}

ul.section li.alone {
padding-left:0;
border:0;
}

ul.section li a:link, ul.section li a:visited, ul.section li a:active {
color: #000000;
text-decoration:none;
}

ul.section li a:hover  {
color: #00aeef;
text-decoration:none;
}

ul.section a.select {
font-weight:bold;
color: #00aeef !important; 
}


#section {
padding:0 0 10px 0;
background-color:#fff;
position: relative;
float: left;
width: 100%;
display: block;
margin: 0;
}

#section span{
position:absolute;
text-transform:uppercase;
margin:19px 0 0 428px;
}

#section span a:link, #section span a:visited, #section span a:active {
color: #000000;
text-decoration:none;
}

#page .crawlerimg, #page .crawlerimg img {
display: block;
margin: 0px;
padding: 0px;
float: left;
height: 1px;
width: 1px;
position: relative;
border:0;
}