html, body {
	height: 100%;
	width: 100%;
	font: normal 1em "Trebuchet MS" Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-image: url(images/fondGauche.gif);
	background-repeat: repeat-y;
	background-position: right;
}
a{
color: #68396F;
text-decoration: none;
}
a:hover{
color: #FF6600;
text-decoration: underline;
}
#menu{
position: absolute;
top: 0;
right: 0;
background-color: #AB86AB;
width: 250px;
height: 100%;
}
#content{
height: 100%;
width: auto;
padding: 8% 0 0 5%;
margin: 0 250px 0 0;
}
/*___________________Header de l'index__________________*/
#header h1{
font: normal 48px Arial, Helvetica, sans-serif;
line-height: 40px;
color: #a789a8;
margin: 0;
}
#header h2{
color: #d6d6d6;
margin: 0 0 50px 0;
font: bold 20px Arial, Helvetica, sans-serif;
}
#categories h1{
font: normal 30px Arial, Helvetica, sans-serif;
color: #999;
margin: 0 0 20px 0;
}
hr{
color: #D6D6D6;
background: #D6D6D6;
height: 1px;
border: 0;
margin: 0;
}
#langues{margin-top: 20px;text-align:center; vertical-align: top;}
#langues img{border: 0; height: 20px;}
/*_________________Liste des catégories_____________________*/
#categories{
float: left;
width: auto;
height: auto;
margin: 10px 0 20px 0;
}
#list_cat{
list-style: cercle;
color: #FFCC01;
margin: 0;
font: normal 1em "Trebuchet MS" Verdana, Helvetica, sans-serif;
}
#list_cat li{
float: left;
width: 148px;
margin: 2px 20px 0 0;
}
#compagnon{float: right;}
#contenu_text{color: #A789A8;}
#contenu_text a{color: #F90; text-decoration: none;}
#contenu_text a:hover{color: #FFCC01; text-decoration: underline;}
/*___________________Logo ISI Keywords________________*/
#logo_isi{
width: 100%;
height: 230px;
background-color: #68396f;
}
#logo_isi img{
float: right;
padding: 45px 10px 0 0;
border: 0;
}
/*___________________ Recherche & Expressions__________________*/
#recherche{color: #FFF; height: auto;}
#recherche p{margin: 10px 10px 0 10px; font: normal 13px "Trebuchet MS" Verdana, Helvetica, sans-serif;}
#recherche input{
margin: 5px 5px 0 0;
size: 30px;
border-top: 1px solid #68396F;
border-left: 1px solid #68396F;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
background: #FFF;
vertical-align: top;
}

/* ____________________Pieds de page__________________________ */
#copy_pieds{
font: normal 0.8em Verdana, Arial, sans-serif;
color: #000;
}
#footer{
margin: 20px 250px 0 0;
width: 100%;
text-align: center;
}
#footer ul{
clear: both;
font: normal 0.9em "Trebuchet MS" Verdana, Helvetica, sans-serif;
list-style: none;
margin: 15px 0 10px 0;
}
#footer ul li{
display: inline;
color: #000;
}
#logo_google{
margin: 20px 250px 0 0;
width: 100%;
text-align: center;
}
/*_____________Header des catégories__________________*/
#list_expressions{
position: absolute;
top: 0;
right: 0;
background-color: #AB86AB;
width: 250px;
height: auto;
}
#contenu{
height: auto;
width: auto;
padding: 4% 0 0 5%;
margin: 0 250px 0 0;
}
#contenu_sites{
height: auto;
width: auto;
padding: 0 0 0 5%;
margin: 0 250px 0 0;
}
#list_sites{
width: 100%;
margin: 10px 0 0 0;
}
#motcle h1{
font: normal 46px Arial, Helvetica, sans-serif;
color: #999;
text-transform: capitalize;
margin: 20px 0 0 0;
}
#motcle h2{
color: #999;
text-transform: capitalize;
font: normal 30px Arial, Helvetica, sans-serif;
margin: 10px 0 10px 20px;
}
#infos_motcle{font-size: 11px;}
#infos_motcle img{border: 0;}

/*___________Contenu des catégories______________________*/
.screen img{float: right; border: 0;}
.screen a{border: 0;}
.screen a img{width:110px; margin-left:10px;}

.rank{
color: #999;
font-size: 9px;
width: auto;
}
#ajout_site_motcle{
text-align: center;
width: auto;
height: auto;
background: #A666AB;
}
#ajout_site_motcle a{color: #FFCC01;text-decoration: none;}
#ajout_site_motcle a:hover{color: #FFCC01;text-decoration: underline;}
#recherche ul{
height: auto;
color: #361436;
padding-left: 20px;
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
}
#recherche ul li{margin: 0;padding: 0;list-style-type: none;}
#recherche ul li a{color: #FFF;text-decoration: none;}
#recherche ul li a:hover{color:#FFF;text-decoration: underline;}
div.oddRow{background-color:#eee9ee;}
div.evenRow{background-color:#fff;}
div.IsSousCat{border: 3px solid #EC6204;}
div.oddRow, div.evenRow{
border-bottom:solid 2px #636;
margin: 0 2px 0 2px;
min-height:84px;
padding:4px 10px 4px 10px;
}
div.evenRow p, div.oddRow p{
color:#847084;
font-family:Times New Roman, serif;
font-size:12px;
margin: 4px 0 8px 0;
line-height:12px;
}
div.oddRowRanked{background-color:#854d8a;}
div.evenRowRanked{background-color:#692769;}
div.oddRowRanked, div.evenRowRanked{
border-bottom:solid 2px #fff;
margin: 0 2px 0 2px;
min-height:92px;
padding:4px 10px 4px 10px;
}
div.evenRowRanked p, div.oddRowRanked p{
color:#b4a6b4;
font-family:Times New Roman, serif;
font-size:12px;
margin: 4px 0 8px 0;
line-height:12px;
}
a.siteLink:link, a.siteLink:visited{
text-decoration:none;
font-style:italic;
font-size:13px;
font-weight:bold;
color:#361436;
}
a.siteLinkRanked:link, a.siteLinkRanked:visited{
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#fff;
}
a.referencementLink:link, a.referencementLink:visited{
float:right;
color:#361436;
text-decoration:underline;
font-size:9px;
text-transform:uppercase;
margin-top:-9px;
}
a.referencementLinkRanked:link, a.referencementLinkRanked:visited{
float:right;
color:#fff;
text-decoration:underline;
font-size:9px;
text-transform:uppercase;
margin-top:-9px;
}
div.rankedThumbnail{
	float:right;
	display:block;
	width:100px;
	height:80px;
	background-color:#f00;
}
/*__________________Ajout-site___________________*/
p.commentaire{color: #AB86AB; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
p.commentaire span{color: #AB86AB; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#site_url{border-left: 2px solid #FC0; padding-left: 10px;}
#site_url p{margin: 10px 0 5px 0;}
#site_url p label {float: left; width: 10em;}
#site_url p span {color: #AB86AB; margin-left: 10px; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#crea_site{border-left: 2px solid #F60; padding-left: 10px;}
#crea_site p{margin: 10px 0 5px 0; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#crea_site p label {float: left; margin-right: 10px; text-decoration: underline;}
#crea_site p span {color: #AB86AB; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#crea_site p #url_domaine{color: #AB86AB; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#identification{border-left: 2px solid #FC0; padding-left: 10px;}
#identification p{margin: 10px 0 5px 0;}
#identification p label {float: left; width: 10em;}

#email_enreg{border-left: 2px solid #F90; padding-left: 10px; visibility: hidden;}
#email_enreg p{margin: 10px 0 5px 0;}
#email_enreg p label {float: left; width: 10em;}

#avoir_mdp{border-left: 2px solid #F60; padding-left: 10px; visibility: hidden;}
#avoir_mdp p{margin: 10px 0 5px 0;}
#avoir_mdp p label {float: left; width: 10em;}
h3{font: normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #68396F;}
h3:first-letter{font: normal 20px Verdana, Arial, Helvetica, sans-serif; color: #F60;}

#affichage_div ul{margin: 0; padding: 0;}
#affichage_div ul li{
list-style-type: square;
color: #AB86AB;
font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#affichage_div ul li a{
color: #F60;
font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

		/*____________ Proposer une catégories ______________*/
#proposer p{margin: 10px 0 5px 0;}
#proposer p label {float: left; width: 10em; vertical-align: top;}
#proposer p span {color: #AB86AB; margin-left: 10px; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}