@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,900|Oregano");

body {
    /*background-color: #fdfdff;*/
    /*
    background-color: #fdfdff;
    background-image: url('images/Speech_Wave.png');
    background-position: 120% 100%;
    background-size: 50% 5%;
    background-repeat: repeat-x;
    background-attachment: fixed;
    */
    
    /*background-color: #fbf9f4;*/
    /*background: url('http://www.mozilla.org/media/img/sandstone/bg-sand.png') repeat, #fbf7ee;*/
    
    
    font-family: 'Avenir Next','Avenir','Raleway','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 12pt;
    color: #777777;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
	opacity: 1;
	/*background-color: #f6f7f6;*/
	background-color: #fafafa;
}

h1 {
	font-family: 'Oregano','Avenir Next','Avenir','Raleway','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 900;
    font-size: 220%;
    color: #555555;
    margin-left: -25px;
}

h2 {
    font-weight: normal;
    color: #C84B1F;
/*    color: #999999;*/
    /*text-shadow: 0px 0px 2px #bbbcce;*/
    margin-top: 25px;
}

a {
    text-decoration: underline;
    color: #2f4380;
}

a:visited {
    color: #5b2c6f;
}

a:active {
    color: #3955d1;
}

a:hover {
    color: #94d1fb;
    text-shadow: 0px 0px 2px #cbccdf;
}

dl {
    margin-left:50px;
}

dt {
    display: list-item;
    list-style-type: disc;
    font-weight: bold;
    margin-top: 7px;
}

dd {
    margin-left: 25px;
}

section, footer {
    margin-left: 8%;
    margin-right: 8%;
}

section {
    /*
    background-color: #fffdf6;
    border: solid 1px #f0ede2;
    border-radius: 4px;
    */
    /*
    background-color: rgba(249,243,232,0.5);
    border: solid 1px #f0ede2;
    border-radius: 3px;
    */
    background-color: rgba(244,245,243,0.9);
    /*border: solid 1px #f4f4fb;*/
    border: solid 1px #eeeef4;
    border-radius: 7px;
    
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 35px;
    color:#222222;
/*    color:#666666;*/
    min-width: 300px;
    -webkit-backdrop-filter: blur(3px);
    
/*    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);*/
}

footer {
    border-style: none;
    border-top: solid 1px rgb(200,200,200);
    background: none;
    margin-top: 75px;
    margin-bottom: 15px;
    padding: 0px;
    padding-top: 6px;
    font-style: italic;
    font-size: 80%;
    color: #9ca5d2;
    right: 0px;
    left: auto;
}

footer img.left_logo {
    float: left;
    margin-right: 25px;
}

.commentaire {
    font-style:italic;
    font-size:85%;
    color:#999999;
}

/* Version sans speech wave
header img.logo_alize {
    width: 511px;
    height: 133px;
    margin-left: 25px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 45px;
    padding: 0px;
}
*/

header {
	height: 210px;
}

header img.logo_alize {
    width: 594px;
    height: 198px;
    margin-left: 25px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: -20px;
    padding: 0px;
	position: fixed;
	z-index: -1;
}

header nav.nav_bar {
    margin: 0px;
    margin-left: 50px;
    padding: 15px;
    padding-right: 40px;
    top: 0px;
    left: 0px;
    right: 0px;
    min-height: 20px;
    z-index: 100;
    position: fixed;
    text-align: right;
    font-weight: bold;
    border: none;
    background: linear-gradient(to top right, rgba(249, 249, 255, 0) 50.42%, rgba(230, 241, 255, 0.25) 59.24%, rgba(199, 226, 250, 1) 95.8%);
}

header nav.nav_bar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: right;
}

header nav.nav_bar ul li {
    float: left;
    margin: 0px;
    margin-left: 35px;
    padding: 0px;
}

header nav.nav_bar ul li::before {
    content: "⇢";
    padding-right: 0.5em;
    opacity: 0.4;
}

header nav.nav_bar ul li a:link, header nav.nav_bar ul li a:visited {
    text-decoration: none;
    color: #2f4380;
}

header nav.nav_bar ul li a:hover {
    text-decoration: none;
    color: #8fbdf5;
    text-shadow: 0px 0px 2px #cbccdf;
}

code {
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #f8f8f8;
	padding-left: 4px;
	padding-right: 4px;
	font-family: monospace;
	font-size:  95%;
}
table {
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	background-color: #fbfbfb;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-spacing: 0px;
}
th, td {
	padding: 15px;
	margin: 0px;
	border-bottom: 1px solid #e0e0e0;
}
tr:last-of-type td {
	border-bottom: none;
}
td {
	vertical-align: top;
}
td p {
	margin: 0px;
	padding: 0px;
}

ul.publis {
    list-style-type: none;
}

ul.publis li {
    padding-left: 1em;
    margin-bottom: 10px;
}

ul.publis li::before {
    content: "•";
    padding-right: 0.5em;
    margin-left: -1.5em;
    opacity: 0.4;
}

ul.publis li span.titre::before {
    content: "“";
}

ul.publis li span.titre::after {
    content: "”";
}

ul.publis li span.auteurs {
    font-style: italic;
}

ul li.tutorial {
    list-style-type: none;
    border-top: dashed 1px #e7a087;
    padding-left: 15px;
    margin-bottom: 15px;
}

ul li.instructions {
    list-style-type: none;
}

ul li.instructions::before {
    content: "☞";
    padding-right: 0.5em;
    margin-left: -1.5em;
}

ul li.download {
    list-style-type: none;
    margin-top: 1ex;
}

ul li.download::before {
    content: "⬇︎";
    color: #97d56b;
    padding-right: 0.5em;
    margin-left: -1.5em;
}

ul li.download a {
	text-decoration: none;
    border: 1px solid rgba(174, 173, 248, 0.4);
    border-radius: 20px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgba(174, 173, 248, 0.1);
}

ul li.info {
    list-style-type: none;
    font-style: italic;
}


.adresse_lia::before {
    content: "Laboratoire Informatique d’Avignon \A";
    font-weight: bold;
    white-space: pre;
}

.adresse_lia::after {
    content: "339, chemin des Meinajaries \A Agroparc  BP 1228 \A 84911 AVIGNON Cedex 9 \A FRANCE \A Tel. : +33 (0) 4 90 84 35 09 \A Fax : +33 (0) 4 90 84 35 01";
    white-space: pre;
}




@media screen and (max-device-width:550px), screen and (max-width:550px) {
    body {
        font-size: 90%;
    }
    
    h1 {
        margin-left: -15px;
        font-size: 200%;
    }
    
    section, footer {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        min-width: 260px;
    }
    
    img {
        max-width: 100%;
    }
    
    header img.logo_alize {
        width: auto;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }
    
    header nav.nav_bar {
        padding-left: 0px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        min-height: 40px;
        margin: 0px;
        margin-left: auto;
        height: auto;
        width: auto;
    }
    
    header nav.nav_bar ul li {
        /*font-size: 180%;*/
    }

}