/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/
/*
Couleurs
Couleur de fond (gris foncé): #222222;
Couleur du texte (blanc)': #FFFFFF;
Couleur du lien  (bleu) : #0099FF;
Couleur du titre : #FFFFFF;
Arrière plan du titre (rose) : #FF0066;
*/
*{ margin: 0; padding: 0; }* 
body { font: .85em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #222222; /*url(images/bg.gif) repeat-x;*/ color: #FFFFFF; }
a {	color: #0099FF;	background: inherit; text-decoration: none; }
a:hover { color: #FFFFFF; background: inherit; border-bottom:2px solid #0099FF; }
a.nolink:hover {color: #000000;border:0;}
p { margin: 0 0 15px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #FFFFFF; background-color:#FF0066; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #FFFFFF;border-bottom: 2px solid #FF0066; }
img { border: 0; }
form .label {width:150px; float:left;}
form .input { width:300px}
ul {list-style:none;}

#content { width: 980px; margin: 25px auto; }
#logo { margin: 5px 0 0px 0; width: 970px; height:55px; float: left; background: url(images/logo.gif) no-repeat; padding-left:20px;}
	#logo h1 { margin: 0; color:#ffffff; background-color:inherit; }
    #logo h1 span{ margin: 0; color:#FFFFFF; font-size:50%;}
    #logo h1 span a:hover{ text-decoration:none}
#menu {padding: 70px 0 0; margin: 0 0 38px;}
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 130px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #FFFFFF; }
	#menu li a.current { background: #fff url(images/button.gif) no-repeat; color: #fff; }
	#menu li a:hover { text-decoration: none; color: #FFFFFF; background: #222222    url(images/button.gif) no-repeat; border-bottom:2px #0099FF;}
    

.clear { clear: both; }
.caption { background: #fff url(images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }

#left img { padding: 6px;}
.smallthumb { width: 109px; }
#center { width: 240px; float: left; margin: 0 0 20px 15px; }
#right { float:right; display:block; width:440px;}
#right-large { float:right; display:block; width:700px;}
#right-large li { margin-left:20px;}
	.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }

.box { background: #333333; padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #000000; line-height: 26px; }
.box li a { padding: 0 5px; }
.box ol li {}
#footer { font-size: .84em; clear: both; padding: 5px; background: #333333;}
#footer p{padding:0; margin:0}
#footer #greengle {color:#007D08}
#footer #firefox {color:#D74202}

#recherche {padding-top:5px;height:20px; border:0px; width:187px;}
#okrecherche{height:25px; border:1px solid #CCC; width:25px; background-color:#FD0066; color:#FFF; }

#quizz h3 {padding:10px;}
#quizz .radio{vertical-align:middle; margin-left:20px;}