/* CSS Document @ Romanceor.net*/

/* Déclarations générales */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	height:100%;
}

body {
	background-color:#000;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    padding: 0;
}

hr {color:#CCC;
	size:1px;
	}

a {
	color: #8897A9;
	text-decoration: none;
    outline: none;
}

img {
	border: none
} 

a:link {color: #d9a465;text-decoration: none}
a:visited {color: #b9a465;text-decoration: none}
a:hover {color: #FFF;text-decoration:none}
a:active {color: #b9a465;text-decoration:none}


/* Déclarations de contenu */
.hidden{display:none;}

.preload-images {
    width: 0px;
    height: 0px;
    display: inline;
	overflow:hidden;
}

.preload-avatar300 {
    background-image: url(../images/avatar1.jpg);
    background-image: url(../images/avatar2.jpg);
}
.preload-avatar35 {
    background-image: url(../images/avatar1_35px.png);
    background-image: url(../images/avatar2_35px.png);
}

#Content {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10%;
	margin-top:5%;
	text-align:center; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:2px solid #0D0D0D;
	background-color:#000000;
	text-align:center;
}

#Content2 {
	padding:15px;
	border:0px;
	background-color:#0D0D0D;
	margin-top:15px;
	text-align:justify;
	min-height:155px;
}

div.Paragraphe {
	margin-bottom:20px;
	margin-top:20px;
	vertical-align:middle;
}
div.Paragraphe2 {
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	vertical-align:middle;
}
img.ImageDroite {
	float:right;
	margin-left:10px;
}
img.ImageGauche{
	float:left;
	margin-right:10px;
}

#Content_Accueil {
	padding:10px;
	border:0px;
	background-color:#0D0D0D;
	margin-top:10px;
	text-align:justify;
}

table.table_reutilisations {
    width: 100%;
	border: solid #EEE 1px;
 	border-spacing:0;
	border-collapse:collapse;
}

table.table_reutilisations td {
    padding: 5px;
    border: solid #EEE 1px;
 	border-spacing:0;
	border-collapse:collapse;
}

.table_reutilisations_entete {
	font-weight:bold;
    text-align: center;
	background-color:#333;
}

.table_reutilisations_gauche {
    text-align: center;
    width: 100px;
}

img.image_erreur {background-image:url(../images/avatar2-404.jpg);
                  width:150px;
				  height:150px;
				  display:block;
				  float:left;
				  margin:0px 15px 15px 0px;
				 }

/* Déclarations de style */

.Style1 {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #c8c8c8;
}

.Style_Menu {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
}

.ocre {color: #d9a465;}

.Taille13 {font-size: 14px;}

.center {text-align:center;}

/*###################*/
/*### Oberes Menü ###*/
/*#########+++#######*/

#top {
          background: #282828;
          border-bottom: 1px solid #cbcbcb;
          height: 34px;
          margin: 0 auto;
          width:100%;
          text-align: center;
          overflow: hidden;
}

#topbar { height: 34px;
          width: 810px;
          margin: 0 auto;
          padding: 0;
          text-align: center;
}

ul.topmenu {
        background: transparent;
        float: left;
        margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
        height: 34px;
	padding: 9px 20px 0 0px;
	color: #cbcbcb;
}

ul.topmenu li a:hover {
	color: #ffffff;
        text-decoration: none;
}

/*################*/
/*#### Footer ####*/
/*################*/

#footer {background: #282828;
        border-top: 1px solid #cbcbcb;
        height: 50px;
        clear: both;
	color: #cbcbcb;
        margin: 0;
	padding: 0;
        text-align: center;
        overflow:hidden;
}

#footer a {
        color: #f5f5f5;
        text-decoration: none;
}

#footer a:hover {
        color: #C9D9FB;
        text-decoration: none;
}


/*BULLES (INFO)*/
a.infobulle {
	position:relative; 
	font-weight:bold; 
}
a.infobulle span {display:none;} 
a.infobulle:hover span {
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   color: #EEE;
   display:block;
   position:absolute; 
   top:1em;
   left:2em;
   width:222px;
   padding:5px;
   border:2px groove #d9a465;
   background-color:#000;
   z-index:1000;
}

.aidebulle {
	cursor: help;
 	color:#d9a465;
	
}
.aidebulle span {display: none;}
.bulle {position:relative;}
.bulle span {display:none;}
.aidebulle:hover .bulle {
   font-family: "Trebuchet MS";
   font-size:12px;
   font-weight:normal;
   text-decoration:none;
   text-align:justify;
   color: #CCC;
   display:block;
   /*position:absolute;*/
	   position:fixed;
	   left:0px;
	   top:35px;
	   margin:10px;
	   width:30%;
   padding:5px;
   border:2px groove #CCC;
   background-color:#000;
   z-index:1000;
   cursor:auto;	 
   filter:alpha(opacity=90);   
   -moz-opacity: 0.9;   
   opacity: 0.9;
}

.aidebulleimage {
	cursor: help;
}
.aidebulleimage span {display: none; }
.bulleimage {
	position:relative;}
.bulle span {display: none;}
.aidebulleimage:hover .bulleimage {
   display:block;
   /*position:absolute;*/
	   position:fixed;
	   top:35px;
	   left:0px;
	   width:300px;
	   margin:10px;
   padding:0px;
   background:none;
   z-index:1000;
   cursor:auto;
}

a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
}

a.avatar_couleur35 div {
  width: 35px;
  height: 35px;
  background:none;
  background-repeat: no-repeat;
  background-image: url(../images/avatar2_35px.png);
  display: block;
}

a.avatar_couleur35:hover div {
  width: 35px;
  height: 35px;
  background:none;
  background-repeat: no-repeat;
  background-image: url(../images/avatar1_35px.png);
  display: block;
}

a.avatar_couleur300 div {
  width: 300px;
  height: 300px;
  margin:auto;
  background-repeat: no-repeat;
  background-image: url(../images/avatar1.jpg);
  display: block;
}

a.avatar_couleur300:hover div {
  width: 300px;
  height: 300px;
  margin:auto;
  background-repeat: no-repeat;
  background-image: url(../images/avatar2.jpg);
  display: block;
}

a.miniaturesL div {
  width: 210px;
  height: 140px;
  margin:auto;
  background-repeat: no-repeat;
  background-image: url(../images/mini01.jpg);
  display: block;
  position:fixed;
  left:40px;
  top:120px;
}
a.miniaturesH div {
  width: 140px;
  height: 210px;
  margin:auto;
  background-repeat: no-repeat;
  background-image: url(../images/mini02.jpg);
  display: block;
  position:fixed;
  right:40px;
  top:80px;
}

/*BARRE DE MENUS PRINCIPALE - TOP*/
div.topmenu {
	position:fixed;
	top:0px;
	height:35px;
	background-color:#000;
	line-height:35px;
	vertical-align:middle;}
div.topmenu_left {width:10px;left:0px;background-image:url(../images/topmenu_left.png);}
div.topmenu_right {right:0px;width:10px;background-image:url(../images/topmenu_right.png);}

div.topmenu_center {
	text-align:center;
	width:100%;
	background-image:url(../images/topmenu_main.png);
	color:#FFF;
}
div.topmenu_center span {
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}
			   
div.topmenu_main {
	width:auto;
}

div.topmenu_photos {
	right:10px;
	width:auto;
	background:none;
}

.topmenu_photos_deroulant {position:relative;}
.topmenu_photos span {display: none;}
.topmenu_photos:hover .topmenu_photos_deroulant {
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:normal;
   text-decoration:none;
   text-align:right;
   color: #EEE;
   display:block;
	   position:fixed;
	   right:0px;
	   top:35px;
   /*background-color:#000;*/
   z-index:1000;
}
	div.topmenu_photos_deroulant_about {
		height:35px;
		line-height:35px;
	    width:150px;
		
	}
		div.topmenu_photos_deroulant_about_left {
			position:absolute;
			width:10px;
			left:0px;
			background-image:url(../images/topmenu_left.png);
		}
		div.topmenu_photos_deroulant_about_main {
			position:absolute;
			width:130px;
			left:10px;
			background-image:url(../images/topmenu_main.png);
		}
		div.topmenu_photos_deroulant_about_right {
			position:absolute;
			width:10px;
			right:0px;
			background-image:url(../images/topmenu_right.png);
		}

		.topmenu_photos_deroulant_about_sousmenu {position:absolute;}
		.topmenu_photos_deroulant_about_sousmenu span {display: none;}		
		.topmenu_photos_deroulant_about:hover .topmenu_photos_deroulant_about_sousmenu {
		   font-family: "Trebuchet MS";
		   font-size: 12px;
		   font-weight:normal;
		   text-decoration:none;
		   text-align:right;
		   color: #EEE;
		   display:block;
		   /*position:absolute;*/
			   position:absolute;
			   right:150px;
			   width:150px;
		   /*background-color:#000;*/
		   z-index:1000;
		}
		
		div.topmenu_photos_deroulant_about_sousmenu_content {
			height:35px;
			line-height:35px;
		}
			div.topmenu_photos_deroulant_about_sousmenu_left {
				position:absolute;
				width:10px;
				left:0px;
				background-image:url(../images/topmenu_left.png);
			}
			div.topmenu_photos_deroulant_about_sousmenu_main {
				position:absolute;
				left:10px;
				width:130px;
				background-image:url(../images/topmenu_main.png);
			}
			div.topmenu_photos_deroulant_about_sousmenu_right {
				position:absolute;
				right:0px;
				width:10px;
				background-image:url(../images/topmenu_right.png);
			}