/**
 * @CSS DOCUMENT
 * @ 10.3.2016
*/


/**----------------- 
 * GLOBAL RESET 
-----------------**/
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, table, th, td, audio, video { 
	margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; text-align:left; } 
h1, h2, h3, h5, h5, h6 { font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
html>body * a { position:relative; }  /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* césure propre */
}
input, select { vertical-align:middle; }
ol, ul, li { list-style:none; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
img { width: 100%; }
/**------------------------------
 * GENERAL CLASSES and SETTINGS
--------------------------------**/
html, body { height: 100%; }
body { background: #000; font:1.1em/1.3em Helvetica,Arial,sans-serif; color:#FFFF00; text-align:center; }

h1 { padding:0.2em 0; font:normal 1.4em/1.2em Arial,helvetica,sans-serif; color:#FFFF00; text-align: center}
h2 { padding:1em 0 0.7em; font:normal 1.2em/1.3em Arial,helvetica,sans-serif; color:#FFFF00; }
h3 { padding:0.5em 0; font:normal 1.0em/1.2em Arial,helvetica,sans-serif; color:#FFFF00 }
h4 { padding:0.5em 0; font:normal 1.0em/1.0em Arial,helvetica,sans-serif; color:#FFFF00; }
h5 { padding:0.5em 0; font:normal 1.0em/1.0em Arial,helvetica,sans-serif; color:#FFFF00; }
h6 { padding:0.5em 0; font:normal 1.0em/1.0em Arial,helvetica,sans-serif; color:#FFFF00; }

a { color:#FFA500; font-weight:normal; }
a:hover, a:focus { color: #140c7b; }
p { color:#FFFF00; padding:1 0 1.2em; }

.bloc-annonce { background: #FFFF00; color:#000; text-align: center; font-family: Trebuchet,Arial,Helvetica,sans-serif; margin-left: 9em; margin-right: 9em;}

hr { display:block; margin:1em 0; padding:0; border:none; background-color:#000; color:#000; font-size:1px; height:1px; line-height:1px; }

/** Formulaires */
form { margin:1em 0; font-size: 0.8em; }
form p { clear:both; margin:0.3em 0; padding: 0; }
form label { display:block; float:left; padding:0.1em 0; width:75%; cursor:pointer; }
form input[type="text"], form input[type="password"], form textarea, form select { 
	padding:0.3em 0.5em; width:100%; font:1.0em/1.2em Arial,Helvetica,sans-serif; color:#FFFF00; background-color:#fff; border-left:1px solid #555; border-bottom:1px solid #555; border-right:1px solid #555; border-top:1px solid #555; border-radius:4px; 
}
form select { margin-bottom: 0.1em; padding: 0.2em 0.5em; }
form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus { border-left-color:#37793e; border-bottom-color:#37793e; }
form textarea { height:10em; }
form input[type="submit"], form input[type="button"] { 
	margin:1em 0; padding:0.3em 1em; font-family: Arial,Helvetica,sans-serif; font-size:1.0em; text-transform:uppercase; border:none; border-radius:0.5em; background-color:#555; color:#fff; text-decoration:none; box-shadow:1px 1px 5px 1px #ccc; cursor:pointer; 
}
form input[type="submit"]:hover, form input[type="submit"]:focus { background-color:#666; -moz-box-shadow:1px 1px 2px 1px #ccc; -webkit-box-shadow:1px 1px 2px 1px #ccc; box-shadow:1px 1px 2px 1px #ccc; }
.code-image { clear:both; margin:1em 0; }
.code-image label { display:block; float:none; margin-bottom:0.5em; width:100%; }
.code-image img { border:medium none; float:left; margin:0 0.5em 0 0; width:150px; border-radius:inherit; }
.code-image .form-field { height:50px; width:140px; text-align:center; letter-spacing:0.4em; text-transform:uppercase; }

.clear-float { clear:both; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear-fix { zoom:1; } /** IE 5.5/6/7 */

.wrapper { box-sizing: initial; margin: 0 auto; max-width: 1200px; padding: 0 2%; }

/**--------------
 * HEADER 
--------------**/
body img { max-width: 1600px; }
body section { max-width: 1024px; margin: 0 auto; }
.home div { float: left; }
.programme { margin-bottom: 100px; }
.programme div { float: left; }
.no-resize img { width: auto; }
.programme .first { position: relative; }
.programme .first a { position: absolute; bottom: 20px; height: 90px; left: 50px; right: 10px; }


#menu { background-color: #000; position: fixed; bottom: 0; text-align: center; width: 100%; }
#menu li { border-right: 1px solid #333; display: inline-block; margin: 0.4em 0 0.4em 0; padding: 0 0.1em; }
#menu li:last-child { border-right: none; }
#menu li a { display: block; padding: 0.1em 0.2em; color: #f0de00; text-decoration: none; text-transform: uppercase; }

/**=====================================================
   ECRANS smartphones paysage
====================================================== */
@media (min-width:480px) {
	
}
/**=====================================================
   ECRANS taille moyenne : tablettes, petits notebooks
====================================================== */
@media (min-width:640px) {
	.programme { margin-bottom: 0; }
	.programme div:first-child { width: 36.8%; }
	.programme div:last-child { width: 60%; }

	#menu li { margin: 0.4em 0 0.4em 0; padding: 0 1em; }
	#menu li a { padding: 0.2em 1.4em; }
	#menu li:last-child a { padding: 0.2em 1em; }
}

@media (min-width:950px) {
	
}

/**=====================================================
   ECRANS + grands
====================================================== */
@media (min-width:1280px) {
	
}