body {
    background-color: #D5D290 ;
    /* background: linear-gradient(to right, #6F6752, #B7AE8F) ; */
    font-size: 80% ;
}

header, nav, aside, footer, section, article {
    padding: 1% ;
}

h1, h2, h3, h4 {
    font-size: 100% ;
    font-style: normal ;
    font-weight: normal ;
    vertical-align: baseline ;
    background: transparent ;
}

h1 {
    font-style: italic ;
    margin-bottom: 0.5em ;
}

h2 {
    font-weight: bold ;
    font-size: 120% ;
    margin-bottom: 0.5em ;
    color: #202D8D ;
    color: #0F1524 ;
}

h3, h4 {
    display: inline ;
}

p {
    margin-bottom: 1em ;
}

a, a:visited  {
    text-decoration: none ;
    color: lightblue ;
}

li {
    list-style-type: none ;
}

#icone_pdf {
    display: inline-block ;
    display: none ;
    width: 1.8em ;
    margin: 0 0.2em ;
    vertical-align: middle ;
}

#facebook {
    position: relative ;
    top: 2em ;
    display: none ;
}

section#logo {
    width: 30% ;
}

header {
    width: 70% ;
    padding-top: 2em ;
}

a, a:visited {
           color: lightblue ;
           color: #202D8D ;
           font-weight: bold ;
}

.expose {
    float: right ;
}

/***** menu de navigation *****/
nav {
    float: right ;
    width: 70% ;
    background-color: transparent ;
    background-image : none ;
    padding: 0 1% ;
    font-size: 100% ;
    line-height: 1.5em ;
}

nav #icone_menu {
    float: right ;
    width: 40px ;
    display: block ;
    background-color: transparent ;
}

nav .ligne_icone_menu {
    border: 1px solid ;
    text-align: center ;
    width: 80% ;
    height: 2px ;
    padding: 0px ;
    margin: 2px 0 3px 0 ;
    background-color: transparent ;
    color: blue ;
}


nav ul {
    width: 95% ;
    margin: auto ;
    display: none ;
}

nav li {
    float: left ;
    hyphens: none ;
    background-color: transparent ;   
    margin: 0 1.25% 0 1.25% ;
    text-align: center ;
    vertical-align: middle ;    
}

nav li:hover {
    background-color: grey ;
}

nav a, nav a:visited {
           color: lightblue ;
           color: #BCA32B ;
           font-weight: bold ;
}

nav li.sel a {
    border-bottom: 1px solid white ;
    padding-bottom: 3px ;
}

/***** fin du menu de navigation *****/

/***** page menu.php *****/
body#menu nav {
    display: none ;
}

body#menu ul {
    margin-top: -4em ;
    width: 100% ;
    /* border: solid black 2px ; */
    /* border-collapse: collapse ; */
}

body#menu li {
    width: 100% ;
    margin: 0 ;
    padding: 5% ;
    line-height: 200% ;
    font-weight: bold ;
    font-size: 130% ;
    background-color: transparent ;
    /* border: solid black 1px ; */
    /* border-collapse: collapse ; */
}

body#menu a:hover {
    background-color: grey ;
}

body#menu  

/***** fin de page menu.php *****/

#facebook {
    display: none ;
}



/***** page index.php *****/
body#index section#contenu{
    width: 100% ;
    text-align: center ;
    font-size: 100% ;
}

body#index article#cv {
    text-align: left ;
    font-size: 120% ;
}

body#index article#cv li {
    margin-left: 2em ;
    text-align: left ;
    list-style-type: disc ;
}

body#index aside {
    width: 100% ;
}

body#index aside fieldset {
    /* background-color: #6F6752 ; */
    background-color: #3e5f61 ;
    border: solid 1px lightgrey ;
    border-radius: 10px ;
    padding: 1% ;
    font-size: 100% ;
}

body#index aside fieldset article.archive {
    display: none ;
}

body#index aside fieldset a {
    width: 100% ;
}

body#index aside fieldset legend {
    font-size: 120% ;
    border: none ;
    padding: 0 2% ;
}

/* body#index aside img { */
/*     float: left ; */
/*     width: 25% ; */
/* } */

body#index aside fieldset article {
    border-top : solid white 1px ;
}

body#index aside fieldset :first-of-type {
    border-top: none ;
}

body#index #facebook {
    display: block ;
    float: right ;
    width: 5% ;
    top: 1em ;
}

/***** fin page index.php *****/

/***** page presentation.php *****/
body#presentation {
    text-align: left ;
}

body#presentation p {
    padding-left: 1em ;
}

body#presentation h3 {
    font-style: italic ;
}

body#presentation ul {
    margin-left: 5% ;
}

body#presentation #complement {
    width: 90% ;
    font-style: italic ;
    font-size: 80% ;
    hyphens: none ;
}

body#presentation #complement img {
    display: none ;
}
/***** fin page presentation.php *****/

/***** page evenements.php *****/

.col12, .colloque img.col12 {
    display: inline-block ;
    width: 49.5% ;
    margin: 0 ;
    padding: 1% ;
    vertical-align: middle ;
}

body#evenements p {
    border: solid #594D65 2px ;
}

body#evenements #informations {
    text-align: left ;
    hyphens: none ;
}

body#evenements article {
    /* border-bottom: 1px solid black ; */
    text-align: justify ;
}

body#evenements article.colloque div.titre {
    text-align: center ;
}

body#evenements br#textes_colloques {
    clear: both ;
}

body#evenements li {
    text-align: left ;
    margin-bottom: 0% ;
}

body#evenements {
    line-height: 1.5em ;
}

.colloque img {
    float: left ;
    width: 100% ;
    margin-bottom: 1% ;
}

.colloque div {
    /* float:right ; */
}

.journees {
    display: inline-block ;
    width: 100% ;
    margin: 0 ;
    padding: 1% ;
    text-align: center ;
    vertical-align: middle ;
}

.journees a {
    display: block ;
}

.journees img {
    text-align: center ;
}

@media (min-width: 800px) {
    .journees {
        width: 50% ;
    }
}


/***** fin page evenements.php *****/

/* page publications.php */
body#publications {
    text-align: left ;
}

.publications_100 {
    /* section publications en largeur 100% */
    display: inline-block ;
    width: 100% ;
    margin: 0 ;
    padding: 1% ;
    text-align: left ;
}

.publications_100 li {
    margin-bottom : 1em ;
}

.publications_100 img {
    width: 10% ;
    float: right ;
}

.publications {
    display: inline-block ;
    width: 100% ;
    margin: 0 ;
    padding: 1% ;
    text-align: left ;
}
.publications li {
    margin-bottom : 1em ;
}

.publications img {
    width: 40% ;
    float: right ;
}

.publications img#proyo {
    width: 27% ;
}

@media (min-width: 800px) {
    .publications {
        width: 50% ;
    }
    .publications_100 {
        width: 100% ;
    }
}

/***** page liens.php  *****/

body#liens h2 {
    margin-bottom: 2% ;
}

body#liens ul {
    text-align: left ;
}

body#liens dl {
    float: left ;
    width: 50% ;
    padding: 0 1em ;
}

body#liens dt img {
    width: 70% ;
    vertical-align: middle ;
    padding: 3px ;
}

body#liens dd {
    font-size: 70% ;
}
/***** fin page liens.php *****/


/***** page adhesions.php *****/
#adhesions {
    text-align: justify ;
}

body#adhesions .publications {
    width: 100% ;
}

#adhesions article a {
    font-size: 130% ;
}

#adhesions h1 {
    font-weight: bold ;
}

#adhesions img {
    width: 100% ;
}

body#adhesions header img {
    width: 100% ;
}

#adhesions article {
    width: 100% ;
    margin: 0% ;
    padding: 1em ;
}


#adhesions article > ul {
    font-weight: bold ;
}

#adhesions ul {
    margin-left: 2em ;
    font-weight: normal ;
}

/***** fin page adhesions.php *****/

.icone_texte {
    font-size: 200% ;
    padding: 0 2% 0 2% ;
}

#contacts {
    padding: 5% ;
}

#contacts a span:first-child {
    font-size: 200% ;
}

#contacts h2, br, a span+span {
    /* display: none ; */
}

#contacts iframe {
    width: 95% ;
    height: 400px ;
}

.img21 {
    float: right ;
    width: 10% ;
    padding: 1% ;
}

/* écran large : supérieur ou égal à 800px */

@media (min-width: 800px) {
    body {
        font-size: 100% ;
    }

    section#logo {
        width: 22% ;
    }

    header {
        width: 78% ;
    }

    nav {
        width: 75% ;
        background-color: #384184 ;
        background-image: url("http://local.laleph65.fr/img/fond menu.png") ;
    }

    nav #icone_menu {
    width: 40px ;
    display: none ;
    }

    nav ul {
        display: block ;
    }

    /* page index.php */
    body#index section#contenu {
        width: 70% ;
        clear: left ;
    }
    
    body#index aside {
        width: 30% ;
    }
    /* fin de page index.php */

    /* page presentation.php */
    body#presentation article#lieux {
        width: 100% ;
    }
    
    body#presentation article#lieux div {
        display: inline-block ;
        padding: 1em ;
        vertical-align: top ;
    }

    body#presentation #complement {
    width: 10% ;
    float: right ;
    font-size: 80% ;
    font-style: italic ;
    margin-top: -15em ;
    hyphens: none ;
    }

    body#presentation #complement img {
        display: block ;
    }
    body#adhesions .publications {
        width: 50% ;
    }
}

    /* fin de page presentation.php */

body#evenements .preparation_colloque {
        width: 50% ;
        clear: right ;
        float: right ;
    }

    #colloque_presentation {
        width: 50% ;
        border : solid black 1px ;
        background-color : grey ; 
        float: left ;
    }
    
    body#evenements br#textes_colloques {
        display: none ;
    }

    body#evenements #colloque_2015 img {
        margin-bottom: 1em ;
        width: 90% ;
    }

    body#evenements form button{
        padding-left: 10% ;
    }

    body#adhesions article {
        width: 50% ;
    }

    body#liens dl {
    float: left ;
    width: 20% ;
    padding: 0 1em ;
    }
    
    #documentation div.encadrer {
	    border: 1px solid black;
	    padding: 5px;
    }
}