@import url(http://fonts.googleapis.com);
/* --- Images du design --- */

.blason
{
    position:absolute;
    top:0px;
    left:2%;
}

iframe{
    margin:auto;
}

.speedbarre
{
    position:absolute;
    top:90px;
    right:2%;
}

.imageaccueil
{
    width:0%;
    height:0%;
    background-color: #E3E3E3;
    border:none;
}
.imagelogo
{
    position:absolute;
    top:0px;
    left:0px;
    margin-left:15%;
    margin-bottom:0px;
    padding:0px;
    width:81%;
    text-align:center;
}
.logo
{
border:none;

}

/*------------------------*/



/* --- Generalités --- */
body {
    background-image: url("imgs/header.png");

    background-repeat: repeat-x;
    background-color: #E9E9E9;
    font-family: 'Droid Sans', sans-serif 'Trebuchet MS', 'DejaVu Sans', 'Comic Sans MS', Verdana, Arial, Tahoma, 'Times New Roman', Times, serif;
    font-size:0.8em;
    margin:0;
    margin-top:145px;
    padding:0;
}

img{
    border:none;
}

table{
    border:none;
    margin:auto;
    margin-top:0px;
    margin-bottom:0px;
}

.article{
    width:77.5%;
    margin-left:19%;
    margin-bottom:0px;
    padding:15px;

    border:solid;
    border-top:none;
    border-width:1px;
    border-color:#989898;

    color: #000000;
    text-align: center;

    background-color: none;

}


.datefete
{
    width:100%;
    text-align:center;
    font-size:1em;
}

.datefete img
{
    display:block;
    margin:auto;
    margin-bottom:0px;
}

.datefete .lienpodium
{
    font-size:0.7em;
    text-decoration:underline;
}

.entree_form{
    text-align: right;
}

.sortie_form{
    text-align: left;
}

input{
    background-color: #E9E9E9;
    opacity:0.7;
}

textarea{
    background-color: #E9E9E9;
    opacity:0.7;
}
/*-------------------*/





/* --- Titres --- */
h2 /* Titre tres gros clignotant sur fond bleu foncé */
{
    text-align:center;
    color:white;
    font-size:3em;
    /*text-decoration: blink;*/
    border: none ;
    width: 50%;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    padding:12px;
    background-color:#5D98BC;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
   box-shadow: 1px 1px 22px #888; 
}

h2 a
{
    text-decoration: none;
    color:white;
}

h2 a:visited
{
    color:white;
    text-decoration: none;
}


h3 { /* Titre d'article */
    box-shadow: 0px 4px 22px -2px #999; 
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color:#77c1f0;
    width:77.5%;

    padding-left:16px;
    padding-right:16px;
    padding-top:10px;
    padding-bottom:10px;

    margin-left:19%;
    margin-top:3%;
    margin-bottom:0%;

    text-align: center;
    font-size:2em;
    font-weight: bold;
    color: #FFFFFF;
    

}

h4 {
    margin-left:3%;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: white;

    border:solid;
    border-width:2px;
    border-color:#77c1f0;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color:#77c1f0;
    width:25%;
    opacity:0.8;
   box-shadow: 1px 1px 22px #888; 
}

h5 {
    padding:3px;
    margin:auto;
    text-align:center;
    text-decoration:underline;
    color:#5D98BC;
    font-size:1.8em;
    font-weight: bold;

}

h5 a{
	color:#5D98BC;
}

h5 a:visited{
	color:#5D98BC;
}

h6 {
    padding:3px;
    margin:auto;
    text-align:center;
    color:#5D98BC;
    font-size:1.2em;
    font-weight: bold;
    font-style: italic;
}

h6 a
{
    text-decoration: none;
    color:#5D98BC;
}

h6 a:visited
{
    text-decoration: none;
    color:#5D98BC;
}

.new {
	padding:3px;
	margin:auto;
	text-align:center;
	color: #446d87;
	font-size:1.6em;
	font-weight: bold;
	font-style: none;
}
/*------------------*/





/* --- Menu --- */
#position-menu {
    margin-top:200px;
    padding:0px;
    width:17%;
    position:fixed;
    top:0%;
    left:1%;
}

.menu {
    border:solid;
    border-top:none;
    border-width:1px;
    border-color:#989898;
    margin:0px;
    margin-bottom:25px;
    padding-left:5px;
    padding-right:10px;
    padding-bottom:15px;
    padding-top:10px;
}

.menu li
{
    text-align:left;
    margin:0%;
    margin-bottom:1%;
    margin-top:1%;
    padding:0%;
    /*font-weight:bold;*/
}

.menu li a
{
    color:#4C7D9A;
}

.menu li a:visited
{
    color:#4C7D9A;
}

.menu ul{
    text-align:left;
    list-style:circle;
    list-style-position: inside;
    margin:0px;
    padding:0%;

}

.titremenu {
    margin:0px;
    padding:10px;
    display:block;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color:#77c1f0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    text-align:center;
        box-shadow: 0px 4px 22px -2px #999; 
}


/*-----------------*/

.viewer{
margin:0px;
padding:0px;
}

legend{
	text-align:left;
    color:#5D98BC;
    font-size:1.1em;
    font-weight: bold;
}
fieldset{
	width:500px;
	margin:auto;
	/*margin-bottom:15px;*/

}
.article li{
	text-align:left;
	/*width:70%;*/
}
.article ul{
	padding:0px;
	margin-left:30%;
	margin-right:5%;
	margin-top:5px;
	margin-bottom:20px;;

}