/* CSS Document */
body {
	margin: 0;
	padding: 0;
	width : 100%;
	height: 100%;
	background-color:#FFFFFF;
	background-image : url("images/Christophe.jpg");
	background-repeat :no-repeat ;
	background-position : left top ;
	color : black ;
	font-size : 80% ;
 	font-family : Arial,Georgia, Times, serif, Verdana, Helvetica;
}
a:link {text-decoration : none ;}
a:visited {text-decoration : none ;}
a:hover {text-decoration : none ;}
a:active {text-decoration : none;border: 0;}
.rouge
{
color: red;
font-weight: bold;
}
.vert
{
color: green;
font-weight: bold;
}
.bleu
{
color: blue;
font-weight: bold;
}
#date
{position: absolute;
padding: 0.5% 0.5% 0.5% 0.5%;
	top :25px ;
	left: 100px ;
	width :auto ;
	height :auto;
	background-color: #0F18ff;
	color : white ;
	font-weight:bold;
	border : 1px solid blue ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
	font-size : 120% ;
	text-decoration : none ;
}
#NouvelAn
{position: absolute;
	top :65px ;
	left: 130px ;
	width :auto ;
	height :auto;
	color : #DAA520;
	font-weight:bold;
	text-decoration : none ;
	}

#lien
{position: absolute;
overflow: auto; 
	top : 0.5% ;
	right: 0.5% ;
	width :23% ;
	height :98%;
	background-color:#FFCC66;
	color : black ;
	border : 1px solid blue ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
	font-size : 80% ;
	padding-left:1%;
	text-decoration : none ;
}
a.lien   {
color : black ;
}
#texte /*-----c'est ici que l'on écrit----------*/
{
position: absolute;
	top :10em ;
	left: .5% ;
	width :70% ;
	height :auto;
	background-color:#FFCC66;
	padding-top:0%;
padding-left:1.5%;
padding-bottom:0.2%;
	color : black ;
	border : 1px solid blue ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
	font-size : 120% ;
	text-decoration : none ;
}
.imc /*-----IMC----------*/
{
	width :70% ;
	height :auto;
	background-color:#FFFFFF;
	padding-top:0%;
padding-left:1.5%;
padding-bottom:0.2%;
	color : black ;
	border : 1px solid blue ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
	font-size : 120% ;
	text-decoration : none ;
}
/* ------------------- Début menu----------------*/
#menu
{position: absolute;
	top : 10em ;
	left: 0.5% ;
	width :99% ;
	height : auto;
	background-color:white;
 	/*background-color:grey; pour le test---*/
	}

/* definie l'allure genérale du menu */
div#menu ul {padding: 0; margin:0px;text-align:center;}
div#menu li 	{background:#0000FF;
			border :1px solid;
			border-width : 1px 2px 2px 1px ;
			border-color : #cecece #4a4a4a  #4a4a4a #cecece ;
			border-style : solid ;/* creer les bouton bleu avec lisere blanc et gris*/
					}
div#menu li:hover {border-width : 2px 1px 1px 2px ;
				border-color : #4a4a4a #FFFFFF #FFFFFF #4a4a4a ;
				}
div#menu a {color:#FFFFFF;font-weight:bold;font-size : 100% ;} /* les textes menu est en blanc*/
/*------------ fin-----------*/

div#menu li.sousmenu2 {background: url(fleche.gif) 95% 50% no-repeat; 
					background:#2D96FF;
					}

div#menu li.sousmenu2:hover {border-width : 2px 1px 1px 2px ;
				border-color : #cecece #4a4a4a  #4a4a4a #cecece ;
				}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #CCCCCC;}

 /*une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left;padding-left: 4px;}
div#menu ul ul {position: absolute;display:none;  width:auto;}
div#menu li a {text-decoration: none; padding: 4px 4px 4px 4px;display:block;width:auto;}
div#menu li.sousmenu2 { left : -2%;width:150px; text-align:center;font-size : 80% ;
			border :1px solid;
			border-width : 1px 2px 2px 1px ;
			border-color : #cecece #4a4a4a  #4a4a4a #cecece ;
			border-style : solid ;}
div#menu li .sousmenu2 a:hover {border-width : 2px 1px 1px 2px ;
				border-color : #4a4a4a #FFFFFF #FFFFFF #4a4a4a ;
				}			
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}
 /*rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background:#0000FF;
			border :1px solid;
			border-width : 1px 2px 2px 1px ;
			border-color : #cecece #4a4a4a  #4a4a4a  #cecece ;
			border-style : solid ;
			}
div#menu ul.niveau3 li:hover { background: #99CC00}
/*---------------------fin menu---------------------------*/

#couleur
{position: absolute;
padding-top:3%;
padding-left:3%;
/*background-color:white;*/
	top :40% ;
	left: 10% ;
	width :40% ;
	height :auto;
	color : black ;
	border : 1px solid black ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
	font-size : 120% ;
	text-decoration : none ;
	text-align : center;
}
/*------------------Google recherche ----------------*/
#cse
{
position:absolute;
width: 100%;
padding-top:3%;
padding-left:2%;
margin-left:-1%;
top:10%;
left:1%;
background-color:#FFCC66;
border : 1px solid black ;
	border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
}
/* ------ Bouton erreur ------*/
#bouton {
	/*float: left;*/
	width :20%;
	margin-left : 5em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#bouton ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
#bouton li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
width :auto;
background-color :#0000FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 80% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#bouton li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*------- fin bouton erreur ----*/
/* ------ Bouton imprimer ------*/
.imprimer_haut {
	display : block;
	position: absolute;
	top : .5%;
	left : 25%;
	width :10%;
	height :3% ;
	list-style-type : none ;
	background : url(images/imprimante.png) no-repeat 0 0;
	/*margin-left: 0em;*/
	}
a.imprimer_haut:hover {
background-image :url(images/imprimer.png);
}
.imprimer_bas {
	display : block;
	position : absolute;
	top : 96%;
	left: 30%;
	width : 10%;
	height : 3% ;
	list-style-type : none ;
	background : url(images/imprimante.png) no-repeat 0 0;
	/*margin-left: 0em;*/
	}
a.imprimer_bas:hover {
background-image :url(images/imprimer.png);
}

#bio {
position : absolute;
border-bottom-width: 3px;
border-color:#FF0000;
border-style:solid;
background-color: #FFFFFF;
	left: 1%;
	bottom :1%;
	width :40%;
	font-weight : bold ;
	list-style-type : none ;
	font-size : 60% ;
	padding-left: 1em;
	}
#tableau_bio {
position : absolute;
	left: 45%;
	bottom :20%;
	width :auto;
	font-weight : bold ;
	list-style-type : none ;
	font-size : 80% ;
	padding-left: 1em;
	}
#par_ici {
position : absolute;
left: 20%;
top :80%;
width :auto;
margin-left : 5em ;
margin-top : 2em ;
margin-bottom: 2em;
font-weight : bold ;
list-style-type : none ;
	}
#par_ici ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
#par_ici li a {
display : block ;
text-decoration : none ;
width :6em;
background-color :#2D96FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#par_ici li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*------- fin bouton imprimer ----*/
/* ------ Bouton palette ------*/
#palette_haut {
	position: absolute;
	top : 1.5%;
	left : 15%;
	width :auto;
	margin-left : 2em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#palette_haut  ul {
list-style-type :none ;
}
#palette_haut  li a {
display : block ;
text-decoration : none ;
width :auto;
background-color :#2D96FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 80% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#palette_haut  li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
#palette_centre {
	position: absolute;
	top : 48%;
	left : 15%;
	width :auto;
	margin-left : 2em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#palette_centre  ul {
list-style-type :none ;
}
#palette_centre  li a {
display : block ;
text-decoration : none ;
width :auto;
background-color :#2D96FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 80% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#palette_centre  li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
#palette_bas {
	position: absolute;
	top : 95%;
	left : 15%;
	width :auto;
	margin-left : 2em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#palette_bas  ul {
list-style-type :none ;
}
#palette_bas  li a {
display : block ;
text-decoration : none ;
width :auto;
background-color :#2D96FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 80% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#palette_bas  li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*------ fin bouton palette----*/
#validator{
position: absolute;
bottom : 1%;
/*background-color:#00FF33; pour test */
}
.submit{
	/*float: left;*/
	width :auto;
	font-weight : bold ;
	list-style-type : none ;
	margin-left: 0em;/**/
	background-color :#0000FF;
color :#FFFFFF;
font-weight: bold ;
height : 1.4em ;
font-size : 80% ;
padding-bottom: 1.5em;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
.submit:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
p2 {
font-size :80% ;
}