@charset "UTF-8";
/* CSS Document by nicobilou */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#fff; 
	
	color:#666;
	
}

img {
	border:0px;
}

a {
	text-decoration: none;
	color:#deda00;
}
a:hover {
	text-decoration: none;
	color:#FF8A00;
}

/* Positionnement Div */

/*fichier mots clé h1 et h2*/
#Tmc {
width:100%;
height:10px;
height:10px;
border:none;
padding:0px;
}
.b_h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #EBEBEB;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#conteneur {

	width:980px;
	margin:0 auto;
	background-color:#fff;
	background-image:url(http://etikoo.com/annuaire/themes/fresh/images/bg-conteneur.png);
	background-repeat: repeat-y;
	
	
}

#header {
	height: 380px;
	text-align:right;
	background-image:url(http://etikoo.com/annuaire/themes/fresh/images/body.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	
}

#logo {
	height: 142px;
	float: left;
	padding:0px;
	margin: 31px 0px 0px 300px; /* haut droite bas gauche*/
	
}

#pubGoodactionTop {
	height: 72px;
	width:468px;
	padding:10px 40px 0px 10px;
	margin: 0px; /* haut droite bas gauche*/
	float:right;
}

#menutop {
	margin: 0px 40px 0px 200px; /* haut droite bas gauche*/
	padding: 0px;
	float:right;	

	
}

#haut {
	height:31px;
	width:980px;
	margin:0px 0px 0px 0px; /* haut droite bas gauche*/
	padding:4px 0px 0px 35px;
	background-image:url(images/bg-menu-annu.png);
	background-position:top left;
	background-repeat:no-repeat;
	
}


#sousmenu {
	background-image:url(images/bg-ssmenu.png);
	background-position: top left;
	background-repeat:repeat;
	width:980px;
	height:4px;
	margin:0px 0px 10px 0px;
	padding:0px;
}


#centre {
	background-color:#fff;
	margin-left: 210px;
	margin-right: 260px;
}

# accueil {
	width:500px;
	margin-bottom:20px;
}



#gauche {
	float:left;
	width: 160px;
	height:100%;
	margin-left:15px;
	
}





#droite {
	float:right;
	width: 200px;
	margin-right:15px;
	
	
}
#pied {
	clear:both;
	margin:0px;
	height: 10px;
	
}
#footer {
	
	background:url(http://etikoo.com/annuaire/themes/fresh/images/bg-footer.png);
	background-repeat:no-repeat;
	height:100px;
	clear:both;
	
	bottom: 0;
	width:100%;
	text-align:center;
	background-position: bottom center;
	padding-bottom:20px;
	
	
}
#footertxt {
	
	text-align:center;
	padding-top:20px;
	font-size:9px;
	font-weight: bold;
	
}

#footertxt img {
	float:none;
	
}



/* Styles Top */

#menutop a {
 color:#ccc;
 font-size:10px;
 font-weight:bold;
	
}
#menutop a:hover{
 color:#ff8a00;
	
}



/* Menu Haut */



ul#menuhaut {
	list-style-type: none;
	padding:0px;
	margin: 4px 15px 1px 0px; /* haut droite bas gauche*/
}

ul#menuhaut li {
	float: left;
	font-weight:bold;
	color:#deda00;
	
	
	
}

ul#menuhaut li#menu1 a {
	float: left;
	padding: 6px 10px 0px 10px; /* haut droite bas gauche*/
	margin:-6px 0px 0px 0px; /* haut droite bas gauche*/
	text-align: center;
	text-decoration: none;
	color:#f7b234;
	height:23px;
	font-weight:bold;
	
}

ul#menuhaut li#menu1 a:hover {
	color:#f7b234;
 	background:url(images/bg-menu-annu-on.png) bottom repeat-x;
	

	
}









/* Menu droite */

ul#menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
} 

ul#menudroit li {
	margin-bottom: 1px;
}

ul#menudroit a {
	 padding-top:5px;
	 padding-left:15px;
     width: 185px; 
     height: 20px;
     display: block;
     text-align: left;
	 border: 0px solid gray;
	 text-decoration: none;
	 color:#666;
	 background: #fffecc;
	
	 }
	 
ul#menudroit a:hover {

	 text-decoration: none;
	color:#444;
	background:url(images/nav-on.png) top left repeat;
     }
	 
	 /* Menu droite keywords*/

ul#menudroitkeywords {
	list-style-type: none;
	margin: 0;
	padding:0;
} 

ul#menudroitkeywords li {
	margin-bottom: 1px;
}

ul#menudroitkeywords a {
	 padding-top:2px;
	 padding-left:15px;
     width: 185px; 
     height: 15px;
     display: block;
     text-align: left;
	 text-decoration: none;
	 color:#666;
	 background: #fffecc;
	
	 }
	 
ul#menudroitkeywords a:hover {

	 text-decoration: none;
	color:#444;
/*	background:url(images/nav-on.png) top left repeat;*/
     }


.titrecol {
	padding: 0px; 
	margin: 0px 0px 0px 0px; /* haut droite bas gauche*/
     }
	 

#searchbox {
	margin:0px;
	padding:0px;
	background: #fffecc;
	}



#tagcloud {
	
	background: #fffecc;
	padding:5px;
	text-align:center; 
	}
	

#tagcloud a {
	color: #666;
	text-decoration:none;  
  
	}
	
#tagcloud a:hover {
	color: #deda00;
	text-decoration:none;     
	}	


/* Style header */

#header h1 {
	font-size:1em;
	font-weight:bold;
	color:#ccc;	
	padding: 20px 40px 10px 0px; /* haut droite bas gauche*/
	margin: 0px
}
#header h1 a {
	font-size:1em;
	font-weight:bold;
	color:#ccc;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:center;
}

#header h2 {
	font-size:0.8em;
	font-weight:bold;
	color:#666;
	margin:0px;
	padding: 2px 40px 0px 0px; /* haut droite bas gauche*/
	line-height:11px;
	
}


/* Style colonne gauche */

#gauche h4 {
	font-size:130%;
	font-weight:bold;
	color:#fbf4da;
	margin:10px 0 1px 0;
	border:none;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	background-image:url(images/bgcolH4.png);
	background-position:top left;

}

.boost {
	text-align:center;
	background-color:#fffecc;
}

.boost a {
	text-decoration: none;
	color:#484848;
	font-size:12px;
	font-weight:bold;
}
.boost a:hover {
	text-decoration: none;
	color:#7fb003;
}

/* Style colonne droite */

#titredroite {

	width:200px;
	height:32;
	background-color:#deda00;
	margin:10px 0px 1px 0px; /* haut droite bas gauche*/
	padding:0px;

}
#fintitredroite {

	width:200px;
	height:12;
	margin:1px 0px 0px 0px; /* haut droite bas gauche*/
	padding:0px;

}

#titregauche {

	width:160px;
	height:32;
	background-color:#deda00;
	margin:10px 0px 1px 0px; /* haut droite bas gauche*/
	padding:0px;

}
#fintitregauche {

	width:160px;
	height:12;
	margin:1px 0px 0px 0px; /* haut droite bas gauche*/
	padding:0px;

}


.textegauche {
	
	
	padding:5px;
	background-color:#eeffc4;
	


}


/* Style centre (main) */


.orange7 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #ff8a00;
	font-weight: bold;
}

.gris {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #b3b3b3;
	font-weight: bold;
}
.orange {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff8a00;
	font-weight: bold;
}
.green  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #DEDA00;
	font-weight: bold;
}
.gris10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b3b3b3;
	font-weight: bold;
}
.orange10 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff8a00;
	font-weight: bold;
}
.green10  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DEDA00;
	font-weight: bold;
}
.gris12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b3b3b3;
	font-weight: bold;
}
.orange12 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff8a00;
	font-weight: bold;
}
.green12  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DEDA00;
	font-weight: bold;
}
.noir9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.bleu12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	font-weight: normal;
}

#accueil input  {

}




/* Style footers */










/***********************************************************************/










form {
	padding:5px;
	margin:0px;

}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}
input {
	padding: 2px;
	margin: 2px;
	
	font:90%;
	color:#666;
}

textarea {
	padding:4px;
	font:90% Verdana;
	border:1px solid #eee;
	height:200px;
	display:block;
	color:#777;
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160%;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}

/* AutoCompletion CSS */

#autocompletion {
    border: 1px solid #999;
    background: #fafafa;
	text-align: left;
  }
  #autocompletion ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #autocompletion li {
	
  }
  #autocompletion a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: #CCC;
  }

#feed {
	color: #0098EF;
	font-weight: bold;
}

/******************************** tableau site */
#sites h3  {
	font-size: 16px;
	margin:0px;
	padding:0px;
	
}

#sites h3 a {
	
	
	text-decoration:none;
	color:#484848;
}

#sites h3 a:hover {
	
	
	text-decoration:none;
	color:#deda00;
}

#sites hr {
	
	
	width:100%;
	height:2px;
	margin-bottom:15px;
	margin-top:15px;
	background-color:#deda00;
	border:0px;
}

.vote a {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}

.nbvotes {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	margin-top:-5px;
	padding:0px;
	vertical-align:top;
}

.votetable {
	background-image: url(images/bg-vote-table.png);
	background-repeat:no-repeat; 
	width : 70px;
	height: 100px;
	margin-right: 5px;
	margin-top:6px;
	vertical-align:top;
}

/****************** ajout resux*/
.votelargeur {width: 80px;}

a.cat_display {
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	line-height:25px;	
	color:#f7b234;
	background-image:url(images/puce-cat.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
}

a:hover.cat_display {
	text-decoration: none;
	line-height:25px;	
	color:#deda00;
	background-image:url(images/puce-cat-over.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
}

a.subcat_display {
	text-decoration: none;
	font-size: 11px;
	font-weight:normal;
	line-height:25px;	
	color:#666;
	
	
}
a:hover.subcat_display {
	text-decoration: none;
	font-size: 11px;
	line-height:25px;	
	color:#deda00;
	
}

.lien {
	text-align: justify;
}

.lien a, .lien a:hover {
	font-size: 12px;
	color: #ff8a00;
	text-decoration: underline;
	font-weight: bold;
}

.lien span {
	color: #ff8a00;
}

.ariane {
	color: #A9A9A9;
}

.ariane a {
	color: #ff8a00;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}

.ariane a:hover {
	color: #deda00;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

.sitetable {
	background: #fff;
	width: 100%;
	vertical-align : top;
}



.warning {
	background: #CFEBF7 url(images/notice.png) no-repeat 1em ;
	border: 2px solid #000;
	text-align: center;

	padding: 10px;
	font-family: tahoma, verdana;
	font-weight: bold;
	max-width: 780px;
}


/****************** Onglets fiche site */
#container {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#container ul#menu {	
	font-weight: bold;
}
#container ul#menu li {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display: inline;
	margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
}

#container a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}
#container a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}