/* CSS Document */

* {
	font-family:Arial, Helvetica, sans-serif;
}
body{
margin:0;
margin-left:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
    scrollbar-face-color: #efefef;
    scrollbar-shadow-color: #d8d8d8;
    scrollbar-highlight-color: #ececec;
    scrollbar-3dlight-color: #ececec;
    scrollbar-darkshadow-color: #a6a6a6;
    scrollbar-track-color: #efefef;
    scrollbar-arrow-color: white;
	height: 100%!important;
	padding: 0!important;

}
h1{
	font-size:large;
	font-weight:lighter;
	color:#669966;
	margin-top:25px;
	padding:0;
	display:block;
	width:505px;
	float:right;
	position:absolute;
	left: 190px;
	text-align:center;
}
#site-paisos{
width:980px;
min-height:850px;

/*border-right:1px solid #414141;
border-left:1px solid #414141;*/
padding-left:3px;
padding-right:3px;
padding-top:0;
margin:auto;
}
#tetiere-paisos{background-color:#cfcfcf;
height:113px;
width:980px;
padding:0;
position:relative;}
#recherche{
	float:left;
   width:210px;
	height:20px;
	line-height:20px;
	text-align: center;
	 /*border: 1px solid;*/
	 margin-top: 4px;
}
form input {vertical-align: middle;}
/*form#form1 {margin:0;float:left;width:21em;}
input#search {float:left;width:85px;padding-bottom:2px;}*/
.champ{
background:white;
width:120px;
height:18px;
margin:0;
padding-left:2px;
font-size:10px;
border:0;
}
.search{height:12px;
border:1px solid white;
color:white;
padding-top:2px;
padding-bottom:2px;
padding-right:5px;
padding-left:5px;
font-size:10px;
text-decoration:none;
}
.search:hover{
border:1px solid white;
color:white;}
#logo{
	position:absolute;
	height:78px;
	left: 649px;
	top: 8px;
	width: 166px;
	bottom: 93px;
}
#news{
	position:absolute;
	height:58px;
	left: 821px;
	top: 15px;
	width: 160px;
	bottom: 93px;
}
.news{
	background: transparent url(images/puce-jaune.gif)  no-repeat;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 5px 0 25px;
	/*margin-left: 10px;*/
	line-height: normal;
}
.news:hover{
	background: transparent url(images/puce-jaune.gif)  no-repeat;
	font-size: small;
	color: yellow;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: normal;
}
#langue{
	position:absolute;
	height:15px;
	left: 738px;
	top: 88px;
	width: 240px;
}

.lngvert{
 background:url(images/vert.gif)  no-repeat left ;
font-size:x-small;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngvert:hover{
 background:url(images/vert.gif)  no-repeat left;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;
}
.lngbleu{
 background:transparent url(images/bleu.gif)  no-repeat left;
font-size:x-small;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngbleu:hover{
 background:transparent url(images/bleu.gif)  no-repeat left;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngrouge{
 background:transparent url(images/rouge.gif)  no-repeat left;
font-size:x-small;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngrouge:hover{
 background:transparent url(images/rouge.gif)  no-repeat left;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngjaune{
 background:transparent url(images/jaune.gif)  no-repeat left;
font-size:x-small;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
.lngjaune:hover{
 background:transparent url(images/jaune.gif)  no-repeat left;
color:white;
text-decoration:none;
padding: 0 5px 0 12px;
line-height:20px;}
/***********************NAVIGATION PRINCIPALE***********/
#navigation{height:30px;
line-height:30px;
background-color:#A6A6A6;
border-bottom:3px solid white;
border-top:3px solid white;
width: 980px;
position:relative;}
#nav-principal{height:30px;
line-height:30px;
text-align:center;
float:right;
width: 730px;
 /*border: 1px solid;*/
}
.guide{
 background:transparent url(images/puce-jaune.gif)  no-repeat;
font-size:small;
color:#FFFFFF;
text-decoration:none;
padding: 0 5px 0 25px;
margin-left:10px;
line-height:30px;}
.guide:hover{
	background: transparent url(images/puce-jaune.gif)  no-repeat;
	font-size: small;
	color: yellow;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.information{
	background: transparent url(images/puce-verte.gif)  no-repeat;
	font-size: small;
	margin-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.information:hover{
	background: transparent url(images/puce-verte.gif)  no-repeat;
	font-size: small;
	color: green;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.ccm{
	background: transparent url(images/puce-bleu.gif)  no-repeat;
	font-size: small;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.ccm:hover{
	background: transparent url(images/puce-bleu.gif)  no-repeat;
	font-size: small;
	color: blue;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.prefere{
	background: transparent url(images/puce-rouge.gif)  no-repeat;
	font-size: small;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}
.prefere:hover{
	background: transparent url(images/puce-rouge.gif)  no-repeat;
	font-size: small;
	color: red;
	text-decoration: none;
	padding: 0 5px 0 25px;
	line-height: 30px;
}

/***********************COLONNE GAUCHE***********/

#col-gauche{
	width: 170px;
	height: auto;
	border-right: 3px solid white;
	float: left;
	background: url(images/fond-degrade-droit2.gif);
	height: 850px;
	padding-top: 10px;
	padding-left: 6px;
	z-index: 100;
}

.liengeneral{
	display: block;
	width: 150px;
	height: 20px;
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
	border-bottom: 1px solid white;
	margin-bottom: 5px;
}
.liengeneral:hover{
	font-size: small;
	color: white;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
	border-bottom: 1px solid white;
	margin-bottom: 5px;
}
.liengeneral a{
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
}
.liengeneral a:hover{
	font-size: small;
	color: white;
	text-decoration: none;
}

.vert{
	background: url(images/vert.gif)  no-repeat left;
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.vert:hover{
	background: url(images/vert.gif)  no-repeat left;
	font-size: small;
	color: white;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.bleu{
	background: transparent url(images/bleu.gif)  no-repeat left;
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.bleu:hover{
	background: transparent url(images/bleu.gif)  no-repeat left;
	font-size: small;
	color: white;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.rouge{
	background: transparent url(images/rouge.gif)  no-repeat left;
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.rouge:hover{
	background: transparent url(images/rouge.gif)  no-repeat left;
	font-size: small;
	color: white;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.jaune{
	background: transparent url(images/jaune.gif)  no-repeat left;
	font-size: small;
	color: #0D3C96;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}
.jaune:hover{
	background: transparent url(images/jaune.gif)  no-repeat left;
	font-size: small;
	color: white;
	text-decoration: none;
	padding: 0 8px 0 12px;
	line-height: 20px;
}

/***********************COLONNE DROITE***********/

#col-right{
	width: 170px;
	min-height: 710px;
	border-left: 3px solid white;
	float: left;
	background: url(images/fond-degrade-droit2.gif);
	height: 850px;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 0;
	z-index: 0;
}
#col-right img{
padding-top:5px;}
/***********************COLONNE CENTRALE***********/

#col-center{
width:623px;
height:100%;
float:left;
z-index:50;

}
#titre-carte{background-image:url(images/fond-degrade.gif);
height:21px;
width:229px ;
border-right:3px solid white;
float:left;
}
#titre-carte2{background-image:url(images/fond-degrade.gif);
height:21px;
width: 391px;
float:left;
}
#carte{
width: 229px;
height:245px;
border-right:3px solid white;
float:left;
}
#carte-texte{width: 391px;
float:left;
height:245px;
overflow:auto;
font-size:10px;
}
#carte-texte img{float:right;
margin-left:5px;
margin-right:5px;}
.titre-carte{text-transform:uppercase;
font-weight:bold;
font-size:11px;
 background:transparent url(images/rouge.gif)  no-repeat left;
padding: 0 8px 0 12px;
}
.titre-liste-ets{
	background: transparent url(images/rouge.gif)  no-repeat left;
	font-size: small;
	text-transform:uppercase;
	font-weight:bold;
	color: #999999;
	text-decoration: none;
	padding: 0 20px 0 12px;
	line-height: 20px;
}
.liensuggestion{
	float: right;
	background: transparent url(images/rouge.gif)  no-repeat left;
	font-size: small;
	color: #999999;
	text-decoration: none;
	padding: 0 20px 0 12px;
	line-height: 20px;
}
.liensuggestion:hover{
	background: transparent url(images/rouge.gif)  no-repeat left;
	font-size: small;
	color: black;
	text-decoration: none;
	padding: 0 20px 0 12px;
	line-height: 20px;
}



#suggestion{background-image:url(images/fond-degrade.gif);
height:21px;
width:623px ;
border-top:3px solid white;
float:left;
}

/**********NAVIGATION SUGGESTION***************/
#nav-suggestion{height:30px;
width:623px ;
border-top:3px solid white;
float:left;
}
#menu ul{margin:0;
width:620px;
/*border-bottom:1px solid #0D3C96;*/
height:20px;
background: url(images/menu_suggest_bg.jpg)  repeat-x 50% bottom;
}
#menu li{display:inline;
float:left;
margin:0;
padding-left:0;
padding-right:10px;
text-align:center;

}
#menu #current{
height:19px;
border-top:1px solid #0D3C96;
border-right:1px solid #0D3C96;
/*border-bottom:1px solid white;*/
border-left:1px solid #0D3C96;
background-color: white;
padding-right:10px;
padding-left:8px;
margin-bottom:0;
text-decoration:none;
font-weight:bold;
}
.menubas{
display:block;
width:95px;
height:20px;
padding-right:2px;
padding-left:2px;
margin-bottom:0;
text-decoration:none;
color:#0D3C96;
}
/*.menubas:hover{
display:block;
width:68px;
height:19px;
border-top:1px solid #0D3C96;
border-right:1px solid #0D3C96;
border-bottom:1px solid white;
padding-right:10px;
padding-left:8px;
margin-bottom:0;
text-decoration:none;}*/

.menubas:hover{
	display: block;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 0;
	text-decoration: none;
}
#texte-suggestion{
	width: 623px;
	height: 320px;
	overflow: auto;
	float: left;
	border-top: 5px solid white;
	padding-top: 5px;
}
#texte-suggestion img{
	float: left;
	margin-right: 10px;
}

#divid1{
	width: 623px;
	height: 320px;
	overflow: auto;
	float: left;
	border-top: 5px solid white;
	padding-top: 5px;
}
#divid1 img{float:left;
margin-right:10px;}

#divid2{width:623px;
height:320px;
overflow:auto;
float:left;
border-top:5px solid white;
padding-top:5px;
}
#divid2 img{float:left;
margin-right:10px;}
#divid3{width:623px;
height:320px;
overflow:auto;
float:left;
border-top:5px solid white;
padding-top:5px;
}
#divid3 img{float:left;
margin-right:10px;}
#divid4{width:623px;
height:320px;
overflow:auto;
float:left;
border-top:5px solid white;
padding-top:5px;
}
#divid4 img{float:left;
margin-right:10px;}
#divid5{width:623px;
height:320px;
overflow:auto;
float:left;
border-top:5px solid white;
padding-top:5px;
}
#divid5 img{float:left;
margin-right:10px;}
#divid6{width:623px;
height:320px;
overflow:auto;
float:left;
border-top:5px solid white;
padding-top:5px;
}
#divid6 img{float:left;
margin-right:10px;}

/***************boutique/foto/offre**************/
#boutique{float:left;
width:205px;
height:180px;
border-right:3px solid white;
border-top:3px solid white;
font-size:x-small;

}
#boutique img{float:left;
padding-right:5px;
}
#foto{float:left;
width:206px;
height:180px;
font-size:x-small;
border-right:3px solid white;
border-top:3px solid white;
}
#foto img{float:left;
padding-right:5px;
}

#offre{float:left;
width:205px;
height:180px;
font-size:x-small;
border-top:3px solid white;

}
#offre img{float:left;
padding-right:5px;
}

.texte-fond{background-image:url(images/fond-degrade.gif);
line-height:21px;
height:21px;
text-align:center;}

#nav-bas{height:35px;
text-align:center;
border-top:1px solid #cccccc;
width:620px;
float:left;
background-color:white;
line-height:35px;}

#enregistrer{height:35px;
text-align:center;
border-top:1px solid #cccccc;
width:620px;
float:left;
background-color:white;
line-height:35px;}

.imprimer{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;}
.imprimer:hover{
color:#000000;}
.supprimer{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
color:#990000;
text-decoration:none}
.supprimer:hover{
color:#999999;}
.fiche{color:#009933;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;}
.fiche:hover{color:black;}

