
body { background-color: #06bfcb;}


#conteneur { 
width: 800px;
height:auto; 
margin-left:auto; 
margin-right:auto;
background-image:url(images/fond.jpg); 
background-repeat:no-repeat;
background-color:#ffffff;
border:solid 1px #ffffff;
position:relative;
}

#conteneur_index {
width: 800px; 
height:636px; 
background-image:url(images/accueil.jpg); 
background-repeat:no-repeat;
margin-left:auto; 
margin-right:auto;
background-color:#ffffff;
border:solid 1px #ffffff;
position:relative;
}

#bandeau {
width: 800px; 
height:109px; 
border-bottom:solid 1px #ffffff;
}

#centre {
width: 800px; 
height:auto; 
}


#bloc_texte {
padding-top:35px;
padding-right:45px;
width: 72%;
height:auto;
color:#3c3c3c;
font-size:12px; 
font-family:Geneva, Arial, Helvetica, sans-serif;
float:right;
line-height:18px;
}

#bloc_texte img {float:left; padding-right:10px; }

#bouton_cine  {
width: 110px; 
height: 102px; 
position:absolute; 
top:145px; 
left:34px;
}

#bouton_sport {
width: 110px; 
height: 102px; 
position:absolute; 
top:266px; 
left:34px;
}


#bouton_musique  {
width: 110px; 
height:102px; 
position:absolute; 
top:392px; 
left:34px;
}

#bouton_jeux  {
width: 110px; 
height:102px; 
position:absolute; 
top:515px; 
left:34px;
}

#etoiles{
width:38px; 
height:28px; 
background-image: url(images/etoiles.gif);
background-repeat:no-repeat;
float:left;
}

#footer { 
width:800px; 
height:30px; 
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff; 
margin-left:auto; 
margin-right:auto;
}

#astuce { padding-left:10px; margin: 10px 0px 15px 65px; border-left:dotted 1px #3c3c3c; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
.astuce2 { color:#3c3c3c; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;}

#bloc_livret {
width:300px;
height:auto; 
position:absolute; top:465px; left:455px;
text-align:justify;
}

#bloc_livret2 {
width:120px;
height:auto; 
position:absolute; top:520px; left:35px;
background-color: #06bfcb;
}

#bloc_livret2 a { color:#ffffff; text-decoration:none;}
#bloc_livret2 a:hover { color:#ffffff; text-decoration:underline}



#spacer {
clear:both;
}


ul { padding-bottom:15px; }
li  { border-bottom: dotted 1px #cccccc; list-style-image: url(images/etoiles.gif); padding-bottom:15px; }

h1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#06bfcb; }
h2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#3c3c3c;}

.texte2 { color:#b31616; font-weight:bold;}

img { border:0; }

a { color:#b31616; text-decoration:none; }
a:hover { color:#b31616; text-decoration:underline;}

/***********************/
/*** 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;}

.highslide-wrapper 							{ background-color:white }
.highslide-wrapper .highslide-html-content 	{ width:600px; height:370px; 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:#06bfcb; text-transform:uppercase; text-decoration:none }
.highslide-wrapper .highslide-header a:hover 	{ color:#06bfcb }
.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 croisé ***/
/***********************/

#motcroise { cursor: default; font-size: small;}
#motcroise a { text-decoration: none; color:#3c3c3c; font-size:8pt;}
#motcroise a :hover{ text-decoration: none; color:#3c3c3c; font-size:8pt;}
#motcroise  h1 h2 h3 h4 h5 h6 { font-family:verdana;}


.ecw-answerbox
{
	color: black;
	background-color: #FFFAF0;
	border-color: #afcd14;
	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: .22in;
	overflow: hidden;
	text-align: center;
	width: .22in;
}

.ecw-boxcheated_sel
{
	background-color: #FFF1D7;
	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: #afcd14;
	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;
}


/***********************/
/*** 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;}















