/* CSS Document */

img { border:none; }

#header {
	background-image:url(images/header.png);
	width:926px;
	height:294px;
	color: #28439e;
	background-repeat: no-repeat;
}

.logo {
	float:left;
	width:380px;
	height:170px;
	margin-left: 280px;
}

.sous_titre {
	margin-left: 280px;
	float: left;
	width: 380px;
	text-align: center;
	color: #28439e;
	font-size: 14px;
}

.sous_titre a {
	color: #28439e;
	text-decoration:none;
}

.sonic_header {
	width:203px;
	margin-left:238px;
	float:left;
	height:82px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}

.font30 {
	font-size:30px;
	font-weight: 400;
}

.mario_header {
	width:203px;
	margin-left:47px;
	float:left;
	height:82px;
	margin-top: 10px;
	text-align: center;
	color: #a30100;
	font-size: 14px;
}

.clear { clear:both; }

.sonic {
	width:440px;
	float:left;
}

.sonic_haut {
	background-image:url(images/sonic_haut.png);
	width:440px;
	height:15px;
	background-repeat: no-repeat;
}

.sonic_centre {
	background-image:url(images/sonic_centre.png);
	width:440px;
	float:left;
	background-repeat: repeat-y;
}

.sonic_bas {
	background-image:url(images/sonic_bas.png);
	width:440px;
	height:15px;
	clear: both;
	background-repeat: no-repeat;
}

.vignette_sonic {
	width:130px;
	margin-left:8px;
	margin-right:8px;
	float:left;
	text-align:center;
	font-size: 11px;
	color: #28439e;
	margin-bottom:5px;
}

.vignette_sonic a {
	color: #28439e;
	text-decoration:none;
}


.mario {
	width:440px;
	float:left;
	margin-left:15px;
}

.mario_haut {
	background-image:url(images/mario_haut.png);
	width:440px;
	height:15px;
	background-repeat: no-repeat;
}

.mario_centre {
	background-image:url(images/mario_centre.png);
	width:440px;
	float:left;
	background-repeat: repeat-y;
}

.mario_bas {
	background-image:url(images/mario_bas.png);
	width:440px;
	height:15px;
	clear: both;
	background-repeat: no-repeat;
}

.vignette_mario {
	width:130px;
	margin-left:8px;
	margin-right:8px;
	float:left;
	text-align:center;
	font-size: 11px;
	color: #e60707;
	margin-bottom:5px;
}

.vignette_mario a {
	color: #e60707;
	text-decoration:none;
}

.titre_sonic {
	color:#28439e;
	font-size:18px;
	text-align:center;
	margin-bottom:15px;
}

.titre_mario {
	color:#e60707;
	font-size:18px;
	text-align:center;
	margin-bottom:14px;
}

.cadre1_haut {
	background-image:url(images/cadre1_haut.png);
	width:926px;
	height:15px;
	margin-top: 20px;
}

.cadre1_centre {
	background-image:url(images/cadre1_centre.png);
	width:916px;
	min-height:86px;
	background-repeat:no-repeat;
	background-color:#d4d4d4;
	color: #28439e;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.footer {
	margin-top:20px;
	font-size:12px;
	text-align: center;
}

.footer a {
	color:#000;
	text-decoration:none;
}

.cadre1_bas {
	background-image:url(images/cadre1_bas.png);
	width:926px;
	height:16px;
	margin-bottom: 20px;
}

.cadre2 {
	width:926px;
}

.cadre2_haut {
	background-image:url(images/cadre2_haut.png);
	width:926px;
	height:15px;
}

.cadre2_centre {
	background-image:url(images/cadre2_centre.png);
	width:926px;
	background-repeat:repeat-y;
	float: left;
}

.cadre2_bas {
	background-image:url(images/cadre2_bas.png);
	width:926px;
	height:16px;
	clear:both;
}

.titre {
	color:#111111;
	float:right;
	margin-right:290px;
	font-size: 14px;
}

.left1 {
	width:300px;
	float:left;
	margin-left:10px;
	margin-right:5px;
	margin-top: 20px;
}

.left2 {
	float:left;
	width:605px;
	margin-top: 4px;
}

.sep {
	height:10px;
}

.txt {
	margin-left:15px;
	color:#111111;
	margin-top: 10px;
	font-size: 14px;
}
	
.vignette2 {
	width:103px;
	text-align:center;
	height:80px;
	float:left;
	margin-left:10px;
	margin-top: 5px;
}





			*{margin:0;padding:0;font-family:arial;}
			img{border:0;}
			body{
				background-image:url(imgV2/bg2.jpg);
				background-repeat:repeat-x;
				background-color:#090c1a;
				text-align:center;
			}
			#global{
				background-image:url(imgV2/bg.jpg);
				background-repeat:no-repeat;
				background-position:top center;
				height:100%;
				text-align:center;
			}
			#global #header{
				position:relative;
				background-image:url(imgV2/header.png);
				width:1028px;
				height:353px;
				margin:auto;
				text-align:left;
			}
			#global #header #js{
				position:absolute;
				left:100px;
				top:240px;
				width:179px;
				height:74px;
				color:#3292ff;
				text-align:center;
				font-size:13px;
				font-weight:bold;
				padding-top:2px;
			}
			#global #header #js strong{
				font-size:26pt;
			}
			#global #header #jm{
				position:absolute;
				left:765px;
				top:240px;
				width:179px;
				height:74px;
				color:#e7233a;
				text-align:center;
				font-size:13px;
				font-weight:bold;
				padding-top:2px;
			}
			#global #header #jm strong{
				font-size:26pt;
			}
			#global #header a#ax{
				display:block;
				position:absolute;
				width:112px;
				height:40px;
				left:893px;
				top:5px;
				text-decoration:none;
			}
			#global #header a#logo{
				display:block;
				position:absolute;
				width:356px;
				height:189px;
				left:341px;
				top:55px;
				text-decoration:none;
			}
			#global #header #st{
				display:block;
				position:absolute;
				width:374px;
				height:18px;
				text-align:center;
				line-height:18px;
				color:#fff;
				left:335px;
				top:252px;
				text-decoration:none;
				font-size:10pt;
			}
			#global #header #st strong{
				color:#3393ff;
			}
			#global #header #phrase{
				display:block;
				position:absolute;
				width:411px;
				height:13px;
				text-align:center;
				line-height:18px;
				color:#bbc0cd;
				left:317px;
				top:290px;
				text-decoration:none;
				font-size:10pt;
			}
			#global #middle{
				position:relative;
				background-image:url(imgV2/middle.png);
				width:1028px;
				margin:auto;
				text-align:center;
				padding:0;
			}
			#global #middle p.headp{
				width:900px;
				text-align:justify;
				margin:auto;
				color:#96989f;
				font-size:10pt;
			}
			#global #middle a{
				color:#fff;
			}
			#global #middle a:hover{
				color:#e7233a;
			}
			#global #middle #cadres{
				width:926px;
				margin-left:59px;
				text-align:left;
				color:#96989f;
				font-size:10pt;
			}
			#global #middle #cadres .cadrepub{
				width:175px;
				text-align:center;
				float:left;
			}
			#global #middle #cadres .cb{
				width:462px;
				float:left;
			}
			#global #middle #cadres .cb1{
				width:462px;
				height:85px;
				background-image:url(imgV2/cb_1.png);
			}
			#global #middle #cadres .cb1 strong{
				display:block;
				text-align:center;
				padding-top:50px;
				color:#3393ff;
			}
			#global #middle #cadres .cb1 strong a{
				color:#3393ff;
			}
			#global #middle #cadres .cb1 strong a:hover{
				color:#fff;
			}
			#global #middle #cadres .cb2{
				width:462px;
				background-image:url(imgV2/cb_2.png);
			}
			#global #middle #cadres .cb2 .vignettes{
				width:417px;
				margin:auto;
			}
			#global #middle #cadres .cb2 .vignettes .vignette{
				display:block;
				position:relative;
				width:137px;
				height:114px;
				float:left;
				background-image:url(imgV2/vignette.png);
			}
			#global #middle #cadres .cb2 .vignettes .vignette a.img{
				display:block;
				position:absolute;
				left:7px;
				top:3px;
				width:127px;
				height:86px;
				text-decoration:none;
			}
			#global #middle #cadres .cb2 .vignettes .vignette a.lien{
				display:block;
				position:absolute;
				left:3px;
				top:95px;
				width:127px;
				text-align:center;
				color:#0e74ff;
				text-decoration:none;
			}
			#global #middle #cadres .cb2 .vignettes .vignette a.lien:hover{
				color:#fff;
			}
			#global #middle #cadres .cb3{
				width:462px;
				height:50px;
				background-image:url(imgV2/cb_3.png);
			}
			
			
			
			
			#global #middle #cadres .cr{
				width:462px;
				float:left;
				margin-left:1px;
			}
			#global #middle #cadres .cr1{
				width:462px;
				height:85px;
				background-image:url(imgV2/cr_1.png);
			}
			#global #middle #cadres .cr1 strong{
				display:block;
				text-align:center;
				padding-top:50px;
				color:#e50031;
			}
			#global #middle #cadres .cr1 strong a{
				color:#e50031;
			}
			#global #middle #cadres .cr1 strong a:hover{
				color:#fff;
			}
			#global #middle #cadres .cr2{
				width:462px;
				background-image:url(imgV2/cr_2.png);
			}
			#global #middle #cadres .cr2 .vignettes{
				width:417px;
				margin:auto;
			}
			#global #middle #cadres .cr2 .vignettes .vignette{
				display:block;
				position:relative;
				width:137px;
				height:114px;
				float:left;
				background-image:url(imgV2/vignette.png);
			}
			#global #middle #cadres .cr2 .vignettes .vignette a.img{
				display:block;
				position:absolute;
				left:7px;
				top:3px;
				width:127px;
				height:86px;
				text-decoration:none;
			}
			#global #middle #cadres .cr2 .vignettes .vignette a.lien{
				display:block;
				position:absolute;
				left:3px;
				top:95px;
				width:127px;
				text-align:center;
				color:#e50031;
				text-decoration:none;
			}
			#global #middle #cadres .cr2 .vignettes .vignette a.lien:hover{
				color:#fff;
			}
			#global #middle #cadres .cr3{
				width:462px;
				height:50px;
				background-image:url(imgV2/cr_3.png);
			}
			#global #middle #cn1{
				width:926px;
				height:55px;
				background-image:url(imgV2/cn_1.png);
				margin-left:59px;
				margin-top:10px;
			}
			#global #middle #cn2{
				width:926px;
				background-image:url(imgV2/cn_2.png);
				margin-left:59px;
			}
			#global #middle #cn2 p{
				width:870px;
				margin:auto;
				text-align:justify;
				color:#5b5b64;
				font-size:10pt;
			}
			#global #middle #cn2 p a{
				text-decoration:none;
				font-weight:bold;
			}
			#global #middle #cn2 div.fb{
				width:500px;
				float:left;
				text-align:center;
				color:#fff;
			}
			#global #middle #cn2 div.pub{
				width:400px;
				float:left;
				text-align:center;
				color:#fff;
			}
			#global #middle #cn3{
				width:926px;
				height:56px;
				background-image:url(imgV2/cn_3.png);
				margin-left:59px;
			}
			
			
			#footer{
				background-image:url(imgV2/footer_bg.jpg);
				height:215px;
				margin:auto;
			}
			#footer2{
				position:relative;
				background-image:url(imgV2/footer.jpg);
				width:1028px;
				height:215px;
				margin:auto;
			}
			#footer2 p.para{
				position:absolute;
				width:768px;
				height:39px;
				left:135px;
				top:23px;
				font-size:12px;
				text-align:justify;
				color:#3b3c3f;
			}
			#footer2 p a{
				color:#5b5b64;
				text-decoration:none;
			}
			#footer2 p a:hover{
				color:#fff;
			}
			#footer2 p.para2{
				position:absolute;
				width:1028px;
				height:39px;
				left:0;
				top:90px;
				text-align:center;
				font-size:10pt;
				color:#3b3c3f;
			}
			
			
						#global #middle #cadres .crg{
				width:749px;
				float:left;
				margin-left:1px;
			}
			#global #middle #cadres .crg1{
				width:749px;
				height:85px;
				background-image:url(imgV2/crg_1.png);
			}
			#global #middle #cadres .crg1 strong{
				display:block;
				text-align:center;
				padding-top:50px;
				color:#e50031;
			}
			#global #middle #cadres .crg1 strong a{
				color:#e50031;
			}
			#global #middle #cadres .crg1 strong a:hover{
				color:#fff;
			}
			#global #middle #cadres .crg2{
				width:749px;
				background-image:url(imgV2/crg_2.png);
				text-align:center;
			}
			#global #middle #cadres .crg3{
				width:749px;
				height:50px;
				background-image:url(imgV2/crg_3.png);
			}