/*
 * Feuille de style Principale : screen01.css
 * @ site : http://poiroud.free.fr
 * @ auteur : marc Poiroud
 * @ courriel : poiroud@free.fr
 *
 * date de creation : août 2004
 * date de MAJ : 2005-02-18
 */
 
/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
  CARACTERISTIQUE GENERALE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
html, body {
	background-color: #003233;
}
h1,h2,h3,h4,h5,h6 {
	color:#9c9cee;
}
p, ul, li, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: small;
}

/* Liens */
a {
	color: #003233;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #3D327C;
	text-decoration: underline;
}
a:active {
	background-color: #008B8B;
	color: Maroon;
}
a[hreflang]:after {
	color: Olive;
	font-weight: lighter;
	font-size: xx-small;
	content: "\0000a0[" attr(hreflang) "]";
	font-family: "Bitstream Vera Sans";
}

/* attribut divers */
acronym, abbr, abbr + span {/* caractéristique des acronymes */
	font-style: italic;
	cursor: help;
/*	border-bottom: thin dotted black;*/
}
pre {
	margin: 0 2em;
   max-height: 10em;
   overflow: auto;
   border: 1px solid black;
   padding: 1em;
   background-color: #e0e0e0;
}
code { /* pour code HTML */
	color: Purple;
/*	font-weight: bolder;*/
	background-color: #FFDAB9;
	display:block;
}
cite { /* citation */
	font-family: "Lucida Sans Unicode";
}
img { /* pas de bordure */
	border: 0px;
}


/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       NAVIGATION
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#navigation {
	position:absolute;
	top: 0.5em;
	left: 0.2 em;
	width: 29%;
	height: 15.7ex;
	margin: 0;
	padding: 0;
	border: thin inset Gray;
	background: url(../image/nav/penguin.png) center no-repeat #963d32;
	border-radius: 1em; /* future commande CSS3 */
	-moz-border-radius: 1em; /* Arrondi des coins pour Mozilla */
}

#navigation a img {
	margin: 1.5em 0 0 0.5em;
}

/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       TETE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#tete {
	position:absolute;
	top: 0.5em;
	right: 0.5%;
	width: 69%;
	height: 16ex;
	margin: 0;
	padding: 0;
	background: url(../image/Logof2.jpg) center no-repeat #deedeb;
}
#tete p, #tete a {
	font: normal x-small/100% sans-serif;
	text-align: right;
	color: Olive;
}
/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       GOOGLE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#moteur {
	float: left;
	width: 25%;
}
form {
	margin: 5% 2%;
	text-align: center;
}
input[type="text"] {
	background: Silver url(http://www.google.fr/logos/Logo_25gry.gif) no-repeat center;
	color: #8B008B;
	border: medium ridge #006400;
	border-radius: 0.6em; /* future commande CSS3 */
	-moz-border-radius: 0.6em; /* Arrondi des coins pour Mozilla */
}
input[type="text"]:hover, input[type="text"]:focus {
background: Silver ;
}


/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       COMMENTAIRE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#calendrier {
	text-align: center;
}
#commentaire {
	position:absolute;
	top: 10em;
	width: 29%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: justify;
/*	border: thin outset Gray;*/
/*	background-color: #DCDCDC;*/
}
#commentaire p,#commentaire a  {
	color: #F0E68C;
}

/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       CADRE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#cadre {
	position:absolute;
	top:10em;
	left: 31%;
	width: 50%;
	text-align: justify;
	background-color: #E6E6E6;
	padding: 1.5% 1.5% 0 1.5%;
}
#cadre h4 {
/*	background-color: Aqua;*/
	float: right;
	margin-top: 0;
	width: 70%;
	text-align: center;
	border-bottom: thin groove Purple;
	font-size: large;
}
#cadre h5 {
/*	background-color: Fuchsia;*/
}
#cadre p {
	float: none;
}
#cadre img {
	/*	padding-right: 10%;*/
	width: 100%;
	border: medium double #004401;
}
#presPhoto dt {
	background-color: #004401;
	color: #ADD8E6;
	text-align: center;
	font-size: medium;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin: 5% 0 0 60%;
/*	width: 30%;*/
/* future commande CSS3 */
	border-radius: 0.7em;
/* Arrondi des coins pour Mozilla UNIQUEMENT*/
/*Haut-gauche | Haut-droit | Bas-droit | Bas-gauche*/
	-moz-border-radius: 0.7em 0.7em 0 0;
}
#Navig dt {
	font-size:small;
	font-weight:bold;
	margin: 1em 0 0 0;
	text-decoration:underline;
}
#Navig dd {
	font-size:small;
}


/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       COLONNE
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#colonne {
	position:absolute;
	top: 10em;
	right: 0.3em;
	width: 14%;
	height: auto;
/*	background-color: #8CA9CF;*/
	margin: 0 0 0 0.5%;
	padding: 0 1%;
}
#colonne h3 {
/*	background-color: Lime;*/
	color: #CD853F;
	border-bottom: medium outset Maroon;
}
#colonne h4 {
	color: #DAA520;
	font-style: italic;
	text-align: center;
	border-bottom: thin dashed Silver;
}
#colonne h4 + ul {
	margin-top: -2ex;
}
#colonne ul {
	border-left: thin ridge Maroon;
}
#colonne li {
	display: block;
	text-align: left;
	list-style: none;
	margin-left: -2.5em; /*	background-color: Aqua;*/
}
#colonne a {
	background: url(../image/survol01.png) no-repeat -600px;
	color: #DAA520;
	display: block;
}
#colonne a:hover {
	background: url(../image/survol01.png) no-repeat center;
	text-decoration: none;
	color: #003233;
}


/*¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯
       PIED de page
¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯_¯*/
#pied {
	position:relative;
	width: 120%;
	text-align: center;
	margin: 3% 0 0 -10%;
/*	padding: 5% 0;*/
	font-size: 70%;
	color: Olive;
	background-color:#003233;
	
}
#pied a {
	color: Olive;
}
#pied img {
	width:auto;
	border: 0;
}