body{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div#header{
	background-image: url(images/header.gif);
	background-repeat: repeat-x;
	height: 96px;
	margin: 5px;
	margin-bottom: 0px;
}

div#logo{
	position: absolute;
	top: 40px;
	left: 17px;
	background-image: url(img-rose/logo.gif);
	background-repeat: no-repeat;
	width: 233px;
	height: 47px;
}

div.spacer{
	clear: both;
}

div a:hover{
	cursor: hand;
}

/***********************************/
/*                                 */
/*            RECHERCHE            */
/*                                 */
/***********************************/

div#recherche{
	position: absolute;
	top: 70px;
	right: 7px;
	width: 229px;
	text-align: right;
}

div#recherche form{
	margin: 0px;
	padding: 0px;
}

div#loupe{
	background-image: url(img-rose/loupe.gif);
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	display: inline;
	position: absolute;
	top: 5px;
	right: 154px;
}

div#recherche form#formsearch input#cherche{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	border: 1px solid #AAAAAA;
	background-color: #fff;
	width: 115px;
}

/***********************************/
/*                                 */
/*             COLONNES            */
/*                                 */
/***********************************/

table#colonnes{

}

table#colonnes td#gauche{
	background-color: #fff;
	background-image: url(images/pointilles.gif);
	background-repeat: repeat-y;
	background-position: 166px;
	width: 170px;
	vertical-align: top;
}

table#colonnes td#droite{
	vertical-align: top;
}

/***********************************/
/*                                 */
/*            BLOCLIENS            */
/*                                 */
/***********************************/

div#blocliens{
	width: 160px;
	margin: 5px;
	background-image: url(images/dgradblocliens.gif);
	background-repeat: repeat-x;
}

div.titreblocliens, div.titreblocliens2{
	background-image: url(img-rose/titreblocliens.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 24px;
}

div.titreblocliens2{
	background-image: url(img-rose/titreblocliens2.gif);
}

ul#liens{
	padding: 0px;
	margin: 10px;
}

ul#liens li{
	list-style-type: none;
	_margin-bottom: -5px;
}

ul#liens li a:link, ul#liens li a:visited, ul#liens li a:hover{
	display: block;
	height: 14px;
	padding-left: 19px;
	background-position: 3px;
	background-image: url(img-rose/puce1.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #878787;
	font-size: 11px;
	text-decoration: none;
}

ul#liens li a:hover{
	background-image: url(img-rose/puce2.gif);
	background-color: #EEEEEE;
	color: #E50083;
	font-weight: bold;
}

/***********************************/
/*                                 */
/*               MENU              */
/*                                 */
/***********************************/

div#menu{
	margin-left: 8px;
}

div#menu a.classements:link, div#menu a.classements:visited, div#menu a.classements:hover{
	display: block;
	width: 161px;
	height: 34px;
	background-image: url(img-rose/lst-classements1.gif);
	background-repeat: no-repeat;
}
div#menu a.classements:hover{ background-image: url(img-rose/lst-classements2.gif); }

div#menu a.pays:link, div#menu a.pays:visited, div#menu a.pays:hover{
	display: block;
	width: 161px;
	height: 33px;
	background-image: url(img-rose/lst-pays1.gif);
	background-repeat: no-repeat;
}
div#menu a.pays:hover{ background-image: url(img-rose/lst-pays2.gif); }

div#menu a.wall:link, div#menu a.wall:visited, div#menu a.wall:hover{
	display: block;
	width: 161px;
	height: 33px;
	background-image: url(img-rose/lst-wall1.gif);
	background-repeat: no-repeat;
}
div#menu a.wall:hover{ background-image: url(img-rose/lst-wall2.gif); }

div#menu a.proposer:link, div#menu a.proposer:visited, div#menu a.proposer:hover{
	display: block;
	width: 161px;
	height: 33px;
	background-image: url(img-rose/lst-proposer1.gif);
	background-repeat: no-repeat;
}
div#menu a.proposer:hover{ background-image: url(img-rose/lst-proposer2.gif); }


div#menu a.proposernews:link, div#menu a.proposernews:visited, div#menu a.proposernews:hover{
	display: block;
	width: 161px;
	height: 33px;
	background-image: url(img-rose/lst-proposernews1.gif);
	background-repeat: no-repeat;
}
div#menu a.proposernews:hover{ background-image: url(img-rose/lst-proposernews2.gif); }

div#menu a.contact:link, div#menu a.contact:visited, div#menu a.contact:hover{
	display: block;
	width: 161px;
	height: 34px;
	background-image: url(img-rose/lst-contact1.gif);
	background-repeat: no-repeat;
}
div#menu a.contact:hover{ background-image: url(img-rose/lst-contact2.gif); }

div#diagdgrad{
	margin-left: 8px;
	width: 161px;
	height: 100px;
	background-image: url(images/diagdgrad.gif);
	background-repeat: repeat-x;
}

/***********************************/
/*                                 */
/*          RECHERCHE FINE         */
/*                                 */
/***********************************/

div#finesearch{
	height: 100px;
	_height: 105px;
	background-image: url(images/pointilles.gif);
	background-repeat: repeat-x;
	background-position: 0px 90px;
	_background-position: 0px 95px;
	margin-right: 5px;
}

div#finesearch form{
	vertical-align: bottom;
	background-image: url(images/dgradfinesearch.gif);
	background-repeat: repeat-x;
	height: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BCBCBC;
	margin: 5px;
	margin-right: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 35px;
}

div#finesearch form select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #878787;
	font-weight: normal;
}

div#titlefinesearch div.liens, div#titlefinesearch div.accueil, div#titlefinesearch div.classements, div#titlefinesearch div.pays, div#titlefinesearch div.wall, div#titlefinesearch div.contact, div#titlefinesearch div.proposerlien, div#titlefinesearch div.proposernews, div#titlefinesearch div.recherche{
	background-repeat: no-repeat;
	height: 15px;
	float: left;
}

div#titlefinesearch div.liens{
	background-image: url(img-rose/title-liens.gif);
	width: 81px;
}

div#titlefinesearch div.accueil{
	background-image: url(img-rose/title-accueil.gif);
	width: 117px;
}

div#titlefinesearch div.classements{
	background-image: url(img-rose/title-classements.gif);
	width: 195px;
}

div#titlefinesearch div.pays{
	background-image: url(img-rose/title-pays.gif);
	width: 69px;
}

div#titlefinesearch div.wall{
	background-image: url(img-rose/title-wall.gif);
	width: 165px;
}

div#titlefinesearch div.contact{
	background-image: url(img-rose/title-contact.gif);
	width: 123px;
}

div#titlefinesearch div.proposerlien{
	background-image: url(img-rose/title-proposerlien.gif);
	width: 273px;
}

div#titlefinesearch div.proposernews{
	background-image: url(img-rose/title-proposernews.gif);
	width: 381px;
}

div#titlefinesearch div.recherche{
	background-image: url(img-rose/title-recherche.gif);
	width: 159px;
}

div#titlefinesearch div.nav{
	padding-top: 5px;
}

div#selectfinesearch{
	margin-top: 9px;
	clear: both;
}

/***********************************/
/*                                 */
/*             COULEURS            */
/*                                 */
/***********************************/

div#couleurs{
	position: absolute;
	top: 110px;
	right: 10px;
}

div#couleurs img{
	border: 0px;
	margin-left: 2px;
}

/***********************************/
/*                                 */
/*              CHEMIN             */
/*                                 */
/***********************************/

div#chemin{
	margin-left: 15px;
	color: #878787;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

div#chemin a:link, div#chemin a:visited, div#chemin a:hover{
	color: #878787;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	text-transform: uppercase;
}

div#chemin a:hover{
	color: #E50083;
}

/***********************************/
/*                                 */
/*        HAUTEUR BOITE LIEN       */
/*                                 */
/***********************************/

div#pageliens div.boitelienblanche, div#pageliens div.boiteliengrise, div#pageliensclassement div.boitelienblanche, div#pageliensclassement div.boiteliengrise{
	height: 49px;
	_height: 55px;
}

div#pagepays div.boitelienblanche, div#pagepays div.boiteliengrise, div#pagepaysclassement div.boitelienblanche, div#pagepaysclassement div.boiteliengrise{
	height: 28px;
	_height: 34px;
}

/***********************************/
/*                                 */
/*            88*31 WALL           */
/*                                 */
/***********************************/

div#linkwall{
	padding: 10px;
}

div#linkwall a:link img, div#linkwall a:visited img, div#linkwall a:hover img{
	border: 2px solid #fff;
}

div#linkwall a:hover img{
	border: 2px solid #E50083;
}

/***********************************/
/*                                 */
/*               LIENS             */
/*                                 */
/***********************************/

div#pageliens{
	padding: 10px;
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.boitelienblanche{
	background-color: #FFFFFF;
}

div.boiteliengrise{
	background-color: #F9F9F9;
}

div.boitelienblanche, div.boiteliengrise{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}

div.boitelienblanche span.infolien, div.boiteliengrise span.infolien{
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
}

div.boitelienblanche span.infolien a:link, div.boitelienblanche span.infolien a:visited, div.boitelienblanche span.infolien a:hover, div.boiteliengrise span.infolien a:link, div.boiteliengrise span.infolien a:visited, div.boiteliengrise span.infolien a:hover{
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

div.boitelienblanche span.infolien a:hover, div.boiteliengrise span.infolien a:hover{
	text-decoration: underline;
}

div.boitelienblanche img.drapeau, div.boiteliengrise img.drapeau{
	border: 1px solid #B6B6B6;
}

div.boitelienblanche img.minilien, div.boiteliengrise img.minilien{
	float: left;
	margin-right: 5px;
	border: 0;
}

div#pageliens div.boitelienblanche img.minilien, div#pageliens div.boiteliengrise img.minilien, div#pageliensclassement div.boitelienblanche img.minilien, div#pageliensclassement div.boiteliengrise img.minilien{
	width: 60px;
	height: 45px;
}

div.boitelienblanche a:link, div.boitelienblanche a:visited, div.boitelienblanche a:hover, div.boiteliengrise a:link, div.boiteliengrise a:visited, div.boiteliengrise a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #E50083;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
div.boitelienblanche a:hover, div.boiteliengrise a:hover{
	text-decoration: underline;
}

/***********************************/
/*                                 */
/*               PAYS              */
/*                                 */
/***********************************/

div#pagepays{
	padding: 10px;
}

div.boiteliengrise div.stats-avant, div.boiteliengrise div.stats-apres, div.boiteliengrise div.stats-milieu, div.boitelienblanche div.stats-avant, div.boitelienblanche div.stats-apres, div.boitelienblanche div.stats-milieu{
	margin-top: 2px;
	height: 11px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(img-rose/title-liens.gif);
}

div.boitelienblanche div.stats-avant, div.boiteliengrise div.stats-avant{
	width: 2px;
	background-image: url(img-rose/stats-avant.gif);
}

div.boitelienblanche div.stats-apres, div.boiteliengrise div.stats-apres{
	width: 1px;
	background-image: url(img-rose/stats-apres.gif);
}

div.boitelienblanche div.stats-milieu, div.boiteliengrise div.stats-milieu{
	background-image: url(img-rose/stats-milieu.gif);
	background-repeat: repeat-x;
}

/***********************************/
/*                                 */
/*               NEWS              */
/*                                 */
/***********************************/

div#pagenews{
	padding: 10px;
	margin-right: 205px;
}

div.boitelienblanche span.titre, div.boiteliengrise span.titre{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #E50083;
	font-size: 11px;
	font-weight: bold;
}

div#actu{
	margin-bottom: 10px;
}

div#blocactus{
	width: 193px;
	background-color: #fff;
	position: absolute;
	top: 206px;
	right: 12px;
}

div#blocactus div#traitbas, div#blocactus div#traitbas2, div#blocactus div#plusconsultes, div#blocactus div#derniersajouts, div#blocactus div#sitedumoment, div#blocactus div#statistiques{
	width: 193px;
	height: 16px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

div#blocactus div#traitbas{ background-image: url(images/accueil-traitbas.gif); height: 11px; }
div#blocactus div#traitbas2{ background-image: url(images/accueil-traitbas2.gif); height: 11px; }
div#blocactus div#plusconsultes{ background-image: url(images/accueil-plusconsultes.gif); }
div#blocactus div#derniersajouts{ background-image: url(images/accueil-derniersajouts.gif); }
div#blocactus div#sitedumoment{ background-image: url(images/accueil-sitedumoment.gif); }
div#blocactus div#statistiques{ background-image: url(images/accueil-statistiques.gif); }

div#blocactus div#imagesitedumoment{
	margin-left: 5px;
	margin-right: 5px;
	width: 183px;
	height: 100px;
	background-repeat: no-repeat;
	background-color: #fff;
}

div#blocactus div#imagesitedumoment img{
	border: 0px;
}

div#blocactus div.liensaccueil{
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	background-color: #FBFBFB;
}

div#blocactus div.liensaccueil span.clicks{
	color: #AAAAAA;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: right;
	clear: both;
}

div#blocactus div.liensaccueil a:link, div#blocactus div.liensaccueil a:visited, div#blocactus div.liensaccueil a:hover{
	color: #E50083;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(img-rose/puce3.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 11px;
	background-position: 0px 3px;
}

div#blocactus div.liensaccueil a:hover{
	text-decoration: underline;
	background-image: url(img-rose/puce4.gif);
}

/***********************************/
/*                                 */
/*            FORMULAIRE           */
/*                                 */
/***********************************/

div#formulaire{
	padding: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
}

form#formulaire{
	padding: 10px;
}

form#formulaire label{
	background-image: url(img-rose/puce4.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E50083;
	width: 210px;
	display: inline;
	float: left;
}

form#formulaire input, form#formulaire select, form#formulaire textarea{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
	width: 250px;
	border: 1px solid #888888;
	margin-bottom: 4px;
}

form#formulaire textarea{
	padding: 5px;
}

form#formulaire input{
	width: 170px;
}

form#formulaire input.butsubmit{
	width: 62px;
	height: 16px;
	border: 0px;
	margin-left: 220px;
}

/***********************************/
/*                                 */
/*            MULTIPAGE            */
/*                                 */
/***********************************/

div#multipage{
	margin-top: 10px;
	height: 14px;
}

div#multipage div.page-avant, div#multipage div.page-apres, div#multipage div.page-debut, div#multipage div.page-fin{
	background-repeat: no-repeat;
	width: 15px;
	height: 14px;
	float: left;
}

div#multipage div.page-avant{ background-image: url(img-rose/page-avant.gif); }
div#multipage div.page-apres{ background-image: url(img-rose/page-apres.gif); }
div#multipage div.page-debut{ background-image: url(img-rose/page-debut.gif); }
div#multipage div.page-fin{ background-image: url(img-rose/page-fin.gif); }

div#multipage div.pages{
	float: left;
}

div#multipage div.pages img{
	border: 0px;
}

/***********************************/
/*                                 */
/*              FOOTER             */
/*                                 */
/***********************************/

div#footer div#menufooter div.sepfooter{
	float: left;
	display: block;
	width: 13px;
	height: 5px;
	background-repeat: no-repeat;
	background-image: url(images/sepfooter.gif);
}

div#footer div#menufooter a{
	float: left;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

div#footer div#menufooter a.accueil:link, div#footer div#menufooter a.accueil:visited, div#footer div#menufooter a.accueil:hover{
	width: 39px;
	background-image: url(img-rose/foot-accueil.gif);
}

div#footer div#menufooter a.classements:link, div#footer div#menufooter a.classements:visited, div#footer div#menufooter a.classements:hover{
	width: 65px;
	background-image: url(img-rose/foot-classements.gif);
}

div#footer div#menufooter a.liens:link, div#footer div#menufooter a.liens:visited, div#footer div#menufooter a.liens:hover{
	width: 27px;
	background-image: url(img-rose/foot-liens.gif);
}

div#footer div#menufooter a.pays:link, div#footer div#menufooter a.pays:visited, div#footer div#menufooter a.pays:hover{
	width: 23px;
	background-image: url(img-rose/foot-pays.gif);
}

div#footer div#menufooter a.wall:link, div#footer div#menufooter a.wall:visited, div#footer div#menufooter a.wall:hover{
	width: 55px;
	background-image: url(img-rose/foot-wall.gif);
}

div#footer div#menufooter a.proposer:link, div#footer div#menufooter a.proposer:visited, div#footer div#menufooter a.proposer:hover{
	width: 91px;
	background-image: url(img-rose/foot-proposer.gif);
}

div#footer div#menufooter a.proposernews:link, div#footer div#menufooter a.proposernews:visited, div#footer div#menufooter a.proposernews:hover{
	width: 99px;
	background-image: url(img-rose/foot-proposernews.gif);
}

div#footer div#menufooter a.contact:link, div#footer div#menufooter a.contact:visited, div#footer div#menufooter a.contact:hover{
	width: 41px;
	background-image: url(img-rose/foot-contact.gif);
}

div#footer{
	margin-right: 5px;
	padding: 10px;
	padding-top: 13px;
	padding-bottom: 25px;
	background-image: url(images/pointilles.gif);
	background-repeat: repeat-x;
}

div#footer div#copyright{
	clear: both;
	_margin-top: -14px;
}

/***********************************/
/*                                 */
/*             CLASSEMENT          */
/*                                 */
/***********************************/

div#pagepaysclassement{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#pageliensclassement{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/***********************************/
/*                                 */
/*        ICONES CATEGORIES        */
/*                                 */
/***********************************/

div#iconescat{
	padding: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
	margin-right: 205px;
}

a.blocicone{
	width: 150px;
	_width: 186px;
	height: 21px;
	_height: 32px;
	background-repeat: no-repeat;
	float: left;
	_float: none;
	padding-left: 36px;
	padding-top: 11px;
	_display: inline-block;
	border: 0;
}

a.blocicone img{
	border: 0;
}

a.blocicone#d2{ background-image: url(icones-rose/2d.gif); }
a.blocicone#d3{ background-image: url(icones-rose/3d.gif); }
a.blocicone#blogs{ background-image: url(icones-rose/blogs.gif); }
a.blocicone#code{ background-image: url(icones-rose/code.gif); }
a.blocicone#communautes{ background-image: url(icones-rose/communautes.gif); }
a.blocicone#divers{ background-image: url(icones-rose/divers.gif); }
a.blocicone#flash{ background-image: url(icones-rose/flash.gif); }
a.blocicone#fonts{ background-image: url(icones-rose/fonts.gif); }
a.blocicone#hebergement{ background-image: url(icones-rose/hebergement.gif); }
a.blocicone#illustration{ background-image: url(icones-rose/illustration.gif); }
a.blocicone#jeuxvideos{ background-image: url(icones-rose/jeuxvideos.gif); }
a.blocicone#musique{ background-image: url(icones-rose/musique.gif); }
a.blocicone#photographie{ background-image: url(icones-rose/photographie.gif); }
a.blocicone#pixelart{ background-image: url(icones-rose/pixelart.gif); }
a.blocicone#ressources{ background-image: url(icones-rose/ressources.gif); }
a.blocicone#stockphotos{ background-image: url(icones-rose/stockphotos.gif); }
a.blocicone#tutoriaux{ background-image: url(icones-rose/tutoriaux.gif); }

/***********************************/
/*                                 */
/*      MODIFS REFERENCEMENT       */
/*                                 */
/***********************************/

div#header h1{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

div#header h1 a#logo:link,
div#header h1 a#logo:visited,
div#header h1 a#logo:hover{
	position: absolute;
	top: 40px;
	left: 17px;
	background-image: url(img-rose/logo.gif);
	background-repeat: no-repeat;
	width: 233px;
	height: 47px;
	text-decoration: none;
}

div#header h1 a#logo:link span,
div#header h1 a#logo:visited span,
div#header h1 a#logo:hover span{
	visibility: hidden;
}

div#menu a:link,
div#menu a:visited,
div#menu a:hover{
	text-decoration: none;
}

div#menu a:link span,
div#menu a:visited span,
div#menu a:hover span{
	visibility: hidden;
}

div#menufooter a:link,
div#menufooter a:visited,
div#menufooter a:hover{
	text-decoration: none;
}

div#menufooter a:link span,
div#menufooter a:visited span,
div#menufooter a:hover span{
	visibility: hidden;
}