/*
 
Auteur : Boris G. Parfenoff
Date de création : 2011 08 05

Description :
CSS concernant la partie menu du site www.parfenoff.org

© Boris G. Parfenoff

*/

/*** menu top ***/

.tooltip-target {
	position          : relative;
	border-left       : #3366FF 1px solid;
	border-bottom     : #3366FF 1px solid;
	float             : right;
	padding           : 2px 5px;
	background-color  : #FFFFCC;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	text-align        : center;
	}
	
	.tooltip-target2, .tooltip-target:hover  {
	position          : relative;
	float             : right;
	border-left       : #990000 1px solid;
	border-bottom     : #990000 1px solid;
	padding           : 2px 20px;
	background-color  : #FFFFCC;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	text-align        : center;
	font-weight       : bold;
	}

	.tooltip-content {
	position          : absolute;
	display           : none;
	width             : 250px;
	padding           : 0 10px 20px 10px;
	border            : 1px solid #3366FF;
	background-color  : #FFFFDF;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	text-align        : left;
    font-size         : 12px;
	}
	.tooltip-content p {
	margin            : 0;
	}
    .logoacr {
	display           : block;
	width             : 248px;
	text-align        : center;
	}
/*** menu niveaux ***/

#numerique a.ancre {
    display           : none;
}

#numerique a.niveau_index, #geometrie a.niveau_index {
	color             : #F00;
	font              : bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	text-decoration   : none;
}

#numerique a.niveau_index:hover, #geometrie a.niveau_index:hover {
	color             : #3366FF;
	text-decoration   : underline;
}

#niveau {
    background-color  : #FFFFCC;
	border-top        : 1px solid #3366FF;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	text-align        : center;
	color             : #3366FF;
	border-bottom     : 1px solid #3366FF;
}

#niveau a{
	color             : #F00;
	font              : bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration   : none;
}

#niveau a:hover {
	color             : #3366FF;
	text-decoration   : underline;
}

/*** menu de gauche ***/

#numerique h1 {
    text-align        : center;
	background-color  : #FFFFFF;
	border-bottom     : #3366FF 1px solid;
	margin            : 0;
	padding           : 5px;
	color             : #F00;
    font-weight       : normal;
	font-size         : 30px;
	letter-spacing    : -1px;
}

#numerique h1.lycee {
	color             : #3388FF;
}

#numerique h4 {
	margin            : 0;
	padding           : 20px 0 0 5px;
}

#numerique {
	display           : table;
    width             : 231px;
	top               : 0;
	float             : left;
	text-align        : left;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align    : top;
}

#numerique p, #geometrie p{
    margin            : 0;
}

#numerique .aut, .contoutil {
    margin            : 10px 5px;
	font              : 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#numerique a{
    display           : block;
	color             : #F00;
	margin            : 10px 5px;
	font              : bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration   : none;
}

#numerique a:hover{
	color             : #3366FF;
	text-decoration   : underline;
}


/*** menu de droite ***/

#geometrie a.ancre {
    display           : none;
}

#geometrie h1 {
    text-align        : center;
	background-color  : #FFFFFF;
	border-bottom     : #3366FF 1px solid;
	margin            : 0;
	padding           : 5px;
	color             : #F00;
    font-weight       : normal;
	font-size         : 32px;
	letter-spacing    : -1px;
}

#geometrie h4 {
	margin            : 0;
	padding           : 20px 5px 0 0;
}

#geometrie .outils {
	margin            : 0;
	padding           : 2px 5px 0 0;
	font              : bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#geometrie {
	display           : table;
	width             : 231px;
	top               : 0;
	float             : right;
	text-align        : right;
	font              : 12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align    : top;
}

#geometrie .aut{
    margin            : 10px 5px;
	font              : 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#geometrie a{
    display           : block;
	color             : #F00;
	margin            : 10px 5px;
	font              : bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration   : none;
}

#geometrie a:hover{
	color             : #3366FF;
	text-decoration   : underline;
}