/*
Author:Tony Archambeau
*/
*{margin:0;padding:0}
body{
font-family:verdana, arial, sans-serif;
background:#ddd;
}


/************************
** Main Structure
************************/
#header{
padding:5px;
background-color:#ccc;
border-bottom:2px solid #aaa;
}
#header a{
font-size:2em;
color:#555;
text-decoration:none;
text-shadow:1px 1px 0px #fff;
}
#header iframe{
margin:-2px 0;
}
#header #tagline{
margin-top:5px;
margin-left:8px;
font-size:0.9em;
font-style:italic;
color:#333;
}
#container{
/*width:900px;
margin:0 auto;*/
padding:3px;
background:#fff;
}
#menu{
float:left;
position:relative;
width:100px;
border-right:1px solid #ccc;
}
#menu ul{
list-style-type:none;
margin:0;
}
#menu li{display:block}
#menu li a{
display:block;
padding:3px;
color:#000;
}
#menu li a:hover{
text-decoration:none;
color:#fff;
background-color:#fb5b11;
}
#content{
margin-left:105px;
padding:3px;
}
#footer{
clear:both;
}
#footer #bigfooter{
padding:0 5px;
font-size:0.9em;
background-color:#ccc;
border-top:2px solid #aaa;
}
#footer #bigfooter .col{
float:left;
position:relative;
width:32%;
margin-top:3px;
margin-bottom:3px;
padding-left:6px;
line-height:1.2em;
}
#footer #bigfooter ul{
list-style-type:none;
margin:3px 0;
padding:0;
}
#footer #copyright{
padding:2px;
font-size:0.7em;
}


/************************
** HTML tags
************************/
img{border:none}

/*** liste ***/
#content ul, #content ol{margin:2px; margin-left:30px}

/*** title ***/
#content h1{
margin:2px 0 10px;
font-size:1.3em;
}
#content h2{
margin:4px 3px 9px;
font-size:1.2em;
text-decoration:underline;
color:#555;
}
#content h3{
margin:2px 2px 5px;
color:#777;
font-size:1.1em;
font-style:italic;
}

/*** link ***/
#content a:link, #footer a:link{color:#1e5bbd;}
#content a:visited, #footer a:visited{color:#51688B;}
#content a:hover, #footer a:hover{
color:#fb5b11;
text-decoration:none;
}
#content a:active, #footer a:active{
color:#fff;
background-color:#fb5b11;
}
a img{text-decoration:none}

/*** table ***/
table{
width:99%;
border-collapse:collapse;
}
td{}
th{}

/*** form ***/
fieldset{padding:4px}
label{
display:block;
min-height:40px;
}

/*** various ***/
p{margin:2px 0;}


/************************
** Main Box
************************/

/*** Captions & aligment ***/
.aligncenter, div.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{float:left}
.alignright{float:right}
/*** End captions & aligment ***/

/*** various ***/
.underline{text-decoration:underline}
.center{text-align:center}
.justify{text-align:justify}
.clearLeft{clear:left}
.clear{clear:both}
.blue{color:blue}
.green{color:green}
.red{color:red}
/*** End various ***/

/*** pictures ***/
.picture{margin:auto}
.pictureleft{float:left}
.pictureright{float:right}
.pictureleft, .pictureright{position:relative; border:1px solid silver;}
.picture, .pictureleft, .pictureright{
position:relative;
margin:4px;
padding:2px;
font-size:0.8em;
font-style:italic;
text-align:center;
}
/*** End pictures ***/

.icon{
vertical-align:middle;
border:none;
text-decoration:none;
}

/*** microformat ***/
.vcard{
margin:4px;
padding:4px;
border:1px dotted silver;
}