*{
padding: 0px;
margin: 0px;
}

body{
font-family: arial, verdana, sans-serif;
font-size: 11px;
background: #000 url("../img/bg.gif") top left repeat-x;
color: #FFF;
}

#header{
width: 960px;
margin: auto;
}

#corps{
clear: both;
width: 960px;
margin: auto;
margin-top: 20px;
padding-bottom: 20px;
background: transparent url("../img/bg_corps.gif") bottom left no-repeat;
border-right: #333 1px solid;
}

#logo{
float: left;
margin-top: 20px;
}

#header p{
font-weight: bold;
margin-top: 20px;
font-size: 12px;
letter-spacing: 1px;
}

/*------------------------------------------------------------titres-------------------------*/

#cv h1{
background: transparent url("../img/logo_cv.gif") top left no-repeat;
height: 77px;
width: 480px;
}

#web h1{
background: transparent url("../img/logo_web.gif") top left no-repeat;
height: 77px;
width: 480px;
}

#art h1{
background: transparent url("../img/logo_art.gif") top left no-repeat;
height: 77px;
width: 480px;
}

h2{
color: #FFF;
background: transparent url("../img/bg_soustitre.gif") bottom left no-repeat;
width: 960px;
height: 26px;
text-align: center;
font-size: 18px;
padding-top: 2px;
}

h3#etude{
background: transparent url("../img/t_etude.gif") top left no-repeat;
width: 250px;
height: 48px;
margin-top: 10px;
margin-bottom: 10px;
}

h3#comp{
background: transparent url("../img/t_comp.gif") top left no-repeat;
width: 400px;
height: 48px;
margin-bottom: 10px;
}

h3#pro{
background: transparent url("../img/t_pro.gif") top left no-repeat;
width: 400px;
height: 48px;
margin-top: 10px;
margin-bottom: 10px;
}

h3#divers{
background: transparent url("../img/t_divers.gif") top left no-repeat;
width: 240px;
height: 48px;
margin-top: 10px;
margin-bottom: 10px;
}

h3#impshow{
background: transparent url("../img/titre_imp_show.gif") top left no-repeat;
width: 300px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#orange{
background: transparent url("../img/titre_orange.gif") top left no-repeat;
width: 300px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#flash{
background: transparent url("../img/titre_flash.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#galerie{
background: transparent url("../img/titre_galerie.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#syndic{
background: transparent url("../img/titre_syndic.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#pere{
background: transparent url("../img/titre_pere.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#ca{
background: transparent url("../img/titre_ca.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#ohm{
background: transparent url("../img/titre_ohm.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#rat{
background: transparent url("../img/titre_rat.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#venus{
background: transparent url("../img/titre_venus.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#territoire{
background: transparent url("../img/titre_territoire.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#museum{
background: transparent url("../img/titre_museum.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h3#acconci{
background: transparent url("../img/titre_acconci.gif") top left no-repeat;
width: 520px;
height: 48px;
margin-left: 20px;
margin-top: 10px;
}

h4{
font-size: 14px;
margin-bottom: 5px;
}


#cv h4{
color: #01B0F0;
}

#web h4{
color: #FF358B;
}

#art h4{
color: #AEEE00;
}


/*---------------------------------------------------------------------------------------------*/


h1 span, #menu li span, h3 span{
display: none;
}

#menu{
float: right;
margin-top: 20px;
}

#menu li{
float: left;
list-style-type: none;
}

#menu li#cv a.on{
background: transparent url("../img/on_cv.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}

#menu li#cv a{
background: transparent url("../img/off_cv.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}

#menu li#web a.on{
background: transparent url("../img/on_web.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}

#menu li#web a{
background: transparent url("../img/off_web.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}

#menu li#art a.on{
background: transparent url("../img/on_art.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}

#menu li#art a{
background: transparent url("../img/off_art.gif") -20px -20px no-repeat;
height: 160px;
width: 160px;
display: block;
}



hr.invi{
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 border: 0;
 clear: both;
visibility: hidden;
}

#gauche{
width: 260px;
margin-top: 20px;
float: left;
}

#droite{
margin-top: 20px;
float: right;
width: 650px;
}

#cv strong{
color: #01B0F0;
}

#web strong{
color: #FF358B;
}

#art strong{
color: #AEEE00;
}

.box ul, .box dl{
margin-bottom: 10px;
}

.box{
margin-bottom: 20px;
margin-right: 20px;
margin-left: 20px;
}

.photo_id{
margin-left: 30px;
margin-bottom: 20px;
background: transparent url("../img/bg_photo.gif") right bottom no-repeat;
}

.box li, .box dt{
background: transparent url("../img/puce_cv.gif") left 5px no-repeat;
padding-left: 15px;
}

.box dt{
margin-bottom: 5px;
}

.box li, .box dd{
list-style-type: none;
font-size: 11px;
margin-bottom: 3px;
}

a{
color: #fff;
}

#cv a:hover{
color: #01B0F0;
}

#web a:hover{
color: #FF358B;
}

#art a:hover{
color: #AEEE00;
}

img{
border: none;
}

p.more{
margin-top: 20px;
}

p.more a{
display: block;
height:20px;
padding-left: 15px;
background: transparent url("../img/more.gif") left top no-repeat;
float: right;
text-decoration: none;
font-weight: bold;
}

p.cv_dl a{
background: transparent url("../img/more.gif") left top no-repeat;
padding-left: 15px;
height:20px;
display: block;
text-decoration: none;
font-weight: bold;
margin-left: 15px;
}

#web p.more a{
color: #FF358B;
}

#art p.more a{
color: #AEEE00;
}


p.more a:hover{
text-decoration: underline;
}

.box p{
margin-top: 10px;
text-align: justify;
text-indent: 10px;
}

/*---------------------------------------------diapos---------------------------*/

div#diapo{
background: transparent url("../img/bg_diapo.gif") top right no-repeat;
width: 960px;
height: 120px;
}

#diapo ul{
margin-left: 25px;
}

#diapo li{
list-style-type: none;
float: left;
margin-top: 15px;
margin-right: 3px;
margin-left: 3px;
}

#diapo li a span{
display: none;
}

li#img1 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_ohm_off.gif") top right no-repeat;
}

li#img1 a:hover, li#img1 a.on{
background: transparent url("../img/icone_ohm.gif") top right no-repeat;
}

li#img2 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_ca_off.gif") top right no-repeat;
}

li#img2 a:hover, li#img2 a.on{
background: transparent url("../img/icone_ca.gif") top right no-repeat;
}

li#img3 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_pere_off.gif") top right no-repeat;
}

li#img3 a:hover, li#img3 a.on{
background: transparent url("../img/icone_pere.gif") top right no-repeat;
}

li#img4 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_syndic_off.gif") top right no-repeat;
}

li#img4 a:hover, li#img4 a.on{
background: transparent url("../img/icone_syndic.gif") top right no-repeat;
}

li#img5 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_galerie_off.gif") top right no-repeat;
}

li#img5 a:hover, li#img5 a.on{
background: transparent url("../img/icone_galerie.gif") top right no-repeat;
}

li#img6 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_flash_off.gif") top right no-repeat;
}

li#img6 a:hover, li#img6 a.on{
background: transparent url("../img/icone_flash.gif") top right no-repeat;
}

li#img7 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/ico_impshow_off.gif") top right no-repeat;

}

li#img7 a:hover, li#img7 a.on{
background: transparent url("../img/ico_impshow.gif") top right no-repeat;
}

li#img8 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/ico_orange_off.gif") top right no-repeat;
}

li#img8 a:hover, li#img8 a.on{
background: transparent url("../img/ico_orange.gif") top right no-repeat;

}


li#img13 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_museum_off.gif") top right no-repeat;
}

li#img13 a:hover, li#img13 a.on{
background: transparent url("../img/icone_museum.gif") top right no-repeat;
}

li#img12 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_venus_off.gif") top right no-repeat;
}

li#img12 a:hover, li#img12 a.on{
background: transparent url("../img/icone_venus.gif") top right no-repeat;
}

li#img11 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/ico_rat_off.gif") top right no-repeat;
}

li#img11 a:hover, li#img11 a.on{
background: transparent url("../img/ico_rat.gif") top right no-repeat;
}

li#img14 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_territoire_off.gif") top right no-repeat;
}

li#img14 a:hover, li#img14 a.on{
background: transparent url("../img/icone_territoire.gif") top right no-repeat;
}

li#img15 a{
display: block;
width: 80px;
height: 80px;
background: transparent url("../img/icone_acconci_off.gif") top right no-repeat;
}

li#img15 a:hover, li#img15 a.on{
background: transparent url("../img/icone_acconci.gif") top right no-repeat;
}