/*
http://www.alexchavot.fr/
Author: Alex Chavot
  
*/


/*corps de la page web */

body {
font-family: "Helvetica", Arial, Sans-serif;
font-size: 12px;
line-height: 14px;
text-align: left;
background: #fff;
color: #000;
}


.background {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* gestion du menu */

#menu {
	position:fixed;
	width: 130px;
	top: 15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
	background: #fff;
	border: none;
}

/* gestion du menu graphic */

#menu_graphic {
	position:fixed;
	width: 160px;
	left: 140px;
	top: 15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
	background: #fff;
	border: none;
}

/* texte du projet */

#introduction {
	position:fixed;
	width: 160px;
	left: 140px;
	top: 15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
	border: none;
	z-index:10;
	background:none;
}

.sanstitre {
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: left;
	}



#project_fr {
	position:fixed;
	width: 300px;
	left: 330px;
	top:15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: left;
	border: none;
	z-index:2;
	background:none;
}



#project_uk {
	position:fixed;
	width: 300px;
	left: 650px;
	top:15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: left;
	border: none;
	z-index:2;
	background:none;
}

#barre {
	position:fixed;
	width:10px;
	height:495px;
	border:none;
	left:650px;
	top:120px;
}

#text_presentation_fr {
	position:relative;
	width: 320px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	color:#00F;
	text-align: left;
	border: none;
	background:none;
	float:left;
}

#text_presentation_uk {
	position:relative;
	width: 320px;
	left: 10px;	
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	color:#F00;
	text-align: left;
	border: none;
	background:none;
	float:right;
}

#text_content_fr {
	position:fixed;
	width: 430px;
	left: 200px;
	top:15px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
	border: none;
	color:#00F;
	z-index:2;
	background:none;
}

#text_content_uk {
	position:fixed;
	width: 430px;
	left: 680px;
	top:15px;
	font-family: "Helvetica", Arial, Sans-serif;
	color:#F00;
	font-size: 12px;
	text-align: center;
	border: none;
	z-index:2;
	background:none;
}


#copyright {
	position:fixed;
	width: 870px;
	left:230px;
	top:540px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 10px;
	text-align: center;
	border: none;
	color:#000;
}

/* gestion du contenu */

#content {
	position:absolute;
	width: 650px;
	top:190px;
	left: 330px;
	font-family: "Helvetica", Arial, Sans-serif;
	font-size: 12px;
	text-align:center;
	background: #fff;
	border: none;
	z-index:1;
	}

 

/* LIENS */

/* Enlever les bordures de toutes les images cliquables */
a img {
border: none;
cursor: e-resize;

}
/* Opacité des images cliquables */

a.linkopacity img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border: solid #00F 1px;
}

a.linkopacity:hover img{
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border: solid #00F 1px;
}

a.linkopacity:visited img{
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border: solid #F00 1px;
}

/* Menu */



a:link
{
	color: #000;
	text-decoration: none;
	cursor: e-resize;
}

a:hover
{
	color: #F00;
}

a:visited {
	color: #000;
	text-decoration: none;
}


.menu a:link
{
	color: #000;
	text-decoration: none;
}

.menu a:hover
{
	color: #00F;
}

a:visited {
	color: #000;
	text-decoration: none;
}

.menu_red a:link
{
	color: #000;
	text-decoration: none;
}

.menu_red a:hover
{
	color: #F00;
}

. menu_red a:visited {
	color: #000;
	text-decoration: none;
}

.menu_graphic a:link
{
	color: #000;
	text-decoration: none;
}

.menu_graphic a:hover
{
	color: #00F;
}

#text {
	text-decoration:none;
}


.text_content_fr a:link
{
	color: #00F;
	text-decoration: none;
}

.text_content_fr a:hover
{
	color: #000;
}

.text_content_fr a:visited {
	color: #00F;
	text-decoration: none;
}


.text_content_uk a:link
{
	color: #F00;
	text-decoration: none;
}

.text_content_uk a:hover
{
	color: #000;
}

.text_content_uk a:visited {
	color: #F00;
	text-decoration: none;
}



.text_presentation_fr a:link
{
	color: #00F;
	text-decoration: none;
	font-weight:bold;
}

.text_presentation_fr a:hover
{
	color: #000;
}

.text_presentation_fr a:visited {
	color: #00F;
	text-decoration: none;
	font-weight:bold;
}




.text_presentation_uk a:link
{
	color: #F00;
	text-decoration: none;
	font-weight:bold;
}

.text_presentation_uk a:hover
{
	color: #000;
}

.text_presentation_uk a:visited {
	color: #F00;
	text-decoration: none;
	font-weight:bold;	
}


/* INFOBULLE */

a.info {
   position: relative;
   color: black;
   text-decoration: none;
     /* On souligne le texte. */
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On d�finit une valeur pour l'ordre d'affichage. */
   color: #00F;
   border:0;
   
 
  /* On change le curseur par d�faut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* 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: 0px; /* On positionne notre infobulle. */
   left: 200px;

   background: white;

   color: #00F;
   padding:0;

   border:0;
   border-left:0;
}

/* infobulle */
a.infos {
   position: relative;
   color: black;
   text-decoration: none;
   border:0;
     /* On souligne le texte. */
}
a.infos span {
   display: none; /* On masque l'infobulle. */
}
a.infos:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On d�finit une valeur pour l'ordre d'affichage. */
   color: #000;
   border:0;
 
  /* On change le curseur par d�faut par un curseur d'aide. */
}
a.infos:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* 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: -100px; /* On positionne notre infobulle. */
   left: 10px;

   background: white;

   color: #000;
   padding:1px;

   border:0;
   border-left:0;
}