@charset "utf-8";
/* CSS Document */

body {
	background-color:#8ABACA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;;
}

img {
	border:0;
	float:left;
	padding-right:5px;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}

a:hover {
	color:#333;
	text-decoration:underline;	
}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#BC3A23;
	padding-bottom:25px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

#conteneur {
	width:850px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#bandeau {
	width:850px;
	height:163px;
	background-image:url(images/bandeau.jpg); background-repeat:no-repeat;
}

#centre {
	width:640px;
	height:auto;
	border-top:solid 2px #AA3F20;
	border-bottom:solid 2px #AA3F20;
	background-color:#D9EDF9;
	background-image:url(images/fond.jpg);
	background-repeat:no-repeat;
	padding:0 20px 0 190px;
}

#astuce {
	border-left:1px dotted #333;
	padding:0 5px 0 5px;
	margin:0 20px 0 25px;
	font-size:11px;
}

#bloc_livret {
	width:300px;
	height:auto;
	position:absolute;
	top:520px;
	left:500px;
	text-align:justify;
}


#footer {
	width:850px; 
	height:31px; 
	margin-left:auto;
	margin-right:auto;
}

#spacer {
clear:both;
}

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	text-align:center;
}

/***********************/
/*** MENU ACCUEIL***/
/***********************/

#fondaccueil {
	width:850px;
	height:544px;
	background:url(images/fond_accueil.jpg) no-repeat;
}

.bouton1 {
	width:315px;
	height:132px;
	background:url(images/boutons1.png) no-repeat;
	position:absolute; top:200px; left:50px;
}

.bouton1:hover {
	background:url(images/boutons1_on.png) no-repeat;
}

.bouton2 {
	width:352px;
	height:127px;
	background:url(images/boutons2.png) no-repeat;
	position:absolute; top:350px; left:50px;
}

.bouton2:hover {
	background:url(images/boutons2_on.png) no-repeat;
}

.bouton3 {
	width:305px;
	height:130px;
	background:url(images/boutons3.png) no-repeat;
	position:absolute; top:500px; left:50px;
}

.bouton3:hover {
	background:url(images/boutons3_on.png) no-repeat;
}


/***********************/
/*** MENU ***/
/***********************/

.menu1 {
	width:130px;
	height:128px;
	background:url(images/menu1.png) no-repeat;
	position:absolute; top:200px; left:50px;
}

.menu1:hover {
	background:url(images/menu1_on.png) no-repeat;
}

.menu2 {
	width:130px;
	height:128px;
	background:url(images/menu2.png) no-repeat;
	position:absolute; top:350px; left:50px;
}

.menu2:hover {
	background:url(images/menu2_on.png) no-repeat;
}

.menu3 {
	width:130px;
	height:128px;
	background:url(images/menu3.png) no-repeat;
	position:absolute; top:500px; left:50px;
}

.menu3:hover {
	background:url(images/menu3_on.png) no-repeat;
}

.lienlivret {
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	position:absolute; top:650px; left:65px;
	background-color:#8abaca;
	padding:2px;
}

.lienlivret:hover {
	color:#ffffff;
	text-decoration:none;
}

.lienlivret2 {
	color:#BC3A23;
	text-decoration:none;
}

.lienlivret2:hover {
	color:#BC3A23;
	text-decoration:underline;
}


/***********************/
/*** LISTE ***/
/***********************/

.liste1 {
	list-style-image:url(images/massue.png);
}

/***********************/
/*** STYLES ***/
/***********************/

.texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

.consigne {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#BC3A23;
	text-decoration:none;
}

.consigne:hover {
	color:#BC3A23;
	text-decoration:none;
}


.silex {
	position:absolute;
	top:696px;
	left:635px;
	z-index:0;
}


.puzzle {
	position:absolute;
	top:712px;
	left:515px;
	z-index:0;
}

.img_droite {
	float:right;
	padding-left:10px;
}


/***********************/
/*** MOTS CACHÉS ***/
/***********************/

#tableau {
cursor:crosshair;
}

#tableau td{font-size: 6mm; font-family: Courier New;padding:2px 8px 2px 8px; }
#tableau td a.inner-link:hover {text-decoration:underline; cursor:default;}
#tabs td.one:hover, #tabs li.one a.outer-link:hover {background:#fef;}

#sp{width:15px;}


/***********************/
/*** PUZZLE ***/
/***********************/

#puzzle {
	width:650px;
	height:400px;
	border:solid 1px #666;
}

/***********************/
/*** Highslide ***/
/***********************/

* 						{ font-family:Verdana; font-size:10pt; font-color:white }
.highslide-html 		{ background-color:#ffffff; font-family:Verdana; font-size:11px; font-color:white;}
.highslide-html-blur	{}
.highslide-html-content { position:absolute; display:none; font-size:10pt; font-color:white}
.highslide-loading 		{display:block; color:black; font-size:8pt; font-family:verdana; font-weight:bold; text-decoration:none;
						border:1px solid black;
    					background-color:white;
    					padding-left:22px;
    					background-image:url('Styles/highslide/graphics/loader.white.gif');
    					background-repeat:no-repeat;
    					background-position: 3px 1px;; padding-right:2px; padding-top:2px; padding-bottom:2px}
a.highslide-credits, a.highslide-credits i 	{padding:2px; color:#ffffff; text-decoration:none; font-size:5px; text-align:right; cursor:pointer;}
a.highslide-credits:hover, a.highslide-credits:hover i 	{color:#ffffff; background-color:#ffffff; font-family:verdana; text-align:right; cursor:pointer; text-decoration:none;}

.highslide-wrapper 							{ background-color:white }
.highslide-wrapper .highslide-html-content 	{ width:680px; height:540px; padding:20px;}
.highslide-wrapper .highslide-html-content 	{ *padding:10px; /*pour IE7*/}
.highslide-wrapper .highslide-header div		{}
.highslide-wrapper .highslide-header ul 		{ margin:0; padding:0; text-align:left; font-family:verdana }
.highslide-wrapper .highslide-header ul li 		{ display:inline; padding-left:1em; padding-bottom:10px;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display:none }
.highslide-wrapper .highslide-header a 		{ font-weight:bold; color:#8abaca; text-transform:uppercase; text-decoration:none }
.highslide-wrapper .highslide-header a:hover 	{ color:#8abaca }
.highslide-wrapper .highslide-header .highslide-move a { cursor:move }
.highslide-wrapper .highslide-footer 		{ height:11px }
.highslide-wrapper .highslide-footer .highslide-resize { float:right; height:11px; width:11px; background:url('Styles/highslide/graphics/resize.gif');  }
.highslide-wrapper .highslide-body 			{ font-family:verdana; font-size:12px; color:#3a3a3a; text-align:justify; padding-right:20px; line-height:18px;}
.highslide-move 								{ cursor: move }
.highslide-resize 							{ cursor:nw-resize; color:white }

/* These must be the last of the Highslide rules */
.highslide-display-block 					{ display:block }
.highslide-display-none 						{ display:none }

.highslide-wrapper .highslide-body  img { border:0; padding-right:15px;  }
.highslide-wrapper .highslide-body  ul { list-style-type:none;  }
.highslide-wrapper .highslide-body li { border-bottom: dotted 1px #3a3a3a;padding-top:20px;padding-bottom:20px; list-style-position:inside;}


/***********************/
/*** MOT CROISE ***/
/***********************/
.ecw-answerbox
{
	color: black;
	background-color: #FFFAF0;
	border-color: #8abaca;
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: .75em;
	width: 240pt;
}

.ecw-box
{
	border-style: solid;
	border-width: 1pt;
	cursor: pointer;
	font-size: .12in;
	font-weight: bold;
	height: .18in;
	overflow: hidden;
	text-align: center;
	width: .18in;
}

.ecw-boxcheated_sel
{
	background-color: #8abaca;
	border-color: #C00000;
	color: #2080D0;
}

.ecw-boxcheated_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #2080D0;
}

.ecw-boxerror_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #BF0000;
}

.ecw-boxerror_unsel
{
	background-color: #FFF0F0;
	border-color: #606060;
	color: #BF0000;
}

.ecw-boxnormal_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #000000;
}

.ecw-boxnormal_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #000000;
}

.ecw-button
{
	width: 64pt;
}

.ecw-cluebox
{
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	margin-top: 1em;
	padding-bottom: .5em;
	padding-left: 0pt;
	padding-right: 0pt;
	padding-top: .5em;
}

.ecw-crosswordarea
{
	background-color: #8abaca;
	border-color: #808080;
	border-style: solid;
	border-width: 2px;
	padding: .5em;
	font-family: Segoe UI, Verdana, Arial, sans-serif;
	font-size: small;
}

.ecw-copyright
{
	margin-bottom: 1em;
	font-size: x-small;
	font-family: Segoe UI, Franklin Gothic Medium, Arial, sans-serif;
}

.ecw-input
{
	font-family: Segoe UI, Franklin Gothic Medium, Arial, sans-serif;
}

.ecw-wordlabel
{
	text-transform: uppercase;
	margin: 0;
}

.ecw-wordinfo
{
	font-size: 8pt;
	color: #808080;
}

.ecw-worderror
{
	color: #c00000;
	font-weight: bold;
	display: none;
	margin-top: 1em;
}