/*......................Corps......................*/

body{
 background-image:url(images/feuillage.jpg);

}

div.corps{
     margin-left: auto;
     margin-right: auto;
     width: 1200px;
     border:none;
     }

   

/*......................Menu......................*/




div.menu{
    
    Width:190px;
    height:800px;
    background-color:rgb(255,204,153);
    margin-left:0px;
    margin-top:10px;
    padding:10px;
    float:left;
    border-style:solid;
    border-width:5px;
    border-color:green;

}


div.menu a {
    display:block;
    /*Largeur de l image*/
    width:172px;
    /*Hauteur de la moitie de l image*/
    height:26px;
    
    color:#161147;
    /*Warning du validateur sinon*/
   
    text-decoration:none;
    font-size:1.2em;
    text-align:center;
    color:rgb(238,230,68);
    font-family:"Cooper Black";
    
    /*Arriere plan*/
    background-image:url('images/bouton_1.gif');
    background-position:bottom left;
    margin-top:5px;
    margin-left:14px;
}


div.menu a:hover {
    color:rgb(238,230,68);
    background-position:top left;
}


div.menu a.acceuil {
    display:block;
    /*Largeur de l image*/
    width:200px;
    /*Hauteur de la moitie de l image*/
    height:50px;
    
    color:#161147;
    /*Warning du validateur sinon*/
       
    /*Arriere plan*/
    background-image:url('images/bouton_0.jpg');
    background-position:top left;
    margin-top:5px;
    margin-left:-5px;
}


div.menu a.acceuil:hover {
    
    background-position:bottom left;
}

div.menu a.facebook {
    display:block;
    /*Largeur de l image*/
    width:30px;
    /*Hauteur de la moitie de l image*/
    height:30px;
    color:#161147;
    /*Warning du validateur sinon*/
    /*Arriere plan*/
    background-image:url('images/facebook-1.png');
    background-position:top left;
    position:absolute;  
    margin-top:8px;
    margin-left:10px;
}
div.menu a.facebook:hover {
    background-position:bottom left;
}
div.menu a.twitter {
    display:block;
    /*Largeur de l image*/
    width:30px;
    /*Hauteur de la moitie de l image*/
    height:30px;
    color:#161147;
    /*Warning du validateur sinon*/
    /*Arriere plan*/
    background-image:url('images/twitter-1.png');
    background-position:top left;
    position:absolute;
    margin-top:8px;
    margin-left:50px;
}
div.menu a.twitter:hover {
    background-position:bottom left;
}


div.menu a.instagram {
    display:block;
    /*Largeur de l image*/
    width:30px;
    /*Hauteur de la moitie de l image*/
    height:30px;
    color:#161147;
    /*Warning du validateur sinon*/
    /*Arriere plan*/
    background-image:url('images/instagram-1.png');
    background-position:top left;
    position:absolute;  
    margin-top:8px;
    margin-left:90px;
}
div.menu a.instagram:hover {
    background-position:bottom left;
}



div.menu h4 {
    font-size:1.4em;
    font-family:"Monotype Corsiva";
    color:blue;
    margin-bottom:12px;
    background-color:rgb(255,200,50);
}


/*......................Part_1......................*/

div.part_1{
    position:relative;
    height:80px;
    width:930px;
    
    margin-left:10px;
    margin-top:10px;
    float:left;
    padding:0px 10px 0px 10px;
    
  
    background-color:rgb(255,224,16);
    border-style:solid;
    border-width:10px;
    border-color:blue;
}


h1{
    font-family:"Cooper Black",sans-serif;
    color:blue;
    font-size:3em;
    text-align:center;
    margin-top:14px;

}  



div.part_1 h2{
    font-family:"Cooper Black",sans-serif;
    color:green;
    font-size:3em;
    text-align:center;
    margin:0px;
}

div.part_1 h3{
    font-family:"Brush Script MT",sans-serif;
    color:rgb(8,113,104);
    font-size:3.2em;
    text-align:center;
    margin:5px;
}

div.part_1 h4{
    font-family:"Brush Script MT",sans-serif;
    color:blue;
    font-size:2em;
    text-align:center;
    margin:0px;
}



/*......................Part_2......................*/

div.part_2{
    position:relative;
    height:650px;
    width:900px;
    background-color:rgb(255,255,204);
    margin-top:10px;
    margin-left:10px;
    float:left;
    padding:30px;
    overflow:auto;
    border-style:solid;
    border-width:5px;
    border-color:green;
}

div.part_2 img{
    display:block;
    margin: 0px auto 0px auto;
}

div.part_2 p{
    font-family:"Monotype Corsiva",sans-serif;
    font-size:1.4em;
    color:rgb(1,40,130);
    text-indent: 2em;
    margin:15px 10px 15px 10px;
    text-align:justify;
}


div.part_2 h3{
    font-family:"Monotype Corsiva",sans-serif;
    color:red;
    font-size:3em;
    text-align:center;
    margin:0px;
}


div.part_2 h4{
  font-size:2em;
    font-family:"Monotype Corsiva";
    color:blue;
    margin-bottom:12px;
    margin-top:8px;
}

div.part_2 li{
    font-family:"Monotype Corsiva",sans-serif;
    font-size:1.4em;
    color:rgb(4,99,78);
    text-indent: 2em;
    margin-left:5px;
    margin-bottom:3px;
}


div.part_2 img.gauche{
    float:left;
    margin:5px 20px 5px 5px;
}

div.part_2 img.droite{
    float:right;
    margin:5px 5px 5px 20px;
}

div.part_2 a.retour {
    display:block;
    /*Largeur de l image*/
    width:111px;
    /*Hauteur de la moitie de l image*/
    height:111px;
    
    color:#161147;
    /*Warning du validateur sinon*/
   
    text-decoration:none;
    font-size:1.2em;
    text-align:center;
    color:yellow;
    font-family:"Cooper Black";
    
    /*Arriere plan*/
    background-image:url('images/fleche_retour.png');
    background-position:bottom left;
    margin-top:5px;
    margin-left:14px;
    float:right;
}


div.part_2 a.retour:hover {
    color:yellow;
    background-position:top left;
}



/*......................API géoportail......................*/

    form#gpLangChange {
        border:0px;
        margin:0px;
        padding:0px;
    }
    div#viewerDiv {
        width:900px;
        height:650px;
        background-color:white;
        background-image:url(http://api.ign.fr/geoportail/api/js/2.0.0/theme/geoportal/img/loading.gif);
        background-position:center center;
        background-repeat:no-repeat;
    }
    div#footer {
        font-size:x-small;
        text-align:center;
        width:800px;
    }
    div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover {
        text-decoration:none;
        color:black;
    }






/*......................Bas......................*/

div.bas{
    height:40px;
    width:1190px;
    background-color:rgb(208,240,255);
    margin-left:0px;
    margin-top:10px;
    margin-bottom:10px;
    float:left;
    border-style:solid;
    border-width:5px;
    border-color:green;
}




div.bas p{
    text-align:center;
    margin:5px;
    font-size:1.5em;
    color:blue;
}