@charset "utf-8";
/* CSS Document */
/*GENERALS------------------------------------*/
body{
background-image:url('fondbody.jpg');
background-position:50% top;
background-repeat:no-repeat;
background-color:#5c9cbe;
margin:0;
padding:0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:white;
}
img{
border:0;
}
.clear{
clear:both;
}
table td, table th{
vertical-align:top;
text-align:left;
}
#mainzone table{
margin-bottom:10px;
}
form{
margin:0;
padding:0;
}
/*TITLE*/
.heart{
background-color:black;
margin:0 0 0 239px;
border-left:1px solid #323232;
padding:5px 10px 5px 10px;
}
h2{
font-size:16px;
}
h3{
font-size:14px;
}
h4, h5, h6{
font-size:12px;
}
#mainzone h1{
margin-left:20px;
font-size:18px;
text-transform:uppercase;
}
#mainzone .article h1{
margin-left:0;
}
/*ALIGN CLASSES----------------------------------------------*/
.alignright{
text-align:right;
}
.alignleft{
text-align:left;
}
.aligncenter{
text-align:center;
}
.float_right{
position:relative;
float:right;
margin-left:10px;
}
.float_left{
position:relative;
float:left;
margin-right:10px;
}
/*LINKS -----------------------------------------------------*/
/*default*/
a{
color:white;
}
a:hover{
color:#d0d0d0;
}
/*top*/


/*FORM ELEMENTS ---------------------------------------------*/
#leftzone .text{
background-color:#bfcad0;
border:1px solid white;
font-size:12px;
}
#leftzone .button, #mainzone .button, #menuhaut .button{
padding:0;
border:1px solid #bfbfbf;
border-bottom:1px solid black;
border-right:1px solid black;
}
#leftzone .button, #menuhaut .button{
background-color:#70bb00;
color:white;
}
#mainzone .button{
background-color:#fffffb;
color:#2c3134;
margin:0 5px 0 5px;
}
select{
font-size:12px;
}
/*TOP MENU GENERAL LAYOUT------------------------------------*/
#menuhaut{
height:38px;
width:100%;
background-image:url('fond_menuhaut.gif');
border-bottom:1px solid black;
}
#menuhaut .contenthaut{
width:987px;
margin:0 auto 0 auto;
height:28px;
padding:10px 0 0 0;
overflow:hidden;
}
#menuhaut .contenthaut ul, #footer ul{
margin:0;
padding:0;
list-style:none;
}
#menuhaut .contenthaut ul li, #footer ul li{
position:relative;
float:left;
margin-right:5px;
}
#menuhaut .language_switcher{
position:relative;
float:left;
margin-left:250px;
}
#menuhaut .language_switcher img{
margin:2px 6px 0 0;
}
#menuhaut .portal_switcher{
position:relative;
float:left;
top:-5px;
margin-left:20px;
}
/*----CENTER ZONE GENERAL LAYOUT---------------------------*/
/*banner*/
#banner{
background-image:url('fond_banner.gif');
height:80px;
overflow:hidden;
}
#banner div, #logo{
position:relative;
float:left;
}
#logo{
/*width:252px;*/
margin:0 10px 0 0;
}
#banner div{
margin:0 0 0 10px;
width:230px;
}
/*main page*/
#center{
width:987px;
margin:0 auto 0 auto;
min-height:600px;
background-color:#474747;
}
/*colonne de gauche*/
#leftzone{
width:267px;
position:relative;
float:left;
padding-bottom:30px;
}
#leftzone .titre, #leftzone .block{
border-bottom:1px solid #323232;
border-right:1px solid #323232;
border-left:1px solid #323232;
padding:10px;
}
#leftzone .block span{
color:#cceac4;
}
.titrebrun{
background-color:#77765a;
}
.titrebleu{
background-color:#8aabbe;
}
.blockbleu{
background-image:url('fond_bloc_bleu.jpg');
background-repeat:no-repeat;
background-color:#648598;
}
.blockvert{
background-image:url('fond_bloc_vert.jpg');
background-repeat:no-repeat;
background-color:#6e9d5f;
}
.titrevert{
background-color:#8dc759;
}
/*colonne principale*/
#mainzone {
position:relative;
float:left;
width:720px;
padding-bottom:30px;
background-color:#000;
}
.edito #mainzone {
background-image:url('fond_mainzone.jpg');
background-color:#3d4d55;
background-position:right top;
background-repeat:no-repeat;
}
/*homepage block*/
.grandflotant, .petitflotant{
position:relative;
float:left;
}
.grandflotant{
height:332px;
overflow:hidden;
background-color:#74735e;
background-image:url('texture_grandbloc.jpg');
background-position:bottom;
background-repeat:repeat-x;
width:239px;
border-right:1px solid #323232;
border-bottom:1px solid #323232;
}
.grandflotant h2{
background-color:black;
margin:0 0 10px 0;
padding:10px;
font-size:12px;
font-weight:normal;
}
.grandflotant h3{
margin:0;
}
.grandflotant p, .grandflotant h3{
padding:0 10px 0 10px;
font-size:11px;
}
.grandflotant a{
color:#d0d0d0;
text-decoration:none;
}
.grandflotant a:hover{
text-decoration:underline;
}
.grandflotant .all{
margin-top:30px;
}
.grandflotant .all a{
text-decoration:underline;
color:white;
}
.petitflotant{
height:111px;
overflow:hidden;
width:240px;
}.petitflotant.noir{
background-color:black;
}
.petitflotant img{
position:relative;
float:left;
}
.petitflotant span{
position:relative;
float:left;
width:90px;
padding-left:10px;
margin:0;
}
.petitflotant a{
display:block;
width:100%;
height:100%;
padding:10px;
text-decoration:none;
}
.petitflotant a:hover{
background-color:#808068;
}
/*inner page*/
.intro{
height:294px;
background-color:black;
overflow:hidden;
margin-left:2px;
}
.comment_inter{
position:relative;
float:left;
width:176px;
padding:10px;
}
.score{
margin-top:10px;
}
.score span{
font-size:18px;
font-weight:bold;
color:#89c758;
}
.action img{
position:relative;
top:5px;
}
.intro .description{
background-color:#656e75;
position:relative;
float:left;
height:255px;
overflow:auto;
width:494px;
padding:10px;
margin:10px 0 0 0;
}
.circuit, .download, .commentaires, .article, .searchresult{
margin:10px 0 0 2px;
padding:20px 40px;
/*background-color:#323232;*/
}
.circuit table th, .circuit table td, .download table th, .download table td, .download table.infodl td{
border-right:1px solid black;
padding:5px;
}
.circuit table th, .download table th{
background-color:#363b3f;
}
.download table.infodl th{
text-align:center;
}
.circuit table td{
border-bottom:1px solid #646e77;
}
.circuit table .last td{
border-bottom:none;
}
.circuit table .location td{
background-color:#656e75;
text-transform:uppercase;
}
.download table th.dlhead{
background-color:#8dc759;
color:black;
}
.download table td{
background-color:#656e75;
border-right:none;
}
.commentaires h2{
font-size:12px;
margin:0;
padding:10px;
background-color:#363b3f;
}
.commentaires .bgcomment{
background-color:#656e75;
padding:10px 0 10px 35px;
}
.commentaires .commentaire{
width:631px;
margin-bottom:10px;
}
.commentaires .commentaire .top{
background-image:url('comment_top.jpg');
height:28px;
}
.commentaires .commentaire .centre{
background-image:url('comment_central.jpg');
background-repeat:repeat-y;
padding:10px;
}
.commentaires .commentaire .bottom{
background-image:url('comment_bottom.jpg');
height:16px;
}
.headsearch{
margin:10px 20px 10px 20px;
}
.searchintro{
font-weight:bold;
}
.help{
font-style:italic;
font-size:10px;
}
.searchgooglemap{
margin-left:10px;
}
.searchresult th{
background-image:url('searchth.gif');
}
.searchresult th, .searchresult td{
padding:5px;
}
.searchresult .paire td{
background-color:#32373a;
border-top:1px solid #51585e;
border-bottom:1px solid #51585e;
}
.pageswitcher{
border-top:1px solid #5b5b5b;
padding:10px;
margin-top:20px;
text-align:right;
}
.pageswitcher .selected{
border:1px solid #696969;
padding:3px;
}
.pageswitcher a{
margin:0 5px 0 5px;
}
.pageswitcher .textnav a{
margin:0;
}
/*footer*/
#footer{

background-color:#FFFFFF;
background-image:url('fond_footer-2.gif');
background-position:top;
background-repeat:repeat-x;
/*background-image:url('fond_footer-2.gif');
height:176px;
padding:70px 10px 0 10px;*/
padding:35px 10px 20px 10px;
}
#footer div{
/*margin-bottom:30px;*/
	margin-bottom:10px;
}
#footer a, #footer a:hover {
	color:#333333;
}
#footer ul{
margin-left:30px;
}
.signature {
	width:100%;
	height:37px;
	line-height:35px;
	border-top:1px solid #000;
	text-align:center;
	background-color:#707A7C;
	background-image:url('fond_menuhaut.gif');
	background-position:bottom;
	background-repeat:repeat-x;
}


/*GOOGLE MAPS*/
#gps-map{
margin-bottom:20px;
}
.googleandgallery{
margin:10px 0 0 2px;
background-color:black;
padding:10px 0 10px 0;
}
#gps-map .gmnoprint{
color:black;
}