@CHARSET "UTF-8";

/* redéfinition des éléments HTML élémentaires */
body {
    background-color: white;
    font-family: Verdana, arial, sans-serif;
    font-size: 14px;
    color: #3f3f3f;
}

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

body header nav {
    background-color: #fffbb5;
    -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;
}

body header nav a {
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    border-right: 1px solid #afafaf;
}

body header nav a:hover {
    background-color: #50538a;
    color: #fffbb5;
}


body header nav b {
    color: black;
    background-color: white;
    padding: 4px 4px 4px 4px;
    border-right: 1px solid #afafaf;
}

article {
    position:absolute;
    top:50px;
    margin-right:16px;
    left:240px;
    right: 16px;
}

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:4px;
    margin-top:10px;
    width:220px;
    border-right: 1px solid #9f9f9f;
}

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 {
    display: block;
    font-family: Arial Black;
    font-size: 32px;
    font-weight: bold;
    color: Crimson;
    /*	text-shadow: 4px 3px 4px #afafaf; */
    margin-top: 0px;
    margin-bottom: 6px;
}

article h2 {
    color: #00016c;
    font-weight: bold;
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 6px;
}


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;
}

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

#colGauche {
    float:left;
    width:48%;
    margin-right:4px;    }

#colDroite {
    position: absolute;
    right: 0px;
    border-left: #a9a9a9 dotted 1px;
    padding-left:4px;
    width:51%;
}





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



/* Définition des classes de style */
.buttonBigIndex {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #afafaf;
    width:274px;
    padding: 5px 5px 5px 5px;
    /* box-shadow: 10px 10px 5px #afafaf; */
}

.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 {

}