/* ****************************************************

	@file		  screen.css
	@description  Feuille de styles globale
	@version	  20090527

***************************************************** */

@import url("./reset.css");

/*
 * @section Basic
******************************************************************************/

html {
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.2;
	color: #fff;
	background: #11507e;
	position: relative;
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #fff; }
a:visited { color: #fff; }
a:hover, a:focus { color: #fff; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }

button::-moz-focus-inner { border: 0; padding: 1px; }

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	line-height: 0.8;
}


/*
 * @section Layout
******************************************************************************/

/*
 * @section Layout fullscreen
******************************************************************************/

body.fullscreen #wrap {
	background: url("../img/interface/bg-image.jpg") no-repeat top center;
	width: 320px;
	height: 443px;
	margin: 0 auto;
	position: relative;
}

body.fullscreen #wrap #nav {
	height: 173px;
	width: 320px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../img/interface/bg-nav.jpg") no-repeat;
}

body.fullscreen #entete {
	color: #003d78;
	position: absolute;
	top: 23px;
	left: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

body.fullscreen #entete h1 {
	
}

body.fullscreen #entete h1 a {
	display: block;
	width: 200px;
	height: 110px;
	margin: 0 0 6px;
	text-indent: -9999px;
}

body.fullscreen #entete h2 {
	margin: 0 0 1em 2px;
}

body #nav li a {
	display: block;
	text-align: center;
	border: 1px solid #648199;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

body #nav li a:hover,
body #nav li a:focus,
body #nav li a:active {
	background: #044a8e;
}

body.section-accueil #nav ul {
	margin: 0;
	padding: 17px 0 0 1px;
}

body.section-accueil #nav li {
	float: left;
	padding: 0 0 0 9px;
}

body.section-accueil #nav li a {
	width: 144px;
	height: 111px;
	line-height: 111px;
	font-size: 340%;
	background: #024385 url("../img/interface/btn-nav.jpg") repeat-x bottom left;
}

body.section-redirection #nav ul,
body.section-accueil2 #nav ul {
	margin: 0;
	padding: 22px 9px 0 9px;
}

body.section-redirection #nav ul {
	padding-top: 15px;
}

body.section-redirection #nav ul li,
body.section-accueil2 #nav li {
	margin: 0 0 7px;
}

body.section-redirection #nav ul li.standard {
	font-size: 80%;
}

body.section-redirection #nav ul li a,
body.section-accueil2 #nav li a {
	background: #024385 url("../img/interface/btn-nav-mini.jpg") repeat-x bottom left;
	font-size: 140%;
	text-transform: uppercase;
	padding: 13px 0;
}

body.section-redirection #contenu {
	padding: 14px;
}


/*
 * @section Layout à défilement
******************************************************************************/

body.scroll #wrap {
	width: 100%;
	padding: 0 0 14px;
}

body.scroll #wrap #entete {
	background: #a5d2e8 url("../img/interface/bg-entete.jpg") no-repeat top left;
	position: relative;
	height: 70px;
	padding: 0 0 0 150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003d78;
}

body.scroll #wrap #entete a {
	width: 100%;
	display: block;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	outline: none;
	text-indent: -99999px;
}

body.scroll #wrap #entete h2 {
	padding: 12px 0 0 0;
}


/*
 * @section Listes
******************************************************************************/

#liste {
	background: #034b8f;
	margin: 9px 9px 0;
	border: 1px solid #547ea0;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#liste .liste-entete {
	border-bottom: 1px solid #547ea0;
	padding: 12px 14px;
	text-transform: uppercase;
	font-size: 130%;
	position: relative;
}

#liste .liste-entete a.droite {
	position: absolute;
	top: 4px;
	right: 4px;
}

#liste .liste-entete a.gauche {
	position: absolute;
	top: 4px;
	left: 4px;
}

#liste .liste-entete h3.gauche {
	padding-left: 32px;
}

#liste .liste-entete h3 {
	font-weight: normal;
}


body.section-participants #liste ul {
	margin: 0;
	padding: 0 0 9px;
}

body.section-participants #liste .liste-entete {
	border-bottom: none;
}

body.section-participants #liste ul li {

}

body.section-participants #liste ul li {
	display: block;
	padding: 8px 14px 5px;
	border-top: 1px solid #547ea0;
}

body.section-participants #liste ul li.dernier a {
	border-bottom: none;
}

body.section-participants #liste ul li strong {
	display: block;
	margin: 0 0 4px;
}

body.section-participants #liste ul li ul {
	padding: 0;
}

body.section-participants #liste ul li ul li {
	display: block;
	padding: 0;
	border-top: none;
}

body.section-participants #liste ul li ul li a {
	display: block;
	background: url("../img/interface/ico-enveloppe.gif") no-repeat 0 3px;
	padding: 0 0 0 19px;
	color: #a5d2e8;
	margin: 0 0 3px;
}

body.section-participants #liste ul li a:hover,
body.section-participants #liste ul li a:focus,
body.section-participants #liste ul li a:active {
	color: #d8ecf5
}

body.section-programmation .note {
	font-size: 90%;
	text-align: right;
	padding: 10px 14px 0 0;
	margin: 0;
	color: #c9def1;
}

body.section-programmation #liste ul {
	margin: 0;
}

body.section-programmation #liste ul li {
	border-bottom: 1px solid #547ea0;
	padding: 0 0 4px;
}

body.section-programmation #liste ul li.dernier {
	border-bottom: none;
}

body.section-programmation #liste ul li strong.principal {
	display: block;
	padding: 8px 14px;
}

body.section-programmation #liste ul li ul li {
	border: none;
	padding: 0;
	position: relative;
}

body.section-programmation #liste ul li ul li a.fermer {
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	display: none;
}

body.section-programmation #liste ul li ul li.active a.fermer {
	display: inline;
}

body.section-programmation #liste ul li ul li a.toggle {
	display: block;
	padding: 6px 14px 2px 28px;
	background: url("../img/interface/ico-fleche.gif") no-repeat 14px 7px;
	color: #a5d2e8;
}

body.section-programmation #liste ul li ul li.active span {
	background-color: #01376a;
	padding-bottom: 4px;
}

body.section-programmation #liste ul li ul li.active span a {
	color: #fff;
}

body.section-programmation #liste ul li ul li ul {
	display: none;
	background-color: #01376a;
	border-top: 1px solid #547ea0;
}

body.section-programmation #liste ul li ul li.active ul {
	display: block;
}

body.section-programmation #liste ul li ul li ul li {
	border-bottom: 1px solid #547ea0;
	padding: 6px 14px 6px 28px;
}

body.section-programmation #liste ul li p {
	display: block;
	margin: 0;
	padding: 0 12px 6px 28px;
	line-height: 1.4;
}

body.template-recherche #liste ul {
	padding: 13px 15px;
	margin: 0;
}

body.template-recherche #liste li {
	margin: 0 0 9px;
}

body.template-recherche #liste label {
	display: block;
	margin: 0 0 2px;
}

body.template-recherche #liste li span {
	background: #42729c;
	display: block;
}

body.template-recherche #liste li select,
body.template-recherche #liste li input {
	background: #42729c;
	color: #fff;
	padding: 6px;
	font-weight: bold;
	border: none;
	width: 96%;
}

body.template-recherche #liste li select {
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}

body.template-recherche #liste .bouton {
	margin: 0 15px 15px;
}

body.template-recherche #liste .bouton button {
	width: 100%;
	display: block;
	padding: 10px 0;
	border: none;
	background: #024385 url("../img/interface/btn-nav-mini.jpg") repeat-x bottom left;
	border: 1px solid #547EA0;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

body.template-recherche #liste .bouton button:hover {
	background: #044A8E;
}