body {
margin:0px;
color:#bbb; 
font-family:Arial,sans;
}
img {border:0;}
a {
color:red;
font-weight:bold;
text-decoration: none;
}
a:hover,a:visited {
color:yellow;
font-weight:bold;
text-decoration: underline overline;
}
#entete {
height: 66px;
width:100%;
background-color:white;

}
#divmenu {
display:block;
width:50%;
height:30px;
margin-left:25%;
text-align:center;
}
.nav-wrap { margin: 30px auto;  background-color: rgba(0,0,0,0.6); border-top: 0px solid white; border-bottom: 2px solid white; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#menu { margin: 0 auto; list-style: none; position: relative; width: 500px; }
#menu li { display: inline; }
#menu li a { background-color:transparent; color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none;  }
#menu li a:hover { background-color:transparent;color: white; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }

.current_page_item a, .current_page_item_two a { color: white !important; }

#wrapper {
width:100%;
background-color:black;

}
#corps{
color:#bbb;
background-image: url(/images/lightsred.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;

display:block;
height:600px;
text-align:center;
width:1260px;
	overflow:hidden;
}
#over {
display:block;
height:500px;
background-image: url(/images/degn.png);
	background-repeat: repeat-y;

width:1260px;
position:absolute;

top:140px;
margin-left:auto;
margin-right:auto;
left:auto;
right:auto;
}
#contenus {
display:block;
height:460px;
background-image: url(/images/bg0.png);
	background-repeat: no-repeat;
margin-top:10px;
width:6300px;
font-size: 12px;

}

/* Start of Column CSS */
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;

}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;

}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;

}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;

}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;

}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;

}
/* --> */

.block {
margin-left:50px;
margin-right:50px;

}
.blackblock {background-image: url(../images/blankn.png);margin:10px;padding:10px;}

.om {
display:block;
}
#om1 {
float:left;
margin-top:20px;
margin-left:30px;
width:220px;
height:220px;
font-size:16px;
font-weight:800;
}
#om2 {
float:left;
margin-top:70px;
margin-left:40px;
width:180px;
height:180px;
font-size:14px;
font-weight:800;
}
#om2bis {
float:left;
margin-top:80px;
margin-left:30px;
width:140px;
height:140px;
font-size:14px;
font-weight:800;
}
#om3 {
margin-left:760px;
margin-top:100px;
width:90px;
height:90px;
font-size:14px;
font-weight:800;

}
#gnu1 {
float:left;
margin-top:10px;
margin-left:20px;
margin-bottom:60px;
width:380px;
height:310px;
font-size:11px;
text-align:justify;
}
#col3 table, #col3 td {font-size:11px;vertical-align:top; border:0;margin:0;padding:0;}
#gnu1 ul {padding:0;padding-left:20px;}
#gnu1 h4, #gnu2 h4 {margin-top:0px;}
#gnu2 {
margin-left:480px;
margin-top:10px;
width:380px;
height:350px;
font-size:11px;
text-align:justify;
}



#coords,#form {
text-align:left;
padding:10px;
}
#coords {
margin-left:600px;
font-weight:bold;
width:220px;
height:160px;
display:block;
margin-top:100px;
}
#coords p {
margin:0px;
}


#form{
float:left;
display:block;
width:290px;
height:300px;
margin-left:100px;
margin-right:60px;
padding-left:30px;
}
#friends {
margin-left:500px;
margin-top:100px;
text-align:left;

}
#freesoftware {
clear:both;
float:left;
text-align:left;
margin-left:50px;
margin-top:100px;
}
#main {
width:400px;height:200px;padding:20px;margin:40px;
}
#basdepage {

}
#pro-wrap {
margin-left:100px;
height:360px;
display:block;}
dl,dt, dd, #page-wrap h3,#page-wrap p { margin: 0; padding: 0; }
#page-wrap h2, #page-wrap ul {margin-bottom:0;padding-bottom:0;}
#page-wrap p {font-size:12px;margin:0;}

.info-col { float: left; width: 132px; height: 350px; padding: 10px 0 0 0; }
.info-col h3 { text-align: center; font-weight: normal; padding: 25px 0; }

.image { height: 200px; text-indent: -9999px; display: block; border-right: 1px solid black; }

.ligueparis { background: url(../images/ligueparis.png) center center no-repeat; }
.pepa { background: url(../images/pepa.png) 0 0 no-repeat; }
.flipstory { background: url(../images/flipstory.png) 0 0 no-repeat; }
.le16rue { background: url(../images/le16rue.png) center center no-repeat; }


dt { padding: 2px;  color: yellow; border-bottom: 1px solid black; border-right: 1px solid black; }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px;  padding: 10px; color: white; border-right: 1px solid black; font-size:12px;text-align:justify;}

dt:nth-of-type(1) { background-image: url(../images/blankn.png); }
dd:nth-of-type(1) { background-image: url(../images/blankn.png); }

dt:nth-of-type(2) { background-image: url(../images/blankn.png); }
dd:nth-of-type(2) { background-image: url(../images/blankn.png); }

dt:nth-of-type(3) { background-image: url(../images/blankn.png); }
dd:nth-of-type(3) { background-image: url(../images/blankn.png); }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

.curCol { z-index: 1; position: relative; }

#txt-compet {
clear:left;
float:left;
position : absolute;
top:420px;
left:100px;
}

#pro-competences {
display:none;
text-align:left;
margin-left:50px;
margin-right:50px;
}
#pro-competences table {
width:100%;
}
#pro-competences td {width:50%;vertical-align:top;}
#pro-competences h4 {margin:0;}
#pro-competences ul {padding:0;padding-left:20px;font-size: 12px;}