/*///////////////////////////////  general  ///////////////////////////////*/
* {padding:0px; margin:0px; font-size:10px;
	position: static;
}
body {font:10px Verdana, Geneva, Helvetica, sans-serif; background:#fbfbfb url(../img/pix_trame.gif) bottom repeat-x;}
img {border:0px;}
ul, li {list-style-type:none;}
label {cursor:pointer;}
/*///////////////////////////////  general  ///////////////////////////////*/


.menuright {float:right; width:170px; height:80px; margin-top:10px}
.menuleft {float:left; width:600px; height:60px; margin-top:30px; color:#4d4d4d}
.menuban{float:left; width:770px; height:165px; margin-top:15px;}
.backfondtop {background: url('img/fond-elements.gif') repeat-x; 
height:115px;
}
.topelementscentered {margin-left: auto; margin-right: auto; width:770px;
	height: 649px;
}


h1 {float:left; margin:7px 0 0px 3px; height:50px;}
h1 em {display:none;}
h2.hide {display:none;}

.sep {margin-left:8px;}
.sep1 {margin-left:5px;}
.promotop { margin-top:10px}

/* premier niveau */

#menutop {clear:both; float:left; height:24px; width:820px; background: url('../images/menu-fd.gif')}
#menutop ul {list-style-type:none; float:left; padding:0px 0px 0 0px; top right no-repeat; list-style-type:none; height:24px;}
#menutop li {float:left; padding:0px 0px 0 0px; top right no-repeat; list-style-type:none ;height:24px;}
#menutop li a, #menutop li a:hover {font:11px Arial, Verdana; float:left; color:#fff; text-decoration:none; display:block; padding:5px 15px 0px 15px; height:24px;}
#menutop li a:hover {text-decoration:none; background: url('../images/bleu.gif') repeat-x; color:#fff; height:22px;}
#menutop li a.selected {background: url('../images/bleu.gif') repeat-x; color:#fff; height:22px;}
#menutop li a:hover.selected {background: url('../images/bleu.gif') repeat-x;color:#fff; height:22px;}

#bantop {clear:both; float:left; height:165px; width:770px; margin-top:15px; margin-bottom:15}
#bantop ul {float:left; list-style-type:none; left no-repeat; padding-left: 0px; margin-left: 0px; margin-top:15px}
#bantop li {float:left; padding:0px 0px 0px; top right no-repeat;height:165px;}
#bantop li a, #bantop li a:hover {float:left; display:block; padding:8px 15px 0px 15px; height:165px;}

.inputform1 { width: 335px; font-size:14px}
.inputform2 { width: 100px; font-size:14px}



/* 
#menutop {clear:both; float:left; height:34px; width:770px; background: url(../img/fd_bt.gif)}
#menutop ul {float:left; list-style-type:none; background: url(../img/ulenter.gif) left no-repeat; padding-left: 2px; margin-left: 2px;}
#menutop li a, #menutop li a:hover {font:11px Arial, Verdana; float:left; color:#ffffff; text-decoration:none; display:block; padding:8px 15px 0px 15px; height:29px;}
#menutop li a:hover {text-decoration:none; background: url(../img/orange.gif) repeat-x; color:#fff;}
#menutop li a.selected {background: url(../img/orange.gif) repeat-x;  color:#ffffff;}
#menutop li a:hover.selected {background: url(../img/orange.gif) repeat-x;  color:#fff;}
premier niveau */

.tab-formresa {
    width: 227px;
    text-align: left;
    margin-left:20px;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}


.topflags {float:right; margin-top:6px; color:#4d4d4d}
.topflags li {float:left; margin-left:8px;}

#footer {
    width: 771px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}

#footerspacer {
    width: 771px;
    margin: 0 auto;
}


#footer p {
    margin: 0 0 15px 0;
    text-align: center;
    color: #4d4d4d;
}

#footer a {
    color: #4d4d4d;
        text-decoration: none;

}

#footer a:hover {
    color: #000;
    text-decoration: underline;
}

.rubrique-nosbonsplans {
    width: 320px;
    float: left;
}

.float-right {
    float: right;
}

.mini-rubrique-nosbonsplans .float-right {
    text-align: right;
    font-weight: bold;
    color: #c92001;
    font-size: 11px;
}

.mini-rubrique-nosbonsplans {
    width: 315px;
    height: 24px;
    border-bottom: 1px solid #ede4f0;
}

.clear-both {
    clear: both;
}


.mini-rubrique-nosbonsplans .float-left {
    color: #363c45;
    font-weight: bold;
}

.mini-rubrique-nosbonsplans .float-left strong {
    color: #c92001;
    text-transform: uppercase;
}

.mini-rubrique-excursion {
    width: 360px;
    height: 15px;
    border-bottom: 1px solid #ede4f0;
}