* {
margin:0;
padding:0;
}
html{
height:100%;
background:#1e1e1f url(/images/bg.jpg) 0 0 repeat;
}
body{
height:100%;
background:url(/images/traits.png) 0 118px repeat-x;
color:#fff;
font:80%/100% "Trebuchet MS",Verdana,Arial,sans-serif;
text-align:center;
}

#cadre{
position:relative;
margin:0 auto;
width:780px;
text-align:left;
}
#header{
height:90px;
padding:28px 30px 0;
background:url(/images/videographiste.jpg) 30px 28px no-repeat;
}
#header h1{
font:normal 1em/120% Arial,Helvetica,Verdana,sans-serif;
color:#fff;
margin:0 20px 0 100px;
padding:22px 0 0;
}
#header h1 a,
#header h1 a:hover{
color:#fff;
text-decoration:none;
}
#header p#contact{
position:absolute;
top:20px;
left:300px;
font:94%/160% Arial,Helvetica,Verdana,sans-serif;
padding:10px 0;
}
#header p#contact a{
unicode-bidi:bidi-override;
direction:rtl;
color:#ff7e38;
text-decoration:none;
}
#lang, #conso{
position:absolute;
top:30px;
right:30px;
font:90% Arial,Helvetica,Verdana,sans-serif;
text-align:right;
}
#conso{top:130px;font-weight:bold;font-size:90%;}
#lang a, #conso a{
color:#fff;
text-decoration:none;
}
#lang a:hover, #conso a:hover{
color:#ff7e38;
}
#lang img{
margin:0 4px -2px;
}

#menu{
position:absolute;
top:118px;
left:30px;
width:730px;
list-style:none;
}
#menu li{
float:left;
list-style:none;
font:bold 94% Arial,Helvetica,Verdana,sans-serif;
text-transform:uppercase;
}
#menu li a{
display:block;
color:#fff;
text-decoration:none;
background:url(/images/puce-menu.gif) no-repeat 0 12px;
margin:0 10px 0 0;
padding:10px 13px;
}
#menu li a:hover{
color:#FEDC07;
}
#menu li#current a,#menu li#current a:hover{
background:url(/images/puce-menu-current.gif) no-repeat 0 14px;
color:#ff7e38;
}

#main{
margin:50px 0 0;
padding:0 14px 7px 30px;
}
#main p#pied{
text-align:right;
font:82% Arial,Helvetica,Verdana,sans-serif;
margin:60px 0 20px;
}
#main p#pied a{
text-decoration:none;
color:#ff7e38;
}
#main p#pied a:hover{
text-decoration:underline;
}
#bottom{padding-bottom:7px;}
#footer{
margin-top:-7px;
height:7px;
width:100%;
background:#FE7D07;
}


div.left1on2{
float:left;
width:380px;
}
div.right1on2{
float:right;
width:326px;
}



/* STYLES GENERAUX */
a img,acronym{border:0;text-decoration:none;}
.center{text-align:center;}
.clear{clear:both;}
.invisible{display:none;}
.hidden{visibility:hidden;}
.t-right{text-align:right;}
.mapson{unicode-bidi:bidi-override;direction:rtl;}
.nospam{unicode-bidi:bidi-override;direction:ltr;}
.small{font-size:0.8em;}
.red{color:#c00;}

#main h1{
font:bold 1.2em/100% Arial,Helvetica,Verdana,sans-serif;
color:#ff7e38;
margin:0 0 12px;
letter-spacing:1px;
border-bottom:1px solid #333;
}
#main h2{
font:bold 1.1em/100% Arial,Helvetica,Verdana,sans-serif;
color:#ff7e38;
margin:20px 0 6px;
letter-spacing:1px;
}
#main h3{
font:bold 1em/100% Arial,Helvetica,Verdana,sans-serif;
color:#ff7e38;
margin:20px 0 6px;
}
#main p{margin:0 0 12px;line-height:160%;}
#main p.lh120{line-height:120%;}
#main p.lh140{line-height:140%;}
#main a{
color:#ff7e38;
text-decoration:underline;
}
#main a:hover{}
#main a.mapson{unicode-bidi:bidi-override;direction:rtl;}
.nospam{unicode-bidi:bidi-override;direction:ltr;}
#main ul{margin:0 0 12px 20px;}
#main ul li{list-style-image:url(/images/puce.gif);}

table{border-collapse:collapse;border:1px solid #333;font:1em/160% "Trebuchet MS",Verdana,Arial,sans-serif;}
table th, table td{border:1px solid #333;background:transparent;margin:0 0 12px;padding:0.6em;}
table th{
font-size:1.1em;
text-align:center;
color:#ff7e38;
}
table td{vertical-align:top;}

/* index */
#main ul#dernierea{
background:#333;
margin:0;
padding:16px 0 12px 18px;
height:90px;
}
#main ul#dernierea li{
background:#333;
float:left;
list-style:none;
width:100px;
height:94px;
line-height:130%;
overflow:hidden;
margin:0 20px 0 0;
}
#main ul#dernierea li a{
color:#fff;
text-decoration:none;
}
#main ul#dernierea li a:hover{
text-decoration:underline;
}

/* portfolio */
#main .portfolio{border-bottom:1px solid #333;clear:both;}
#main .portfolio a{text-decoration:none;display:block;width:306px;height:6em;padding:10px;}
#main .portfolio a:hover{background:#555;}
#main .portfolio img{float:left;}
#main .portfolio a span.titre{float:right;clear:right;width:206px;margin:0 0 4px;font-weight:bold;font-size:1.1em;color:#fff;}
#main .portfolio a span.date{float:right;clear:right;width:206px;margin:0 0 2px;font-size:0.8em;line-height:120%;color:#fff;}
#main .portfolio a span.type{float:right;clear:right;width:206px;line-height:120%;color:#fff;}
#main .portfolio a span.duree{float:right;clear:right;width:206px;line-height:120%;color:#fff;}
#main .portfolio a:hover span.titre,
#main .portfolio a:hover span.date,
#main .portfolio a:hover span.type,
#main .portfolio a:hover span.duree{
color:#ff7e38;
}
#main .portfolio a.on{background:#333;cursor:default;}
#main .portfolio a.on:hover span.titre,
#main .portfolio a.on:hover span.date,
#main .portfolio a.on:hover span.type,
#main .portfolio a.on:hover span.duree{color:#fff;}

#main p.navig{font-size:1.2em;margin:20px 0 0;text-align:right;}
#main p.navig a{text-decoration:none;color:#fff;padding:4px;border:1px solid #fff;background:#555;}
#main p.navig a:hover{
color:#ff7e38;
border-color:#ff7e38;
background:#555;}
#main p.navig span{padding:4px;border:1px solid #fff;background:#333;}

/* contact */
#main #cv{margin:0 0 22px;}
#main #cv h2{clear:both;}
#main dl{
line-height:120%;
display:block;
margin:0 0 20px;
}
#main dl dt{
float:left;
clear:both;
width:90px;
border-top:1px solid #333;
}
#main dl dd{
float:left;
width:279px;
padding:0 0 0.4em 10px;
margin:0 0 0.6em 0;
border-left:1px solid #333;
}
#main dl.cv dd{width:257px;}

#main div.form{}
#main div.form label{display:block;}
#main div.form #nom,#main div.form #prenom,#main div.form #email,#main div.form #message{width:324px;margin:4px 0 4px;}
#main div.form #nom{}
#main div.form #prenom{}
#main div.form #email{}
#main div.form #message{}
#main div.form #sendme{}

input, textarea, select{
font:1em/100% "Trebuchet MS",Verdana,Arial,sans-serif;
color:#fff;
background:#333;
border:1px inset #595A6E;
}
input.focus,textarea.focus{border-color:#c00;}
input.submit, #main a.retour{font-size:1.2em;margin:0 10px 10px 0;text-decoration:none;color:#fff;padding:4px;border:1px solid #fff;background:#333;}
input.submit:hover, #main a.retour:hover{
color:#ff7e38;
border-color:#ff7e38;
background:#555;
}

#main p.error,#main p.ok{font-size:1.1em;margin:0 0 12px;padding:4px;border:1px inset #c00;background:#333;color:#c00;}
#main p.ok{font-weight:bold;color:#0a0;border-color:#0a0;}


/* admin */
#menu li a.disabled,#menu li a.disabled:hover{
color:#aaa;
cursor:default;
}

#main a.zoom{position:relative;cursor:default;}
#main a.zoom span{display:none;}
#main a.zoom:hover span{display:block;position:absolute;width:90px;height:72px;top:-8px;left:48px;}