/*
style.css
---------
*/

body
{
background-color: black;
color: white;
font-family: Arial, sans-serif;
}

#bloc_page
{
width: 1300px;
margin: auto;
}

#bloc_presentation /* evite la marge entre le header et la section*/
{
padding:5px;
}



header
{
height:60px;
background:url("Images/Frise2.jpg");
width: 1300px;
margin:auto;
}

/* Frise

#Frise
{
	height: 100 px;
	background:  url("Images/Frise.jpg")

}
*/

section
{
text-align: center;

height: 800px;
width: 1300px;
background: url("Images/Fond6.jpg");
/*background: url("Images/Juilly_w.jpg");*/
color: black;
font-family: Arial;
}

.index
{
background: url("Images/PeleMele.jpg");
}


.cartepostale
{
background: url("Images/FondCP.jpg");
}


	

section p img
{
box-shadow: 10px 10px 20px grey;
border: 1px blue solid;

}


p a
{
font-family: Arial;
text-align: center;
padding: 10px;
margin: 15px;
background-color: yellow;
border-radius: 10px;
}

/* page index -----------------------------------*/

.parag1
{
color: black;
font-size: 1.5em;
font-family: Arial;
text-align: center;
font-weight: bold;
font-style: italic;
}

.parag2
{
color: black;
font-size: 1em;
font-family: Arial;
text-align: center;
}

.parag3
{
margin-left: 250px;
}


.parag4
{
color: black;
font-size: 0.8em;
font-family: Arial;
font-style: italic;
text-align: center;
}


h1
{
color: yellow;
font-size: 3em;
font-family: Arial;
text-align: center;
text-shadow: 0px 1px 1px black;
padding: 0px;
}

h2
{
color: black;
font-size: 1.8em;
font-family: Arial;
text-align: center;
margin:10px;
padding:10px;
}

h3
{
color: rgb(33,66,66);
font-size: 1.5em;
font-family: Arial;
text-align: center;
padding: 5px;
}

h4
{
color: rgb(33,66,66);
font-size: 2.5em;
font-family: Casmira;
text-align: center;
padding: 5px;
}
/* menus ------------------------------------*/

nav
{
width: 20%;
height: 600px;
float: left;

/*background: url("Images/Fond6.gif") fixed;*/
margin: 0;
padding: 0;
padding-top: 30px;
text-align: center;
position: relative;
top: 0px;
}




nav ul
{
list-style-type: none
}

ul
{
text-align: left;
position: relative;
left: -35px;
width: 200px;

}

li
{
font-family: Arial;
text-align: center;
padding: 10px;
margin: 15px;
background-color: yellow;
border-radius: 10px;
}


li:hover
{
background: orange;
color: blue;
}

/*
<nav ul
{
display:block;

}
*/
nav ul ul
{
background-color:green;
display:none;

}

nav li
{
display:block;
box-shadow: 10px 10px 20px grey;
}

nav li:hover ul
{
background-color:green;
display:block;

}

nav li li
{
display:inherit;
}

/* articles etc...-----------------------------------*/

article
{
display: inline-block;
vertical-align: top;
width:70%;
height: 300px;
margin:10px;
font-family: Arial;
text-align :justify;
text-indent: 30px;
/*border: 1px blue solid;*/
/*background-color: rgb(19,236,80);*/
background-color:rgb(0,204,204);
padding:12px;
border-radius: 10px;
box-shadow: 10px 10px 20px grey;
}

aside
{
display: inline-block;
vertical-align: top;
width: 450px;
height:300px;
margin:10px;
border: 1px blue solid;

}






/* divers ----------------------------------------*/




#logo
{
color: white;
border: 0px blue outset;
border-radius: 10px;
width: 249px;
height: 40px;
background-color: orange;
padding: 2px;
margin: 3px;
}

.ombre
{
box-shadow: 10px 10px 20px grey;
}

.legende
{
width:900px;
text-align: center;
margin-left: 200px;
}

/* page liste sorties---------------------------------*/


#colonne1, #colonne2, #colonne3
{
display: inline-block;
vertical-align: top;
}


#colonne1 ul
{
list-style-type: none;
width:250px;
}

#colonne1 ul li
{
background-color:yellow;
height:30px;
line-height: 30px;
box-shadow: 10px 10px 20px grey;
text-align: center;

}



#colonne2 ul
{
list-style-type: none;
width:250px;
}

#colonne2 ul li
{
background-color:yellow;
height:30px;
box-shadow: 10px 10px 20px grey;
}



#colonne3 ul
{
list-style-type: none;
width:250px;
}

#colonne3 ul li
{
background-color:yellow;
height:30px;
box-shadow: 10px 10px 20px grey;
}

/* page 75eme -------------------------------------------*/

#bloc75
{
width:600px;
margin-left:0px;
border:3px black solid;
position:relative;
}

.legende75
{
width:100px;
text-align: center;
}

#texte75,#picture75
{
display: inline-block;
vertical-align:top;
}



#texte75
{
margin:10px;
padding:20px;
background-color: rgb(255,255,128);
width:220px;
box-shadow: 10px 10px 20px grey;

}

#liseuse75
{
top:100px;
}

#picture75
{
height:1000px;
margin:10px;
}


#plein_ecran
{
top:500px;
font-size: 0.9em;
font-family: Arial;
font-style: italic;
}



.pdf { 
width : 600px; 
height : 0px;
margin-left: 250px; 
} 

/* page comptes rendus AG ------------------------------*/

table
{
position: relative;
top: 50px;

}

td
{
background-color:yellow;
height:20px;
box-shadow: 10px 10px 20px grey;
width:300px;
height: 50px;

}

/* pied de page -----------------------------------*/

footer
{
height:60px;
background:url("Images/Frise3.jpg");
width: 1200px;
margin:auto;
}



footer p
{
margin:0px;
padding:10px;
color: black;
font-size: 0.8em;
font-family: Arial;
font-style: italic;
text-align: center;
}