@charset "UTF-8";
/*Balises*/

/*Headers*/

h1{
    margin: 0px;
    padding-bottom: .3em;
    font-size: 250%;
    line-height: 100%;
}
h2 {
    margin: 0px;
    padding: 0px;
    font-size: 155%;
}

h4 {
    margin: 0px;
    padding: 0px;
    font-size: 200%;
    line-height: 115%;
}
h5 {
    margin: 0px;
    padding: 0px;
    font-size: 90%; 
    font-weight: lighter;
}
p {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

/*Links*/

a:link {
    text-decoration: none;
	color: #CCCCCC;
}
a:visited {
    text-decoration: none;
	color: #CCCCCC;
}
a:hover {
    text-decoration: none;
	color:  #8EAB99;
}
a:active {
    text-decoration: none;
	color:  #8EAB99;
}

/*Lists*/
li {
    list-style: none;
	margin: 0px;
	padding: 0px;
}

div{
	margin: 0px;
	padding: 0px;
}

/*Wrapper NOT including Footer*/


html, body, #wrapper {
	font-size: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body > #wrapper{
	height: auto;
	min-height: 100%;
}

/*Container NOT including Footer*/

#container {
	width: 1035px;
	margin: 0 auto;
	padding-bottom: 6.5em;
	background: white;
	font-family: century gothic, avant garde, arial, sans-serif;
}

/*Clearfix HACK*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac\*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*LEFT*/

#container #left {
    width: 230px;
    padding-left: .5em;
    padding-right: .5em;
    float: left;
	text-align: right;
	font-family: century gothic, avant garde, arial, sans-serif;
	background: white;
}

/*Left Logo*/

#left #logo  {
	padding-top: .2em;
        padding-bottom: .2em;

}

#left #logo a img {
	border: none;
}



/*Left Navigation*/

#left #nav {
	width: 100%;
	margin: 0em;
	padding: 0em;
	padding-top: 0;
	text-transform: lowercase;
	font-weight: bold;
	color: #CCCCCC;
	letter-spacing: -2px;
}

#left #nav h3 {
    margin: 0em;
    padding: 0em;
    font-size: 315%;
    line-height: 115%;
}    

#left #nav ul {
    padding-top: 0em;
    margin-top: 0em;
} 

/*Active Link*/

#left #nav ul li a span {
	color: #8EAB99;
	margin: 0em;
	padding: 0em;
}


/*Left Language Button*/

#left #language {
	padding-top: 1.8em;
}
#left #language a img {
	border: solid 1px #EEEEEE;
	padding: 5px;
}

#left #language a:hover img {
	border: solid 1px #666666;
	padding: 5px;
}

/*RIGHT*/

#container #right{
	width: 773px;
	background: white;
	padding-left: 1em;
	padding-top: .5em;
   	padding-bottom: 0em;
        float: left;
	color: #666666;
	font-family: century gothic, avant garde, arial, sans-serif;
}

/*RIGHT HOME PAGE*/

#container #right #home{
        padding: 1em 3em 0em 3em;
        text-align: left;
}

#container #right #home h1{
       font-size: 215%;
       padding-bottom: .5em;
}

#container #right #home #image{
       width: 500px;
       height: 271px;
       float: right;
       padding-bottom: .3em;
}

#home #twitterlogo {
       float: right;
       width: 500px;
       padding-top: .3em;
       padding-right: .3em;
       padding-bottom: .3em;
       border-bottom: dashed #CCCCCC 1px;
       border-top: dashed #CCCCCC 1px;
       text-align: right;
       font-weight: bold;
}

#container #right #home #tweet{
       text-align: right;
       float: right;
       padding: .3em;
       font-size: 80%;
       width: 500px;
       
}

#home #tweet ul{
       padding-bottom: .5em;

}

#home #tweet a{
       color: #8EAB99;

}

#home #dodo {
       width: 100%;
       padding-top: 6.5em;
       float: right;
}

#home #dodo img{
       width: 200px;
       float: right;
}

/*END RIGHT HOME PAGE*/



/*FOOTER*/

#footer {
	width: 1035px;
        clear: both;
	height: 6.5em;
        margin-top: -6.5em;
        z-index: 10;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-family: Century Gothic, Avant Garde, arial, sans-serif;
	font-size: 70%;
	color: #808080;
	border-top: solid 1px #EEEEEE;
	background: white;
}

/*Inside Footer*/


#footer a{
    color: #990000;
}
#footer a:hover{
    color: #800000;
}		 

#footer #footerleft{
	padding: .5em 0em 0em 2em;
	float: left;
	text-align: left;
	background: white;
}

#footer #footerleft p {
	padding-bottom: 5px;
}

#footer #footerleft p img{
    display: block;
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 0px;
    float: left;
}

#footer #footerright{
	padding: .5em 2em 0em 0em;
	float: right;
	text-align: right;
	background: white;
}