/*	------------------------------------------
/*	Corps de texte - Général
/*	------------------------------------------
*/
div, form, fieldset, input, select {
	margin:0px;
	padding:0px; 
}
div, form, fieldset {
	border:0px;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: 0;
}
abbr, acronym, .help {
	cursor: help;
}
p.center {
	text-align:center;
}
.alert {
	color:#C00055;
	font: bold 1.1em Arial, Verdana;
	margin-bottom:3px;
	margin-left:12px;
}
div.clear {
	display:block;
	clear: both;
	height:2px;
	font-size:0px; 
	line-height:0em;
}

/*	------------------------------------------
/*	Corps Principal
/*	------------------------------------------
/* url(/design/fond.gif) repeat-y 50% 0
*/
body {
	background: #38A8D8;
	margin: 0px;
	padding: 0px;
	font: 100% Arial, Verdana, Helvetica;
	text-align: center;
}


/* CSS Document

F7A915
F5A800  
Bord Bloc Orangé 
Bloc orangé F29400 
Fond Orange + F4A700
Fond orange F6BC00
Fond rouge D13D21
Fond Vert 57AA28
*/


/*	------------------------------------------
/*	Background des trois parties
/*	------------------------------------------
*/
#site0, #site1, #site2, #site3, #site4 {
	margin:0px;
	padding: 0px;
	background: url(/design/middle.gif) repeat-y 50% 0 ;
}
#header0, #header1, #header2, #header3, #header4 {
	margin:0px;
	padding: 0px;
	background: url(/design/header.gif) no-repeat 50% top ;
}
#header {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	height:114px;
}
#middle {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
#footer0, #footer1, #footer2, #footer3, #footer4 {
	margin:0px;
	padding: 0px;
	background: url(/design/footer.gif) no-repeat 50% bottom ;
}

#footer {
	width:1200px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

/*	------------------------------------------
/*	Header - Pages intérieures
/*	------------------------------------------
*/

#header h2 {
	font-size:1.0em;
	float:right;
	width:580px;
	height:25px;
	color:#C00055;
	margin:0px;
	padding-top:15px;
	padding-right:30px;
}


#header a {
	display:block;
	height:100%;
	width:100%;
	text-indent: -4000px;
	text-decoration: none;
}

#header ul {
	width:990px;
	margin:0px;
	margin-left:220px;
	padding:0px;
	list-style-type:none;
}
#header li {
	margin:0;
	padding:0;
	float:left;
	margin-left:15px;
}

#header #navi1, #header #navi1 a {
	width: 435px;
	height:125px;
}

#header #navi2 {
	width: 108px;
	height:49px;
	margin-top:16px;
}
#header #navi2 a {
	width: 108px;
	height:33px;
	background:url(/design/histoire-off.gif) no-repeat bottom;
}
#header #navi2 a:hover {
	background:url(/design/histoire-on.gif) no-repeat bottom;
}
#header #navi3 {
	width: 90px;
	height:49px;
	margin-top:16px;
} 
#header #navi3 a {
	width: 90px;
	height:33px;
	background:url(/design/BLOG-OFF.gif) no-repeat bottom;
}
#header #navi3 a:hover {
	background:url(/design/BLOG-ON.gif) no-repeat bottom;
}

#header #navi4 {
	width:257px;
	height:125px;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
}
#header #navi4 a {
	width: 257px;
	height:125px;
	background:url(/design/grand-jeu-off.gif) no-repeat bottom;
}
#header #navi4 a:hover {
	background:url(/design/grand-jeu-on.gif) no-repeat bottom;
}


/*	------------------------------------------
/*	Colonne principale - Home
/*	------------------------------------------
*/
#col1g {
	float:left;
	margin-top: 0px;
	width: 216px;
}

#col3d {
	float:right;
	width: 983px;
}


#colg {
	float:left;
	width:470px;
}
#cold {
	float:right;
	width:470px;
}
/*	------------------------------------------
/*	Style Barre de recherche
/*	------------------------------------------
*/

#liner {
	float:right;
	padding-top:15px;
	padding-right:17px;
	width:238px;
	color:#B70053;
	font: bold 0.9em Arial, Verdana;
	text-align:center;
	word-spacing:0.7em;
}
#liner a {
	color:#B70054;
}
#liner .active {
	color:#DBDEEB;
}

#pager {
	padding-top:15px;
	font: bold 0.9em Arial, Verdana;
	text-align:center;
	word-spacing:0.7em;
	color:#B70053;
}
#pager a {
	color:#B70054;
}
#pager .active {
	color:#DBDEEB;
}
/*display:none;
*/
#moteur {
	width:170px;
	padding-left:17px;
	text-align:left;
}
#moteur h2 {
	color:#FFFFFF;
	background:#234376 url(/design/moteur-h2.jpg) no-repeat;
	margin:0px;
	padding-left:10px;
	font-size:0.8em;
	text-transform:uppercase;
}
#moteur div#f1, #moteur div#f2  {
	border:solid 2px #FFFFFF;
	background:#FFFFFF url(/design/moteur-fond1.jpg);
	color:#000000;
	overflow: auto;
	max-height:120px; 
	margin-bottom:15px;
	font-size:0.75em;
}
#moteur div#f3, #moteur div#f4, #moteur div#f0 {
	border:solid 2px #FFFFFF;
	background:#FFFFFF url(/design/moteur-fond.jpg);
	color:#000000;
	overflow: auto;
	height:170px; 
	margin-bottom:15px;
	font-size:0.75em;
}
#moteur div#f4  {
	margin-bottom:0px;
}

#moteur a, #moteur a.selected:hover{
	padding-left:18px;
	background:url(/design/checkbox.gif) no-repeat;
	color:#62625F;
	text-decoration:none;
}
#moteur a:hover, #moteur a.selected {
	background:url(/design/checkedbox.gif) no-repeat;
	text-decoration:none;
	color:#2E2E2D;
}
#moteur span {
	color:#98989A;
	padding-left:18px;
	background:url(/design/nocheckbox.gif) no-repeat;
}
/*	------------------------------------------
/*	Style des vignettes
/*	------------------------------------------
*/
#site0 #col3d h2, #site1 #col3d h2 {
	font-size:1.0em;
	color:#C00055;
	margin:0px;
	text-align:left;
}

#col3d div.float{
	background:#FFFFFF url(/design/case.gif) no-repeat 10px 10px;
	width: 120px;
	height:155px;
	padding: 0px;
	float: left;
	text-align: center;
	z-index:0;
}

#col3d div.clear, #col3d div.spacer {
	display:block;
	clear: both;
	height:2px;
	font-size:0px; 
	line-height:0em;
}
div.spacer {
/*	border-top:#999999 1px solid;*/
}

#col3d div.float a {
	padding-top: 10px;
	display:block;
	font-size: 11px;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}
#col3d div.float a img{
	padding-bottom:5px;
}
div.float a span.popup {
	display:none;
	float:left;
	position:absolute;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
	width:110px;
	margin-top:100px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	background:url(/design/survol-b.gif) no-repeat bottom;
}
div.float a span.popup img {
	padding-top:5px;
	padding-bottom:0px;
}
div.float a:hover span.popup {
	display:block;
}

#col3d div.float a:hover{
	text-decoration:none;
	background:url(/design/survol-b.gif) no-repeat 50% 3px;
}

div.float span.barre{
	text-decoration:line-through;
}

#col3d div.container--- {
	margin-left: 7px;
	margin-right: 7px;
}

/*	------------------------------------------
/*	Page mention légales
/*	------------------------------------------
*/
#site2 #col3d {
	text-align:left;
}
#site2 #col3d #colg {
	padding-left:20px;
	padding-right:10px;
	font-size:0.8em;
}
#site2 #col3d #cold {
	font-size:0.8em;
}
#site2 #col3d h1 {
	color:#C00055;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	margin-bottom:7px;
}
#site2 #col3d h2 {
	margin:0px;
	padding:0px;
	font-size:1.0em;
	margin-bottom:7px;
	color:#62625F;
}
#site2 #col3d p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:0.9em;
	color:#62625F;
}
#site2 #col3d a {
	color:#C00055;
}
#site2 #col3d a:hover {
	text-decoration:none;
}

/*	------------------------------------------
/*	Reglement
/*	------------------------------------------
*/
#site3 #col3d {
	text-align:left;
}
#site3 #col3d #colg {
	padding-left:20px;
	padding-right:10px;
	font-size:0.8em;
}
#site3 #col3d #cold {
	font-size:0.8em;
}
#site3 #col3d h1 {
	color:#C00055;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	margin-bottom:7px;
}
#site3 #col3d h2 {
	margin:0px;
	padding:0px;
	font-size:1.0em;
	margin-bottom:7px;
	color:#C00055;
}
#site3 #col3d p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:0.9em;
	color:#62625F;
}
#site3 #col3d a {
	color:#C00055;
}
#site3 #col3d a:hover {
	text-decoration:none;
}

/*	------------------------------------------
/*	Page d'administration
/*	------------------------------------------
*/






/*	------------------------------------------
/*	Footer
/*	------------------------------------------
*/

#footer {
	clear: both;
}

#credits0, #credits1, #credits2, #credits3, #credits4 {
	color: #FFFFFF;
	font: bold 0.8em Arial, Verdana, Helvetica;
	text-align:center;
	width: 1200px;
	height:70px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}

ul#credits {
	margin:0px;
	padding:0px;
	margin-left:300px;
	list-style:none;
}
ul#credits li {
	float:left;
	width:196px;
}
ul#credits a {
	color:#FFFFFF;
}
ul#credits a.hover {
	color:#FFFFFF;
}

/*	------------------------------------------
/*	Pop-up
/*	------------------------------------------
*/

#pophead {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	height:80px;
	background: url(/design/header-pop.gif) no-repeat bottom;
}
#popup {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	background: url(/design/middle-pop.gif) repeat-y;
}

#popup h1 {
	margin-top:0px;
	margin-left:150px;
	text-indent :-2500px;
	width:208px;
	height:39px;
	background:url(/design/envoyez.gif) no-repeat bottom;
}
#popup p {
	margin-left:50px;
	margin-right:50px;
	margin-bottom:0px;
	text-align:left;
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	
}
#popup a {
	color:#C00055;
}
#popfoot {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	height:46px;
	background: url(/design/footer-pop.gif) no-repeat bottom;
} 



#viralForm fieldset {
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	margin:0px;
}
#viralForm label {	
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	width:100px;
	float:left;
	padding-top:9px;
}
#viralForm label.long {	
	width:400px;
}
#viralForm textarea, #viralForm input {
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	border:#AE094E 3px solid;
	margin-top:8px;
}

#viralForm input {
	width:200px;
}
#viralForm textarea {
	width:350px;
	height:70px;
}

#viralForm input.ok {
	font:bold 1.3em Arial Black, Arial;
	text-indent:-500px;
	color:#AE094E;
	background: url(/design/ok.gif);
	height:25px;
	width:29px;
	border:0px solid;
	margin-left:-4px;
}
#viralForm input.ok:hover {
	background: url(/design/ok.gif);
	cursor:pointer;
}

/*	------------------------------------------
/*	Pop-up annonce jeu
/*	------------------------------------------
*/
#popjeu {
	display:none;
	position:absolute;
	top:120px;
	left:50%;
	margin-left:-225px;
	width:450px;
	height:559px;
	background:#E60060;
	color:#FFFFFF;
}
#popjeu a:hover{
	text-decoration:none;
}
#closejeu {
	display:none;
	position:absolute;
	top:140px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
}
#headerjeu {
	display:block;
	height:94px;
	background:url(/design/header-grand-jeu.jpg) no-repeat;
	text-align:left;
	padding-left:65px;
	padding-top:60px;
}
#middlejeu {
	display:block;
	height:109px;
	background:url(/design/middle-grand-jeu.jpg) no-repeat;
	text-align:left;
	padding-left:65px;
	padding-top:10px;
	font-size:1.2em;
}
#footerjeu {
	display:block;
	height:286px;
	background:url(/design/footer-grand-jeu.jpg) no-repeat;
	text-indent:-2000px;
	text-align:left;
	padding-left:65px;
	padding-top:0px;
}