/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */



/* debut de la feuille de style (c) Alleknology IT / Jean-Noel Goumain */
html {
   font-family: sans-serif;
   width: 100%;
   background: #8e8e8e url(./images/background.png);
   color: #666666;
}

body {
   font-family: sans-serif;
   font-family: verdana;
   font-size: 10pt;
   line-height: 130%;
   color: #666666;
}

a {
	text-decoration: none;
	color: #092d61;
	text-align: left;
}

#layout 
{
   position : relative;
   width: 768px;
   border: 0px;
   margin: 0px auto;
   padding: 0px;
   background-color: #ffffff;
   border : 1px solid #7fa2bd;
}

.spacer
{
   height: 16px;
   line-height: 16px;
   display: block;
}


/*Barre de navigation */

#nav-bar
{
   padding: 0px;
   margin: 0px;
   height: 76px;
   width: 768px;
   overflow:hidden;
}

#home-link
{
   height: 76px;
   width: 240px;
   overflow:hidden;
   float: left;
   padding: 0;
   margin: 0;
}

#home-link img
{
   float: left;
}

#nav-link {
	padding: 0px;
	margin: 0px;
	float: right;
	height: 76px;
	overflow:hidden;
}

#nav-link ul {
	padding: 0px;
	margin: 0px;
}

#nav-link ul li {
	padding: 0px;
	margin: 0px;
	/*white-space: nowrap;
	width: 128px;*/
	float: left;
}

#nav-link ul li a,
#nav-link ul li a:link,
#nav-link ul li a:visited {
	height: 60px;
	width: 128px;
	display: block;
	overflow:hidden;
	font-variant: small-caps !important;
	float: left;
	padding: 16px 0px 0px 0px;
	margin: 0px;
	Color : #829abf;
	font: normal normal bold 14px/16px sans-serif;
	/*white-space: nowrap;*/
	text-align: center;
	background : #ffffff url(./images/nav.png) no-repeat top center;
}

#nav-link ul li a#navactif
{
	Color : #00487f;
	background : #ffffff url(./images/active-nav.png) no-repeat top center;
}

#nav-link ul li a:hover
{
	text-decoration: none;
	background : #e1e5ef url(./images/active-nav.png) no-repeat top center !important;
}

/* Bandeau Alleknologie */
#bandeau {
	padding: 0;
	margin: 0;
	height: 220px;
   line-height: 220px;
   overflow:hidden;
	display:block;
	clear: both;
	width: 768px;
}

/* Ombre sous le bandeau */
#post-bandeau 
{
	padding: 0;
	margin: 0;
	height: 16px;
	line-height: 16px;
   overflow:hidden;
	display:block;
	clear: both;
	width: 768px;
	background : #ffffff url(./images/fond-post-bandeau.png) repeat-x top center;
}


/*** Positionnement du contenu ***/

#contenu-informatif {
	margin: 0px;
	padding: 0px;
	width: 768px;
}

#colonne-gauche {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 70%;
}

#colonne-droite {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 30%;
	text-align: justify;
	background: #f0f3fa url(./images/col-separator.png) repeat-y top left;
}

#pied-de-page {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #7fa2bd;
	text-align: center;
	background-color: #829abf;
	color: #ffffff;
}

#pied-de-page p {
	padding: 8px 16px 8px 8px;
	margin: 0px;
} 

#pied-de-page a,
#pied-de-page a:link,
#pied-de-page a:visited {
	text-decoration: underline !important;
	color: #ffffff;
}

/* contenu informatif */
#contenu 
{
	margin: 0px;
	padding: 0px 8px 8px 8px;
	text-align: justify;
}

#contenu h1 {
	background: #e1e5ef;
	font-size: 120%;
	padding: 8px;
	margin : 0px 0px 8px 0px;
	/*width: 508px;*/
	font-variant: small-caps;
}

#contenu h2 {
	font-size: 110%;
	padding: 4px;
	margin : 0px 0px 4px 0px;
}

#contenu p, #contenu ul {
	padding : 8px 8px 24px 24px;
}

#contenu #map
{
	margin : 0px 8px 0px 24px;
	background-color: #e5e3df;
}

#contenu p img {
	margin: 0;
	padding: 0;
}


#contenu .right {
	float : right;
	margin: 8px 0px 8px 8px;
}

#contenu table {
   border-collapse: collapse;
   width: 100%;
   text-align: left;
   margin : 8px 0px 16px 0px;
}


#contenu table tr td.titre {
	text-align: center;
	background-color: #e1e5ef;
}

#contenu thead {
	background-color: #e1e5ef;
}

#contenu td, #contenu th {
	padding: 5px;
	border: 1px solid #829ABF;
}

#contenu li {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 20px;
	text-indent: -15px;
}

#contenu a,
#contenu a:link,
#contenu a:visited, 
.infos a,
.infos a:link,
.infos a:visited {
	text-decoration: underline;
}

#contenu a:hover, 
.infos a:hover {
	background-color: #e1e5ef;
}

a:hover > img {
   background-color: #ffffff;
}

.infos ul {
	list-style-type: square;
	list-style-position: inside;
}

.infos
{
	border: 1px solid #e6d5bf;
	background: #ffffff;
	margin : 0px 0px 8px 0px;
	padding: 0;
	width: 212px;
	font-size: 75%;
}

.infos h1 {
	font-size: 100%;
	color: #000000;
	text-align : center;
	padding: 4px;
	background-color: #e6d5bf;
	font-variant: small-caps;
}

.infos p {
	padding: 8px;
}


#side-bar
{
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#zone-info
{
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	border-top : 1px solid #7fa2bd;
}

/* fenetre de sous-navigation */
.sousnav {
	width: 100%;
	margin: 0;
	padding: 0px 0px 16px 0px;
	background: #ffffff; /* url(./images/col-separator.png) repeat-y top left;*/
}

.sousnav ul {
	list-style-type: none;
	padding: 0px 8px 8px 8px;
	margin: 0;
}

.sousnav ul li {
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

.sousnav ul li a, 
.sousnav ul li a:link, 
.sousnav ul li a:visited
{
	text-align: center;
	display: block;
	margin: 0;
	padding: 2px 4px 2px 4px; 
	border: 1px solid #e1e5ef;
}

.sousnav ul li a:hover
{
	text-decoration: underline;
}

.sousnav ul li a#ssnavactif
{
	background-color: #e1e5ef;
	font-weight: bolder;
}


.right {
	float: right;
}

.txtright {
	text-align: right;
}

.left {
	float: left;
}

.txtleft {
	text-align: left;
}

.txtcenter {
	text-align: center;
}

.clear {
	clear: both;
}

.cleartxtright {
	clear: both;
	text-align: right;
}

.souspage {
	font-size: 85%;
	padding-left: 20px;
}

.souspage, .souspage a {
	color: #555555;
}

.formPos, .formPosRed {
	position: relative;
	margin-left: 20px;
}

.formPosRed {
	background-color: #FFDDDD;
}

.col1, .col1false {
	width: 10em;
	text-align: right;
}

.col20pc {
	width: 20%;
}

.col1false {
	background-color: #FFDDDD;
}

input, textarea {
	border: 1px solid #BCD3E6;
	font-size: 100%;
	font-family: sans-serif;
}

#formrens table, #formrens tr, #formrens td 
{
	border: none;
}