
<!--
/* CSS PROVENANT DU SITE http://webyo.net */
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden; /* Activer (auto ou scroll) ou desactiver (hidden) la scrollbar */
height: 100%;
max-height: 100%; 
}

#frame {
/*background-color: #d3cbad;*/


color: #fff;
position: absolute; 
top: 0; 
left: 0; 
width: 184px; /* Largeur de le frame */
height: 100%; /* Hauteur de le frame */
overflow: hidden; /* Activer (auto ou scroll) ou desactiver (hidden) la scrollbar */
}



#contenu {
background-color: #5F87AE;
position: fixed; 
top: 0;
left: 184px; /* Decalage de la meme largeur que la frame */
right: 0px; /* Decalage de la meme largeur que la frame */
bottom: 0;
overflow: auto; /* Activer (auto ou scroll) ou desactiver (hidden) la scrollbar */
}

.col-int {
padding: .5em 1em;
}

* html body { /* Internet Explorer 6 css-hack */
padding: 0 00px 0 184px;
}

* html #contenu { /* Internet Explorer 6 css-hack */
height: 100%; 
width: 100%; 
}



p, h1, pre {
margin: 0 3em 1em 2em;
}

h1 {
font-size: 120%;
padding-top: 1em;
}


/* CSS issu des tutoriels css.alsacreations.com */
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul#fleur1 {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 150px;
left: 0%;
/*background: transparent url(tournesol_menu.jpg) top left no-repeat;	/* arrière-plan général du menu */*/
width: 184px;
padding-top: 10px;
text-align: center;
}
ul#fleur2 {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 280px;
left: 0%;
background: transparent url(tournesol_menu1.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 184px;
padding-top: 10px;
text-align: center;
}
ul#fleur3 {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 410px;
left: 0%;
background: transparent url(tournesol_menu1.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 184px;
padding-top: 10px;
text-align: center;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

div#fleur_soleil {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 15px;
left: 4%;
width: 184px;
color: #660000;
padding-top: 0px;
text-align: center;
}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 31px;
width: 180px;
color: #FFFFFF;
font-size: 17px;
font-family: georgia, serif;
text-decoration: none;
line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
}
li a:visited {
color: #2212AE;
}
li a:link {
color: #2212AE;
}
li a:active {
color: #2212AE;
}
li a:hover {
color: #453190;
/*background: transparent url(tournesol_menu.jpg) top left no-repeat;*/
}
a#lien1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -339px;
}
a#lien2:hover {
background-position: 0% -370px;
}
a#lien3:hover {
background-position: 0% -401px;
}
a#lien4:hover {
background-position: 0% -432px;
}
a#lien5:hover {
background-position: 0% -463px;
}
a#lien6:hover {
background-position: 0% -494px;
}
a#lien7:hover {
background-position: 0% -525px;
}
a#lien8:hover {
background-position: 0% -556px;
}
a#lien9:hover {
background-position: 0% -587px;
}
a#lien10:hover {
background-position: 0% -618px;
}

/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  left : 10px;
  width: 400px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}

#conteneur {
}


#bloc-contenu {
float: left;
width: 100%;
}

#col-centre {
margin-left: 200px;
}

#col-gauche {
/*
float: left;
height: 345px;
width: 200px;
margin-left: -100%;
margin-top: 8%;
*/
/* background-color: #aa9f74; */
/*
background-color: #d3cbad;
padding: 10px;
*/
}


.Style10 {
	font-size: 12px;
	color: #FFFFFF;
}
.Style13 {color: #FFFFFF}
.Style14 {font-size: 18px; font-weight: bold; color: #FFFFFF; }
.Style16 {font-size: 18px; font-weight: bold; color: #000000; }
.Style19 {color: #FFFFFF; font-style: italic; }
.Style20 {color: #5F87AE}
.Style21 {font-size: 20px; color: #FFFFFF; font-style: italic; }
.Style22 {color: #FFFFFF; font-weight: bold; }
.Style23 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style24 {
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style26 {
	text-decoration: blink;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style25 {font-size: 16px}
.Style27 {font-size: 12px}

-->

