/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
	line-height: 20px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	background-color:#101010;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #CCCCCC;
}

a:hover {
	text-decoration: none;
}

.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list1 a {
	background: url(images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

.list2 {
	margin: 0;
	list-style: none;
}

.list2 a {
	background: url(images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}

/** HEADER */

#header {
padding: 0px 0px 0px 25px;
margin: 0px 0px -20px 0px;
clear: both;
}

#contenu {
padding: 0px 0px 0px 35px;
margin: 0px 0px -20px 0px;

}

#header1 {
height:16px;
background-image:url(images/barre2.png);
width:100%;
}


#photos {
width:277px;
height:80px;
background-image:url(images/dern-photos.gif);
background-repeat:no-repeat;
margin: 30px 0px -25px 0px;
}


#photos1 {
text-align:center;
width:277px;
background-image:url(images/dern-photos-bg.gif);
background-repeat:repeat-y;
margin: 0px 0px -15px 0px;
}

#photos2 {
width:277px;
height:80px;
background-image:url(images/dern-photos-bas.gif);
background-repeat:no-repeat;
}

#photoscom {
position:relative;
float:right;
width:282px;
height:80px;
background-image:url(lastcomment.png);
background-repeat:no-repeat;
margin: 0px 0px 0px 330px;

}
#photoscom2 {

width:282px;
height:80px;
background-image:url(images/dern-comment-bg.gif);
background-repeat:repeat-y;
margin: 0px 0px 0px 330px;
text-align:center;
}

#photoscom3 {
width:282px;
height:80px;
background-image:url(images/dern-comment-bas.gif);
background-repeat:no-repeat;
margin: 0px 0px 0px 330px;

}


#photoinscrits {
width:314px;
height:80px;
background-image:url(images/dern-inscrits.gif);
background-repeat:no-repeat;
margin: -208px 0px -40px 670px;
}

#photosinscrits2 {
width:282px;
height:80px;
background-image:url(images/dern-comment-bg.gif);
background-repeat:repeat-y;
margin: 0px 0px -15px 670px;
text-align:center;
}

#photosinscrits3 {
width:282px;
height:80px;
background-image:url(images/dern-comment-bas.gif);
background-repeat:no-repeat;
margin: 0px 0px -15px 670px;

}


#header h1 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
}

#header h2 {
	margin: 0 0 0 -80px;
	padding: 0px 0px 0px 95px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

/** MENU */

#menu {
	width: 778px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	background: url(images/img04.gif) no-repeat right 50%;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}

#menu .active {
	background: #FFFFFF;
	color: #254360;
}

/** CONTENT */

#content {
padding: 0px 0px 0px 25px;
margin: 0px 0px -30px 0px;


clear: both;
}



#columnA {
	float: right;
	width: 538px;
	padding-left: 20px;
	border-left: 1px dashed #EEEEEE;
}

#columnA h2 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	font-size: 12pt;
	font-weight: bold;
}

#columnB {
	float: left;
	width: 200px;
}

#columnB h3 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

/** FOOTER */

#footer {
margin: 100px 0px 0px 0px;
	clear: both;
	height: 59px;
	

}

.txtfooter {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;
text-align:center;
}

.txtfooter2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
}

#threebloc
{


height:auto;
width:980px;
background-color:#FF9900
text-align:center;

}
/*--jalel-*/
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

input {
 font-size:12px;
 font-family:Arial;
 border: 1px solid #fff;
 background-color: #ffffff;
 margin-top: 5px;
 margin-bottom: 5px;
 color:#444;
 padding-left: 5px;
 padding-right: 5px;
 cursor:pointer;
 vertical-align: middle
}

input:hover{
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #EFEFEF;
 margin-top: 5px;
 margin-bottom: 5px;
 color:#444;
 padding-left: 5px;
 padding-right: 5px;
 cursor:pointer;
}

textarea {
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #ffffff;
}

.textareanew{
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #ff6600;
}

textarea:hover{
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #EFEFEF;
 cursor:pointer;
}

select{
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #ffffff;
}

select:hover{
 font-size:12px;
 font-family:Arial;
 border: 1px solid #CCC;
 background-color: #EFEFEF;
}
label{
font-size:12px;
font-family:Arial;
color:#CCCCCC;
letter-spacing:0.2em;
float:right;
}

label1{
font-size:12px;
font-family:Arial;
color:#FFFFFF;
letter-spacing:0.2em;
float:left;
}

label3{
font-size:12px;
font-family:Arial;
color:#FFFFFF;
letter-spacing:0.2em;

}

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;

}

.commentfooter{
background: url(arrow.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #ffffff;
height:50px;
}

.metre{
position:absolute;
top:755px;"