body{
    /*background-image: url(images/bois.jpg);*/
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    
}
a{
    text-decoration: none;
    color: maroon;
}
img{
    border: none;
}

.container{
    background: #ffffff;
    width: 960px; 
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    box-shadow: 1px 1px 20px #555;
    min-height: 750px;
}

#menu{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    width: 900px;
    height: 40px;
    z-index: 10;
}

#menu ul{
    display: inline-block;
    margin: 0px;
    padding:5px;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 98%;
    text-align: center;
    list-style: none;
    background: tan;
    border: 2px solid sienna;
}

#menu HR{
    display: inline-block;
    width: 30px;
}

#menu li{
    list-style-type: none;
}

#menu a{
    text-decoration: none;
    font-weight: bold;
    color: maroon;
    font-size: 12pt;
}

#localistion{
    margin-left: 170px;
}
#localistion a {
    color: yellowgreen;
    text-decoration: none;
}

.footer{
    color: maroon;
    background: tan;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    border-top: 5px solid #000000;
    text-align: center;
    box-shadow: 1px 1px 20px #555;
}
.footer a{
    text-decoration: none;
    color: white;
}
#intranet{
    background: black;
    text-decoration: inherit;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

#titre{
    background: tan;
    color: #fff;
    font-size: 18px;
    text-decoration:underline;
    height: 30px;
    line-height: 30px;
    padding: 10px;
}
 
#contenu{
    border-left: 3px solid saddlebrown ;
    border-bottom: 2px solid lightslategrey;
    padding: 10px;
    margin-bottom: 10px;
    height: 190px;
    overflow: scroll;
    overflow-x:hidden;
}

#resume{
    width: 97%;
}
#resume p{
    margin-top: 2px;
}

.map{
    margin: auto;
}
.globe{
    width: 358px;
    height: 358px;
    background: url(images/globe3.png) left top no-repeat;
    position: relative;
}
.globe .overlay{
    width: 358px;
    height: 358px;
    background: url(images/globe3.png) 358px top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.globe img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.globe .tooltip{
    position: fixed;
    border-radius: 5px;
    color: #fff;
    background: #000;
    padding: 0 10px;
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
}
.map table{
    width: 98%;
    margin: auto;
}

.map td{
    text-align: center;
    padding: 5px;
}
.image{
    display: none;
}
#image_1, #image_2, #image_3, #image_4{
    margin-left: auto;
    margin-right: auto;
    border:2px black solid;
    position: relative;
}



/*=============================================*/

#actu{
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    font-size: 16px;
}
#menuactu{
   background: tan;
   border: 2px solid sienna;
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 5px;
   margin-bottom: 20px;
   font-size: 9pt;
}
#menuactu a{
    color: saddlebrown;
    font-size: 8pt;
    float: right;
}
#menuactu h3{
    margin-bottom: 2px;
    color: saddlebrown;
}

#menudroite{
    vertical-align: top;
    color: saddlebrown;
    background: tan;
    border: 2px solid sienna;
    padding-left: 20px;
    padding-right: 5px;
    

}

/*.connextion{
    padding-bottom: 5px;
}*/
#g{
    vertical-align: top;
}
#c{
    vertical-align: top;
    padding-left: 15px;
    text-align: justify;
}
#gg{
    vertical-align: top;
    padding-top: 15px;
}
#dd{
 vertical-align: top;
 padding-top: 15px;
 padding-left: 10px;
}
.box{
    height: 90px;
    overflow: scroll;
    overflow-x:hidden;
}
#colloques{
    /*float: left;*/
    background: white;
    width: 98%;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 2px;
}

#event{
    /**float: left;*/
    background: white;
    width: 98%;
    
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 2px;
}
#articles{
    /*float: left;*/
    background: white;
    width: 98%;
    
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 2px;

}

#archives{
    width: 99.2%;
    margin-bottom: 10px;
}

#Activite{
    margin: 10px;
    text-align: justify;
}
#Activite h3{
    color: sienna;
}

#tache img{
    width: 80%;
    margin-top: 10px;
}

.productions{
    display: inline-block;

}
.productions > [class="sousmenu"], .productions > [class="listprod"]{
    display: inline-block;
    float: left;
    
}
.sousmenu{
    background: wheat;
    width: 27%; 
}

.sousmenu a{
    text-decoration: none;
    color: maroon;
}

.listprod{
    width: 70%;
    margin-left: 10px;
}
.listprod table{
    width: 99%;
    font-size: 14pt;
}

.listprod h2{
    width: 80%;
    height: 20px;
    margin-left: 5px;
    padding: 3px;
    color: #1c94c4;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    line-height: 20px;
    text-align: left;
    
}

.listprod h4{
    width: 50px;
    height: 16px;
    line-height: 16px;
    padding: 2px; 
    text-align: center;
    background: mediumseagreen;
    color: white;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
}
.listprod h5{
    color: seagreen;
    /*width: 40%;*/
    margin-left: 15px;
    padding: 2px;
    font-family:  Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    border-bottom: 3px dotted seagreen;
    border-top: 3px dotted seagreen;
    text-align: center;
}

.right{
    text-align: right;
    margin-right: 30px;
}
.fond_1{
    background-color: tan;
}
.fond_2{
    /*marron*/
    background-color:wheat;
}
.tabulation{
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: auto;
}
.tabulation td{
    padding: 10px;
    
}

#terrains{
    padding: 5px;
    margin: 3px;
    text-align: justify;
}

#participant{
    margin: 10px
}

#participant h2{
    color: #008436;
    font-size: 18pt;
}

#participant h3{
    color: #1c94c4;
}

#annuaire{
    margin: auto;
    
}
#annuaire a{
    text-decoration: none;
    color: #333333;
}
#annuaire td{
    padding-bottom: 20px;
}

/*style pour pop up*/
#popbox{
}
#popbox_aplat{
    position: fixed;
    background: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*opacity: 0.7;*/
    z-index: 9998;
}
#popbox_loader{
    position: fixed;
    background:url(images/loader.gif)no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9998;
}
#popbox_container{
    position: fixed;
    top: 50px;
    left: 50px;
    background: #fff;
    z-index: 9999;
}
#popbox_relative{
        position: relative;
}
#popbox_containt{
    padding: 10px;
    /*height: 600px;*/
    overflow: scroll;
    overflow-x:hidden;
}
#popbox_close{
    position: absolute;
    top: -17.5px;
    right: -17.5px;
    width: 35px;
    height: 35px;
    background: url(images/close.png);
}


/*resumprod*/
#prodresum h3{
    text-align: center;
    font-size: 15pt;
}
#prodresum #auteur{
    text-align: left;
    font-size: 9pt;
}
#prodresum #lien_contact{
    color: blue;
}