/***************************
  GLOBAL
***************************/
BODY {font: normal 12px Arial; color:#000; margin: 5px 0px; padding: 0px;}
TABLE {border:0px;}
IMG {border:0px;}
FORM {margin:0px;}

.clean_float {clear: both;}
.promo_1 {padding-top: 5px; padding-bottom: 5px;}

.orange {color: #ff6600;}
.blue_ {color: #003399;}
.blue_light {color: #bfd2ed;}
.grey_ {color: #93908e;};
.grey__ {color: #333;}
.grey_light {color: #f7f6f6;}


/***************************
  HEADER + TAG CLOUDS
***************************/
div#header {clear:both; margin:0px; overflow:hidden; padding:0px; position:relative;}
div#header h1 {height:1px; left:-10px; margin:0px; overflow:hidden; padding:0px; position:absolute; top:-10px; width:1px;}
div#header h2 {height:1px; left:-9px; margin:0px; overflow:hidden; padding:0px; position:absolute; top:-9px; width:1px;}

.cadre {width: 1044px; background-repeat: repeat-y; background-image: url(/templates/themes/europe-annuaire/design/header_onglet.png);}
 
.header_tagclouds {height: 134px; width: 684px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/header_droit.png);}
#htmltagcloud a.hover, #htmltagcloud a {text-decoration:none; color: #ccc; font-weight: bold;}


/***************************
  MENU ONGLETS + RSS FEEDS
***************************/
.onglet_cadre {height: 22px;}
#onglet {font: normal 11px Arial; color:#000;}
#onglet .left {height: 22px; width: 9px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/onglet_gauche.png); margin-left: 7px; float: left;}
#onglet .centre {height: 22px; background-repeat: repeat-x; background-image: url(/templates/themes/europe-annuaire/design/onglet.gif); float: left;}
#onglet .centre a, #onglet .centre a:hover {text-decoration: none; color: #000; font-weight: bold;}
#onglet .centre span {padding-top: 5px;}
#onglet .right {height: 22px; width: 8px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/onglet_droit.png); float: left;}

div#rss {font-size: 12px; font-weight: bold; padding-top: 6px; padding-right: 152px;}
div#rss a, div#rss a:hover {text-decoration: none; color: #003399;}
div#rss span {padding-left: 2px;}


/***************************
   FORM. RECHERCHE
***************************/
div#barre_find {font: 11px Arial; color: #ccc; height: 51px; width: 892px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/barre_recherche.png); padding: 0px; margin: 0px;}
div#barre_find form {margin: 0px; padding-left: 50px; padding-top: 13px;}
div#barre_find form span {font: bold 16px Arial; color: #ccc; padding-right: 5px;}
div#barre_find form .search_input {height: 21px; width: 170px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/find_input.png); border: none; margin-right: 5px; text-align: center;}
div#barre_find form .search_submit {height: 21px; width: 87px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/find_submit.png); border: none; font-weight: bold; font-size: 11px;}


/***************************
  BLOCS BODY LEFT
***************************/
table#bloc_blanc {margin-left: 30px; margin-bottom: 5px;}
table#bloc_blanc .header {height: 26px; width: 574px; padding-left: 20px; padding-top: 2px; font: bold 14px Arial; color: #ccc; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/body_bloc_head.png);}
table#bloc_blanc .body {width: 574px; background-repeat: repeat-y; background-image: url(/templates/themes/europe-annuaire/design/body_bloc_center.png);}
table#bloc_blanc .footer {height: 14px; width: 574px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/body_bloc_foot.png); font-size: 8px; text-decoration: none;}

table#bloc_bleu {margin-left: 30px;}
table#bloc_bleu .header {height: 26px; width: 574px; padding-left: 20px; padding-top: 2px; font: bold 14px Arial; color: #ccc; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/body_cat_head.png);}
table#bloc_bleu .body {width: 574px; background-repeat: repeat-y; background-image: url(/templates/themes/europe-annuaire/design/body_cat_center.png);}
table#bloc_bleu .footer {height: 9px; width: 574px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/body_cat_foot.png); font-size: 8px;}


/***************************
  NEWS HOME
***************************/
div.news_home {width: 574px; margin-left: 8px; margin-top: 5px; font: bold 11px Arial; color: #000;}
div.news_home a, table#news_home a:hover {text-transform: uppercase; text-decoration: none; font: bold 11px Arial; color: #ff6600;}
div.news_home span {font-weight: normal; font-size: 11px;}


/***************************
  CATEGORIES
***************************/
table#categorie {width: 574px; margin: 0px 5px 0px 5px;}
table#categorie a, table#categorie a:hover {font: bold 12px Arial; text-transform: uppercase; text-decoration: none; color: #003399;}
table#categorie span, table#categorie a.sous_rubrique {text-decoration: none; text-transform: none; font: normal 11px Arial; color: #000;}
table#categorie a:hover.sous_rubrique {text-transform: none; font: normal 11px Arial; color: #ff6600;}

.cat_titre {border-bottom: 1px;  border-color: #003399; border-bottom-style: solid;}
.lien_footer {text-decoration: none; color: #ff6600;}

table#all_categories td {font: normal 11px Arial; padding: 0px 5px 0px 5px;}
table#all_categories a, table#all_categories a:hover {text-decoration: none; color: #003399;}


/***************************
  DETAIL SITE
***************************/
div#detail_site {width: 574px; padding: 0px; margin: 0px; font: normal 12px Arial; color:#000;}

div#detail_site .spacerV {margin: 0px 5px; width: 571px; height: 1px; padding: 0px; clear: both; background-color: #ccc;}
div#detail_site .ascreen {vertical-align: top; width: 120px; height: 90px; margin: 5px 0px 10px 5px; float: left;}
div#detail_site .titre {font-size: 13px; text-align: center; float: left; width: 449px;}
div#detail_site .description {text-align: left; float: left; margin-left: 5px; width: 150px; margin-top: 10px;}
div#detail_site .info {float: left; font-size: 12px; text-align: justify; width: 419px; margin-bottom: 10px; margin-top: 10px;}
div#detail_site span {float: left; padding-right: 8px;}


/***************************
  BLOC SITES
***************************/
.img_position {float:left; margin: 5px 5px 0px 5px;}
.site_separation {border-bottom: 2px solid #ccc; padding-bottom: 5px;}

div#site_titre {font: normal 11px Arial; text-align: justify; padding: 5px;}
div#site_titre a.biglien, div#site_titre a:hover.biglien {color: #333; text-decoration: none; font: bold 13px Arial;}
div#site_titre a.lieninfo, div#site_titre a:hover.lieninfo {color: #ff6600; text-decoration: none; font: bold 12px Arial;}

div#site_def {font: normal 2em Arial; text-align: left; padding: 0px 5px 0px 5px;}
div#site_def a.lientag, div#site_def a:hover.lientag {color: #333; text-decoration: none; padding-right: 5px;}

div#site_tag {font: normal 11px Arial; text-align: left; padding: 5px 5px 0px 5px; clear: both;}
div#site_tag a.lientag, div#site_tag a:hover.lientag {color: #ff6600; text-decoration: none; padding-right: 5px;}


/***************************
  BLOC BODY RIGHT
***************************/
.body_right {width:272px; margin-left: 5px; background-color: #f7f6f6; font: normal 11px Arial; color: #333; border: 1px solid #93908e;}
.separation_bloc {border-bottom: 1px solid #93908e; padding-bottom: 5px;}

div#description {font: normal 11px Arial; text-align: justify; padding: 0px 5px 5px 5px;}
div#description a.biglien, div#description a:hover.biglien {color: #333; text-decoration: none; font: bold 13px Arial;}
div#infos {font: normal 10px Arial; text-align: right; padding-right: 5px;}
div#infos a.littlelien, div#infos a:hover.littlelien {color: #666; text-decoration: none; font: bold 10px Arial;}

.body__right {background-repeat: no-repeat; padding-left: 50px; font-size: 18px;}
.focus {height: 41px; background-image: url(/templates/themes/europe-annuaire/design/focus.png);}
.newsletter {height: 50px; background-image: url(/templates/themes/europe-annuaire/design/newsletter.png);}
.topsite {height: 44px; background-image: url(/templates/themes/europe-annuaire/design/sites_meilleurs.png);}
.partenaires {height: 50px; background-image: url(/templates/themes/europe-annuaire/design/partenaires.png);}
.photojour {height: 41px; background-image: url(/templates/themes/europe-annuaire/design/photo_jour.png);}
.publiciteright {height: 41px; background-image: url(/templates/themes/europe-annuaire/design/pub_right.png);}


/***************************
  NEWSLETTER
***************************/
form#news {height: 28px; font: normal 9px Arial; color: #333; margin-right: 5px;}
form#news span {font: bold 12px Arial;}
form#news .input {height: 20px; width: 150px; background-color: #f7f6f6; color: #333; font-size: 9px; border: 1px solid #333; margin: 2px;}
form#news .submit {height: 20px; background-color: #333; color: #f7f6f6; font-size: 9px; font-weight: bold; border: 1px solid #333; padding-bottom: 1px;}

div#news {padding: 5px 5px 0px 5px;}
div#news a, div#news a:hover {font: normal 11px Arial; color: #333; padding-left: 5px;}


/***************************
  TOP SITES
***************************/
#top_site {padding-left: 10px;}
#top_site a, #top_site a:hover {font: normal 11px Arial; color: #333;}


/***************************
  PARTENAIRES
***************************/
#partners {padding-left: 10px;} 
#partners a, #partners a:hover {font: normal 11px Arial; color: #333;}


/***************************
  PUBLICITE
***************************/
#publicite_right {font: normal 11px Arial; color: #333; width: 200px; margin-top: 5px; margin-bottom: 10px; text-align: center;}


/***************************
  FOOTER
***************************/
.footer_cadre {height: 12px; width: 1044px; background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/design/body_footer.png); font: normal 5px Arial;}

table#footer_mentions {border-color: #ccc; border-style: solid; border-width: 1px; font-size: 9px; font-family: Arial; color: #333; height: 20px;}
table#footer_mentions .left { padding-left: 10px; text-align: left;}
table#footer_mentions .right {padding-right: 10px; text-align: right;}
.footer_liens {text-decoration: none; color: blue;}  

.footer_bloc_title {background-repeat: no-repeat; background-image: url(/templates/themes/europe-annuaire/images/design/footer_bloc_title.gif); font-size: 9px; font-family: Arial;}
.footer_bloc{background-color: #b4b4b4; color: #333; font-size: 9px; font-family: Arial;}
.footer_recherches {font-size: 9px; font-family: Arial; color: #333;}