/* GENERAL*/

html, body {
margin: 0 auto;
padding: 0;
text-align: center;
background:  #ccc;

}
img {
margin: 0;
padding:0;
border:0;
}

/* ------------------------------------ CONTAINER */
#container {
background:#ccc;
margin: 0 auto ;
padding:0;
width: 714px;
text-align: left;
border-right:1px solid #999;
border-left:1px solid #999;
}


/* ------------------------------------ header */
#header {
background:#333;
text-align: left;
margin: 0;
padding:0;
width: 714px;
height:80px;
}
#header h1{
font-family: verdana;
color: #fff;
font-size: 30px;
font-weight: bold;
letter-spacing: 1px;
margin:0;
padding:5px 0 0 10px;
}
#header h2{
font-family: verdana;
color: #ccc;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
margin:0;
padding:0px 0 0 10px;
}



/* ------------------------------------ MENU */

#menu {
background:#999;
float:left;
padding:0 0 10px 0;
margin: 0 0 0 0;
width: 714px;
text-align: right;
border-bottom:10px solid #ccc;
}
#menu p{
text-align: left;
font-family: verdana;
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
padding:10px 10px 10px 10px;
margin: 0 0 0 0;
}
#menu ul{
padding:3px 10px 0 0;
margin: 0 0 0 0;
list-style-type: none;
}
#menu li{
margin: 0px 0px 0px 0px;
padding: 2px 4px 2px 0px;
display:inline;
}
#menu a{
font-family: verdana;
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
margin:0;
padding:0;
}
#menu a:hover{
color: #333;

}
#menu .repos{
color: #333;
text-decoration: none;
}

/* ------------------------------------ TEXTE */

#texte {
background:transparent;
float:left;
padding:0 0 0 0;
margin: 0 0 0 0;
width: 714px;
text-align: right;
border-bottom:10px solid #ccc;
}
#texte p{
text-align: left;
font-family: verdana;
color: #666;
text-decoration: none;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
padding:10px 10px 10px 10px;
margin: 0 0 0 0;
}

/* ------------------------------------ RIGHT */


#right {
width: 714px;
background:  #ccc;
margin: 0px 0px 0px 0px;
padding: 5px 0 0 0;
text-align:center;
}
#right h1{
text-align:left;
margin: 0px 0 0 0px;
padding: 0px 0 0 10px;
font-family: verdana;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
color:#333;
}
#right h2{
text-align:left;
margin: 0px 0 0 0px;
padding: 10px 0 6px 20px;
font-family: verdana;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color:#666;
text-decoration:underline;
}
#right p{
text-align:left;
font-family: verdana;
font-size: 11px;
color:#666;
margin: 0px 20px 0 20px;
padding:0px 0px 0px 0px;
line-height:14px;
letter-spacing: 1px;
}
#right p.intro{
text-align:left;
font-family: verdana;
font-size: 11px;
color:red;
margin: 0px 20px 10px 20px;
padding:0;
line-height:14px;
letter-spacing: 1px;
text-align:justify;
}
#right a {
font-family: verdana;
color: #fff;
text-decoration: none;
font-size: 11px;
text-decoration:underline;
line-height:13px;
}
#right a:hover {
color: #333;
}


#right ul{
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 80px ;
list-style-type: none;
}

#right li {
font-family: verdana;
font-size: 11px;
color:#666;
padding: 3px 0px 0px 0px;
margin: 3px 0px 0px 0px ;
list-style-type: none;
}




/* ------------------------------------ BLANK */
#blank {
padding: 0;
margin: 0;
visibility: hidden;
width:716px;
clear: both;
}
/* ------------------------------------ FOOTER */
#footer {
background:#999;
margin: 0 auto ;
padding:0 0 0 0;
width: 714px;
text-align:center;
}
#footer p{
margin:0;
padding: 10px 0 10px 0;
background:  transparent;
font-size: 11px;
color: #fff;
font-family: verdana;
}


#footer a {
font-family: verdana;
letter-spacing: 1px;
color: #fff;
text-decoration:underline;
font-size: 11px;
}

#footer a:hover {
color: #333;
}