body {
	font-family: arial;
	font-size: 11px;
	margin: 0 0;
	/*background: green;*/
}

div#header {
	width: 100%;
	height: 150px;
	background-image: url(../img/elements/nav_verte.png);
	background-repeat: repeat-x; 
	background-position: center bottom;
	/*background-color: green;*/
	margin: 0 auto;
}
div#header_content {
	position: relative;
	width: 1000px;
	height: 150px;
	margin: 0 auto;
}
div#header_content img{
	border: 0px;
}

div#synopsis {
	font-size: 12px;
	color: #8080ff;
	position: absolute;
	top: 5px;
	left: 272px;
}
div#synopsis h1 {
	font-size: 12px;
	display: inline;
}

img#logo {
	margin-top: 30px;
}

img#banniere {
	margin-bottom: 42px;
	margin-left: 70px;
}

			div#bonjour {
				position: relative;
				width: 100%;
				
			}
			div#bonjour_content {
				position: relative;
				left: -7px;
				width: 956px;
				padding: 10px;
				margin-top: 5px;
				margin-bottom: 5px;
				font-size: 15px;
				color: #8080ff;
				text-align: left;
				border: 1px solid #8080ff;
			}
			
div#global {
	width: 100%;	
	/*background: green;*/
	margin: 0 auto;
}
div#content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

div#menu {
	position: relative;
	width: 189px;
	margin: 0 0;
}

h2 {
	display: inline;
}

div#menu a {
	text-decoration: none;	
}
div#menu a:hover {
	text-decoration: underline;
}
div#menu a.rub {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;	
}

div.haut {
text-align: center;
}

div.haut a{
position: relative;
top: 15px;
}

div#menu_jaune div#haut {
	height: 17px;
	width: 189px;
	background: url(../img/elements/menu_haut_jaune.png) no-repeat center center;
}
div#menu_jaune div.milieu {
	height: 200px;
	width: 189px;
	background: url(../img/elements/menu_milieu_jaune.png) repeat-y center center;
}

div#menu_jaune div#bas {
	height: 18px;
	width: 189px;
	background: url(../img/elements/menu_bas_jaune.png) no-repeat center center;
}
div#menu_rouge div#haut {
	height: 17px;
	width: 189px;
	background: url(../img/elements/menu_haut_rouge.png) no-repeat center center;
}
div#menu_rouge div.milieu {
	height: 200px;
	width: 189px;
	background: url(../img/elements/menu_milieu_rouge.png) repeat-y center center;
}

div#menu_rouge div#bas {
	height: 18px;
	width: 189px;
	background: url(../img/elements/menu_bas_rouge.png) no-repeat center center;
}
div#menu_bleu div#haut {
	height: 17px;
	width: 189px;
	background: url(../img/elements/menu_haut_bleu.png) no-repeat center center;
}
div#menu_bleu div.milieu {
	height: 200px;
	width: 189px;
	background: url(../img/elements/menu_milieu_bleu.png) repeat-y center center;
}

div#menu_bleu div#bas {
	height: 18px;
	width: 189px;
	background: url(../img/elements/menu_bas_bleu.png) no-repeat center center;
}
div#menu_vert div#haut {
	height: 17px;
	width: 189px;
	background: url(../img/elements/menu_haut_vert.png) no-repeat center center;
}
div#menu_vert div.milieu {
	height: 200px;
	width: 189px;
	background: url(../img/elements/menu_milieu_vert.png) repeat-y center center;
}

div#menu_vert div#bas {
	height: 18px;
	width: 189px;
	background: url(../img/elements/menu_bas_vert.png) no-repeat center center;
}
div#menu_orange div#haut {
	height: 17px;
	width: 189px;
	background: url(../img/elements/menu_haut_orange.png) no-repeat center center;
}
div#menu_orange div.milieu {
	height: 200px;
	width: 189px;
	background: url(../img/elements/menu_milieu_orange.png) repeat-y center center;
}

div#menu_orange div#bas {
	height: 18px;
	width: 189px;
	background: url(../img/elements/menu_bas_orange.png) no-repeat center center;
}

div.milieu a.lien_rub {
	margin-left: 15px;
	font-size: 12px;
	color: #ffffff;
	padding: 3px;
}
div.milieu a.lien_rub:hover {
	/*background: #000000;*/
}

div#footer {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 129px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: url(../img/elements/footer_kideo.png) no-repeat center center;
}

			div#links {
				position: relative;
				width: 830px;
				margin: 0 auto;	
				top: 20px;	
				color: #ffffff;
			}
			div#links a {
				color: #ffffff;
				text-decoration: none;
			}
			div#links a:hover {
				color: yellow;
			}

.inputBOX{
	position: relative;
	font-size: 11px;
	color: #2a2a58;	 
	border: 0px;
}
.inputBOXborder{
	border: 1px solid #8080ff;
}
.inputMarginTop{
	margin-top: 6px;
}
#inputSEARCH{
	background: url(../img/elements/search-background.png) repeat-x 0px 0px;
	position: absolute;
	width: 163px;
	height: 25px;
	padding-top: 5px;
	left: 30px;
}
#search{
	position: absolute;
	top: 115px;
	left: 780px;
}

#search img{
	position: absolute;
}
img#search-end {
	left: 193px;	
}

			div#content_rubrique {
				position: absolute; 
				left: 195px;
				top: 5px;
				width: 575px;
			}
			div#content_rubrique h1 {
				display: inline;
				font-size: 18px;
				color: #ffffff;
				position: relative;
				top: -5px;				
			}
			div#content_rubrique h1 > a {
				text-decoration: none;
				color: #ffffff;
			}
			div#content_rubrique h1 > a:hover {
				text-decoration: underline;
			}
			div#content_rubrique p {
				background: #ffffff;
				color: #000000;
				padding: 10px;
				font-size: 12px;
			}


div.content_rub {
	width: 555px ;
	height: 205px;
	margin-bottom: 10px;
	padding: 10px;
}
div.its_page {
	height: 1145px;
	width: 555px;
	margin-bottom: 10px;
	padding: 10px;
}

div.its_page p {
	padding: 10px;
	background: #ffffff;
}

div.liste {
	padding: 10px;
	background: #ffffff;
}

div.liste h2{
	font-size: 14px;
	color: #8080ff;
	display: inline;
}
div.liste h2 > a{
	text-decoration: none;
	color: #8080ff;
}
div.liste h2 > a:hover{
	text-decoration: underline;
}


div#content_bricolage {
	background: #86f986;
}

div#content_coloriage {
	background: #e68686;
}

div#content_lecture {
	background: #c2c2ff;
}

div#content_video {
background: #ffce91;
}

div#content_recette {
background: #ffff86;
}

	div#right_column {
		position: absolute;
		width: 207px;
		height: 1165px;
		top: 5px;
		left: 785px;
	}
	
	div#newsletter{
		position: relative;
		top: -5px;
		width: 207px;
		height: 142px;
		background: url(../img/elements/newsletter.png) no-repeat center center;
		text-align: center;
		color: #8080ff;
	}
	div#newsletter span{
		position: relative;
		top: 15px;	
		font-weight: bold;
	}
	div#newsletter img{
		cursor: pointer;
	}
	div#login{
		position: relative;
		top:0px;
		width: 207px;
		height: 142px;
		background: url(../img/elements/newsletter.png) no-repeat center center;
		text-align: center;
		color: #8080ff;
	}
	div#login span{
		position: relative;
		top: 15px;	
		font-weight: bold;
	}
	div#login img{
		cursor: pointer;
	}
	div#login a{
		color: #8080ff;
		font-size: 10px;
		font-weight: bold;
	}