*{
margin:0;
padding:0;
}

body{
background: #f7f7ed url(../img/body_fond.jpg) 0 182px repeat-x;
font-family: arial, verdana, sans-serif;
text-align: center;
font-size: 83%;
color: #666666;
margin-bottom: 15px;
}

ul, li {
list-style: none;
}

a {
color: #28a4e5;
text-decoration: none;
}

a:hover{
text-decoration: underline;
color: #74b1d2;
}

a img{
border:none;
}

input, textarea {
font-size: 14px;
vertical-align: middle;
font-family: inherit;
}

sup{
font-size: .7em;
}

table{
border-collapse: collapse;
}

fieldset{
border: none;
}

.masque{
display: none;
}

.jaune{
color: #f8be0c;
}

.floatLeft{
float: left;
}

.center{
text-align: center;
}

.star{
vertical-align: top;
}

.clear{
clear: both;
font-size: 1px;
height: 1px;
line-height: 1px;
}

.clear1{
clear: both;
height: 10px;
}

.alignRight{
text-align: right;
}

.bleuAova{
color: #28a4e5;
}

.rougeAova{
color: #e6461f;
}

#container{
background: url(../img/content_fond.png) 50% 182px no-repeat; 
text-align: center; /* hack IE5*/
}

/* header */
#header{
background: url(../img/header_left.png) 0 0 repeat-x;
}

#headerRight{
margin-left: 50%;
height: 182px;
background: url(../img/header_right.png) 0 0 repeat-x;
}

#headerContent{
position: relative;
background: url(../img/header_fond.jpg) 0 0 no-repeat;
width: 1000px;
margin: auto;
margin-left: -500px;
height: 139px;
}

#headerContent p.titre{
position: absolute;
width: 575px;
top: 3px;
left: 36px;
background: url(../img/logo_aova.png) 0 0 no-repeat;
font-size: 1.1em;
color: #fff;
text-align: right;
padding-top: 105px;
font-weight: bold;
}

#headerContent .professionnels{
position: absolute;
top: 0;
left: 845px;
width: 125px;
height: 25px;
background: url(../img/menu_extra_pro.gif) 0 0 no-repeat;
}

#menuPrincipal{
position: relative;
background: url(../img/menu_principal_fond.png) 0 0 no-repeat;
width: 1000px;
margin: auto;
margin-left: -500px;
height: 43px;
}

#menuPrincipal ul{
padding: 0 20px;
}

#menuPrincipal ul li{
float: left;
text-align: center;
line-height: 43px;
height: 43px;
color: #fff;
background-image: url(../img/menu_principal_sprite.gif);
background-repeat: repeat-x;
}

#menuPrincipal ul li.active span{
background: url(../img/menu_principal_active.png) 50% 100% no-repeat;
font-weight: bold;
padding: 2px 35px;
}

#menuPrincipal ul li.item1{
background-position: 0 0;
}

#menuPrincipal ul li.item2{
background-position: 0 -43px;
}

#menuPrincipal ul li.item3{
background-position: 0 -86px;
}

#menuPrincipal ul li.item4{
background-position: 0 -129px;
}

#menuPrincipal ul li.item5{
background: none;
}

#menuPrincipal ul li a{
color: #fff;
padding: 0 35px;
font-weight: bold;
text-decoration: none;
}

#menuPrincipal ul li a:hover{
background: url(../img/menu_principal_active.png) 50% 100% no-repeat;
padding: 2px 35px;
}
/* fin header */

#content{
clear: both;
position: relative;
width: 940px;
margin: auto;
text-align: left;
}

/* page */
div.page{
float: left;
width: 634px;
padding-left: 0px;
}

div.page p.cheminDeFer{
position: relative;
margin: 0px 10px 10px 15px;
font-size: .8em;
z-index: 3;
}

div.page h1{
font-weight: bold;
font-size: 1.2em;
color: #28a4e5;
margin: 30px 0 15px 0;
}

div.page h1 span.small{
font-size: .8em;
}

div.page ul{
margin-left: 10px;
}

div.page li{
background: url(../img/puce_bleu.gif) 0 50% no-repeat;
margin: 10px 0;
padding-left: 15px;
font-weight: bold;
}

div.page ul.firstLine li{
background-position: 0 .4em;
padding-left: 10px;
}

/* pub */
div.pubTrouver {
position: relative;
background: url(../img/pub1_fond.gif) 0 0 no-repeat;
width: 206px;
height: 104px;
margin: 0 0 10px 3px;
}

div.containerPub{
margin: 5px;
height: 75px;
text-align: center;
overflow: hidden;
}

div.containerPub h4{
font-size: 1em;
font-weight: bold;
margin-bottom: 5px;
padding-top: 0px;
}

div.containerPub p{
font-size: .9em;
padding: 0;
margin: 0;
}

div.pubTrouver a.lien{
position: absolute;
height: 24px;
top: 73px;
}

div.pubTrouver a.lien:hover{
background-position: 0 100%;
}

div.pubTrouver a.site{
width: 72px;
left: 70px;
background: url(../img/boite_bleu_site.gif) 0 0 no-repeat;
}

div.pubTrouver a.savoirPlus{
width: 102px;
left: 55px;
background: url(../img/boite_bleu_savoirplus.gif) 0 0 no-repeat;
}

div.pubTrouver img.imgPub{
margin: 2px 3px;
}
/* fin pub */
/* fin page */

/* col */
div.col{
float: right;
width: 290px;
background: url(../img/col_secondaire_fond.png) 0 0 no-repeat;
padding: 15px 0 15px 0px;
}

div.col div.pubTrouver {
background: url(../img/pub1_fond_blanc.gif) 0 0 no-repeat;
}

div.col div.pubTrouver {
margin-left: 20px;
padding-top: 1px;
}

div.page div.grandeBoite{
position: relative;
width: 634px;
margin-bottom: 15px;
}

div.page div.colFactice{
background: url(../img/boite_bleu_c1.gif) 0 50% repeat-y;
margin-bottom: 15px;
}

div.page  div.demiCol{
position: relative;
float: left;
width: 317px;
}

div.col div.boite{
position: relative;
width: 245px;
margin-bottom: 15px;
}

#boiteBleu #fleurAova{
position: absolute;
width: 34px;
height: 36px;
top: -6px;
left: -2px;
background: url(../img/fleur_aova.png) 0 0 no-repeat;
}

/* boite Flash */
#boiteFlash {
background: url(../img/boite_flash_c.gif) 0 0 repeat-y;
}

#boiteFlash div.boiteHaut {
position: relative;
background: url(../img/boite_flash2_h.gif) 0 0 no-repeat;
}

#boiteFlash div.boiteBas {
position: relative;
background: url(../img/boite_flash_b.gif) 0 100% no-repeat;
}

#boiteFlash h3 {
position: relative;
height: 26px;
padding: 9px 0 5px 65px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

#boiteFlash p{
padding: 3px 5px;
margin: 2px 10px 0 10px;
color: #fff;
font-weight: bold;
text-align: left;
line-height: 1.5em;
}

#boiteFlash p.first{
margin-top: 25px;
}

#boiteFlash p.ligne1{
background: #79acc9;
}

#boiteFlash p.ligne2{
background: #488bb1;
}

#boiteFlash span.prix{
color: #fc3;
padding: 1px 3px;
margin: 3px 0; 
background: #1b4b67;
}

#boiteFlash span.date{
color: #fff;
font-size: 1em;
font-style: italic;
font-weight: normal;
}

#boiteFlash p.lien{
padding: 5px 10px 5px 105px;
text-align: right;
}

#boiteFlash p.lien a{
display: block;
width: 122px;
height: 22px;
background: url(../img/boite_flash_btn.gif) 0 0 no-repeat;
padding: 0 0px 0 0;
color: #fff;
}

#boiteFlash p.lien a:hover{
background-position: 0 100%;
}

#boiteFlash #montre{
position: absolute;
width: 71px;
height: 71px;
top: -7px;
left: -14px;
background: url(../img/boite_flash_montre.gif) 0 0 no-repeat;
}
/* fin boite Flash */

/* boite Flash1 */
#boiteFlash1 {
background: url(../img/boite_flash1_c.gif) 0 0 repeat-y;
}

/* boite Chercher */
#boiteChercher{
position: relative;
margin-left: 23px;
}

#boiteChercher h2{
background: url(../img/categories_liste_titre.jpg) 0 0 no-repeat;
width: 256px;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 13px 15px 25px 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #boiteChercher{
  position: relative;
  margin-left: 24px;
  }
}

#boiteChercher  p{
margin: 0 0 10px 15px;
}

#boiteChercher input{
width: auto;
}

input[type='text']:focus{
background-image: none;
}

#boiteChercher select{
width: 240px;
}

#boiteChercher div.submit{
padding:  0px 10px 0 15px;
text-align: right;
}

#boiteChercher div.submit input{
background: url(../img/btn_chercher.png) 0 0 no-repeat;
width: 114px;
height: 31px;
border: none;
text-indent: -10000px;
font-size: 0;
color: #fe980a;
cursor: pointer;
}

#boiteChercher div.submit input:hover{
background-position: 0 -31px;
color: #ffd06f;
}
/* fin boite Chercher */

/* boite boiteCampingsSelectionnes */
#boiteCampingsSelectionnes{
position: relative;
width: 259px;
background: url(../img/boite_col.png) 0 0 no-repeat;
margin: 15px 0 15px 25px;
}

#boiteCampingsSelectionnes h2{
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #9e0d94;
padding: 5px 5px 10px 35px;
}

#boiteCampingsSelectionnes div.campingSelectionneLast{
border: none;
}

#boiteCampingsSelectionnes div.campingSelectionne{
margin: 10px 0 0 5px;
padding-bottom: 5px;
border-bottom: 1px solid #b6b6ac; 
overflow: hidden; 
}

#boiteCampingsSelectionnes div.campingSelectionne h3{
font-size: .9em;
font-weight: bold;
font-style: italic;
color: #9e0d94;
padding-bottom: 5px;
}

#boiteCampingsSelectionnes div.campingSelectionne p{
font-size: .8em;
}

#boiteCampingsSelectionnes div.imgCampingSelectionne{
float: left;
margin: 0 5px 5px 0;
}

#boiteCampingsSelectionnes div.imgCampingSelectionne img{
margin: 0;
padding: 5px;
border: 1px solid #D5D5CC;
background-color: #ECEBD3;
}

#boiteCampingsSelectionnes div.campingSelectionne p.lienDetail a{
float: right;
width: 74px;
height: 22px;
margin: 5px 0px 0 0;
background: url(../img/btn_detail.png) 0 0 no-repeat;
}

#boiteCampingsSelectionnes div.campingSelectionne p.lienDetail a:hover{
background-position: 0 -22px;
}

#boiteCampingsSelectionnes .fleur{
position: absolute;
width: 34px;
height: 36px;
top: -6px;
left: -2px;
background: url(../img/fleur_violette.png) 0 0 no-repeat;
}
/* fin boite boiteCampingsSelectionnes */


#boiteFlash1 div.boiteHaut {
position: relative;
background: url(../img/boite_flash1_h.gif) 0 0 no-repeat;
}

#boiteFlash1 div.boiteBas {
position: relative;
background: url(../img/boite_flash1_b.gif) 0 100% no-repeat;
}

#boiteFlash1 h3 {
position: relative;
height: 26px;
padding: 9px 0 5px 65px;
color: #630;
font-size: 1.2em;
font-weight: bold;
}

#boiteFlash1 p{
padding: 10px 10px 10px 10px;
color: #fff;
font-weight: bold;
}

#boiteFlash1 p.para1{
padding: 10px 10px 0 10px;
text-align: center;
color: #630;
}

#boiteFlash1 p.lien{
padding: 10px 10px 5px 115px;
}

#boiteFlash1 p.lien a{
display: block;
width: 122px;
height: 22px;
background: url(../img/boite_flash1_btn.gif) 0 0 no-repeat;
padding: 0 0px 0 0;
color: #fff;
}

#boiteFlash1 p.lien a:hover{
background-position: 0 100%;
}

#boiteFlash1 #tente{
position: absolute;
width: 74px;
height: 53px;
top: -11px;
left: -13px;
background: url(../img/boite_flash1_tente.gif) 0 0 no-repeat;
}
/* fin boite Flash1 */
/* fin col */

#footer{
position: relative; 
background-color: #efefdc;
border-top: 1px solid #d3d3cb;
font-size: .8em;
}

#footerContent{
position: relative;
width: 960px;
margin: auto;
padding: 5px 0 15px 35px;
overflow: hidden;
}

.footerCol{
float: left;
width: 320px;
text-align: left;
}

#footerContent a.top{
position: absolute;
top: 5px;
right: 10px;
}