body {
margin: 0 auto;
padding: 0;
font: 73% verdana, "Trebuchet MS", arial, sans-serif;
text-align: center;
line-height: 1.7em;
color: #000;
background: #7b7b7b url(images/bgd.jpg) center repeat-y;
}
			/* WRAP */
#container {
width: 750px;
margin: 0 auto;
padding: 0;
text-align: left;
color: #666;
background: #fff;
}

			/* BANNER */
#banner {
width: 750px;
margin: 0 0 30px 0;
padding: 0;
height: 200px;
background: #000 url(images/banner.jpg) no-repeat;
color: #000;
}
#banner h1 {	
margin: 0;
padding: 70px 100px 0 0;
height: 50px;
font: 140% "Trebuchet MS", verdana, arial, sans-serif;
text-align: right;
letter-spacing: 3px;
color:  #fff;
background: inherit;
}
#lang{
float:right;
padding:5px;
margin-top:0px;
text-align:right;
}
.flags{
padding : 1px;
border : no;
}

			/*TOP NAV*/
#navPyra {
margin: 0;
padding: 20px 0 20px 10px;
border-bottom: 1px solid #aaa;
}
#navPyra li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navPyra a:link, #navPyra a:visited {
float: left;
font-size: 1.2em;
letter-spacing: 3px;
line-height: 1em;
font-weight: normal;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #000;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
color: #ff017d;
background: url(images/pyramid.gif) no-repeat bottom center;
}
			/* SIDE CONTENT */
#side {
width: 150px;
float: left;
margin: 0 auto;
padding: 0 20px;
background: inherit;
color: #999;
}
#side p { 
margin: 1em 0 1em 0; 
}
			/* SIDE NAV */		
#side ul {
list-style : none;
margin : 20px 0;
padding : 0;
}
#side ul li {
display : inline;
padding : 0;
margin : 0;
}
#side ul li a {
display : block;
color : #708491;
background : inherit;
text-decoration : none;
margin : 0;
padding : 3px 0;
border-bottom : 1px solid #aaa;
}
#side ul li a:hover {
text-decoration : none;
background : #fff;
color : #000;
} 
				/* MAIN CONTENT */
#content {
width: 520px;
margin-left: 200px;
padding: 0 10px;

}

				/* FOOTER */
#footer {	
margin-top: 60px;
padding: .5em;
clear: both;
font-size: 11px;
color: #fff;
background: #000;
border-top: 1px solid #aaa;
}
				/* LINKS*/
a {
color: #666;
text-decoration: none;
}
a:hover {
background: #eee;
color:  #708491;
text-decoration: none;
}
a img {
border: 0;
}
				/* SEARCH BOX*/
legend {
font-weight : bold;
color : #000;
}
        /*FORMULAIRE*/

FORM * {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 8px 5px 0;
}
TEXTAREA, INPUT, SELECT, FILE {
	border: #aaa 1px solid; 
	background-color: #fff;
	width: 250px;
  color:#666; 
}
TEXTAREA {
	width: 520px; 
	height: 200px;
}
FORM P {
	margin: 0;
}
FORM LABEL {
	float: left; width: 12%; text-align: right;
}
#submit {
	border: 1px #666 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #ff017d; width: auto;
}
#submit:hover {
	border: 1px #aaa solid;
}
.alerte {
	font-weight: bold; font-size: 14px;
}
.focus {
	background: #FF9FD0;
}      
     
				/* TYPOGRAPHY */
h2 {
margin: 0;
font: normal 150% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 3px;
color: #ff017d;
background: inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #aaa;
}
				/* CLASSES*/
.imgright {
float : right;
padding : 0px;
border : no;
margin-left : 10px;
}

.imgbottom {
padding : 10px;
border : 1px solid #aaa;
margin-left : 0px;
}

.big {
margin : 5px;
font: 200% "Trebuchet MS", verdana, arial, sans-serif;
font-size:200%;
line-height: 2em;
text-transform : uppercase;
background: #fff;
color: #2e2e2e;
}
.numbers{
list-style-type: decimal;
}