* { outline:none; outline:0; }
body { background-color: #f2f2f2; background-position: 100% 100%; color: #000; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; word-spacing: 0.2em; letter-spacing: 1px; }
.body { background-color: #fff; background-position: 100% 100%; text-align: left; position: relative; width: 813px; height: 555px; z-index: 1; margin-top: 38px; margin-right: auto; margin-left: auto; padding: 0; }
#000 { width: 811px; height: 220px; margin-top: 0; margin-right: auto; margin-left: auto; }
#fff { background-color: #fff; background-position: 100% 100%; }

ul#bg { background-color: #fff; background-position: 100% 100%; margin: 0; padding: 0; }
#bg { width: 100%; margin: 0; padding: 0; border-width: 0; }
#bg li { position: relative; z-index: 1; list-style-type: none; }
#bg1, #bg2, #bg3, #bg4, #bg5 { background-repeat: no-repeat; width: 813px; height: 111px; z-index: 0; margin-left: 0; border-width: 0; }
#bg1 { background-image: url(../img-bg/bg1.jpg); }
#bg2 { background-image: url(../img-bg/bg2.jpg); }
#bg3 { background-image: url(../img-bg/bg3.jpg); }
#bg4 { background-image: url(../img-bg/bg4.jpg); }
#bg5 { background-image: url(../img-bg/bg5.jpg); }

#blocindx { background-color: #fff; filter : alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; background-position: 100% 100%; text-align: left; position: absolute; top: 186px; left: 0; width: 813px; height: 124px; margin: 0; padding: 0; z-index: 10; }
#lb { position: absolute; top: 35px; left: 158px; width: 205px; height: 23px; border: 0; }
a.fr, li a.fr:hover { background-repeat: no-repeat; position: absolute; top: 44px; left: 390px; width: 120px; height: 19px; border: 0; }
a.fr { background-image: url(../img-ttre/index-fr-n.gif); }
a.fr:hover { background-image: url(../img-ttre/index-fr-r.gif); }
a.en, li a.en:hover { background-repeat: no-repeat; position: absolute; top: 44px; left: 536px; width: 118px; height: 19px; border: 0; }
a.en { background-image: url(../img-ttre/index-en-n.gif); }
a.en:hover { background-image: url(../img-ttre/index-en-r.gif); }

.no { font-size: 0; text-decoration: none; text-align: left; visibility: hidden; display: none; }
a, a:hover, a span, a:hover span { text-decoration: none; border: 0; }
a { color: #333; }
a:hover { color: #be0000; border: 0; outline:none; }
a span { visibility: hidden; }
a:hover span { visibility: visible; }
a img, a:hover img { border:0; outline:none; }


ul { margin: 0; padding: 0; list-style-type: none; cursor: pointer; }
#menu1 { position: absolute; top: 495px; width: 811px; margin-left: 1px; padding: 0; border: 0; }
#menu1 li { position: relative; z-index: 1; float: left; list-style-type: none; }
#menu1 a { text-decoration: none; display: block; }
li { float: left; list-style-type: none; }
.vd { background-color: #f2f2f2; width: 26px; height: 43px; margin-left: 1px; border: 0; display: block; }
.plushaut { margin-top: -15px; margin-left: 1px; }
#v1, #v2, #v3, #v4, #v5, #v6, 
#v7, #v8, #v9, #v10, #v11, #v12, 
#v13, #v14, #v15, #v16, #v17, #v18, 
#v19, #v20, #v21, #v22, #v23, #v24, #v25, 
#v26, #v27, #v28, #v29, #v30 { width: 26px; height: 43px; margin-left: 1px; border-width: 0; display: block; }
#v1 { background-image: url(../img/witness0t.jpg); }
#v1:hover { background-image: url(../img/witness0.jpg); }
#v2 { background-image: url(../img/migration0t.jpg); }
#v2:hover { background-image: url(../img/migration0.jpg); }
#v3 { background-image: url(../img/absents0t.jpg); }
#v3:hover { background-image: url(../img/absents0.jpg); }
#v4 { background-image: url(../img/beyrout0t.jpg); }
#v4:hover { background-image: url(../img/beyrout0.jpg); }
#v5 { background-image: url(../img/plumes0t.jpg); }
#v5:hover { background-image: url(../img/plumes0.jpg); }
#v6 { background-image: url(../img/without0t.jpg); }
#v6:hover { background-image: url(../img/without0.jpg); }
#v7 { background-image: url(../img/portrait0t.jpg); }
#v7:hover { background-image: url(../img/portrait0.jpg); }
#v8 { background-image: url(../img/bagages0t.jpg); }
#v8:hover { background-image: url(../img/bagages0.jpg); }
#v9 { background-image: url(../img/transit0t.jpg); }
#v9:hover { background-image: url(../img/transit0.jpg); }
#v10 { background-image: url(../img/fenetre0t.jpg); }
#v10:hover { background-image: url(../img/fenetre0.jpg); }
#v11 { background-image: url(../img/poster0t.jpg); }
#v11:hover { background-image: url(../img/poster0.jpg); }
#v12 { background-image: url(../img/derriere0t.jpg); }
#v12:hover { background-image: url(../img/derriere0.jpg); }
#v13 { background-image: url(../img/descente0t.jpg); }
#v13:hover { background-image: url(../img/descente0.jpg); }
#v14 { background-image: url(../img/mange0t.jpg); }
#v14:hover { background-image: url(../img/mange0.jpg); }
#v15 { background-image: url(../img/bonsbaisers0t.jpg); }
#v15:hover { background-image: url(../img/bonsbaisers0.jpg); }
#v16 { background-image: url(../img/chaudfontaine0t.jpg); }
#v16:hover { background-image: url(../img/chaudfontaine0.jpg); }
#v17 { background-image: url(../img/entredeux0t.jpg); }
#v17:hover { background-image: url(../img/entredeux0.jpg); }
#v18 { background-image: url(../img/galets0t.jpg); }
#v18:hover { background-image: url(../img/galets0.jpg); }
#v19 { background-image: url(../img/matrice0t.jpg); }
#v19:hover { background-image: url(../img/matrice0.jpg); }
#v20 { background-image: url(../img/unique0t.jpg); }
#v20:hover { background-image: url(../img/unique0.jpg); }
#v21 { background-image: url(../img/nesaisquoi0t.jpg); }
#v21:hover { background-image: url(../img/nesaisquoi0.jpg); }
#v22 { background-image: url(../img/perpet0t.jpg); }
#v22:hover { background-image: url(../img/perpet0.jpg); }
#v23 { background-image: url(../img/rapport0t.jpg); }
#v23:hover { background-image: url(../img/rapport0.jpg); }
#v24 { background-image: url(../img/box0t.jpg); }
#v24:hover { background-image: url(../img/box0.jpg); }
#v25 { background-image: url(../img/lost0t.jpg); }
#v25:hover { background-image: url(../img/lost0.jpg); }
#v26 { background-image: url(../img/memoriam0t.jpg); }
#v26:hover { background-image: url(../img/memoriam0.jpg); }
#v27 { background-image: url(../img/links0t.jpg); }
#v27:hover { background-image: url(../img/links0.jpg); }
#v28 { background-image: url(../img/marseille0t.jpg); }
#v28:hover { background-image: url(../img/marseille0.jpg); }



.oui { font-size: 11px; background-color: transparent; background-position: 100% 100%; text-decoration: none; position: relative; width: 200px; height: 20px; z-index: 2; margin-top: 60px; margin-right: auto; margin-left: auto; border-width: 0; }

#flt { background-color: transparent; position: absolute; top: 536px; left: 0; width: 813px; height: 4px; margin: 0; padding: 0; border-top: 1px #f2f2f2 solid; }

ul { margin: 0; padding: 0; list-style-type: none; cursor: pointer; }
#menu2 { background-color:fff; font-size: 11px; position: absolute; left: 0; top: 538px; width: 720px; margin-left:94px; border: 0; z-index:100; }
#menu2 li { margin-top: 1px; margin-left:16px; display: inline; }

#fl { text-decoration: none; text-align: left; position: absolute; top: 454px; left: 688px; width: 120px; height: 5px; z-index: 10; border-width: 0; }
#fl li { display: inline; }
#fl li.flg { margin-left: 0px; }
#fl li.fld { margin-left: 16px; }
#fl li.fl2d { margin-left: 32px; }
#fl a { text-decoration: none; }
#fl a:hover { text-decoration: none; }

ul { margin: 0; padding: 0; list-style-type: none; cursor: pointer; }
.menu3 { color: #be0000; font-size: 11px; font-weight: 700; line-height: 14px; text-align: left; position: absolute; top: 10px; left: 10px; right: 10px; width: 811px; border: 0; }
.menu3 li { display: inline; margin:0 10px 0 6px; list-style-type: none; }
.menu3 li a { color: #000; text-decoration: none; }
.menu3 li a:hover { color: #be0000; text-decoration: none; }

.slide div#previous, .slide div#next { background-color:#fff; position:absolute; left:0; width:13px; height:7px; margin:0; padding:0; border:0; outline:none; z-index:100; }
#previous { top:0; }
#next { top:418px; }
button::-moz-focus-inner { border:0; padding:0; }

.bloctxt, .slide { background-color:transparent; text-align:left; position:absolute; top:38px; left:16px; width:780px; height:auto; z-index:4; border-width:0; z-index:0; float:left; }
.bloctxt p { margin:0; padding:0; }

#slider1 { background-color:transparent; position:absolute; top:0; left:0; width:780px; height:auto; list-style-type:none; margin:0; padding:0; overflow:hidden; border:0; }
#slider1 li { width:780px; height:480px; margin:0; padding:0; }
#slider1 li p { margin:0 0 7px 0; }


.red { color: #be0000; text-decoration: none; }
.grey { color: #8d8a8a; }

p { text-decoration: none; }
a.d, a.d span { color: #000; line-height: 17px; text-decoration: none; text-align: left; }
a.d span { visibility: hidden; }
a.d:hover, a.d:hover span { color: #be0000; }
a.d:hover span { visibility: visible; }

a.dgrey, a.dgrey span { color: #8d8a8a; line-height: 17px; text-decoration: none; text-align: left; }
a.dgrey span { visibility: hidden; }
a.dgrey:hover, a.dgrey:hover span { color: #be0000; line-height: 17px; text-decoration: none; text-align: left; }
a.dgrey:hover span { visibility: visible; }

.fl { font-size: 18px; font-family: webdings; border-width: 0; }
a.fl, a.fl:hover { color: #000; font-size: 18px; font-family: webdings; text-decoration: none; }

.moi { font-size: 9px; }

.ligne { font-size: 0; text-decoration: none; text-align: left; visibility: hidden; }

.noir { color: #000; text-decoration: none; }
.blanc { color: #fff; text-decoration: none; }
.fld_b, .fld_n { text-decoration: none; margin-left: 7px; margin-top: 415px; border: 0; }
.txt { font-size: 11px; line-height: 14px; text-decoration: none; text-align: left; position: absolute; top: 68px; left: 512px; width: 260px; height: 400px; z-index: 3; border-width: 0; }
em { font-style: italic; }

span.legd, span.legb, span.legd-, span.legb- { font-size: 10px; line-height: 12px; text-align: left; position: absolute; width: 180px; z-index: 50; }
span.legd { top: 394px; left: 340px; }
span.legb { top: 330px; left: 340px; }
span.legd- { top: 394px; left: 336px; }
span.legb- { top: 330px; left: 370px; }
strong { font-weight: bold; }


.invit { background-color:#f2f2f2; position:absolute; top:0; left:0; width:809px; height:551px; margin-right:auto; margin-left:auto; padding:0; z-index:1000; visibility:hidden; border:#fff 2px solid; }
.invit a img, .invit a:hover img { border:0; outline:none; }

