@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	background:#000;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.75em;
}
h1 {
	font-size:1.4em;
	margin:1em 0;
	color:#ff0000;
	text-align:center;
	text-transform:uppercase;
}

h2 {
	font-size:1em;
	margin:1em 0;
	color:#afff00;
	text-transform:uppercase;
}


h3 {
	font-size:1em;
	margin:1em 0;
	color:#66ff83;
	text-transform:uppercase;
	font-weight:normal;
}

h4 {
	font-size:1em;
	margin:2em 0;
	font-weight:normal;
	color:#afff00;
}

h4 strong {color:#afff00; }

a { color: #afff00; }
A:HOVER {
color: #5977fd;
}

a img {
	border:0;
}

ol ol {list-style-type:lower-alpha;}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		/*position: absolute;*/ /* Absolute will make the tooltip float above other content in the page */
		top: 20px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
	}

		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 30px;
			background: transparent url(bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #A1D40A url(bubbleMid.gif) repeat-x top;
		}

		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 13px;
			background: transparent url(bubbleBtm.gif) no-repeat;
		}


/*IMAGE ZOOM*/
ul.thumb {
	/*float: left;*/
	/*list-style: none;*/
	/*margin: 0; padding: 10px;*/
	width: 800px;
        
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
        background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


#wrap
{
	width:960px;
	margin:auto;
	/*position:relative;*/
}
#wrapcommunity {
	width:800px;
	margin:auto;
	position:relative;
}
.menu {
	text-align:center;
	font-size:1.5em
}
.menu li {
	display:inline;
}

.langue a {
	display:block;
	position:absolute;
	top:135px;
	right:10px;
	text-align:right;
	font-size:0.8em;
	color:yellow;
}

.menu.footer li 
{
	margin:20px;
}

#partenaires {
	color:#000;
	margin:20px 0 0 40px;
	padding:20px 0;
	float:right;
	text-align:center;
	background:#fff;
	list-style-type:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#menugauche
{
    color:#fff;
    margin:0px 0 0 10px;
    padding:0px 0;
    float:left;
    text-align:left;
    background:#000;
    list-style-type:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear:both;
}
#menugauche ul {margin:auto; padding:0px; list-style-type:none; border-top:0px solid #fff;}
#menugauche ul li {margin:0px 0;}

#separateur
{
	border-bottom:1px #666 dotted;
}

#faqnbr
{
	font-size:1em;
	margin:1em 0 0 0;
	color:#afff00;
	text-transform:uppercase;
}

#faqqs
{
	font-size:1em;
	/*margin:1em 0;*/
	color:#CCFFCC;
	//text-transform:lowercase;
}

#centered
{
    display: block;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
IMG.centered 
{
    //display: block;
    margin-left: auto;
    margin-right: auto 
}

.hfmenu A:link {
		text-decoration: underline; 
		color:white;
		text-align:left;
	}

/*
margin:25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px
*/
#partenaires ul {margin:20px 0 0 0; padding:0; list-style-type:none; border-top:1px solid #000;}
#partenaires ul li {margin:10px 0;}

#horaire {
	color:#000;
	width:650px;
	margin:40px 0;
	padding:20px 0;
	background:#fff;
	list-style-type:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#copyright	
{
	font-style:italic;
	font-size:smaller;
	position:bottom;
	text-align:center;
        clear:both;
}

#horaire li {padding:10px;}

strong {color:#ff0000;}

address {font-style:normal; margin-left:20px;}

#block 
{
    overflow:auto;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;    
    clear:both;
    /*width: 1152px;
    margin: auto;*/
}

#leftb {float:left; margin:auto; width:500px; padding:30px; border:4px solid #FF9900;}
#leftb h1 {font-size:1em; color:#FF9900;}
#leftbh2 {font-size:1em; color:#FF9900;text-transform:uppercase;font-weight:bold;}

#rightb {float:right; margin:auto; width:500px; padding:30px; border:4px solid #ffffff;}
#rightb h1 {font-size:1em; color:#ffffff;}
#rightbh2 {font-size:1em;color:#ffffff;text-transform:uppercase;font-weight:bold;}

#centerb {float:center; margin:auto; width:680px; padding:30px; border:4px solid #abbf00;}
#centerb h1 {font-size:1em; color:#abbf00;}
#centerbh2 {font-size:1em; color:#abbf00;text-transform:uppercase;font-weight:bold;}

#inscription {overflow:auto; clear:both;}

#inscrption-hackfest {float:left; width:380px; padding:30px; border:8px solid #abbf00;}
#inscrption-hackfest h1 {font-size:1.3em; color:#abbf00;}

#inscription-hacking {margin-left:480px; width:380px; padding:30px; border:8px solid #5977fd;}
#inscription-hacking h1 {font-size:1.3em; color:#5977fd;}