/* ======================================== */
/* Definition of Styles common to all pages */
/* ======================================== */
* { padding: 0; margin: 0; }
html	 {height: 100%;}
body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

#navigContainer	{
	/* top: 0px;
	left: 0px;
	position: fixed;
	z-index: 2000; */
	width: 100%;
	height: 45px;
	margin: 0 0 0 0;
}
#navigContainer .tabNavig	{
	padding: 0 5px 3px 5px;
	font-size: 11px;
	color: white;
	white-space: nowrap;
	background: transparent url(/fyh/images/new_look/fond_top_navig.png) repeat-x;
}
*html #navigContainer .tabNavig	{
	padding-top: -2px;
}
*html #navigContainer .tabNavig td	{
	padding-left: 3px;
}
#navigContainer .tabNavig table	{
	font-size: 11px;
	color: white;
}
#navigContainer .tabNavig a	{
	color: inherit;
	text-decoration: underline;
}
#navigContainer .tabNavig a	{
	color: white;
}
#navigContainer .tabNavig img	{
	margin-top: 3px;
	border: 0;
}
#navigContainer .tabNavig form	{
	display: inline;
}
#navigContainer .tabNavig .inputLoginbox	{
	width: 110px;
}
#navigContainer .tabNavig .inputNewsletter	{
	width: 150px;
}
#navigContainer .tabNavig .inputSubmit	{
	width: 25px;
	height: 25px;
	border: 0;
	color: white;
	background: transparent url(/fyh/images/new_look/fond_bouton.png) 0px 3px no-repeat;
}
#navigContainer .tabNavig .sep	{
	font-size: 14px;
	font-weight: bold;
}

#topContainer	{
	position: absolute;
	top: 50px;
	width: 90%;
	height: 100%;
	margin-left: 50px;
}
*html #topContainer	{
	top: 48px;
}

#level0 {
	width: 100%;
}
#topBar {
	float: left;
	width: 900px;
}
#banner-div {
	float: left;
	width: 750px;
	margin-top: 15px;
}

.Container1 {
	position: absolute;
    top: 200px;
	padding-top: 0px;
	width: 1083px;
	height: auto;
	background-color: white;
}
*html .Container1 {
	top: 215px;	/* IE */
}
    
.Container1 .Container1Main {
	position: relative;
	float: left;
	top: -15px;
	width: 100%;
	height: auto;
	margin-bottom: -20px;
	background: url('/fyh/images/new_look/fond_ecran_fyh_new.png') repeat-y top left;
}   
*html .Container1 .Container1Main {
	top: -30px;
}

.Container1 .ContainerFooter {
	width: 100%;
	clear: left;
}

.Container1Main .Menu {
	/* position: absolute;
	overflow: hidden; */
	float: left;
	width: 164px;
	/* height: 700px;
	height: 100%; */
	padding: 5px;
	background: -moz-linear-gradient(0% 60% 90deg, #69bede, #bbdfed);	/* pour gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbdfed), to(#69bede)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbdfed', endColorstr='#69bede'); /* pour IE */
}
*html .Container1Main .Menu {
	width: 174px;
}

.Container1Main .Menu .divFlottant {
	/* position: fixed; */
	margin: 0;
	padding: 0;
	background-color: transparent;
}
/*
*html .Container1Main .Menu .divFlottant {
	position: absolute;
	top: expression(documentElement.scrollTop+body.scrollTop);
}
*/

/*******************************************************************************/
/* NOUVEAUX DIV REMPLACANT LES BOUTONS NOUVELLE ANNONCE, COMPARATEUR ET ALERTE */
/*******************************************************************************/
.btnService {
	position: relative;
	width: 145px;
	height: 65px;
	margin: -5px 0 20px 7px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px solid lightgrey;
	-moz-box-shadow: 5px 5px 8px #000;	/* Pour Firefox > 3.1 et < 4.0 */
	-webkit-box-shadow: 5px 5px 8px #000; /* Pour Safari et Chrome */
	box-shadow: 5px 5px 8px 0 #000; /* Pour Firefox >= 4.0 */
	filter: progid:DXImageTransform.Microsoft.shadow ( color=#000000,direction=135,strength=5); /* Pour IE < 9.0 */
}
.btnService a {
	color: white;
	text-decoration: none;
	background: -moz-linear-gradient(0% 60% 90deg, #69bede, #bbdfed);	/* pour gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#69bede), to(#bbdfed)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69bede', endColorstr='#bbdfed'); /* pour IE */
}
.btnService a:hover {
	cursor: pointer;
	background: -moz-linear-gradient(0% 60% 90deg, #bbdfed, #69bede);	/* pour gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbdfed), to(#69bede)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbdfed', endColorstr='#69bede'); /* pour IE */
}
.btnService, x:-moz-any-link {
	margin: 10px 0 5px 7px;
}

	/* Nouvelle annonce */
.btnService .new_ad {
	display: block;
	width: 145px;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.btnService .new_ad img {
	float: left;
	border: 0;
	margin: 7px 5px 5px 5px;
}

	/* Comparateur */
.btnService .compare {
	display: block;
	width: 145px;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 2.0;
}
.btnService .compare img {
	float: left;
	border: 0;
	margin: 20px 5px 5px 5px;
}

	/* Service Alerte */
.btnService .alerte {
	display: block;
	width: 145px;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.btnService .alerte img {
	float: left;
	border: 0;
	margin: 20px 5px 15px 5px;
}


/********/
/*	PRO	*/
/********/
.btnServicePro {
	position: relative;
	width: 145px;
	height: 65px;
	margin: -5px 0 20px 7px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px solid lightgrey;
	-moz-box-shadow: 5px 5px 8px #000;	/* Pour Firefox > 3.1 et < 4.0 */
	-webkit-box-shadow: 5px 5px 8px #000; /* Pour Safari et Chrome */
	box-shadow: 5px 5px 8px 0 #000; /* Pour Firefox >= 4.0 */
	filter: progid:DXImageTransform.Microsoft.shadow ( color=#000000,direction=135,strength=5); /* Pour IE < 9.0 */
}
.btnServicePro a {
	color: white;
	text-decoration: none;
	background: -moz-linear-gradient(0% 60% 90deg, #289ba5, #42e4f2);	/* pour gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#289ba5), to(#42e4f2)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#289ba5', endColorstr='#42e4f2'); /* pour IE */
}
.btnServicePro a:hover {
	cursor: pointer;
	background: -moz-linear-gradient(0% 60% 90deg, #42e4f2, #289ba5);	/* pour gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#42e4f2), to(#289ba5)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42e4f2', endColorstr='#289ba5'); /* pour IE */
}
.btnServicePro, x:-moz-any-link {
	margin: 10px 0 5px 7px;
}

	/* Service Alerte Pro */
.btnServicePro .alertePro {
	display: block;
	width: 145px;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 1.9;
}
.btnServicePro .alertePro img {
	float: left;
	border: 0;
	margin: 15px 2px 5px 5px;
}
/********************/
/* FIN NOUVEAUX DIV */
/********************/


.Container1Main .Main {
	width: 905px;
	float: right;
}
.Container1Main .Main .Comparaison {
	width: 100%;
	height:750px;
	overflow:auto;
}
.Container1Main .Main h1 { 
}
.Container1Main .Main p { 
}
.Container1Main .Main .Comparaison form {
    width: inherit;
    font-size: 12px;
}

.ContainerFooter .Links {
	width: 100%;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;     
	font-size: 10px;
	display: block;
}
.ContainerFooter .Links a {
	color: cornflowerblue;
}
.ContainerFooter .Links a:hover {
	color: black;
	text-decoration: none;
}

.ContainerFooter .Connections {
    padding-top:15px;
    text-align: center;
    font-size: 16px;
}

/* Left menu */
.Container1Main .Menu img
{
	border: 0;
}

.Container1Main .Menu #info
{
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background-color: #3884BB;
}

.Container1Main .Menu .txt
{
  color: #FFF;
  text-decoration: none; 
  line-height: 20px;
  margin-left:10px;
}

.Container1Main .Menu input
{
  margin-left: 7px;
}
.Container1Main .Menu #info input[type=text]
{
  width: 145px;
}

.Container1Main .Menu hr
{
  color: #FFF;
  background-color: #FFF;
  height: 1px;
  border: 0;
  margin-top: 5px;
  margin-bottom: 5px; 
}

.comparetable {
    width: inherit;
    height:100%;
    font-size: 12px;
    margin: 0 -3px; 
}

.comparetable .type1 {
    background: #EEEEEE;
}

.comparetable .type2 {
    background: white;
}

table.comparetable tr:hover {
    background-color: #ffe08e;
}
table.comparetable tr:hover td {
    color: #444;
}
table.comparetable tr td {
    width:305px;
}
table.comparetable tr td.first {
    width:90px;
}
.comparetable H2 {
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
}

.comparetable H1 {
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

#styleHeader {
	width: 1083px;
	height: 120px;
	margin-top: 0px;
	padding-bottom: 5px;
	background: -moz-linear-gradient(0% 20% 90deg, #bbdfed, #69bede); /* pour Gecko */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbdfed), to(#69bede)) no-repeat; /* pour webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69bede', endColorstr='#bbdfed'); /* pour IE */
}
/* div for logo on the top left */
#styleHeader #styleLogoMain {
	float: left;
}

.centertext {
    text-align:center;
}

select {
    font-family: Verdana,Helvetica,sans-serif; 
    font-size: 12px;
}


/* Class Image_rotation (pas de bordure pour les images) */
.Image_rotation	img {
	border: 0;
	margin-top: -2px;
}
*html .Image_rotation	img {
	margin-top: -12px;
}



/****************************************/
/*	DIV GOOGLE ADS POUR SELECTION FORM	*/
/****************************************/
.googleAds	{
	width: 902px;
	height: 95px;
	margin: 10px 0 5px 0;
	padding: 5px 0 1px 0;
	text-align: center;
	border: 3px solid #000080;
	background-color: lightblue;
}
*html .googleAds	{
	padding-bottom: 3px;
}
.googleAds .titre	{
	position: relative;
	float: left;
	font-size: 9px;
	color: grey;
	margin: 0 -70px 0 3px;
}
/************************/
/*	END DIV GOOGLE ADS	*/
/************************/


/* horizontal free space */
.emptyline { 
	background-color: transparent;
	height: 20px;
	float: none;
}

.bannertable {
	float:left;
	border: none;
	cell-spacing: 0px;
	cell-padding: 0px;
	margin-left: 50px;
	margin-top: 15px;
	width: 728px;
	height: 90px;
}
.bannercell {
	width: 100%;
	text-align: center;
}

.line {
	background-color: #6666cc;
	width: 100%;
}

.webmaster {
	margin-top:10px;
	margin-bottom:10px;
}
.infomessageclass {
	width:100%;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	margin-top:20px;
	margin-bottom:20px;
}
	
		
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/* ---------- Style for Top Menu  ---------- */
/*Style for the background-bar*/
.clBar_top{position:absolute; width:10; height:10; background-color:transparent; layer-background-color:transparent; visibility:hidden}

/*Styles for level 0*/
.clLevel0_top,
.clLevel0over_top {
    position:absolute; 
    padding:0px; 
    font-family:Arial,Helvetica,sans-serif; 
    font-size:10px; 
    font-weight:bold
}
.clLevel0_top {
    position:absolute; 
    background-color:transparent; /* fond menu quand element pas pointe */
    layer-background-color:transparent; 
    color:black; /* font color of text when image is not present */
}
.clLevel0over_top {
    background-color:transparent; /* fond menu quand element pointe */ 
    layer-background-color:transparent; 
    color:blue; /* font color of pointed text when image is not found */
    cursor:pointer; 
    cursor:hand; 
}
.clLevel0border_top {
    position:absolute; 
    visibility:hidden; 
    background-color:transparent; 
    layer-background-color:transparent
}

/*Styles for level 1*/
.clLevel1_top,
.clLevel1over_top {
    position:absolute; 
    padding-left:4px; /* space between left side and text */
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
    font-size:12px; 
    font-weight:bold;
}
.clLevel1_top {
    background-color:white; /* background when element is not selected */ 
    color:blue; /* font color when elmt is selected */
/*    layer-background-color:transparent; */
}
.clLevel1over_top {
    background-color:blue; /* background when elmt is pointed */ 
    color:white; /* font color whe elmt is pointed */ 
    cursor:pointer; /* pointer: standard value for 'hand' cursor */
    cursor:hand;    /* IE specific value pour 'hand' cursor */
/*    layer-background-color:transparent; */
}
.clLevel1border_top {
    position:absolute;   
    border:1px solid blue;
}

/*Styles for level 2*/
.clLevel2_top,
.clLevel2over_top {
    position:absolute; 
    padding:2px; 
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
    font-size:10px; 
    font-weight:bold
}
.clLevel2_top {
    background-color:Navy; 
    layer-background-color:Navy; 
    color:white;
}
.clLevel2over_top {
    background-color:#0099cc; 
    layer-background-color:#0099cc; 
    color:Yellow; 
    cursor:pointer; 
    cursor:hand; 
}
.clLevel2border_top {
    position:absolute;   
    border:1px solid #73BE1E;
    visibility:hidden; 
    background-color:#006699; 
    layer-background-color:#006699
}
  
/* ---------- Style for Vertical Menu  ---------- */
/*Style for the background-bar*/
.clBar_vt {
    position:absolute; 
    width:10; 
    height:10; 
    background-color:transparent; 
    layer-background-color:transparent; 
    visibility:hidden
}
/*Styles for level 0*/
.clLevel0_vt,
.clLevel0over_vt {
    position:absolute; 
    padding:0px; 
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
    font-size:10px; 
    font-weight:bold
}
.clLevel0_vt {
    background-color:transparent; 
    layer-background-color:transparent; 
    color:white; /* font color of text when image is not found*/
}
.clLevel0over_vt{background-color:transparent; layer-background-color:transparent; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel0border_vt{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent}

/*Styles for level 1*/
.clLevel1_vt, .clLevel1over_vt{position:absolute; padding:0px; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold}
.clLevel1_vt{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:green;}
.clLevel1over_vt{background-color:#FF0000; layer-background-color:#FF0000; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel1border_vt{position:absolute;   border:1px solid #73BE1E; visibility:hidden; background-color:#73BE1E; layer-background-color:transparent; }

/*Styles for level 2*/
.clLevel2_vt, .clLevel2over_vt{position:absolute; padding:0px; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold}
.clLevel2_vt{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:green;}
.clLevel2over_vt{background-color:#FF0000; layer-background-color:#FF0000; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel2border_vt{position:absolute;   border:1px solid #73BE1E; visibility:hidden; background-color:#73BE1E; layer-background-color:#73BE1E}

.error
{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: red;
  margin-top: 0px;
  margin-bottom: 0px;
  padding : 10px;
}
.notice
{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: f2f2f2;
  margin-top: 0px;
  margin-bottom: 0px;
  padding : 10px;
}

.eperonoutside
{
    position: absolute;
    top: 100px;
    left: 178px;
    width: 900px;
    margin: 0px;
}

.eperoninside
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 900px;
    height: 55px;
    margin-bottom: 30px;
}

.eperonoutside .text,
.eperoninside .text
{
    width: 500px;
    float: left;
    margin-top: 10px;
}

.eperonoutside .logo,
.eperoninside .logo
{
    text-align: right;
    float: right;
}