@charset "utf-8";

body {
background: #FFCC99;
margin-top : 3px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p {
margin: 0;
padding: 0;
}

h1, h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0;
}

/* conteneur global */
#site {
width: 935px;
margin : 0 auto;
}

/* ---haut du site--- */

#headerall {
width: 935px;
height: 172px;
float: left;
margin-bottom: 5px;
}

/* header de gauche */
#header {
width: 182px;
height: 172px;
float: left;
background-image: url("../images/navigation/logo-top-coloriages.gif");
background-repeat: no-repeat;
background-position: top left;

}

#header a {
display: block;
width: 182px;
height: 172px;
text-indent: -3000px;
line-height: 0;
margin: 0;
}

/* menu de droite */
#menu {
width: 748px;
height: 172px;
float: right;
position: relative;
background-image: url("../images/navigation/fond-menu.gif");
background-repeat: no-repeat;
background-position: top left;
}

#erreurmenu {
width: 748px;
height: 172px;
padding: 60px 0px 10px 0px;
font-size: 12px;
float: right;
position: relative;
background-image: url("../images/navigation/fond-menu.gif");
background-repeat: no-repeat;
background-position: top left;
}

#erreurmenu p {
padding-left: 20px;
padding-right: 20px;
}

#menu ul, #menu li {
list-style-type: none;
padding: 0;
margin: 0;
}

#menu ul {
width: 729px;
height: 29px;
position: relative;
top: 138px;
bottom: 5px;
left: 10px;
background-image: url("../images/navigation/menu.gif");
background-repeat: no-repeat;
background-position: top left;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 114px;
height: 29px;
text-indent: -4000px;
}


#menu li a:hover {
background-image: url("../images/navigation/menu.gif");
background-repeat: no-repeat;
background-position: top left;
}

#menu li a#menu1:hover {
background-position: 0px -29px;
}

a#menu2 {
margin-left: 8px;
}

li a#menu2:hover {
background-position: -122px -29px;
}

a#menu3 {
margin-left: 9px;
}

li a#menu3:hover {
background-position: -245px -29px;
}

a#menu4 {
margin-left: 9px;
}

li a#menu4:hover {
background-position: -368px -29px;
}

a#menu5 {
margin-left: 9px;
}

li a#menu5:hover {
background-position: -491px -29px;
}

a#menu6 {
margin-left: 10px;
}

li a#menu6:hover {
background-position: -615px -29px;
}


/* --- parties centrales du site --- */

/* cadre bienvenue home page */

#homebienvenue {
width: 465px;
height: 165px;
float: left;
display: inline;
position: relative;
margin: 5px 0 0 0;
background-image: url("../images/navigation/fond-bienvenue.gif");
background-repeat: no-repeat;
background-position: top left;
}

#homebienvenue h1, #homebienvenue p {
margin-left: 17px;
margin-right: 17px;
position: relative;
}

#homebienvenue h1 {
color: #FFFFFF;
margin-top: 27px;
}

a.favoris {
position: absolute;
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 10px;
top: 88px;
left: 262px;
width: 203px;
height: 26px;
text-indent: 30px;
line-height: 24px;
background:url(../images/navigation/favori.png) no-repeat left top;
}

a:hover.favoris, a:hover.facebook {
text-decoration: underline;
}

a.facebook {
position: absolute;
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 10px;
top: 117px;
left: 262px;
text-indent: 30px;
line-height: 24px;
width: 203px;
height: 26px;
background:url(../images/navigation/facebook.png) no-repeat 0 1px;
}

/* cadre nouveautes home page */

#homenouveautes {
width: 465px;
height: 165px;
position: relative;
float: right;
margin: 5px 0 0 0;
background-image: url("../images/navigation/fond-nouveautes.gif");
background-repeat: no-repeat;
background-position: top left;
}

#news1, #news2, #news3, #news4 {
display: block;
width: 155px;
height: 65px;
float: left;
position: absolute;
font-size: 10px;
}

#news1 {
top: 25px;
left: 13px;
}

#news2 {
top: 25px;
left: 175px;
}

#news3 {
top: 95px;
left: 13px;
}

#news4 {
top: 95px;
left: 175px;
}

#homenouveautes img {
float: right;
border: 2px solid #FF0000;
margin-top: 3px;
margin-left: 1px;
}

#homenouveautes h2 {
font-size: 10px;
margin-top: 0;
}

#homenouveautes h2 a {
color: #FF0000;
}

#homenouveautes h2 a:hover {
text-decoration: underline;
}

#homenouveautes p {
margin-left: 0;
color: #666;
}

#homenouveautes a {
text-decoration: none;
color: #666;
}

#homenouveautes a:hover {
text-decoration: none;
color: #FF0000;
}

#thema120x90 img {
border: 0;
}

/* cadre description rubrique */

#rubrique {
width: 563px;
height: 150px;
float: left;
position: relative;
margin: 0;
background-image: url("../images/navigation/fond-bienvenuerubrique.gif");
background-repeat: no-repeat;
background-position: top left;
}

#rubrique h1, #rubrique p {
margin-left: 17px;
}

.rubrique1 {
margin-right: 115px;
}

.rubrique2 {
margin-right: 17px;
}

#rubrique img {
position: relative;
left: 466px;
bottom: 90px;
_margin-bottom: -90px;
padding: 0;
border: 0;
}

.keywords {
margin-top: 10px;
margin-right: 100px;
}

.keywords a {
color: #000;
text-decoration: underline;
}

.keywords a:hover {
color: #FFF;
}

#rubrique h1 {
color: #FFFFFF;
margin-top: 27px;
margin-bottom: 5px;
}

/* cadre rubriques home page */

#homerubriques {
width: 465px;
height: 393px;
float: left;
margin: 5px 0 0 0;
background-image: url("../images/navigation/fond-rubriques.gif");
background-repeat: no-repeat;
background-position: top left;
}

#homerubriques ul {
width: 218px;
margin: 29px 0 -10px 10px;
padding: 0;
float: left;
_display: inline;
background-repeat: no-repeat;
background-position: top right;
list-style-type: none;
}

.ul1 {
background-image:url("../images/navigation/home-cine.jpg");
}

.ul2 {
background-image:url("../images/navigation/home-tele.jpg");
}

.ul3 {
background-image:url("../images/navigation/home-bd.jpg");
}

.ul4 {
background-image:url("../images/navigation/home-animaux.jpg");
}

.ul5 {
background-image:url("../images/navigation/home-nature.jpg");
}

.ul6 {
background-image:url("../images/navigation/home-fetes.jpg");
}


#homerubriques a {
text-decoration: none;
margin: 0;
}

#homerubriques li a {
color: #000000;
}

.inactif {
color: #999999;
}

#homerubriques a:hover {
text-decoration: underline;
}

#homerubriques a.rub1, a.rub2, a.rub3, a.rub4, a.rub5, a.rub6 {
font-weight: bold;
margin: 1px 0 3px 0;
}

#homerubriques .lirub {
text-align: right;
}

#homerubriques a.rub1 {
color: #FF9900;
}

#homerubriques a.rub2 {
color: #FF0000;
}

#homerubriques a.rub3 {
color: #0066CC;
}

#homerubriques a.rub4 {
color: #990033;
}

#homerubriques a.rub5 {
color: #339933;
}

#homerubriques a.rub6 {
color: #FF00FF;
}

#homerubriques img {
float: right;
}

#homerubriques h3 {
font-size: 11px;
font-weight: bold;
margin-top: -2px;
}

/* cadre newsletter home page */

#homenewsletter {
width: 230px;
height: 90px;
float: left;
position: relative;
margin: 5px 0 0 5px;
background-image: url("../images/navigation/fond-newsletterbig.gif");
background-repeat: no-repeat;
background-position: top left;
}

a.letterbig {
position: absolute;
color: #3D8637;
text-decoration: underline;
font-weight: bold;
top: 67px;
left: 10px;
}

/* cadre newsletter */

#newsletter {
width: 182px;
height: 72px;
float: left;
position: relative;
margin: 5px 0 0 5px;
padding: 0;
background-image: url("../images/navigation/fond-newsletter.gif");
background-repeat: no-repeat;
background-position: top left;
}

a.letter {
position: absolute;
color: #3D8637;
text-decoration: underline;
font-weight: bold;
top: 54px;
left: 12px;
}

/* cadre moteur home page */

#homemoteur {
width: 230px;
height: 90px;
float: right;
position: relative;
margin: 5px 0 0 0;
background-image: url("../images/navigation/fond-moteurbig.gif");
background-repeat: no-repeat;
background-position: top left;
}

#homemoteur form {
margin: 65px 0 0 5px;
padding: 0;
}

#homemoteur form p {
margin-left: 0px;
}

.go {
color: #CD0035;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
background-color: #FD9C11;
border: 2px outset #790000;
width: 35px;
height: 18px;
}

.coophome {
width: 110px;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}

/* cadre moteur */

#moteur {
width: 182px;
height: 73px;
float: right;
position: relative;
margin-top: 0;
padding: 0;
background-image: url("../images/navigation/fond-moteur.gif");
background-repeat: no-repeat;
background-position: top left;
}

#moteur form {
margin: 50px 0 0 4px;
padding: 0;
}

#moteur form p {
margin-left: 0px;
display: inline;
}

.coop {
width: 121px;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}

#centremoteur {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-hautmoteur.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

/* 10 coloriages */

#colo10 {
width: 748px;
height: 795px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-coloriages.gif");
background-repeat: no-repeat;
background-position: top left;
}

.coloriages {
width: 186px;
height: 265px;
position: relative;
float: left;
background-image: url("../images/navigation/ombre-coloriage1.gif");
background-repeat: no-repeat;
background-position: top left;
}

.coloriages p {
width: 156px;
position: relative;
margin: 5px 0 0 0;
padding-left: 18px;
text-align: center;
text-decoration: none;
}

.coloriages a {
color: #000000;
font-size: 10px;
text-decoration: none;
}

.coloriages a:hover {
text-decoration: underline;
}

.coloriages img {
margin-top: 27px;
margin-left: 18px;
border: 0;
}

/* index des rubriques */

#indexrubtv {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-herostv.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrubcine {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-heroscine.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrubbd {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-herosbd.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrubanimaux {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-animaux.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrubnature {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-nature.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrubfetes {
width: 748px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-fetes.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 24px;
}

#indexrub {
width: 748px;
min-height: 770px;
position: relative;
float: left;
_display: inline;
background-image: url("../images/navigation/fond-indexcoloriages.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

#indexrubsearch {
width: 748px;
min-height: 742px;
position: relative;
float: left;
_display: inline;
padding: 14px;
background-image: url("../images/navigation/fond-indexcoloriages.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

.categories {
width: 124px;
height: 120px;
float: left;
margin: 15px 0 0 0;
padding: 0;
}

.categories p {
width: 124px;
margin: 5px ;
_margin: 0;
text-align: center;
text-decoration: none;
}

.categories a {
color: #000000;
font-size: 10px;
text-decoration: none;
}

.categories a:hover {
text-decoration: underline;
}

.categories img {
margin-top: 0;
margin-left: 17px;
}

.contour {
border: 1px solid #118C9E;
}

.contour:hover {
border: 1px solid #FF0000;
}

/* emplacements pub */

#megabanniere {
text-align: left;
width: 728px;
height: 90px;
position: absolute;
top: 44px;
left: 10px;
}

#megabanniere img {
border: 0px;
}

#megabanniere a {
margin: 0px;
padding: 0px;
}

#pub300 {
display: block;
width: 300px;
height: 250px;
margin: 24px auto;
}

.pub300index{
text-align: center;
float: left;
width: 100%;
height: 250px;
margin: 10px 0;
}

.pub300colo {
text-align: center;
float: left;
width: 372px;
height: 250px;
margin: 0;
}

.pub300test {
text-align: center;
float:left;
width: 372px;
height: 260px;
margin: 10px 0 0 0;
}

#amazon {
width: 180px;
height: 150px;
margin: 0 0 5px 5px;
position: relative;
float: left;
background-image: url("../images/navigation/fond-amazon.gif");
background-repeat: no-repeat;
background-position: top left;
}

#homerectanglepub {
width: 465px;
height: 298px;
float: right;
position: relative;
margin-top: 5px;
background-image: url("../images/navigation/fond-rectanglepub.gif");
background-repeat: no-repeat;
background-position: top left;
}

#sky {
width: 182px;
height: 646px;
margin: 0 0 5px 5px;
position: relative;
float: right;
background-image: url("../images/navigation/fond-sky.gif");
background-repeat: no-repeat;
background-position: top left;
}

#partliens {
width: 182px;
height: 37px;
float: right;
margin: 5px 0 0 5px;
background-color: #3D8637;
background-repeat: no-repeat;
background-position: top left;
}

#topsites {
width: 182px;
height: 144px;
margin: 0;
position: relative;
float: right;
background-image: url("../images/navigation/fond-topsites.gif");
background-repeat: no-repeat;
background-position: top left;
}

#topsites2 {
width: 182px;
height: 102px;
margin: 0;
position: relative;
float: right;
background-image: url("../images/navigation/fond-topsites2.gif");
background-repeat: no-repeat;
background-position: top left;
}

#topsites img {
margin: 42px 0 0 16px;
border: 0;
}

#topsites2 img {
margin: 23px 0 0 16px;
border: 0;
}

#partliens img {
margin: 3px 0 0 3px;
border: 0;
}

#sky p {
margin-top: 23px;
margin-left: 11px;
}

#sky img {
border: 0;
}

#xiti {
text-align: left;
width: 45px;
height: 25px;
position: absolute;
top: 14px;
left: 882px;
}

#thema120x90 {
width: 120px;
height: 90px;
float: right;
margin-right: 7px;
margin-top: 45px;
}

/* contact */

#contact {
width: 748px;
height: 795px;
position: relative;
padding: 0;
margin: 0;
float: left;
background-image: url("../images/navigation/fond-contact.gif");
background-repeat: no-repeat;
background-position: top left;
}

#letterpage {
width: 748px;
height: 795px;
position: relative;
padding: 0;
margin: 0;
float: left;
background-image: url("../images/navigation/fond-newsletterpage.gif");
background-repeat: no-repeat;
background-position: top left;
}

#partenaires {
width: 748px;
height: 795px;
position: relative;
padding: 0;
margin: 0;
float: left;
background-image: url("../images/navigation/fond-partenaires.gif");
background-repeat: no-repeat;
background-position: top left;
}

#letterform {
padding: 50px 25px;
text-align: justify;
}
#contactform {
padding: 50px 25px;
}


.titrevert {
	font-weight: bold;
	color: #009933;
	}
	
.textepart {
	font-size: 9px;
	}
	
a.partenaires {
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	}
	
a:hover.partenaires {
text-decoration: underline
}

/* Plan */

#plan {
width: 748px;
position: relative;
margin: 0;
float: left;
padding-top: 24px;
background-image: url("../images/navigation/fond-plan.gif");
background-repeat: no-repeat;
background-position: top left;
}

ul.niveau1 a {
font-size: 16px;
color: #FF9900;
font-weight: bold;
text-decoration: none;
}

ul.niveau2 a {
font-size: 14px;
color: #118C9E;
font-weight: bold;
text-decoration: none;
}

ul.niveau3 a {
font-size: 12px;
color: #CC0000;
text-decoration: none;
}

ul.niveau1 a:hover, ul.niveau2 a:hover, ul.niveau3 a:hover {
text-decoration: underline
}


/* --- Bas de page --- */

/* Top 6 */

#populaires {
width: 935px;
height: 103px;
float: left;
position: relative;
margin-top: 5px;
background-image: url("../images/navigation/fond-populaires.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 211px;
}

.top {
width: 115px;
text-align: center;
float: left;
_display: inline;
padding: 0;
margin: 4px 0 0 5px;
}

.top img {
border: 0;
margin: 0 0 1px 0;
}

.top p {
background-color: #3D8637;
margin: 0;
height: 13px;
overflow: hidden;
white-space: nowrap;
}

.top a {
color: #FFFFFF;
text-decoration: none;
}

.top p a:hover {
text-decoration: underline;
}

/* Footer */

#footer {
width: 935px;
height: 52px;
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 3px;
background-image: url("../images/navigation/footer.gif");
background-repeat: no-repeat;
background-position: top left;
text-align: center;
color: #E4CC00;
font-size: 10px;
}

#footer ul {
margin: 4px 0 0 0;
}

#footer li {
display: inline;
}

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

#footer a:hover {
text-decoration: underline;
}

.footerhaut  {
font-weight: bold;
}