body {
margin:0px 0 0 0;
padding:0px;
font-family: "Trebuchet MS", verdana, arial, sans-serif;
background-color:black;
text-align:center;
}

h1 {
display:inline;
margin:0px 0 0px 0;
padding:0px;
color:#a6a6a6;
font-size:16px;
font-weight:lighter;
}

h3 {
margin:0;
padding:0;
color:orange;
}

h4{
margin:5px;
padding:0;
color:#fff;
}

#conteneur {
width:781px;
margin:auto;
padding:auto;
text-align:left;
}

#bandeau {
float:left;
width:780px;
margin:0px;
padding:0px;
}

#logo {
width:780px;
margin:0px;
padding:0px;
}

#degrade {
margin:-5px 0 0 0;
padding:0px;
}

#degrade img {
float:left;
margin:5px 0 0 0;
padding:0px;
}

#degrade p {
margin:0px 0 0px 0;
padding:0px;
color:#a6a6a6;
font-size:16px;
}

#menu {
margin:0px;
padding:2px;
background-color:#4d4d4d;
font-size:14px;
border-bottom:2px solid white;
}

#menu ul{
margin:0px;
padding:0px;
}

#menu li{
display:inline;
margin:0px;
padding:0px;
}

#menu a{
color:white;
text-decoration:none;
}

#menu a:hover{
color:orange;
}

#news {
float:left;
width:177px;
height:406px;
border:1px solid white;
margin:10px;
padding:5px;
}

#news .titre{
color:orange;
margin:0px;
padding:2px;
border-bottom:1px solid orange;
font-size:16px;
background-color:#000;
}

#news p{
margin:5px 0 0 0;
padding:2px;
color:white;
font-size:12px;
background-color:#4d4d4d;
}

#news .liens{
color:orange;
margin:0px;
padding:0px;
font-size:12px;
background-color:#000;
}

#news .liens img{
float:left;
margin:2px 2px 0 0;
}

#news .liens a {
color:orange;
text-decoration:none;
}

#news .liens a:hover {
color:white;
}

#news .voirarticle{
text-align:center;
color:white;
margin:0px;
padding:5px;
border-top:1px solid orange;
background-color:#000;
}

#news .voirarticle a{
color:white;
text-decoration:none;
}

#news .voirarticle a:hover{
color:orange;
}

#identite {
float:left;
width:540px;
height:397px;
margin:10px 0 0 0;
padding:10px;
border:1px solid white;
background-color:#4d4d4d;
color:white;
}

#identite img{
float:left;
border:1px solid orange;
margin:5px 10px 0 0;
padding:0px;
}

#identite a {
text-decoration:none;
color:orange;
}

#identite a:hover {
color:white;
}

#identite p {
float:left;
margin:0 0 20px 0;
padding:0px;
}

#cv {
float:right;
margin:0px 0 0 0;
padding:0px;
}

#cv a{
color:white;
}

#cv a:hover{
color:orange;
}

#identite .lettrine {
margin:5px 0 10px 0;
padding:0px;
font-size:12px;
}

.lettrine:first-letter {
font-size:1.8em;
color:orange;
}

#main {
float:left;
width:781px;
}

#crea {
float:left;
margin:10px;
}

#dernierecrea {
width:177px;
border:1px solid white;
border-bottom:none;
color:orange;
font-size:14px;
padding:5px;
}

#miniature {
background-color:#4d4d4d;
border:1px solid white;
width:760px;
}

#miniature img {
margin:2px;
padding:0 23px 0 23px;
border:none;
}

#footer {
float:left;
margin:0 0 0 0px;
width:780px;
background-color:#4d4d4d;
border-top:2px solid white;
color:white;
font-size:12px;
text-align:center;
}

#footer p {
margin:0px;
padding:0px;
}

#footer a {
color:orange;
text-decoration:none;
}

#footer a:hover {
color:white;
}

.date {
display:block;
color:white;
background-color:black;
padding:0 0 0 5px;
}

a.info {
position: relative;
text-decoration:none;
color:black;
border-bottom: 1px gray dotted;

}

a.info span {
display:none;
}

a.info:hover {
background:none;
}

a.info:hover span {
display:inline;
position:absolute;
z-index:500;
top:1em;
left:1em;
background:none;
text-align:center;
color:orange;
padding:0.2em;
}

a.info1{
position: relative;
text-decoration:none;
color:black;
}

a.info1 span {
display:none;
}

a.info1:hover {
background:none;
}

a.info1:hover span {
display:inline;
position:absolute;
z-index:500;
top:-1.5em;
left:0em;
background:#000;
text-align:center;
color:orange;
padding:0.2em;
}

#identite2 {
float:left;
width:760px;
margin:10px 0 10px 0;
padding:10px;
border:1px solid white;
background-color:#4d4d4d;
color:white;
font-size:13px;
}

#identite2 img{
float:left;
border:1px solid orange;
margin:5px 10px 0 0;
padding:0px;
}

#identite2 a img {
float:left;
border:none;
margin:5px 10px 0 0;
padding:0px;
}

#identite2 a {
text-decoration:none;
color:orange;
}

#identite2 a:hover {
color:white;
}

#identite2 p {
float:left;
margin:0 0 20px 0;
padding:0px;
}

.titreexperience {
text-align:center;
margin-top:5px; 
margin-bottom:5px;
width:100%;
background-color:black;
}

.divexp {
margin:5px 5px 5px 5px; 
padding:5px; 
border:1px solid black;
}

.titreform {
color:orange;
}

#identite3 {
float:left;
width:760px;
margin:10px 0 10px 0;
padding:10px;
border:1px solid white;
background-color:#4d4d4d;
color:white;
font-size:13px;
}

#identite3 a img {
border:none;
}