/* ****************************************************

	@file:		  global.css
	@description: Feuille de style globale
	@author:      remi (ixmedia.com)
	@updated:	  20080306

******************************************************/

/*
	@section Basic
*******************************************************************************/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	color: #fff;
	font-size: 62.5%;
	font-family: "Lucida Grande", "Lucida sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

body.accueil 		{ background: #000 url("../img/bg-body.jpg") no-repeat top center; }
body.temporaire 	{ background: #000 url("../img/bg-body-temporaire.jpg") no-repeat top center !important; }
body.inscription 	{ background: #000 url("../img/bg-inscription.jpg") no-repeat top center; }
body.connexion 		{ background: #000 url("../img/bg-connexion.jpg") no-repeat top center; }

body.interieur 		{ background: #000 url("../img/bg-interieur.jpg") repeat-y top center; color:#c3ccce }

html, body {
  height: 100%;
}

#contenu a:link {color:#09bff1!important;}
#contenu a:visited {color:#C3CCCE!important;}
#contenu a:hover {color:#fff!important; text-decoration:none;}


#wrap {
	font-size: 1.1em;
	position: relative;
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
}

hr {
	display: none;
}

sup {
	vertical-align:super;
	color:#fff;
}

/*
	@section Ent&ccedil;te
*******************************************************************************/

#entete {
	text-align: center;
	background: url("../img/bg-nav.png");
	height: 22px;
	position: relative;
	z-index: 130;
}

#entete.vide {
	background:transparent none repeat scroll 0%;
	height:22px;
}

#entete ul{
	padding-top: 2px;
	font-size: 85%;
	font-weight: bold;
	position: relative;
}

#entete ul li {
	display: inline;
	line-height: 1;
	margin:0;
}

#entete ul li img {
	margin-bottom: -5px;
}

#entete ul li a {
	color: #adb8ba;
	text-decoration: none;
	padding: 0 6px 0 2px;
	border-right: 1px solid #000;
	position: relative;
	z-index: 130;
}

#entete ul li a:hover {
	color: #fff;
}

/*
	@section Accueil
*******************************************************************************/

.accueil #contenu {
	width: 900px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 500px;
}

.accueil #contenu h1 {
	text-indent: -9999px;
}

.accueil #contenu #badge {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 432px;
	height: 512px;
}

.accueil.francais #contenu #badge {
	background: url("../fr/img/img-badge.png") no-repeat;
}

.accueil.english #contenu #badge {
	background: url("../en/img/img-badge.png") no-repeat;
}

.accueil #contenu .actions {
	z-index: 120;
	position: absolute;
	top: 280px;
	left: 372px;
}

.accueil #contenu .actions li {
	float: left;
}

.accueil #contenu .actions ul {
	margin-top: 25px;
}

.accueil #contenu .actions li a {
	background: url("../img/img-etoile.gif") no-repeat 0 50%;
	padding: 12px;
	color: #a7a9a5;
	text-decoration: none;
	text-transform: uppercase;
}

.accueil #contenu .actions li a:hover {
	color: #fff;
}

.accueil #contenu .intro {
	z-index: 110;
	position: absolute;
	left: 370px;
	top: 110px;
	width: 327px;
	height: 108px;
	text-indent: -9999px;
}

.accueil.francais #contenu .intro {
	background: url("../fr/img/img-intro.png") no-repeat;
}

.accueil.english #contenu .intro {
	background: url("../en/img/img-intro.png") no-repeat;
}

/*
	@section Connexion
*******************************************************************************/

.connexion #contenu {
	width: 640px;
	margin: 0 auto;
	padding-top: 156px;
	padding-bottom: 176px;
	position: relative;
}

.connexion #logo {
	z-index: 100;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -82px;
	width: 164px;
	height: 157px;
	background: url("../img/img-logo.png") no-repeat;
}

.connexion h1 {
	font-size: 20pt;
	font-family: "Courier New", monospace;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 1px;
}

.connexion h2 {
	font-size: 135%;
	font-family: "Courier", monospace;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.7em;
	background: #fff;
}

.connexion p.bouton {
	text-align: center;
	margin-top: 2em;
}

.connexion .colonnes {
	color: #000;
	margin-top: 45px;
}

.connexion .connexion {
	width: 250px;
	float: left;
}

.connexion .connexion h2 {
	padding-left: 10px;
}

.connexion .connexion p {
	font-family: "Courier", monospace;
	font-size:9pt;
	line-height:1.15;
	margin-bottom:5px;
}

.connexion .inscription {
	width: 262px;
	float: right;
	padding-right: 30px;
}

.connexion .connexion form li {
	margin-bottom: 9px;
}

.connexion .connexion form li input {
	background: url("../img/bg-champ.gif");
	border: none;
	font-family: "Courier New", monospace;
	font-weight: bold;
	font-size: 180%;
	width: 230px;
	text-transform: uppercase;
	border: 1px solid #fff;
}
body.connexion form li input.focus {
	border: 1px solid #2CC642;
	padding: 2px 10px 2px 10px;
}

body.connexion form li input.label {
	font-size: 8.2pt;
	padding: 6px 10px 5px 10px;
}

body.connexion form li input.erreur {
	border-color: red !important;
}

.connexion .connexion li a {
	text-decoration: none;
	color: #c3c3c1;
	background: url("../img/img-etoile-noire.gif") no-repeat 0 50%;
	padding-left: 12px;
	margin-left: 10px;
}

#contenu .connexion li a:hover {
	color: #19902a!important;
}

.connexion .inscription {
	font-family: "Courier new", monospace;
}

.connexion .inscription p.recherche {
	color: red;
	font-size: 17pt;
	text-transform: uppercase;
	border-top: 1px solid #b3d8df;
	border-bottom: 1px solid #b3d8df;
	height: 1%;
	line-height: 1.3;
	margin-bottom: 0.4em;
	position: relative;
}

.connexion .inscription p.recherche span {
	display: block;
	width: 24px;
	height: 39px;
	background: url("../img/img-check.gif") no-repeat;
	position: absolute;
	right: 5px;
	top: -7px;
}

.connexion .inscription p.intro {
	font-size: 9pt;

}

.connexion .connexion li.erreurs {
	color: red;
	font-size: 7pt;
	padding-left: 15px;
	margin-bottom: 4px;
	background: #fff;
}

.connexion .connexion li.erreurs li {
	margin-bottom :0;
}

/*
	@Introduction
*******************************************************************************/

.colonne_francais {
	width:50%;
	float:left;
}


.colonne_english {
	width:50%;
	float:right;
}

.accueil #contenu .intro1 {
	z-index: 110;
	position: absolute;
	left: 105px;
	top: 110px;
	width: 327px;
	height: 108px;
	text-indent: -9999px;
	background: url("../fr/img/img-intro.png") no-repeat;
}

.accueil #contenu .intro2 {
	z-index: 110;
	position: absolute;
	left: 470px;
	top: 110px;
	width: 327px;
	height: 108px;
	text-indent: -9999px;
	background: url("../en/img/img-intro.png") no-repeat;
}

.accueil #contenu .actions_fr {
	z-index: 120;
	position: absolute;
	top: 280px;
	left: 180px;
}

.accueil #contenu .actions_en {
	z-index: 120;
	position: absolute;
	top: 280px;
	left: 545px;
}

.accueil #contenu .txt_fr {
	z-index: 125;
	position: absolute;
	top: 420px;
	left: 105px;
	width:327px;
}

.accueil #contenu .txt_en {
	z-index: 125;
	position: absolute;
	top: 420px;
	left: 470px;
	width:327px;
}

/*
	@section Inscription
*******************************************************************************/

body.inscription #contenu {
	width: 640px;
	margin: 0 auto;
	padding-top: 156px;
	padding-bottom: 86px;
	position: relative;
}

body.inscription #logo {
	z-index: 100;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -82px;
	width: 164px;
	height: 157px;
	background: url("../img/img-logo.png") no-repeat;
}

body.inscription h1 {
	font-size: 20pt;
	font-family: "Courier New", monospace;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 1px;
}

body.inscription h2 {
	font-size: 140%;
	font-family: "Courier", monospace;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.7em;
	background: #fff;
}

body.inscription .colonnes {
	color: #000;
	margin-top: 35px;
	padding-left: 0;
}

body.inscription form {
	position: relative;
}

body.inscription form li.premier div {
	border-top: 1px solid #b3d8df;
}

body.inscription form div {
	border-bottom: 1px solid #b3d8df;
	padding: 5px 0;
	width: 600px;
	float: left;
}

body.inscription form li span {
	color: #a7a9a5;
	font-size: 90%;
	line-height: 1.3;
	display: block;
	padding-top: 1px;
	padding-left: 280px;
	background: #fff;
}

body.inscription form li span.special {
	clear: both;
	color: #a7a9a5;
	line-height: 1.8;
	display: block;
	padding-top: 14px;
	padding-left: 24px;
	padding-bottom: 9px;
	background: #fff url("../img/img-etoile-noire.gif") no-repeat 10px 19px;
	height: 1%;
}

body.inscription form #nom, body.inscription form #motdepasse1, body.inscription form #motdepasse1_label {
	margin-right: 98px;
}

body.inscription form li input {
	float: left;
	background: url("../img/bg-champ.gif");
	border: none;
	padding: 2px 10px 4px;
	font-family: "Courier New", monospace;
	font-weight: bold;
	font-size: 180%;
	width: 229px;
	text-transform: uppercase;
	border: 1px solid #fff;
}

body.inscription form li input.focus {
	border: 1px solid #2CC642;
}

body.inscription form li input.label {
	font-size: 7.5pt;
	padding: 8px 10px 8px 10px;
}

body.inscription form li input.erreur {
	border-color: red !important;
}

body.inscription form li em {
	display: block;
	width: 29px;
	height: 36px;
	background: url("../img/bg-erreur-vide.gif") no-repeat;
	float: right;
	margin-left: 0px;
	margin-top: -1px;
}

body.inscription form li em.pleine {
	background: url("../img/bg-erreur-pleine.gif") no-repeat;
}

body.inscription p.bouton {
	padding-top: 20px;
	text-align: right;
}

body.inscription form div.erreurs {
	color: red;
	font-size: 7pt;
	float: left;
	width: auto;
	border-bottom: 0;
	padding: 7px 0 0 15px;
}

body.inscription form div.erreurs li {
	background: #fff;
}

ul.largeur_fix {
	width:350px;
}

/*
	@section Le jeu
*******************************************************************************/

body.jeu .colonnes {
	text-align: center;
	margin-top: 80px;
}

body.jeu h2 {
	font-family: "Courier New", monospace;
	text-transform: none;
	font-size: 18pt;
	letter-spacing: -0.01em;
	padding-left: 42px;
	display: inline;
	text-align: center;
	font-weight: bold;
	background: #fff url("../img/img-check-red.gif") no-repeat 0 50%;
}

body.jeu p.bouton {
	text-align: center;
	padding-top: 0;
	margin-top: 6em;
}

body.jeu .notes {
	margin-top: 2em;
}

body.jeu .notes a {
	color: #19902a;
	text-decoration: none;
}

body.jeu #contenu .notes a:hover {
	color: #19902a!important;
}

body.jeu .notes h3 {
	font-size: 110%;
	margin-bottom: 0.5em;
}

/*
	@section Interieur
*******************************************************************************/

body.interieur #contenu {
	background:url(../img/bg-header.jpg) no-repeat top center;
	width: 596px;
	margin: 0 auto;
	padding:0 152px 152px 152px;
}

body.interieur h1 {
	text-indent:-9999px;
	height:0;
}

body.interieur h2 {
	color:#fff;
	font-size:2.25em;
	height:98px;
	padding:55px 0 0 0;
}

body.interieur h3 {
	background:#08495a;
	color:#fff;
	font-weight:bold;
	font-size:2em;
	margin-bottom:.5em;
	padding-left:10px;
	clear:both;
}
body.interieur h3.vide {
	background:none;
	padding-left: 0;
	font-size: 1.8em;
}
body.interieur h3.back {
	font-size:1.5em;
	margin-bottom:1em;
	padding:0 10px 0 10px;
}

body.interieur h4 {
	color:#fff;
	font-weight:bold;
	font-size:2em;
	margin-bottom:1em;
	padding-top:1em;
}

body.interieur h5 {
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em;
}

body.interieur p {
	font-size:1.15em;
	margin-bottom:2em;
}

body.interieur ul {
	font-size:1.15em;
	margin-bottom:2em;
}

body.interieur ul.marge_b {
	margin-bottom:5em;
}

body.interieur ul li{
	list-style-image:url(../img/img-fleche-g.gif);
	margin-bottom:1em;
	margin-left:2em;
}

body.interieur div.soustitre {
	background:#08495a;
	height:28px;
	clear:both;
	padding:0 10px 0 10px;
	margin-bottom:2px;
}

body.interieur div.soustitre h3 {
	background:none;
	font-weight:bold;
	float:left;
	font-size:1.5em;
	margin:2px 0 0 0;
}

body.interieur div.soustitre a {
	background: url(../img/img-fleche-d.gif) center left no-repeat;
	color:#c3ccce;
	font-size:1.25em;
	font-weight:bold;
	float:right;
	padding:0 0 0 15px;
	margin:2px 0 0 10px;
}

body.interieur ul.liste_fleches {
	margin-top:1em;
}

body.interieur ul.liste_fleches li {
	margin-bottom:1em;
	list-style-image:none;
}

body.interieur ul.liste_fleches li ul li{
	list-style-image: url(../img/img-fleche-g.gif)!important;
}

body.interieur ul.liste_fleches li.titre_liste span {
	color:#fff;
	list-style-image:none;
	font-size:1.5em;
}

body.interieur div.encadre {
	background:#08495a;
	padding:20px 15px;
	margin-bottom:2em;
}

body.interieur div.encadre p {
	margin-left:195px;
}

body.interieur div.encadre p.vide {
	margin-left:0!important;
}

body.interieur div.encadre ul.vide li{
	margin-left:2em!important;
}

body.interieur div.encadre ul {
	margin-left:195px;
}

body.interieur div.encadre div {
	float:left;
	width:180px;
}

body.interieur div.encadre div img {
	border:4px solid #1A6E86;
	margin:0 0 5px 0;
}

body.interieur div.encadre div p {
	color:#fff;
	margin:0 0 2em 5px;
}

body.interieur div.encadre h3 {
	color:#fff;
	font-weight:bold;
	font-size:2em;
	margin-bottom:1em;
}

body.interieur div.encadre h4 {
	font-size:1.15em;
	color:#fff;
	margin:0;
	padding:0;
}

body.interieur div.encadre p.description {
	font-size:.9em;
	margin:0 0 1em 0;
	padding:0;
	color:#C3CCCE;
}

body.interieur div.encadre ul.liste_fleches li {margin-bottom:0;}

/*
	@Guide-enseignant
*******************************************************************************/

body.interieur div.schema img {
	margin:0 20px 0 0;
	float:left;
}

body.interieur div.schema p.lien_schema {
	padding:35px 0 0 0;
	float:none;
	margin:0;
}

body.interieur div.schema p.lien_schema.width {
	padding:10px 0 0 0!important;
}


body.interieur div.schema p.lien_schema a{
	display:block;
	font-size:1.55em;
}

body.interieur div.schema span.petit {
	font-size:.70em;
}


/*
	@Tableau Synhèse
*******************************************************************************/

body.interieur table#tb_synthese a {
	font-size:1.15em;
	color:#fff;
}

body.interieur table#tb_synthese td, body.interieur table#tb_synthese th{
	font-size:.95em;
	border:1px solid #000;
	padding:5px;
}

body.interieur table#tb_synthese tr.section td{
	background:#08495A!important;
	font-size:1.1em;
}

body.interieur table#tb_synthese tr.section ul{
	margin:0;
}

body.interieur table#tb_synthese tr.section li{
	list-style-image:none;
}

body.interieur table#tb_synthese tr.section span{
	font-weight:bold;
	color:#fff;
}

body.interieur table#tb_synthese th { color:#fff;}

body.interieur table#tb_synthese th.themes { width:100px; background:#1A6E86;}
body.interieur table#tb_synthese th.concepts { background:#1A6E86;}
body.interieur table#tb_synthese th.objets { width:150px; background:#1A6E86;}
body.interieur table#tb_synthese th.textes { width:200px; background:#1A6E86;}


/*
	@inscription-Groupe
*******************************************************************************/

div.groupe {
	background:#1a6e86;
	padding:20px 15px;
	margin-bottom:3em;
}

div.groupe h4 {
	padding:0;
	margin:0 0 1em 0;
}

div.groupe p {
	margin:0 0 2em 1em;
}

div.groupe p span {
	color:#fff;
	background:#003745;
	padding:0 5px;
	font-weight: bold;
}

form#incription_groupe p {
	color:#fff;
}

form#incription_groupe .pousse_d {
	margin-right:15px;
}

form#incription_groupe ul li p {
	width:282px;
	float:left;
	font-size: 1em;
	margin-bottom:0;
}

form#incription_groupe p.full {
	width:550px;
	float:none;
	margin-bottom:0;
	font-size:1em;
	font-weight:normal;
}

form#incription_groupe ul li {
	margin-bottom:2em!important;
}

form#incription_groupe ul li.fleche {
	list-style-image: url(../img/img-fleche-g.gif);
	overflow:visible;
	margin:0 0 1em 3em;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;


}

form#incription_groupe ul li input {
	background:#1a6e86;
}

/*
	@gestion-Groupe
*******************************************************************************/

div.gestion {
	margin-bottom:2px!important;
	background:#08495a;
	padding:20px 15px 20px 15px;
}

div.gestion h4 {
	padding:0;
	margin:0;
}


div.gestion h4 span {
	color:#C3CCCE;
}

ul.gestion_liste {
	margin-bottom:0!important;
}

ul.gestion_liste li {
	background:#08495A;
	padding:2px 5px!important;
	margin:0 0 2px 0!important;
	list-style-image:none!important;
}

ul.gestion_liste li.membre {
	list-style-image: url(../img/img-fleche-g.gif)!important;
	list-style-position:inside;
	background:#1A6E86;
	font-size:1.1em;
	color:#fff;
}

ul.gestion_liste li.membre span {
	padding-left:8px;
}

p.aucuns_joueurs {
	background:#1A6E86 url(../img/img-fleche-g.gif) 5px center no-repeat;
	font-size:1.1em;
	color:#fff;
	padding:5px 5px 5px 15px;
}

ul.gestion_liste li.active {background:#1A6E86; cursor:pointer;}
ul.gestion_liste li.active a{color:#fff!important;}

ul.gestion_liste li a {
	background:url(../img/img-fleche-g.gif) center left no-repeat;
	padding-left:15px;
	display:block;
	font-size:1.1em;
}

div.enigmes {
	background:#1A6E86;
	padding:20px 15px 20px 15px;
	color:#fff;
}

div.enigmes h5 {
	font-size:1.5em;
	font-weight:bold;
	background: url(../img/img-cadenas.gif) center left no-repeat;
	padding-left:25px;
}

div.enigmes ul li {
	margin-bottom:0;
}

div.enigmes div {
	background:#000;
	margin:0 -12px -18px -12px;
	padding:20px 35px 5px 35px;
}

div.enigmes div h6 {
	font-size:1.5em;
	font-weight:bold;
	background: url(../img/img-bloc-notes.gif) center left no-repeat;
	padding-left:25px;
	margin:0 0 1em -25px;
}

/*
	@connexion-Groupe
*******************************************************************************/

div.connexion {}

div.gauche { float:left; width:290px;}
div.droite { float:right; width:290px;}

div.gauche li.marge { margin-bottom:2em!important;}

div.gauche input.valeurParDefaut { background:#1A6E86!important;}

div.gauche input[type=text] {
	width:250px!important;
}

div.droite a.bouton_inscription {
	display:block;
	text-indent:-9999px;
	background: url(../fr/img/img-login.gif) no-repeat;
	width: 287px;
	height: 84px;
}

a.bouton_inscription_en {
	display:block;
	text-indent:-9999px;
	background: url(../en/img/img-login.gif) no-repeat;
	width: 287px;
	height: 84px;
}

div.connexion li.fleche {
	margin-left:1em!important;
	list-style-image: url(../img/img-fleche-g.gif)!important;
	list-style-position:inside;
	float:none;
}

div.connexion li.fleche a{
	color:#fff;
	font-size:1.125em;
	font-weight:bold;
	padding-left:8px;
}

/*
	@Envoyer a un ami et Courriel
*******************************************************************************/


body.interieur form.formulaire h4 {
	color:#fff;
	background:url(../img/img-fleche-g.gif) center left no-repeat;
	padding-left:10px;
	font-size:1.25em;
	margin:0 0 .5em 0;
	padding-top:0!important;
}

body.interieur form.formulaire ul {
	margin-bottom:2.5em;
	font-size:1em;
}

body.interieur form.formulaire ul li{
	margin-bottom:5px;
	overflow:hidden;
	list-style-image:none;
	margin-left:0;
}

body.interieur form.formulaire ul li input{
	float:left;
	width:282px;
	height:23px;
	background:#08495a;
	border:1px solid #08495a;
	color:#c3ccce;
	font-size:1.4em;
	padding:5px 0 0 5px;
}

body.interieur form.formulaire ul li input:focus{
	background:#c3ccce;
	border:1px solid #fff;
	color:#000;
}

body.interieur form.formulaire ul li input.nom{
	margin-right:18px;
}

body.interieur form.formulaire textarea.message {
	vertical-align:top!important;
	color:#c3ccce;
	background:#08495a;
	border:1px solid #08495a;
	width:591px;
	height:145px;
	margin-bottom:2em;
	padding:5px 0 0 5px;
}
body.interieur form.formulaire textarea:focus.message {
	color:#000;
	background:#c3ccce;
	border:1px solid #fff;
	padding:5px 0 0 5px;
}

body.interieur form.formulaire input#envoyer {
	color:#fff;
	font-size:1.7em;
	border:0;
	text-indent:-9999px;
	display:block;
	width:110px;
	height:34px;
	margin:0 auto 2em auto;
	padding:4px 0 6px 0;
}

body.interieur div.erreurs {
	font-size:1.1em;
	color:#fff;
	margin-bottom:1em;
	color:red;
}

body.interieur div.erreurs li{
	list-style:disc!important;
	list-style-image:none;
	margin-left:2em;
	font-size:.85em;
	margin-bottom:0;
}

body.interieur form.formulaire ul li select {
	float:left;
	width:282px;
	background:#08495a;
	border:1px solid #08495a;
	color:#c3ccce;
	font-size:1.4em;
}

body.interieur form.formulaire ul li option {
	background:#08495a;
	border:1px solid #08495a;
	color:#c3ccce;
}

body.interieur form#form_courriel.formulaire ul li, body.interieur form#form_concours.formulaire ul li, body.interieur form#form_info.formulaire ul li {
	margin-bottom:10px;
}

body.interieur form#form_courriel.formulaire ul li label, body.interieur form#form_concours.formulaire ul li label, body.interieur form#form_info.formulaire ul li label {
	color:#fff;
	font-size:1.15em;
	margin-right:10px;
	width:150px;
	float:left;
	text-align:right;
}


body.interieur form#form_courriel.formulaire textarea.message, body.interieur form#form_courriel.formulaire ul input, body.interieur form#form_courriel.formulaire select {
	width:350px;
}

body.interieur form#form_courriel.formulaire ul li input#age, body.interieur form#form_concours.formulaire ul li input#age, body.interieur form#form_info.formulaire ul li input#age {
	width:50px;
}

p.margetop {
	margin-top:2em;
}

/*
	@Section concours
*******************************************************************************/

body.interieur #contenu.concours h3 {font-weight:normal;background:none;font-size:1.7em;margin-bottom:45px;}
body.interieur #contenu.concours h3 strong {font-weight:bold;}
body.interieur #contenu.concours h3 a:link {font-weight:bold;color:#fff!important;text-decoration:none;}

body.interieur #contenu.concours h4 {color:#FF2700;}

body.interieur #contenu.concours .encadre {background:#000;padding:10px 25px 10px 15px;margin-bottom:50px;}
body.interieur #contenu.concours .encadre h3 {color:#ff2700;text-transform:uppercase;font-weight:bold;font-size:2em;float:left;width:150px;margin:0;padding:0;}
body.en #contenu.concours .encadre h3 {width:95px;}
body.interieur #contenu.concours .encadre dl {color:#fff;float:left;}
body.interieur #contenu.concours .encadre dl dt {font-size:2em;font-weight:bold;}
body.interieur #contenu.concours .encadre dl dd {font-size:1.2em;}
body.interieur #contenu.concours .encadre a {display:block;width:65px;height:25px;line-height:25px;text-align:center;background:#005c6e;text-decoration:none;float:right;margin-top:26px;}

body.interieur #contenu.concours .fleche {background: url(../img/img-fleche-g.gif)no-repeat left 11px;padding-left:10px;}
body.interieur #contenu.concours .fleche strong {font-size:1.5em;font-weight:normal;}

body.interieur #contenu.concours #form_concours {border:1px solid #005C6E;padding-top:10px;margin:0 0 50px 0;}
body.interieur #contenu.concours #form_concours ul {margin-bottom:22px;}
body.interieur #contenu.concours #form_concours #envoyer {margin-bottom:10px;}

body.interieur #contenu.concours ul.prix {margin-top:-15px;}
body.interieur #contenu.concours ul.prix li {background: #005C6E url(../img/img-fleche-g.gif) no-repeat 9px 24px!important;padding:12px 30px 15px 20px;margin:0 0 6px 0;list-style-image:none!important;}
body.interieur #contenu.concours ul.prix li strong {font-size:1.5em;font-weight:normal;}

body.interieur #contenu.concours #form_info h4 {background:none;font-size:2em;font-weight:bold;margin-bottom:1em;padding:1em 0 0 0;}

body.interieur #contenu.concours #form_questions ul li {background: url(../img/img-fleche-g.gif)no-repeat 9px 22px;list-style:none;padding:12px 30px 15px 20px;margin:0 0 6px 0;border:1px solid #005C6E;}
body.interieur #contenu.concours #form_questions ul li h5 {font-size:1.7em;font-weight:normal;margin-bottom:5px;color:#C3CCCE;}
body.interieur #contenu.concours #form_questions ul li h6 {font-size:1.1em;margin-bottom:8px;}
body.interieur #contenu.concours #form_questions ul li p strong {font-size:1.7em;font-weight:normal;line-height:1.2;}
body.interieur #contenu.concours #form_questions ul li label {width:160px;text-align:left;color:#FF2700;}

body.interieur #contenu.concours .inscrire {
	background:#005C6E;
	line-height:25px;
	margin-top:26px;
	padding:5px 12px;
	text-align:center;
	text-decoration:none;
}

body.interieur #contenu.concours #form_questions div {
	margin:0 auto 2em auto;
	width:310px;
}

body.interieur #contenu.concours #form_questions input#envoyer {
	width:120px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

body.interieur #contenu.concours #form_questions input#deconnecter {
	width:160px;
}

/*
	@section Credit
*******************************************************************************/

div#credit_musee {
	margin-bottom:2em;
	clear:both;
}

div#credit_musee img{
	float:left;
	margin-right:2em;
}

div#credit_musee p{
	padding-top:2.5px;
}

ul.credits li {
	list-style-image:none!important;
	margin-bottom:5px!important;
	margin-left:0!important;
}

ul.credits li span{
	float:left;
	width:250px;
}

.blanc{
	color:#fff!important;
}

ul.credits li ul {
	margin-bottom:0!important;
	font-size:1em!important;
	float:left!important;
}

ul.credits li ul.adresse {
	margin-bottom:10px!important;
}

ul.credits li ul.adresse li {
	font-size:.9em!important;
	line-height:.85em!important;
}

ul.credits li ul.adresse li.nom {
	font-size:1.1em!important;
	line-height:1.75em!important;
}

ul.credits li ul li{
	margin-left:0!important;
}

ul.credits li.t_credits {
	color:#fff!important;
	font-weight:bold!important;
	font-size:1.15em!important;
	margin:2em 0 0 0!important;
}

span.t_credits {
	font-size:1.15em!important;
	color:#fff!important;
}

/*
	@section Plan du site
*******************************************************************************/

#contenu.plan-site ul li.plan_titre{
	font-weight:bold;
	color:#fff;
	list-style-image:none;
	margin-left:0;
}

#contenu.plan-site ul {
	float:left;
	width:298px;
}

#contenu.plan-site li.plan_notitre {
	margin-top:2.5em;
}

/*
	@section Conclusion
*******************************************************************************/

div.musees {
	margin-bottom:5px;
	background:#08495a;
	padding:20px 15px 10px 15px;
}

div.musees div {
	height:100%;
	width:200px;
	float:left;
	margin-right:20px;
}

div.musees div img {
	border:4px solid #1a6e86;
	margin-bottom:10px;
}

div.musees div a.visite {
	background:url(../img/img-fleche-g.gif) center left no-repeat;
	font-size:1.15em;
	padding-left:15px;
}


div.musees h3{
	font-size:1.3em;
	margin-bottom:0;
	clear:none;
}

div.musees p {
	margin-bottom:1em;
	margin-left:220px;
}

.xsmall {
	font-size:1.1em!important;
}

.media {
	display:block;
	width:720px;
	margin:0 auto;
}

/*
	@section Pied
*******************************************************************************/

body.interieur #pied { background:#000; padding-top:10px;}

#pied {
	clear: both;
	height: 26px;
	margin-top: -26px;
	position: relative;
	width: 100%;
	text-align: center;
	line-height: 1.2;
}

#pied.intro {
	height: 105px;
	margin-top: -105px;
}

#pied.accueil {
	height: 55px;
	margin-top: -55px;
}

#pied p{
	margin-bottom:5px;
}

#pied a {
	color: #eee;
	font-weight:bold;
}

div.credit_partenaires{
	width:665px;
	margin:0 auto;
}

p.floatleft {
	text-align:left;
	width:315px;
	float:left;
}

p.floatright {
	text-align:left;
	width:315px;
	float:right;
}
p.centrer {
	width:350px;
	margin:0 auto!important;
}

.txtsmall {
	font-size:1em!important;
}


.accueil #contenu .bientot {
	position: absolute;
	width: 321px;
	height: 46px;
	background: url("../fr/img/img-bientot.png") no-repeat;
	text-indent: -9999px;
	top: 280px;
	left: 372px;
}


#envoyer_ami label {
	float: left;
	display: block;
	width: 282px;
	margin-right: 26px;
	padding-bottom: 3px;
}

#envoyer_ami label.deuxieme {
	margin-right: 0;
	width: 282px;
}

.align-centre {
	text-align:center;
	color:#fff;
}

