* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #5e89c1;
	background-image: url(images/background.jpg) top center no-repeat;
	background-position: center top;
	background-repeat: no-repeat;
	margin:0;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e5f5d;
}
h1 {
font-size:17px;margin-bottom:15px;
}
h2 {font-size:17px;}
h2.small {font-size:13px;
}
h2.part {
text-align:center;
margin-top:40px;
margin-bottom:-8px;
}
#container {
	top: 0px;
	width: 999px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	clear: both;
}
#header {
	margin-top:0;
    text-align: center;
    background:transparent url(images/bandeau.png) top center  no-repeat;
	height:199px;
}
#blank{
	position:absolute;
	top:40px;
	left:40px;
	border:none;
	text-decoration:none;
}
#blank_jeu{
	position:absolute;
	top:10px;
	left:820px;
	border:none;
	text-decoration:none;
}
#blank_jeu_2{
	position:absolute;
	top:30px;
	left:670px;
	border:none;
	text-decoration:none;
}
#blank_jeu_3{
	position:absolute;
	top:120px;
	left:690px;
	border:none;
	text-decoration:none;
}
#blank_vid{
	position:absolute;
	top:120px;
	left:250px;
	width:120px;
	height:120px;
	border:none;
	text-decoration:none;
	z-index:3;
}
#content {
	position:relative;
	margin:auto;
	margin-top:0;
	width:999px;
/*	height:400px;*/
}
#pied {
	position:relative;
	left:75px;
	top:-8px;
	width:999px;
/*	height:400px;*/
}
#pied2 {
	position:relative;
	left:250px;
	width:999px;
	top:30px;
	height:15px;
}
#content_erreur{
	position:absolute;
	z-index:3;
	left:68px;
	top:300px;
	color:red;
	font-weight:bold;
}
#content_1 {
position:relative;
width:389px;
height:214px;	
/*background: transparent url(images/bloc-enfants.jpg) center no-repeat;*/
}
#content_2 {
position:absolute;
top:0;
left:389px;
width:371px;
height:214px;
/*background: transparent url(images/bloc-parents.jpg) center no-repeat;*/
}
#content_3 {
position:absolute;
top:0;
left:760px;
width:239px;
height:214px;
background: transparent url(images/bloc-identification.jpg) left no-repeat;
}
#content_4 {/*actus*/
position:absolute;
width:378px;
height:286px;
background: transparent url(images/bloc_actu5.jpg) no-repeat;
left:15px;
}

#content_6 {/*promos*/
position:absolute;
top:214px;
left:760px;
width:239px;
height:286px;
background: transparent url(images/bloc_promo.jpg) no-repeat;
}

#content_6-2{/*video*/
background: url(images/bloc_video.jpg) no-repeat;
position:relative;
z-index:0;
padding-left:2px;
padding-top:20px;
margin:0px;
top:0px;/*la position verticale du bloc*/
left:384px;
width:375px;
height:266px;
}

#avatar_bas{
position:absolute;
top:190px;
left:900px;
}
#content_7 {
position:relative;
top:0px;
left:0;
width:999px;
height:418px;
background: transparent url(images/cadre.jpg) left no-repeat;
}
#content_8 {
position:relative;
width:999px;
height:607px;
background: transparent url(images/cadre_vid.jpg) left no-repeat;
}

#content_SMS {
position:relative;
top:0px;
left:0;
width:999px;
height:1400px;
background: transparent url(images/cadre_SMS.jpg) left no-repeat;
}

#content_7 p {margin:10px 5px 10px 5px;}
#content_7 ul.part {
text-align:center;
margin-top:25px;
margin-left:10px;
list-style-type:none;
}
#content_7 ul.char {
margin:35px 0 35px 50px;
list-style-type:disc;
}
#content_7 ul.leg {
margin:15px 0 15px 50px;
list-style-type:disc;
}
#content_7 ul.ges {
margin:15px 0 15px 50px;
list-style-image:url(images/ges_li.gif);
}
#content_7 ul.ges li {
padding:3px 0 3px 5px;
}
#content_7 table {
padding:15px;
margin-left:85px;
}
#content_7 th {
border: 1px solid #99d059;
padding:5px;
text-align:center;
background-color:#99d059;
}
#content_7 table td {
padding:5px;
border: 1px dashed #99d059;
}
#content_7 table td.wid {
width:225px;
}
#content_7 table td.lef {
padding-left:25px;
}
#content_7 table td.cen {
text-align:center;
width:115px;
}
#content_7 table td.bou {
border:none;text-align:center;background-color:#a5d66e;
color:#333;
font-weight:bold;
}
#content_7 table td.title {
border:1px solid #a5d66e;
color:#fff;
font-weight:bold;
}
.info {
color:#5b9d09;
font-weight:bold;
margin:10px 0 0 0px;
}
.alerte {
color:#f00;
font-weight:bold;
}
.gras {
font-weight:bold;
}
.grasin {
font-weight:bold;
height:17px;
}
.petitin {
font-size:0.8em;
height:20px;
}
.in {
border:1px solid #5b9d09;
padding:0;margin:0;
height:16px;
}
.in2 {
border:0px;
padding:0;margin-top:4px;
height:12px;
}
.inbox {
border:none;
padding:0;margin:0;
height:16px;
}
#att {
position:absolute;
width:263px;
height:106px;
top:15px;
left:625px;
background: transparent url(images/attention.gif) top center no-repeat;
}
#att p {
margin:5px 0 0 15px
}
#att p.vert {
color:#5b9d09;
font-weight:bold;
margin:10px 0 0 15px;
}
#footer {
position:absolute;
left:0px;
width:999px;
height:68px;
background: transparent url(images/navigation.jpg) left no-repeat;
}
.navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding-left:40px;
padding-top: 20px;
background-repeat: no-repeat;
}
.navigation a {
	text-decoration:none;	
	color: #FFFFFF;	
}
.navigation a:hover {
	text-decoration:none;	
	color: #B5C09A;	
}
.navigation2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding-left:20px;
padding-top: 0px;
background-repeat: no-repeat;
height:10px;
}
.navigation2 a {
	text-decoration:none;	
	color: #FFFFFF;	
}
.navigation2 a:hover {
	text-decoration:none;	
	color: #B5C09A;	
}
.navigation_principale {
	position:absolute;
	width: 210px;
	top: 145px;
	left: 67px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #3e6e03;
	font-weight: bold;
}
.navigation_principale a {
	color: #3e6e03;
	text-decoration: none;
}
.navigation_principale a:hover {
	color: #589a06;
	text-decoration: none;
}
.onglets {
	color: #416f06;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.onglets a {
	color: #416f06;
	text-decoration:none;
}
.onglets a:hover {
	color: #589a06;
	text-decoration: none;
}
.xx {
/*	color: #416f06;*/
	color: #416f06;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
.xx a {
/*	color: #416f06;*/
	color: #5e5f5d;
	text-decoration:none;
}
.xx a:hover {
/*	color: #589a06;*/
	color: #5e5f5d;
	text-decoration: none;
}
.xx a:visited {
/*	color: #589a06;*/
	color: #5e5f5d;
	text-decoration: none;
}
.ge {
	color: #416f06;
	font-size: 11px;
	text-decoration: none;
}
.ge a {
	text-decoration:none;
}
.ge a:hover {
	text-decoration: underline;
}
.ge a:visited {
	text-decoration: none;
}
.tl {
/*	color: #416f06;*/
	color: #5b9d09;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 19px;
	font-weight: bold;
	text-decoration:none;
	border:1px dashed #5b9d09;
	padding:3px;
}
.tl a {
/*	color: #416f06;*/
	color: #5e5f5d;
	text-decoration:none;
}
.tl a:hover {
/*	color: #589a06;*/
	color: #5e5f5d;
	text-decoration: none;
}
.tl a:visited {
/*	color: #589a06;*/
	color: #5e5f5d;
	text-decoration: none;
}
.attention {
	width: 250px; 
	height: 106px; 
	background-image: url(images/attention.gif); 
	background-repeat: no-repeat; 
	padding: 8px;
}
.validation {
	width: 300px; 
	height: 80px; 
	padding: 8px;
	border: dashed;
	border-width: 2px;
	border-color: #b0db80;
	background-color: #FFFFFF;
}
.titres {
	font-size: 14px;
	font-weight: bold;
	color: #5b9d09;
}
.soustitres {
	font-size: 12.5px;
	font-weight: bold;
	color: #5b9d09;
}
.t9 {
	font-size: 9px;
	line-height: 9px;
}
.t14 {
	font-size: 14px;
}
#add_on {
	clear:both;
	position:absolute;
	top:167px;
	width:90px;
	height:32px;
	/*background:transparent url(images/haut-perso.jpg);*/
}
.float_r
{
float: right;
margin:3px;
margin-right:90px;
}
.float_l
{
float: left;
margin:3px;
margin-left:20px;
}
.float_l_1
{
float: left;
margin:3px;
margin-left:90px;
}
.float_l_2
{
float: left;
margin:3px;
margin-left:100px;
}
.dash {
border:2px dashed #99d059;
padding:0 4px 0 4px;}
#info1 a, #info2 a {
display:block; 
width:16px; 
height:16px; 
text-align:center; 
text-decoration:none; 
color:#e4e7ee;
padding:0;
margin:0;
}
#info1 a em, #info2 a em, #info1 a span, #info2 a span {display:none;}

a:visited#link1,a:visited#link2,a:visited#link3,a:visited#link33,a:visited#link4, a:visited#link5, a:visited#link6, a:visited#link66, a:visited#link67, a:visited#link7, a:visited#link8 {
display:block; 
width:16px; 
height:16px;
}
a#link1,a#link2,a#link3,a#link33,a#link4,a#link5,a#link6,a#link66,a#link67,a#link7, a#link8  {
background:#e4e7ee url(images/question.gif) no-repeat center ;
}
a:hover#link1,a:hover#link2,a:hover#link3,a:hover#link33,a:hover#link4,a:hover#link5,a:hover#link6,a:hover#link66,a:hover#link67,a:hover#link7,a:hover#link8{
background:#842b00 url(images/question.gif) no-repeat center; 
}
a:hover#link1 span,a:hover#link2 span,a:hover#link3 span,a:hover#link33 span,a:hover#link4 span,a:hover#link5 span,a:hover#link6 span,a:hover#link8 span  {display:block;padding:0px; position:absolute;z-index:0; left:25px; top:-17px;; width:263; height:106;background:#e4e7ee;}
a:hover#link66 span,a:hover#link7 span {display:block;padding:0px; position:absolute;z-index:0; left:25px; top:-230px; width:263; height:106;background:#e4e7ee;}
a:hover#link67 span {display:block;padding:0px; position:absolute;z-index:0; left:25px; top:-150px; width:263; height:106;background:#e4e7ee;}
a:hover#link1 em,a:hover#link2 em,a:hover#link3 em,a:hover#link33 em,a:hover#link4 em,a:hover#link5 em {display:block; position:absolute;z-index:2; margin-left:250px; top:25px; width:240px; height:80px;color:#575757;font-weight:bold;font-style:normal;}
a:hover#link66 em,a:hover#link7 em{display:block; position:absolute;z-index:0; margin-left:-35px; top:-170px; width:240px; height:80px;color:#575757;font-weight:bold;font-style:normal;}
a:hover#link67 em{display:block; position:absolute;z-index:0; margin-left:-35px; top:-170px; width:240px; height:80px;color:#575757;font-weight:bold;font-style:normal;}
