/*  
Nom du Thème : TrendGlobes
Auteur : Patrice LEGAY (www.webdconseils.com)
*/

* {margin: 0; padding: 0; border: none; outline:none;}

body { 
	margin: 0;
	padding: 0;
	background: #121212 url(images/background.gif) repeat-x top left;
	font-family: "Arial", "Lucida Grande, Verdana", Helvetica, sans-serif;
	font-size: 80%;
 	color: #FFFFFF;
	text-align: left;
}

html {
	scrollbar-face-color:#0c0c0c;
	scrollbar-highlight-color:#0c0c0c;
	scrollbar-3dlight-color:#0c0c0c;
	scrollbar-darkshadow-color:#0c0c0c;
	scrollbar-shadow-color:#0c0c0c;
	scrollbar-arrow-color:#c6f24b;
	scrollbar-track-color:#0c0c0c;
}


img{
	border:0px;
}

.vote {
float: right;
height: 53px;
width: 33px;
margin-right: 1px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 13px;
background-color: transparent;
background-image: url(images/date_text_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
}
.vote span.note {
font-size: 9px;
height: 12px;
float: left;
}

.votes {
font-size: 18px;
color: #FFFFFF;
}

.vote span.nombre 
{
font-size: 18px;
display: block;
}

.vote a{
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
}

.vote a:hover{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

.votelargeur {width: 40px;}


.sitetable {
	padding: 8px;
	background: transparent url(images/sites.jpg) no-repeat top left;
	vertical-align : top;
	}
	
.sitetableindex {
	padding: 8px;
	background: transparent url(images/siteindex.jpg) no-repeat top left;
	vertical-align : top;
	}

.sitetables {
	width: 80%;
	vertical-align : top;
	
}

 .ml25{
 font-size: 11px;
 color: #c2c2c2;
 font-weight: bold;
 font-family: arial;
 text-decoration: none;
 }


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

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

#containers ul#menus {	
	font-weight: bold;
}
#containers ul#menus 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;
}
#containers ul#menus li a {
text-decoration: none;

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

#containers a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	background-color: white;
	border-bottom-color: white;
}
#containers a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	color: #333333;
}
#containers .on {
	display: block;
}
#containers .off {
	display: none;
}
h1 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	padding:0;
 	margin:0;
 	color:#F5F5F5;
	font-size: 11px;
}
h2 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	color:#000000;
	font-size: 12px;
	display:inline;
}
h3 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	padding:0;
 	margin:0;
 	color:#F5F5F5;
}
h4,h5,h6 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	padding:0;
 	margin:0;
 	color:#F5F5F5;
}

a:link, a:visited { color: #6D9212; text-decoration: none;}

a:hover, a:active {color: #A4D03B; text-decoration: none;}

.nodisplay {left: -5000px; position: absolute;}

p, ul, ol {line-height: 23px;}

ol, ul {list-style-type: square; padding:5px 0 0 20px}

#container {
	background:transparent;
	margin:0 auto;
	padding:0;
	width:768px;
}

#header {
	background: url(images/logo.png) no-repeat top center;
	height: 163px;
    width:768px;
	margin: 0; padding: 0;
}

#barre_sms
{
	background-image:url(images/barre_sms.jpg); 
	background-repeat:no-repeat;
	width:768px;
	height:29px;
	
}

#barre_sms .inner
{
    position:absolute;
	top:233px;
	padding-left:150px;
	height:20px;
	width:453px;
}

#barre_sms .inner	marquee
{
	color:black;
	font-family:arial;
}

#menu {
        width:768px;
        height:50px;
	background: #1E1E1E url(images/button_bg.gif) no-repeat top center;
	text-align: left;
}

#buttons {
        width:768px;
        height:29px;
	background: #1E1E1E url(images/u_head.gif) no-repeat top center;
	text-align: right;
}

#content {
        background: transparent url(images/corner.gif) no-repeat top left;
   	float: left;
   	width: 500px;
        padding:15px;
}

#navigation {
   	float: right;
	margin: 8px 8px 8px 0px;
	padding: 10px;
   	width: 200px;
	line-height: 1.5em;
	display: inline;
}

#footer {
	background: #1E1E1E url(images/footer.jpg) no-repeat top center;
	height: 45px;
        width:768px;
	margin: 0; padding: 0;
}


#header h1 {
     color:#fff;
     float:left;
	 margin: 36px 0 0 70px;
     padding: 0;
	 clear:right;
	 font-size:2.5em;
}

#header h1 a, #header h1 a:hover {
        color:#fff;
        text-decoration:none;
}

#menu ul {
        font-weight:bold;
	padding: 8px 0 0 50px;
}
#menu li {
        padding: 0 10px 0 5px;
	display: inline;
}
#menu li a {
	color: #B8D518;
}
#menu li a:hover {
	border-top:3px solid #C6E51E;
        text-decoration: none;
	color: #D3F519;
}

#buttons ul {
        font-size:11px;
        font-weight:bold;
	padding: 2px 10px 0 0;
}
#buttons li {
	background: transparent url(images/rss.gif) no-repeat 0px 50%;
        padding: 0 10px 0 20px;
	display: inline;
}
#buttons li a {
	color: #fff;
}
#buttons li a:hover {
        text-decoration: none;
	color: #EFEFEF;
}


#navigation h3 {
	margin: 5px 0 8px 0;
	padding: 0 0 4px 0;
	color: #F5F5F5;
	font-size: 17px;
	border-bottom: 2px solid #A7D23F;
}

#navigation ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#navigation li {
	list-style: none;
}

#navigation ul li a {
	margin: 0;
	padding: 4px 0 4px 30px;
	background:transparent url(images/bull.gif) no-repeat 10px 50%;
	display: block;
	color: #fff;
	text-decoration: none;
}


#navigation ul li a:hover {
	background:#1A1A1A url(images/bull_h.gif) no-repeat 10px 50%;
	color: #fff;
}

#navigation .box {
	margin:10px 0 10px 0;
	padding:8px;
	background: transparent url(images/navi.gif) no-repeat top left;
}

#footer p { 
    padding:12px;
	font-size: 12px;
	text-align: left;
	color: #fff;
}
#lien1 {    /* zone cliquable */
position: absolute;
width : 250px;
height: 34px;
margin-left: 85px;
margin-top:inherit;

}
div#blackout {
position: fixed; top: 0; left: 0; z-index: 9999;
} div#backout a {
text-decoration: none; border: 0;
} 
div#blackout a:hover {
text-decoration: none; border: 0;
}
lien { background-color:#FFFF00; } 
sp1 { color:#FF0000; } 
sp2 { color:#0000FF; } 
lien:hover #sp1 { color:#00FF00; } 
lien:hover #sp2 { color:#00FF00; }

.friendly a:link{
color:#FF9900;
text-decoration:underline;
}
.friendly a:hover {
color:#CC0000;
text-decoration:none;
} 
.friendlysite a:link{
color:#FF9900;
font-size: 10px;
}
.friendlysite a:hover {
color:#CC0000;
text-decoration:underline;
font-size:10px;
}
a.E:hover { visibility: visible } 
a.E:hover img { visibility: hidden }
#barre {
	position: fixed;
	bottom: 0px;
	width: 100%;
	line-height: 25px;
	padding: 9px 0 0 0;
	background: url('/images/barrefooter.png') repeat-x;
	z-index: 5;
}

#barre span {
	float: left;
	padding: 0 10px;
	color: #FFFF00;
	font-weight: bold;
	font-size:12px;
}

#barre a {
    float: left;
	text-decoration: none;
	color: #fff;
	font-size:12px;
}
#barre a:hover {
    float: left;
	text-decoration: none;
	color: #D3F519;
	font-size:12px;
}
/*Menu horizontal*/	   
#barre_menu              {height:39px;list-style-type: none;width:895px;background:url(images/menuh.png);margin:0;padding:1px 0 0 20px;font-weight:bold}
#menu_h, #menu_h ul      {height:39px;list-style-type: none;margin:0;padding:0}
#menu_h                  {font-weight :bold;font-size:10px;}
#menu_h a                {height:40px;color:#FFF;display:block;text-decoration:none;outline:none;padding:0 15px;background:url(images/menu.png);font-weight:bold;margin:0;line-height:36px}
#menu_h li               {float : left;margin:0 1px 0 1px}/* pour ie qui ne reconnait pas "transparent" *//*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
html>body #menu_h li     {border-right: 1px solid transparent;}
#menu_h li ul            {position: absolute;z-index:4; width: 100px; left: -999em; text-align:left;padding:0;margin:0}
#menu_h li ul li         {text-align:left;}
#menu_h li ul li a       {text-align:center;outline:none;font-weight:normal;width:120px;height:38px;color:#FFF;display:block;text-decoration:none;outline:none;padding:2px 0 0 0;background:url(images/menu_hover.png);font-weight:bold;font-size:10px;margin:0}
#menu_h li ul li a:hover {background:url(images/menu.png);color:#FFF;}
html>body #menu_h li ul li {}
#menu_h li ul ul           {margin : -22px 0 0 111px; border-left : 1px solid #fff;}
html>body #menu_h li ul ul {border-left : 1px solid transparent;}
#menu_h a:hover            {background:url(images/menu_hover.png);color:#FFF;}
#menu_h li:hover ul ul, #menu_h li.sfhover ul ul  {left: -999em;text-align:left;padding:1px 2px;font-weight:normal;}
#menu_h li:hover ul, #menu_h li li:hover ul, #menu_h li.sfhover ul, #menu_h li li.sfhover ul{left: auto;min-height: 0;}					
table.centre           {margin:0 auto;padding:0; height:16px;border:0;text-align:center}
.bouton_google { text-align:center;}
.cleaner {clear:both;}
 #container{}
 #container .social{position: fixed; top:0px;right:0;}
 .texte{margin-top: 10px; border:1px solid #ccc; padding:10px 0 10px 5px ; background:url(images/partage.png) no-repeat;}
 .google{border:1px solid #ccc;padding:10px 0 10px 5px ;}
 #fb-root{margin-top: 10px;}
 .twitter{margin-top: 5px;border:1px solid #ccc;padding:10px 0 10px 5px ;}