html {
	height: 100%;
}
body {
	background-color: #202020;
	margin: 0px;
	color: #cccccc;
	font-size:11px;
	font-family: "arial";
	margin:0 10px;
}
.ajoutersite {
  background-color: #282828;
  margin:0;
	padding:0;
	width: 100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	/*border-color:  #151515;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;*/
}
#container {
text-align: left;
}
#header {
margin: 20px 0 0 0;
width: 975px;
height: 90px;
}

#content {
width: 965px;
}

#footer {
/*border-top:3px solid #000;*/
width: 965px;
height: 30px;
color: #ffffff;
font-size:10px;
font-family: "trebuchet MS";
}
#footernote {
float: right;
text-align: right;
height: 30px;
margin-right: 80px;
margin-top: 5px;
}

#title {
margin-left: 20px;
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#title a:link {
color: #d600bc; /* #d600bc */
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:visited {
color: #d600bc;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:hover {
color: #d600bc;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: underline;
}
.textarea {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 10px;
font-family: verdana;
padding: 4px;
background: #d600bc;
}

#comment-1 {
  margin: 0px;
  padding: 0px;
}

#comment-2 {
  margin: 0px;
    padding: 0px;
  background: #343434;
}
#center {
width: 300px;
float: left;
}
#sidebar {
float: left;
margin:0 0 0 15px;
width: 650px;
/*border:1px solid #fff;*/
}
#left {
float: left;
width: 240px;
border-left: 1px solid #d600bc;
list-style: none;
}
#left p{
margin:10px;
}
#left img { 
  float: left; 
  margin: 5px; 
}
.imgrencontre {
  border: 1px solid #70006d;
}
#right {
padding:0 0 0 0;
float: left;
width: 480px;
/*border-left: 1px solid #090909;
border-bottom: 1px solid #090909;*/
}


a:link {
color: #f73ee2;
text-decoration: none;
}
a:visited {
color: #f73ee2;
text-decoration: none;

}
a:hover {
color: #f73ee2;
text-decoration: underline;

}

.meta {
	padding-left: 10px;
	padding-right: 10px;
	background: url(../images/meta.gif);
	line-height: 30px;
}

h1 {
display:block;
margin: 0px;
font-family: "trebuchet ms";
font-size: 20px;

}

h1 a:link {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:visited {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:hover {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: underline;
}

h2 {
font-family: "trebuchet ms";
font-size: 18px;
width: 426px;
height: 37px;
line-height: 37px;
background: url(../images/h2.gif) no-repeat;
padding-left: 15px;
padding-right: 10px;
list-style-image: none;
font-weight: lighter;
}
/************* menu left ****************/
#navcontainer {
margin:-3px 0 0 7px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #333;
}
#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer li {
border-bottom: 1px solid #202020;
margin: 0;
}
#navcontainer li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #333333; /* #202020 */
border-right: 10px solid #191919; /* #202020  */
background-color: #272727; /* 2175bc */
color: #fff;
text-decoration: none;
/*width: 100%;*/
font-size:11px;
font-family: "arial";
color: #f73ee2;
}
html>body #navcontainer li a { width: auto; }
#navcontainer li a:hover {
border-left: 10px solid #474747; /* #202020 */
border-right: 10px solid #191919; /* #202020  */
background-color: #333333; /* 2175bc */
color: #ff4bea;
}
.active_menu {
border-left: 10px solid #474747; /* #202020 */
border-right: 10px solid #191919; /* #202020  */
background-color: #333333; /* 2175bc */
color: #fff;
}
/********** naviagation page par page **********************************/
.meta-nav {
	padding-left: 10px;
	padding-right: 10px;
	background: url(../images/meta.gif);
	line-height: 30px;
	color:#fff;
}
.meta-nav a {
	color:#fff;
}