body
{
	background: url('/pics/picstatic/body_background_orange.jpg') repeat-x top left;
  background-color: white;
  font-size: 13px;
  color : #333333;
  font: normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
  margin-top: 0;
  text-align: center;
}



#loading
{
  background-color: darkblue;
  position: absolute;
  width:250px;
  height: 23px;
  top: 0px;
  right: 0px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  text-align: center;
}

#loading #load_menu
{
  display: none;
}




#frame
{
  background: url('/pics/picstatic/background_orange.jpg') no-repeat top;
  width: 900px;
  padding-top: 100px;
  margin: auto;
text-align: center;
}

#message
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	width: 250px;
	background-color: red;
	color: white;
	font-weight:bold;
	display: none;
	text-align: center;
}
#main
{
	width: 80%;
	margin:auto;
  padding: 0px;
  width: 768px;
  text-align: left;
}

#right
{
	width: 29%;
	float: right;
	margin: 0px;
  padding: 0px;
}


.cat_titre
{
	display:block;  
	background: url('/pics/picstatic/titlebar.png') no-repeat top left;
	height: 22px;
	width: 768px;
	color: white;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.cat_titre table
{
	position: absolute;
	width: 768px;
	margin: 0px;
	padding: 0px;
}

.cat_titre td
{
	background: none;
	height: 25px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	color: #e15500;
	font-size: 14px;
}

blockquote {
min-height: 33px;
margin: 10px 0;
padding: 0 50px;
background: transparent url('/pics/picstatic/blockquote.gif') no-repeat 0 0;
color: #444;
}






.cat
{
  background: url('/pics/picstatic/alphablue15.png') repeat;  margin: 0px;
  padding-left:30px;
  padding-right:20px;
  padding-bottom:20px;
  padding-top:30px;
  margin: 0px;
  margin-bottom: 15px;

}

.cat table, form
{
  margin: 0px;
  padding: 0px;
}




#cattab
{
  text-align: center;
  width: 100%
  margin: 0px;
  padding: 0px;
  color: black;
}



.submit
{
  width: 30px;
  height: 30px;
  text-align: center;
  margin: auto;
}

.submit img
{
  height: 30px;
  margin-top: 4px;
}




#main fieldset
{
  text-align: center;
  margin-top: 25px;
  border: 1px dotted #f56607;
}

#main fieldset legend
{
  color: #f56607;
  font-weight: bold;
  margin-top: -7px;
}

#main fieldset label
{
  color: #333333;
  font-weight: bold;
}

#main input, textarea
{
   color: #333333;
   font-weight: bold;
}

#main input:focus, textarea:focus
{
   background-color: lightblue;
   color: #333333;
}

#main fieldset p
{
  text-align: center;
}

#main form
{
  margin: 0px;
  padding:0px;
}


#login
{
   height: 100px;
  width:200px;
  top: 0px;
  left: 0px;
	text-align: left;
  color: white;
}


a
{
	text-decoration: none;
	color: #2A58AE;
}

a:hover, a:active, a:focus
{
	color: #F60;
}


h1 {
	text-align: center;
}

h2 {
}

h3 {
}

h4 {
	text-transform: uppercase;
}




th {
	font-weight: bold;
	text-align: center;
	color: lightblue;
  background: url('/pics/picstatic/alphablue50.png') repeat;}

fieldset a {
	font-weight: bold;
}

hr {
	border: 0;
	height: 1px;
}

a img {
	border: none;
}


td img
{
  height: 40px;
  border: 0;
  cursor: pointer;
}

.blink
{
	text-decoration: blink;
}

a.infobulle {
   position: relative;
   text-decoration: none;
}
a.infobulle div {
   display: none; /* on masque l'infobulle */
   max-width: 400px;
   min-width: 300px;
}
a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover div {
   display: block; /* on affiche l'infobulle */
   position: absolute;

    /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
	   
   background: url('/pics/picstatic/alphablue75.png') repeat;
   color: lightyellow;
   padding: 3px;

   border: 1px solid black;
   border-left: 8px solid black;
}

a.infobulle:hover div strong{
   font-weight: bold;
   text-decoration: underline;
   color: darkgrey;
}

#bulle
{
	background: url('/pics/picstatic/bulle.png') no-repeat;
	width: 274px;
	height: 98px;
	padding-top: 12px;
	margin-left:-20px;
}

#bulle p
{
	text-align: center;
}

#bulle input
{
	text-align: center;
	border: 0;
	color: black;
	font-weight: bold;
}

#CV
{
	font-size:13px;
}

#CV h3
{
	width: 94%;
	border-bottom: 5px solid #0605ff;
	border-left: 5px solid #0605ff;
	padding-left: 10px;
	font-size: large;
}

#CV ul
{

	list-style-type: none;
	font-weight:bold;
}

#CV ul
{

	list-style-type: none;
	font-weight:bold;
}

#CV ul ul
{
	font-weight:normal;
	list-style-image: url("../pics/picstatic/puce.gif");
	list-style-position: inside;
}

#CV td img
{
  height: 25px;
}

#CV td #photoid
{
  height: 150px;
}
#CV td
{
  background:none;
}

#CV a
{
  text-decoration: none;
}

#comments h1
{
	width: 99%;
	text-align: center;
	border-bottom: 2px dotted #f56607;
	border-top: 2px dotted #f56607;
	font-size: large;
	margin: 4px;
}

#comments h2
{
	width: 30%;
	padding-left: 2%;
	padding-top: 0;
	padding-bottom: 0;
	margin: 2px;
	font-size:medium;
	border-bottom: 2px inset #f56607;
	color: #f56607;
}

#comments p
{
	padding: 0;
	margin: 2px;
	padding-left:5%;
}

#menu
{
  height: 64px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}

.menu_icon
{
  height: 100%;
  display: inline;
}


.menu_icon img
{
  height: 100%;
}
 

#show_menu
{
  height: 30px;
  width:100%;

  top: 10%;
  left: 0%;
  font-size: 22px;
  font-weight: bold;
  color: black;
  text-align: center;
  margin-bottom: 40px;
}