/* basic elements */
/* ============== */
html {
    margin: 0;
    padding: 0;
    }
body {
    margin: 0;
    padding: 0;
    text-align: center; /* pour résoudre le bug de centrage de IE */
    background-color: #999999;
    font-family: Verdana, Arial; font-size: 14px; font-weight: bold;
    letter-spacing: -1px;
}
p {
    margin-top: 0;
    text-align: justify;
}
h3 {
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #7D775C;
}
a:link {
    font-weight: bold;
    text-decoration: none;
    color: #d3d3d3;
}
a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #b5b5b5;
}
a:hover, a:active {
    text-decoration: underline;
    color: #f18100;
}


/* specific general */
/* ================ */
#container {
    width: 1024;
    background-color: #cccccc;
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* pour résoudre le bug de centrage de IE */
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}
#souscontainer {
    top: 0;
    left: 0;
    width: 1024;
    height: 800px;
    /* background: url('imgs/feAfrique00.jpg') no-repeat top left; */
    /* background: url('imgs/feNocturne00.jpg') no-repeat top left; */
    /* background: url('imgs/feMarais02.jpg') no-repeat top left; */
    background: url('imgs/feAfrique00.jpg') no-repeat top left;
}
#basDePage {
    position: bottom;
    background: url('imgs/travaux.gif') no-repeat top left;
}


/* specific partie gauche */
/* ====================== */
#accueil {
    float: left;
    top: 0;
    left: 0;
    margin-left: 5px;
    width: 120px;
    background: url('imgs/logo02.gif') no-repeat top left; 
}
#contacts {
    margin-top: 500px;
}
#contacts h3 {
    font-style: normal;
    color: #625602;
}
#contacts ul {
    list-style-type: none;
    color: #000000;
    margin: 4px 0px;
    padding: 0;
}
#contacts a:link    { color: #4a4a7f;}
#contacts a:visited { color: #4a4a7f;}
#contacts a:hover, a:active { color: #f18100;}
#etatsite {
    margin-top: 25px;
}
#etatsite p {
    font-family: georgia, sans-serif; font-size: 12px; font-weight: normal; font-style: italic;
    letter-spacing: 0px;
    margin-bottom: 0;
    color: #7D775C;
}


/* specific partie centrale page accueil */
/* ===================================== */
#scene {
		float: right;
    top: 0;
    right: 0;
    width: 870px;
    height: 700px;
}
#menusA {margin-top: 280px;} 
#menu01 {float: left; margin-right: 7px; width: 145px;}
#menu02 {float: left; margin-right: 7px; width: 210px;}
#menu03 {float: left; margin-right: 7px; width: 210px;}
#menu04 {float: left; margin-right: 7px; width: 210px;}
.menu h3 {
    height: 40px;
    padding-top: 10px;
    text-align: center;
    color: #d17102;
}
#menu01 h3 {background: url('imgs/sousmenu02.png') no-repeat top left; }
#menu02 h3 {background: url('imgs/sousmenu02b.png') no-repeat top left; }
#menu03 h3 {background: url('imgs/sousmenu02b.png') no-repeat top left; }
#menu04 h3 {background: url('imgs/sousmenu02b.png') no-repeat top left; }
#menusA ul {
    height: 200px;
}
.menu ul {
    list-style-type: none;
    padding: 10px 5px;
    margin: 0;
}
#menu01 ul {background: url('imgs/sousmenu01.png') no-repeat top left; }
#menu02 ul {background: url('imgs/sousmenu01b.png') no-repeat top left; }
#menu03 ul {background: url('imgs/sousmenu01b.png') no-repeat top left; }
#menu04 ul {background: url('imgs/sousmenu01b.png') no-repeat top left; }
.dateExpoPasse {
    color: #aaaaaa; 
    background-color: #8e2649; 
    font-size: 11px;
    font-style: italic;
}
.dateExpoAvenir {
    color: #d17102; 
    background-color: #cccccc; 
    font-size: 11px;
    font-style: italic;
}


/* specific partie centrale autres pages */
/* ===================================== */
#menusB {
    margin-top: 10px; height: 50px; 
}
#menusB h3 a:link    { color: #d17102; font-weight: normal;}
#menusB h3 a:visited { color: #d17102; font-weight: normal;}
#menusB h3 a:hover, a:active { color: #d17102; font-weight: normal;}

#sousscene {
    position: relative;
    top: 10px;
    width: 870px;
}
#sousscene a:link    { color: #d3d3d3;}
#sousscene a:visited { color: #bbbbbb;}
#sousscene a:hover, a:active { color: #d17102; font-weight: bold;}
#sousmenu {
		float: left;
    top: 0;
    left: 0;
}
.menuEnCours h3 {
    height: 40px;
    padding-top: 10px;
    text-align: center;
    color: #ff8900;
}
#menuEC {float: left; margin-right: 7px; width: 145px;}
#menuEC h3 {background: url('imgs/sousmenu02.png') no-repeat top left; }
#menuECD {float: left; margin-right: 7px; width: 145px;
            background: url('imgs/sousmenu01d.png') no-repeat top left; 
            height: 550px;}
#menuECD2 {float: left; margin-right: 7px; width: 145px;
            background: url('imgs/sousmenu01e.png') no-repeat top left;  
            height: 600px;}
#menusB ul {
    height: 550px;
}
.menudilate {
    padding-top: 5px;
}
.menudilate h4 {
    font: italic normal 1.2em Verdana, Arial;
    margin-bottom: 0;
    color: #ff8900;
}
.menudilate ul {
    list-style-type: none;
    padding: 0px 15px;
    margin: 0;
}
.menudilate li {
    text-indent: -10px;
}
.sceneContenu {
		float: right;
    top: 0;
    right: 0;
    margin-right: 15px;
    height: 700px;
    width: 700px;
}
#sceneCrea {
    background: url('imgs/scene01-b.png') no-repeat top left; 
}
#scenePourVoir {
    background: url('imgs/scene02.png') no-repeat top left; 
}
#sceneHist {
    background: url('imgs/scene03-b.png') no-repeat top left; 
}
.sceneContenu a:link    { color: #4a4a7f;}
.sceneContenu a:visited { color: #4a4a7f;}
.sceneContenu a:hover, a:active { color: #f18100;}
.bordureAnim {
    border: 1px solid #000000;
    width: 680px;
}


/* specific partie page Creation */
/* ============================= */
#sceneCrea p {
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    background-color: #777777;
    width: 680px;
    color: #ff8900;
}
#sceneCrea p .colGauche {
    width: 400px;
    text-align: right;
    color: #000000;
}
#sceneCrea p .ptColGauche {
    width: 200px;
    text-align: right;
    color: #000000;
}
#creaPeintZaim {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: block;
}
#creaPeintFemmes {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaPeintActu {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaPhoMarcheNuit {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaPhoLaRueNuit {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaPhoBougie {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaSculpture {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#creaFresque {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}


/* specific partie page Historic */
/* ============================= */
#sceneHist p {
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    background-color: #777777;
    width: 680px;
    color: #ff8900;
}
#sceneHist p .colGauche {
    width: 350px;
    text-align: right;
    color: #000000;
}
#sceneHist p .ptColGauche {
    width: 200px;
    text-align: right;
    color: #000000;
}
#histExpoPeint200808 {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: block;
}
#histExpoPho200808 {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histQuiSuisJe {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histQuiSuisJeImg {float: right; margin-left: 10px;}
#histQuiSuisJe h6 {
    font: bold 14px georgia, sans-serif;
    letter-spacing: 1px;
    color: #4d4402;
}
#histPhoToileArac {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histPhoBelem {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histPhoAvoriaz {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histPhoSerChe {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#histPhoDebris {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}


/* specific partie page PourVous */
/* ============================= */
#scenePourVoir p {
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #ff8900;
    width: 680px;
}
#scenePourVoir p .colGauche {
    width: 300px;
    text-align: right;
    color: #625602;
}
#scenePourVoir #titreColnGauche {
    float: left; margin-right: 7px; width: 300px; 
    display: block; text-align: right;
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    color: #625602;
    margin-bottom: 10px;
}
#scenePourVoir #titreColnDroite {
    float: left; margin-right: 7px; width: 300px; display: block; 
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #ff8900;
    margin-bottom: 10px;
}
#scenePourVoir h6 {
    font: italic bold 14px georgia, sans-serif;
    letter-spacing: 1px;
    color: #625602;
}
#scenePourVoir a:link    { color: #4a4a7f;}
#scenePourVoir a:visited { color: #4a4a7f;}
#scenePourVoir a:hover, a:active { color: #f18100;}
#vousExpoPeinture {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: block;
}
#vousExpoPeintureImg {float: right; margin-left: 10px;}
#vousExpoPeinture h6 {
    font: italic bold 1.4em georgia, sans-serif;
    letter-spacing: 1px;
    color: #4d4402;
}
#vousExpoPhotos {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#vousLivreLaitaBlues {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}
#vousPuzzle {
    position: relative; margin-top: 10px; margin-left: 10px; width: 680px;
    display: none;
}