@CHARSET "UTF-8";

/* redéfinition des éléments HTML élémentaires */
body {
    background-color: white;
    font-family:Arial,sans-serif;
    font-size: 10pt;
    color: #303030;
    overflow-y: scroll;
}

article, aside, footer, header, nav, section {
    display: block;
}

body b {
    color: black;
}

body header {
    position: absolute;
    top: 2px;
    left: 2px;
    border-bottom: 1px solid lightsteelblue;
    width: 98%;
}

body header nav {
    padding: 4px 4px 4px 4px;
    margin: 0px;
    z-index: 999;
}

body header nav ul.niveau1 {
    display: inline-block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

body header nav ul li {
    list-style-type: none;
    float: left;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    color: #303030;
    margin: 0px;
    height: 22px;
    font-size: 16px;
}

body header nav ul li:hover {
    background-color: #50538a;
    color: white;
}

body header nav ul li a {
    text-decoration: none;
    color: black;
}

body header nav ul li a:hover {
    text-decoration: none;
    color: white;
}

body header nav ul.niveau2 {
    display: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: -40px;
    position: absolute;
    left: inherit;
    top: 20px;
    border: 1px solid #cfcfcf;
    background-color: #D0E0F8;
    padding: 4px;
}

body header nav ul.niveau2 li {
    float: none;
}

/* style de base des ul niveau 3 */
body header nav ul.niveau3 { 
    margin: 0px;
    display: none; 
    position: absolute; 
    left: inherit; 
    top: 20px;
    border: 1px solid #cfcfcf;
    background-color: white;
    padding: 4px;
}

/* body header nav ul li:hover ul {
    display: block;
} */

/* body header nav ul ul:hover {
    display: block;
} */

body aside nav {
    background-color: #ddf8e9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #afafaf;
    /* width:100%; */
    padding: 4px 4px 4px 4px;
    -moz-box-shadow: #afafaf 4px 4px 4px 2px, #9f9f9f 4px 4px;
    -webkit-box-shadow: #afafaf 4px 4px 4px 2px, #9f9f9f 4px 4px;
    margin-top: 2px;
    margin-bottom: 8px;
    /* margin-left: 2px; */
    /* font-size: 11px; */
}

article {
    position:absolute;
    top:90px;
    left:260px;
    right:12px;
}

article aside {
    width: 40px;
    right:4px;
}

article nav {
    margin-bottom: 6px;
}

article section header {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #afafaf;
    /* width:100%; */
    padding: 4px 4px 4px 4px;
    -moz-box-shadow: #afafaf 4px 4px 4px 2px, #9f9f9f 4px 4px;
    -webkit-box-shadow: #afafaf 4px 4px 4px 2px, #9f9f9f 4px 4px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 6px;
}

article table caption {
    text-align: left;
    font-weight: bold;
}

article table thead tr {
    background-color: #fcdfdf;
}

body aside {
    position:absolute;
    left:2px;
    top: 36px;
    padding: 4px;
    width:240px;
    border-left: 1px solid lightsteelblue;
    border-right: 4px solid lightsteelblue;
}

aside p {
    margin-top: 0px;
    margin-bottom: 6px;
    padding-bottom:0;
    padding-left:0;
    padding-right:4px;
    padding-top:4px;
}

aside hr {
    height: 1px;
    border: 0;
    background-color: #9f9f9f;
}

aside ul {
    margin-top: 0px;
    margin-bottom: 6px;
}


article h1 {
    position: absolute;
    top: -48px;
    left: -6px;
    padding-left: 6px;
/*    font-family: sans-serif; */
    font-size: 28px;
    margin: 0px;
/*    background: white url(../images/fondAbstraitVert.jpg) no-repeat 0px 0px; */
/*    width: 780px;
    height: 54px; */
    width: 100%;
    border-bottom: 4px solid lightsteelblue;
    color: #30336a;
    text-shadow: 4px 4px 5px #aaaaaa;
/*    padding-top: 32px;
    padding-left: 4px;  */
}

article h2 {
/*
    color: #50538a;
    font-size: 18px;
*/
    margin-top: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #aaaaaa;
    
        -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/decoration/fond.F2.accueil.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    color: white;
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;    
    
    

    
    
}

article h3 {
    color: #60639a;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 3px;
    border-bottom: 1px dotted #cccccc;

}

article p {
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 6px;
}

article ul {
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 6px;
}

article ul li {
    margin-bottom: 6px;
}

article section img {
    margin-left: 6px;
    float: right;
    vertical-align: top;
    -moz-box-shadow: 5px 5px 6px #777;
    -webkit-box-shadow: 5px 5px 6px #777;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
}

.liensUtiles {
    border: 1px solid #60639a;
    padding: 4px;
}

article hr {
    height: 1px;
    border: 0;
    background-color: #9f9f9f;
}

article section div.infosSups {
    /*
        border-left: 20px solid #7f7f7f;
        margin-bottom:6px;
        padding: 2px;
        margin-left:6px;
        padding-left:6px;
        background-color: #e7e7e7;
    */
    background: #ddf8e9;
    border: 1px solid #bbd6a7;
    margin: 10px 0px;
    padding: 5px 10px;
}

article section nav {
    background: #ddf8e9;
    border: 1px solid #bbd6a7;
    margin: 10px 0px;
    padding: 5px 10px;
}


/* style spécifique IE versions <9 */
.ombrage {
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=5);
  zoom: 1;
} 

/* style spécifiques CSS3 */
.twoCols {   /* gère l'affichage bloc de texte sur deux colonnes */
    -webkit-column-count: 2;
    -webkit-column-rule: 1px dotted #b0b0b0;
    -webkit-column-gap: 16px;
    -moz-column-count: 2;
    -moz-column-rule: 1px dotted #b0b0b0;
    -moz-column-gap: 16px;
    column-count: 2;
    column-rule: 1px dotted #b0b0b0;
    column-gap: 16px;
}

.threeCols {   /* gère l'affichage bloc de texte sur deux colonnes */
    -webkit-column-count: 3;
    -webkit-column-rule: 1px dotted #b0b0b0;
    -webkit-column-gap: 16px;
    -moz-column-count: 3;
    -moz-column-rule: 1px dotted #b0b0b0;
    -moz-column-gap: 16px;
    column-count: 3;
    column-rule: 1px dotted #b0b0b0;
    column-gap: 16px;
}

.twoCols section, .threeCols section {
    display: table;
} 


/* Définition des classes de style */

.enSavoirPlus {
    border: 1px solid #afafaf;
    width:96%;
    padding:6px;
    margin-top:6px;
}

.preambule {
    /*
        float: left;
	background-color: #efefef;
    */
    /*
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    */
    /* border-right: 1px solid #9f9f9f; */
    /* width:180px; */
    /* padding: 5px 5px 5px 5px; */
    /*	-moz-box-shadow: #cfcfcf 4px 4px 4px 2px, #cfcfcf 4px 4px; */
    /*	margin-top:4px; */
    margin-bottom:8px;
    /*    width:214px; */
}

.saisieAge {
    display:none;
}

.promo-verticale {

}

/* définition des icones pour les aires de service */
.wc {
    background: white url(../images/iconesCollection.png) no-repeat -43px -3px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}


.aire {
    background: white url(../images/iconesCollection.png) no-repeat -43px -40px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.aireAutoroute {
    background: white url(../images/iconesCollection.png) no-repeat -121px -40px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.aireRestaurant {
    background: white url(../images/iconesCollection.png) no-repeat -82px -40px;
    width: 34px;
    height: 34px;
    display: inline-block;
}

.aireViticulteur {
    background: white url(../images/iconesCollection.png) no-repeat -199px -40px;
    width: 34px;
    height: 34px;
    display: inline-block;
}

.camping {
    background: white url(../images/iconesCollection.png) no-repeat -160px -40px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}
.parking {
    background: white url(../images/iconesCollection.png) no-repeat -5px -40px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.avecPhoto {
    background: white url(../images/iconesCollection.png) no-repeat -42px -76px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.avecSiteWeb {
    background: white url(../images/iconesCollection.png) no-repeat -4px -76px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.eauDispo {
    background: white url(../images/iconesCollection.png) no-repeat -83px -3px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}

.elecDispo {
    background: white url(../images/iconesCollection.png) no-repeat -238px -3px;
    width: 34px;
    height: 34px;
    display: inline-block;
}

.wifi {
    background: white url(../images/iconesCollection.png) no-repeat -4px -3px; 
    width: 34px;
    height: 34px;
    display: inline-block;
}