/*
--------------------------------------------------
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  CSS of the site www.johannes-sikorski.net
  Author:   Patricia Cardet, Spirales web design
  www.spirales-web design
  
  Version:  April 25, 2006
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
----------------------------------------------- */	   



/* Couleurs utilisées ------------------------------------------------------------ 
bleu clair	= #C4C4FF
bleu ciel	= #D4E6F7	145,175,230
bleu fonce  = #6666CC  	
white 		= #FFFFFF
black 		= #000000
*/

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo 
**
* - General
*
* - Elements pour Index
*
* - Elements pour Pages
*
* - Liens Index
*
* - Class Font-size
*
* - Formulaires
**
0000000000000000000000000000000000000000000000000000000000000000000 */

/* CSS */



/* START  General ------------------------------------------------  */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 87%;
  	font-weight: normal;
	font-variant: normal;
	margin: 0;
    padding: 0;
	color: #777;
}

body
	{
	background-color: #C4C4FF;
	}


#conteneur {
position: absolute;
width: 100%;
}
#header {
position:absolute;
top:10px;
height: 10px;
background-color: #C4C4FF;
}
#haut {
height: 10px;
background-color:#C4C4FF;
}
#centre {
background-color:#C4C4FF;
}
#pied {
height: 10px;
background-color: #C4C4FF;
}

#container_photo
{
		position:absolute;
		top:6.5em;
		left: 5.5em;
		padding-top:0;
		padding-right:5em;
		width: 10%;
		margin-right:3.3em;
		margin-top: 1em;
		background-color: transparent;
		z-index: 2;
}	


#container_texte_gauche
{
		position:absolute;
		top:1em;
		left: 1em;
		padding-top:0;
		padding-right:0;
		padding-left:1em;
		width:6.5em;
		min-width:6.5em; /* pour Firefox */
		margin-right:1.3em;
		margin-top: 1em;
		background-color:#AAAAEF;
		font-size:3.5em;
		font-stretch:semi-expanded;
		font-weight:normal;
		font-style:italic;
		color:#FF3366;
		z-index: 2;
}	

#container_image_gauche
{
		position:absolute;
		top:1em;
		left: 1em;
		padding-top:0;
		padding-right:0;
		padding-left:1em;
		width:6.5em;
		min-width:6.5em; /* pour Firefox */
		margin-right:1.3em;
		margin-top: 1em;
		background-color:#AAAAEF;
		font-size:3.5em;
		font-stretch:semi-expanded;
		font-weight:normal;
		font-style:italic;
		color:#FF3366;
		z-index: 2;
}	

	
#container_texte {
		
		position:relative;
		top:10em;
		margin: 0 0 0 22%;
		width:40%;
		padding-left: 18.6em;
		padding-right:4em;
		padding-top:5.6em;
		padding-bottom:5.6em;
		background-color:#6666CC;
		line-height:1.5em;
		color: #D4E6F7;
		overflow:visible;
		z-index:1;
}


#container_spirales {
		
		position:absolute;
		top: 1em;
		left: 2em;
		background-color: transparent;
		border-color:transparent;
		z-index:3;
}

a img {
    border: none;
	}


p {margin: 0 0 10px 0;}

/*Navigation------------------*/
#navcontainer
{
background: transparent;
padding: 1em 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer:after
{
position:relative;
top: 1.5em;
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}


/* to stretch the container div to contain floated list */


ul#navlist
{
list-style: none;
padding: 0;
padding-left: 5%;
margin: 0 5% 0 5%;
width: 94%;
min-width: 98%;
text-align:left;
font-size: 0.85em;
}

ul#navlist li
{
display: block;
float: left;
width: 12.6%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}



.biblio{

padding: 0;
margin: 5em;
list-style-type:none;
line-height:1.3em;
min-width: 97%;
}


.gotop
{
padding: 0;
margin: 0;
text-align:right;
font-weight:bold;
text-decoration:overline underline;
color:#C4C4FF;
}

.top {

color: #C4C4FF
}

/* START  Class font-size ---------------------------------------*/
.xx-small {
  font-size:xx-small; 
  }
   
.x-small { 
  font-size:x-small;
  }
  
.small {
  font-size:small;
  }

.medium {
  font-size:medium;
  }

.large {
  font-size:large;
  } 
  
.x-large {
  font-size:x-large;
  }
  
.xx-large {
  font-size:xx-large;
  }    
 
/* END  Class font-size ------------------------------------*/


/*START Elements pour Pages --------------------------------*/

html>body {
  font-size: small;
}

p, blockquote {
    font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	color: #D4E6F7;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   text-decoration: none;
   color: #D4E6F7;
   text-align: left;

}
h1 {
   font-size: 2.0em;
}

h2 {
   font-size: 1.8em;
   line-height:1.3em;
}

h3 {
   font-size:1.5em;
}

h4 {
   font-size: 1.3em;
   line-height:1em;
}

h5 {
   font-size:1.1em;
     
}

h6 {
   font-size:1em;
}

/* END Elements pour pages -------------------------------------- */

/* START  Liens 2 -------------------------------------------*/

a.lien2 img {
	border: none;
}

a.lien2 {
   color: #D4E6F7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: underline overline;
}

a:visited.lien2 {
   color:#D4E6F7;
   background-color:#6666CC;
}

a:hover.lien2 {
   color:#000033;
   background-color:#6666CC;
}

/* END  Liens 2 ---------------------------------------------*/

/* START  Liens 3 -------------------------------------------*/

a.lien3 img {
	border: none;
}

a.lien3 {
   color: #D4E6F7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size:x-small;
}

a:visited.lien3 {
   color:#D4E6F7;
   text-decoration: none;
   background-color:#000033;
}

a:hover.lien3 {
   color:#FFFFFF;
   text-decoration: none;
   background-color:#000033;
}

/* END  Liens 3 ---------------------------------------------*/



/* START  Liens 4 ---------------------------------------------*/


a.lien4 img {
	border: none;
}

a.lien4 {
   color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight:bold;
  
}

a:visited.lien4 {
   color:#FFFFFF;
   text-decoration: underline overline;
   background-color:#6666CC;
   }

a:hover.lien4 {
   color:#000033;
   text-decoration: none;
   background-color:#6666CC;
}

/* END  Liens 4 ---------------------------------------------*/



/* START Formulaires  ---------------------------------------*/
.saisie input, .saisie textarea
        {
        color: #000033;
        font-size: 10px;
        background-color: #D4E6F7;
        padding: 3px;
        border: none;
        }

/*  END Formulaires */

/*  START Alignment */

.align_left {
    text-align:left;
}

.align_right {
    text-align:right;
}

.align_center {
    text-align:center;
}

.align_left {
    text-align:left;
}

.align_justify {
    text-align:justify;
}

.vertical_top {
    vertical-align:top;
}
	

/*  END Alignment */