.map{
width: 1600px;
height:800px;
float: left;
	height: auto;
    background-image:url(plan_molinchartx.png);
    background-repeat: no-repeat;
    }
.map path{
   fill: none;
   stroke: grey;
   stroke-width: 1px;
   transition: fill 0.3s;
    }
.map path:hover {
      fill: rgb(253, 250, 34);
      stroke: rgb(156, 226, 44);
    }

.maplist{
       float: right;
       width: 20%;
       color: #8C0004;
}
   .maplist a{
color: rgb(83, 9, 83);
text-decoration: none;
transition: color 0.3s;
   }
    .maplist a:hover {
    fill: rgb(56, 160, 35);
  }
    header{
        background-color: rgb(222, 222, 226);
        
    }
    body{
    color:black;
    background-color:rgb(222, 222, 226);
    }
    
    table.myhead{
     width: 100%;
     border-width:0px; 
     border-style:solid; 
     border-color:black;
    }
    
    div.central{
        margin-left: 4em;
        margin-right: 2em;
    }
    
    
    table.introduction{
     width: 100%;
     border-width:1.2px; 
     border-style:solid; 
     border-color:black;
     background-color: #ffffff;
    }
    
    img.logo {
        /*width: 150px;*/
        height: 200px;
    }
    img.molinchart {
        max-height: 200px;
        max-width: 1300px;
        width: 100%;
        height: auto;
    }	
    img.flag {
        /*width: 150px;*/
        height: 150px	
    }
    img.icon {
        /*width: 150px;*/
        height: 4em;
        margin-left: 2em;	
    }
    img.vignette{
        max-height: 190px;
        width: 100%;
        height: auto;
    }
    
    
    img.plan{
        max-height: 1000px;
        width: 100%;
        height: auto;
    }
    
    img.photocenter {
        width: 100%;
        height: auto;
    }
    
    img.election {
        /*width: 150px;*/
        height: 300px;
    }
    
    h1.welcome{
        color: #5C821A;
        background-color: #C6D166;
        font-family: Arial;
        font-size: xx-large;
        text-align: center;
        border: solid;
    }
    h2.welcome{
        color: #4CB5F5;
        font-family: Arial;
        font-size: xx-large;
        text-align: center;
    
    }
    
    
    
    h3.linku{
        background-color: rgb(233, 216, 216);
        color: #A43820;
          border: 2px solid rgb(53, 50, 44);
          padding: 5px;
    }
    h3.titre_une{
        color: #8C0004;
        font-size: 1.6em;
        font-family: OCR A Std, monospace;
        background-image: url(Logocss/redpuce.png);
        background-size: 0.7em;
        background-position: 1.0em 0.4em;
    
        background-repeat: no-repeat;
        padding-left: 2em;
        border: 2px solid rgb(207, 198, 198);
        border-radius: 20px;
    }
    div.titre{
        display: inline-block;
        width: 100%;
        text-decoration: underline overline #C8000A;
    }
    
    p.date{
            color: #474862;
            font-family: Jazz LET, arial;
            font-weight: bold;
            font-size: 0.9em;
            font-style: oblique 15deg;
            text-align: right;
    }
    p.plus{
        list-style-type: none;
            color : #C8000A;
            font-size: 1.5em
            font-weight: bold;
            text-align: right;
            text-decoration: underline overline #C8000A;
    }
    a.plus{
            color : #C8000A;
            font-weight: bold;
            text-align: right;
            text-decoration: underline overline #C8000A;
    }
    
    p.info{
            color: black;
            font-family: Noto Sans, sans-serif;
            font-size: 1.3em;
            text-align: justify;
    }
    ul.puces{
        color: rgb(34, 34, 34);
        font-size: 1.3em;
        font-family: DejaVu Sans Mono, monospace;
        margin-left: 2em;
    }
    
    
    h1.intro{
            padding-left: 0.8em;
            color: rgb(92, 86, 86);
            font-family: DejaVu Sans Mono, monospace;
            font-size: 2.8em;
    }
    h2.introbis{
            color: black;
            font-family: Verdana, sans-serif;
            font-size: 1.4em
    }
    p.ontheone{
            color: #8C0004;
            font-family: OCR A Std, monospace;
            font-size: 1.2em
    }
    
    
    
    a:visited{
    color : #C8000A;
    }
    
    hr {
         border-top: 2px solid white;
    }
    div#thehead div.righthead{
        font-family: georgia;
        color : #30D0BA;
    }
    div.righthead p.prod{
            font-size: xx-small;
            text-align: right;
    }
    

    footer{
        background-color: rgb(8, 73, 14);
        color : #adff2a;
        font-family: Arial;
        font-size: small;
        padding: 12px;
    }
    
    
    div#content div{
        display: inline-block;
        width: 100%;
    }
        
    
    div#content div.leftbox{
        width: 16%;
        color:white;
        background-color: #B6B8B6;
        vertical-align: top;
        margin: 1em;
        padding: 1em;
    }
    div#content div.une{
        width:58%;
        background-color: #B7B8B6;
        vertical-align: top;
        margin: 1em;
        padding:1em;
    }
    
    
    div#content div.rightbox{
        width: 10%;
        background-color: #D5D6D2;
        vertical-align: top;
        margin: 1em;
        padding: 1em;
    }
    
    
    nav.menu-nav ul li.btn{
        display: inline-block;
        list-style-type: none;
        margin: 2px;
        margin-bottom: 30px;
    }
    
    nav.menu-nav ul li.btn a{
        font-family: Jazz LET, arial;
        color : #ffffff;
        background-color: #8C0004;
        text-decoration: none;
        padding: 12px;
        box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.5);
        padding-right: 30px;
        padding-left: 30px;
    
    }
    
    nav.menu-nav ul li.btn:hover a{
        color : #8C0004;
        font-weight: bold;
        background-color: #F1F1F2;
        transition : 0.6s all;
    }
    
    
    
    
    
     /* * * * * * * * * *  SOUS-MENUS    * * * * * * * * * */
     .under{
        display: none;
        box-shadow: 0px 1px 2px #CCC;
        background-color: #D5D6D2;
    }
    nav > ul li:hover .under{
        display: block;
    }
    nav a:hover{
        color: greenyellow;
        border-bottom: 2px solid gold;
    }
    .under li{
        float: none;
        width: 100%;
        text-align: left;
    }
    .under a{
        padding:12px;
        border-bottom: none;
    }
    .under a:hover{
        border-bottom: none;
        background-color: yellowgreen;
    }
    
    .under{
        display: none;
        box-shadow: 0px 1px 2px #CCC;
        background-color:white;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }
    nav ul li{
        float: left;
        position: relative;
    }