*,html, body {
padding: 0px;
margin: 0px;
spacing: 0px;
border: 0px;
font-family: tahoma;
font-size: 11px;
}
img {
border: none;
}
a {
outline: none;
text-decoration: underline;
border: none;
color: #3EC0E1;
width:0px;
height: 0px;
margin: 0px;
padding:0px;
}
.lien_logo{
display: inline;
width:0px;
height: 0px;
margin: 0px;
padding:0px;
}
#global {
position: absolute;
top: 50px;
width: 100%;
height: 100%;
}
#ligne_centrale {
width: 3px;
background-color: #42C7E5;
height: 100%;
position: absolute;
z-index: 1000;
}
#logo {
position: absolute;
z-index: 1001;
}
#main {
top: 0px;
position: relative;
background: url(../img/fond_01.jpg) no-repeat;
height: 682px;
width: 998px;
z-index: 1;
}
#left {
position: absolute;
height: 682px;
width: 320px;
text-align: justify;
z-index: 4;
font-family: arial;
font-size: 12px;
color: #696868
}
.leftImg, .rightImg {
position: absolute;
z-index: 3;
}
#rightImg{
width: 468px;
height: 650px;
}
#rightImg_en{
width: 474px;
height: 650px;
}
#sponsor {
position: absolute;
z-index: 4;
}
#right {
position: absolute;
height: 682px;
width: 320px;
text-align: justify;
z-index: 4;
}
#nav {
z-index: 2000;
position: absolute;
}
#nav li {
list-style: none ;
float: left;
}
#text_contact{
margin-top: 15px;
width: 200px;
margin-left:122px;
}
#footer_francais{
margin-top:12px;
}
#vogue{
height: 26px;
margin-bottom:1px;
margin-top:3px;
}
.menu {
left: 20px;
top: 20px;
font-family: tahoma;
font-size: 11px;
color: #696868;
text-decoration: none;
}
.dragable{
position : absolute;
cursor: pointer;
}
.menu {
text-decoration : outline;
padding-top: 20px;
}
.titre{
font-size:20px;
font-family: tahoma;
color: #696868;
margin-bottom: 10px;
margin-top: 10px
}
.signature {
text-align: right;
}
.imgfond{
margin-left:1px;
margin-top:51px;
}
.logo_sponsor{
margin-right: 4px;
}
.logo_sponsor_fr{
margin-left:135px;
}
.logo_sponsor_en{
margin-left:18px;
margin-right:20px;
}
.first_eng_logo{
margin-left:-325px
}
.second_eng_logo{
margin-left:-165px;
}
#third{
margin-left:68px;
}
#prog img{
margin-bottom: 3px;
}
#prog_en img{
margin-bottom: 3px;
}
.partner{
margin-left:367px;
}
.event{
margin-left:111px;
margin-top:7px;
}
.date{
font-size: 13px;
}
.date_en{
margin-right:15px;
}
.partner_index{
color: white;
font-family: tahoma;
font-size: 11px;
margin-bottom:10px;
}
.font_credits{
font-size: 10px;
}
/*********************
élement drags and drop
*************************/
#elt1{
z-index: 114;
left: 202px;
top: 1136px ;
}
#elt2{
z-index: 101;
left: 371px ;
top: 852px;
}
#elt3{
left:918px;
top:1128px;
z-index: 102;
}
#elt4{
z-index: 103;
left: 1115px;
top: 59px;
}
#elt5{
z-index: 104;
left: 1115px;
top: 59px;
}
#elt6{
z-index: 105;
left: -129px;
top: 52px;
}
#elt7{
z-index: 106;
left: -129px;
top: 52px;
}
#elt8{
z-index: 107;
left: 512px;
top: 1414px;
}
#elt9{
z-index: 108;
left: 52px;
top: 1708px;
}
#elt10{
z-index: 109;
left: 590px;
top: 1680px;
}
#elt11{
z-index: 110;
left: 690px;
top: 1680px;
}
#elt12{
z-index: 111;
left: 790px;
top: 1680px;
}
#elt13{
z-index: 112;
left: 890px;
top: 1680px;
}
#elt14{
z-index: 113;
left: 3px;
top: 2168px;
}
#elt15{
z-index: 115;
left: 190px;
top: 1513px;
}
#elt16{
left: 1px;
top: 2160px;
}
#elt17{
z-index: 115;
left: -50px;
top: 344px;
}
#elt18{
z-index: 115;
left: -48px;
top: 344px;
}
#elt19{
z-index: 115;
left: -46px;
top: 344px;
}
#elt20{
z-index: 115;
left: -44px;
top: 344px;
}
#elt21{
z-index: 115;
left: -42px;
top: 344px;
}
#elt22{
z-index: 115;
left: -47px;
top: 730px;
}
#elt23{
z-index: 115;
left: 908px;
top: 735px;
}
.infobulle {
display: none;
border: 1px solid #696868;
background-color: #FFFFFF;
font-family: tahoma;
font-size: 11px;
color: #696868;
padding: 5px;
width: 200px;
}
.dragable {
display: table;
}
/**********************
Formulaire
***********************/
#popup{
padding: 25px;
border: 1px solid silver
}
form{
font-family: tahoma;
font-size: 11px;
color: #696868
}
#nom{
margin-right: 15px;
margin-left:4px;
}
#prenom{
margin-left: 5px;
}
#close{
cursor: pointer;
font-family: tahoma;
font-size: 11px;
color: #696868;
text-align: right;
margin-top: -15px;
}
#email{
margin-left: 24px;
width: 392px;
}
#age{
margin-left: 9px;
}
#job{
margin-left: 12px;
}
#envoi{
font-family: tahoma;
font-size: 11px;
color: #42C7E5;
cursor: pointer;
background: white;
margin-top: 10px;
}
#forme{
width: 99px;
height: 38px;
margin-top:-26px;
}
.job{
margin-bottom: 10px;
}
.field{
background: #DDDDDD;
margin-top: 10px;
}
.genre{
margin-top: 10px;
}
.lien_popup{
margin-top: 10px;
display: block
}
#flag_fr{
float: left;
height: 26px;
width: 40px;
margin-top:3px;
}
#flag_eng{
float: right;
height: 26px;
width: 40px;
margin-top:3px;
margin-right:3px;
}
#venue{
float: left;
}
#venue_eng{
float: right;
}
#bienvenue{
margin-bottom: 30px;
}
#bienvenue_fr{
margin-bottom: 17px;
}
#prog{
padding-top:38px;
margin-bottom: 30px;
}
#prog_en{
padding-top:38px;
margin-bottom: 30px;
width:336px;
}