/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body   { color: black; font-size: 10px; font-family: Verdana, sans-serif; background: #fff }

body.section-1     { color: black; text-align: justify }
body.section-2      { color: black; text-align: justify }
body.section-3     { color: orange; text-align: justify }

a:link     { color: gray; text-decoration: none }
a:active    { color: orange; text-decoration: none }
a:visited   { color: orange; text-decoration: none }
a:hover    { color: orange; text-decoration: underline }

a img     { color: black; border: none }

#menu     { color: black; background-color: #fff; position: fixed; top: 0; bottom: 0; left: 0; width: 215px; height: 100%; overflow: auto }

#menu .container { padding: 21px 0 21px 21px; }

#menu ul     { color: black; list-style: none; margin: 0 0 12px }

#menu ul li.section-title     { color: black }

#content    { text-align: justify; margin: 0 0 0 215px; top: 0; height: 100% }

#content .container { padding 21px; }

.container   { text-align: justify; padding: 5px 5px 25px }

#content p     { color: black; text-align: justify; margin-bottom: 9px; width: 400px }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }
.boite_de_film { margin: 0pt auto; text-align: center; }
.zone_de_texte { margin: 20px auto 40px; padding: 5px; background: #000000; color: #ffffff; width: 310px; text-align: center; font-weight: bold; }