@charset "utf-8";
/* CSS Document */


body { background-color:#000; }

div ul li {display:block;}


/* TYPO A AJOUTER SUR LE SERVEUR */

@font-face {
font-family: 'tripsb_';
font-style: normal;
font-weight: normal;
src: url(tripsb_.eot);
}

@font-face {
font-family: tripsb_;
src: url(tripsb_.eot); /* IE */
src: local(tripsb_), url(tripsb_.ttf) format("truetype");
}

p{ font-family: 'tripsb_'; color:#FFF; }

h1{ font-family: 'tripsb_'; color:#999; }

.center { text-align:center; margin: 0px auto; }

div#HOME a:link{text-decoration:none; color:#FFF; border:none;}

a:link{text-decoration:none; color:#999; border:none;}

div#HOME a:visited { text-decoration:none; border:none; color:#FFF;}

a:visited { text-decoration:none; border:none; color:#999;}

a:active {text-decoration:none; border:none;}

/* PARTIE HOME: PAGE D'INDEX */

#HOME { margin: 50px auto; background-image:url(img/ligne.png); background-repeat:no-repeat; background-position:center; height:700px; display : table; width: 1000px; }

#opa { width:300px; height:200px; }

#jhk { width:300px; height:200px; }

#jk { width:300px; height:200px; }

.boîte {
	float : left;
	margin : 10px 0 10px 10px;
	padding : 5px;
	width : 50px;
	text-align : center;
}



.clear {
	clear : both;
	visibility : hidden;
}

div#jhk.ACCUEIL a:hover { text-shadow:0px 0px 15px  #09C; color:#06C; }

div#opa.ACCUEIL a:hover { text-shadow:0px 0px 15px #900; color:#C0C; }

div#jk.ACCUEIL a:hover { text-shadow:0px 0px 15px  #F00; color:#F93; }

/* PARTIE HOME: PAGE D'ACCUEIL */

#contenu { width:1000px; height:600px; display : table; margin: -20px auto !important;}

.ACCUEIL {
	float : left;
	margin : 10px 0 10px 10px;
	padding : 5px;
	width : 50px;
	text-align : center; 

}

.fsize { font-size:22px; }

.margin { margin-top:30px; }

.size1 { font-size:30px; position:relative; margin: -35px auto;}

#separator1 { width: 1000px; height: 1px; background-color:#FFF; margin: -22px auto; position:relative; z-index:9;}

#separator2 { width: 1000px; height: 1px; background-color:#FFF; margin: 33px auto; position:relative; z-index:9;}

#separator3 { width: 1000px; height: 1px; background-color:#FFF; margin: 34px auto; position:relative; z-index:9;}

#separator4 { width: 1000px; height: 1px; background-color:#FFF; margin: 34px auto; position:relative; z-index:9;}

#separator5 { width: 1000px; height: 1px; background-color:#FFF; margin: 34px auto; position:relative; z-index:9;}

#footer { width:440px; float:right; margin: -35px 0px 0px 0px; border:none; }

#footer img { border:none; }


#cell { width: 100px; margin: 16px 0px 0px 0px;  position:relative; z-index:8;}

#cell2 { width: 100px; margin: -39px 0px 0px 0px; position:relative; z-index:7;}

#cell3 { width: 100px; margin: -39px 0px 0px 0px; position:relative; z-index:6;}

#cell4 { width: 100px; margin: -39px 0px 0px 0px; position:relative; z-index:5;}

.zindex1 { position:relative; z-index:4; opacity: 1; height:30px; border:none;}

.zindex2 { position:relative; z-index:4; opacity: 0; border:none;}

.identifiant{ opacity: 0.5; }

/* PARTIE CONTENU: PAGE GALERIE */

#cell2bis { width: 100px; margin: -30px 0px 0px 0px; position:relative; z-index:7;}

#GAL { width:1000px; height:20px; margin: 20px auto;}

#GAL img { border:none;}

.GALBOX1 { float : left; margin: -10px 0px 0px 150px; width : 140px; text-align : center; font-size:20px; position:relative; z-index:7; border:none;}

.GALBOX2 { float : left; margin: -10px 0px 0px 100px; width : 140px; text-align : center; font-size:20px; position:relative; z-index:7; border:none;}

.GALBOX3 { float : left; margin: -10px 0px 0px 100px; width : 140px; text-align : center; font-size:20px; position:relative; z-index:7; border:none;}

.GALBOX1:hover img{ height: 20px; width: 1000px; margin: 8px 0px 0px -100px; }

.GALBOX2:hover img{ height: 20px; width: 1000px; margin: 8px 0px 0px -340px; }

.GALBOX3:hover img{ height: 20px; width: 1000px; margin: 8px 0px 0px -580px; }

/* PARTIE GALERIE : AVAP */

#AVAP2 { width:1000px; height:390px; margin:0px auto; }

#AVAP3 { width:1000px; height:20px; margin: 20px auto;}

#AVAP { width:1000px; height:20px; margin: 20px auto;}

div#AVAP table { margin: -10px auto; float:left;}

div#AVAP3 table { margin: -10px auto; float:left;}

td a:hover img { height: 10px; width: 10px; opacity: 0.6;}

.EXCEPTION img { height: 10px; width: 10px; opacity: 0.6;}

td img { height:8px; width:8px; opacity: 0.2;}

/* PARTIE GALERIE : CHAM */

#CHAM { width:1000px; height:441px; margin: 20px auto;}

#GIF { margin: 30px auto; width:1000px; height: 400px;}

/* PARTIE GALERIE : EXPO */

#EXPO { width:1000px; height:200px; margin: 20px auto;}

.LISTE a:hover img { height: 8px; width: 8px; opacity:1; border:none;}

.LISTE2 a:hover img { height: 8px; width: 8px; opacity:1; border:none;}

.opp { opacity: 0.5;} 

.LISTE2  { opacity: 0.5;} 

#LISTE { width: 180px; height: 200px; float:left; margin:7px 0px 0px -15px; }

#LISTE img { border:none; } #LISTE2 img { border:none; } #LISTE3 img { border:none; }

#BARRE { width: 20px; height: 210px; margin: 20px 0px 10px 170px; background-image:url(img/barre.png); background-repeat:no-repeat;}

#ARTISTES { width: 818px; height:200px; float:right; margin:7px 0px 0px 0px;  }

#EXPO2 { width:1000px; height:441px; margin: 20px auto;}

#LISTE2 { width: 180px; height: 441px; float:left; margin:7px 0px 0px -15px; }

#LISTE3 { width: 180px; height: 441px; float:left; margin:7px 0px 0px -135px; }

#BARRE2 { width: 20px; height: 440px; margin: 0px 0px 10px 170px; background-image:url(img/barre2.png); background-repeat:no-repeat;}

#BARRE3 { width: 20px; height: 440px; margin: 0px 0px 10px 50px; background-image:url(img/barre2.png); background-repeat:no-repeat;}

#ARTISTES2 { width: 915px; height:441px; float:right; margin:7px 0px 0px 0px;  }

#DATE { width: 300px; height:50px; margin: 0px 0px 0px -10px; float:left;}

#CARTEID { width: 915px; height: 380px; background-image:url(img/map.png); background-repeat:no-repeat; margin: 50px auto;}

#CARTEID2 { width: 915px; height: 380px; background-image:url(img/map2.png); background-repeat:no-repeat; margin: 50px auto;}

#CARTEID3 { width: 915px; height: 380px; background-image:url(img/map3.png); background-repeat:no-repeat; margin: 50px auto;}

#CARTEID4 { width: 915px; height: 380px; background-image:url(img/map4.png); background-repeat:no-repeat; margin: 50px auto;}

#CARTEID5 { width: 915px; height: 380px; background-image:url(img/map5.png); background-repeat:no-repeat; margin: 50px auto;}

.photo { margin: 22px 0px 0px 20px; }

.texteid { margin: 0px 0px 0px 20px; float:left; color:#CCC; }

.texteid2 { margin: 0px 20px 0px 0px; float:right; color:#CCC; }

#PICTO { width: 100px; height: 100px; float:right; margin: 68px 68px 0px 0px;}

#CONTACTID { width: 400px; height: 90px; border:dotted #333; margin: 120px 0px 0px 20px;}


/* EXPOSITION : GALERIE DES ARTISTES */



div.wrap{
width:400px;
height:480px;
margin:-20px auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:400px;
height:0px;
margin:22px auto;
background:url url(img/nav-bg.png) 0 0 no-repeat;
}

div#top div#nav ul{
float:left;
width:400px;
height:0px;
list-style-type:none;
}

div#nav ul li{
float:left;
height:0px;
}

div#nav ul li a{
border:0;
height:0px;
display:block;
line-height:52px;
text-indent:-9999px;
}

div#header{
margin: 50px auto;
}


div#header div#slide-holder{
z-index:40;
width:400px;
height:420px;
position:absolute;
}

div#header div#slide-holder div#slide-runner{
	top:9px;
	left:7px;
	width:400px;
	height:360px;
	overflow:hidden;
	position:absolute;
}

div#header div#slide-holder img{
margin:24px 0px 0px 0px;
display:none;
position:absolute;
}

div#header div#slide-holder div#slide-controls{
left:0;
bottom:229px;
width:750px;
height:61px;
display:none;
position:absolute;
}

div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:15px;
line-height:10px;
margin:-65px 0px 60px 12px;
text-transform:uppercase;
}

div#header div#slide-holder div#slide-controls p#slide-nav{ /* Les numeros */
float:right;
width:400px;
display:inline;
margin:30px 350px 0px 0px; /* Ici pour baisser les numeros */
}

p#slide-nav a{  /* Les numeros lien*/
float:left;
width:25px;
display:inline;
font-size:14px; 
margin:228px 0px 0px 5px;
line-height:24px;
text-align:center;
text-decoration:none;
background-repeat : no-repeat; 
background-image:url(img/silde-nav.png);
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px}

#suite { margin: -130px 290px 0px 0px; position:relative; z-index:99; float:right;}

#suite2 { margin: -114px 325px 0px 0px; position:relative; z-index:99; float:right;}

/* PAGE PROJET */

#projetNEXT { position:absolute; z-index:999; width:130px; height:30px; margin:410px 0px 0px 870px; background-color:#000; opacity: 0.5;border:none;}

#projetPREV { position:absolute; z-index:999; width:140px; height:30px; margin:410px 0px 0px 0px; background-color:#000; opacity: 0.5; border:none;}

#projetSPNEXT { position:absolute; z-index:999; width:130px; height:30px; margin:410px 0px 0px 870px; background-color:#000; opacity: 0.5;border:none;}

#projetSPPREV { position:absolute; z-index:999; width:140px; height:30px; margin:410px 0px 0px 130px; background-color:#000; opacity: 0.5; border:none;}

#projetPREV:hover { opacity:1;}

#projetNEXT:hover  { opacity:1;}

#projetSPPREV:hover { opacity:1;}

#projetSPNEXT:hover  { opacity:1;}

.IMPORT { margin: 5px auto;}

#cellbis { width: 100px; margin: 26px 0px 0px 0px;  position:relative; z-index:8;}

#BOOK { width:1000px; height:440px; margin: 21px auto; }

#IMPORT { width:1000px; height: 440px; position:relative; z-index:99; overflow:hidden; overflow-style:marquee-block; background-color:#000;}

#titre { position:absolute; z-index:999; background-color:#000; height:35px; width:335px; margin-top:13px;}

#POLE-DE-VIE-COLLECTIVE { position:absolute; z-index:999; background-color:#000; height:35px; width:184px; margin-top:13px;}

#ROMAIN-ROLLAND { position:absolute; z-index:999; background-color:#000; height:35px; width:316px; margin-top:13px;}

#SAINT-DENIS { position:absolute; z-index:999; background-color:#000; height:35px; width:216px; margin-top:13px;}

#STEHELIN { position:absolute; z-index:999; background-color:#000; height:35px; width:404px; margin-top:13px;}

#LACANAU { position:absolute; z-index:999; background-color:#000; height:35px; width:156px; margin-top:13px;}

#MEDULLIEN { position:absolute; z-index:999; background-color:#000; height:35px; width:202px; margin-top:13px;}

#CENTRE-ABADIE { position:absolute; z-index:999; background-color:#000; height:35px; width:514px; margin-top:13px;}

#COLAYRAC-SAINT-CIRQ { position:absolute; z-index:999; background-color:#000; height:35px; width:332px; margin-top:13px;}

#SAINT-PAUL { position:absolute; z-index:999; background-color:#000; height:35px; width:336px; margin-top:13px;}

#SAINT-PAULM { position:absolute; z-index:999; background-color:#000; height:35px; width:606px; margin-top:13px;}

#MAISON-RUE-MONI { position:absolute; z-index:999; background-color:#000; height:35px; width:226px; margin-top:13px;}

#MAISON-ROUZIC { position:absolute; z-index:999; background-color:#000; height:35px; width:186px; margin-top:13px;}

#NAVSAINT-PAUL { position:absolute; z-index:999; background-color:#000; height:440px; width:135px; margin-top:32px;}

#CAP-FERRET  { position:absolute; z-index:999; background-color:#000; height:35px; width:220px; margin-top:13px;}

#MAISON-MONTUSSAN {  position:absolute; z-index:999; background-color:#000; height:35px; width:276px; margin-top:13px;}

#ALLEE-GANDA {  position:absolute; z-index:999; background-color:#000; height:35px; width:248px; margin-top:13px;}

#MAISON-MONSARRAT {  position:absolute; z-index:999; background-color:#000; height:35px; width:266px; margin-top:13px;}

#AGENCE {  position:absolute; z-index:999; background-color:#000; height:35px; width:248px; margin-top:13px;}

#MANDRON {  position:absolute; z-index:999; background-color:#000; height:35px; width:380px; margin-top:13px;}

#FOUQUET {  position:absolute; z-index:999; background-color:#000; height:35px; width:186px; margin-top:13px;}

#LIEVRE{  position:absolute; z-index:999; background-color:#000; height:35px; width:178px; margin-top:13px;}

#MAISON-MARTY {  position:absolute; z-index:999; background-color:#000; height:35px; width:150px; margin-top:13px;}

#DOMAINE-BEDAT {  position:absolute; z-index:999; background-color:#000; height:35px; width:337px; margin-top:13px;}

#CLIMENS {  position:absolute; z-index:999; background-color:#000; height:35px; width:202px; margin-top:13px;}

#MAISON-RUE-BAILLON {  position:absolute; z-index:999; background-color:#000; height:35px; width:364px; margin-top:13px;}

#CAMARSAC {  position:absolute; z-index:999; background-color:#000; height:35px; width:174px; margin-top:13px;}

#SORNIN {  position:absolute; z-index:999; background-color:#000; height:35px; width:266px; margin-top:13px;}

#NERIGEAN {  position:absolute; z-index:999; background-color:#000; height:35px; width:312px; margin-top:13px;}

#RUE-LEONIE {  position:absolute; z-index:999; background-color:#000; height:35px; width:360px; margin-top:13px;}

#BUREAUX-LORMONT{  position:absolute; z-index:999; background-color:#000; height:35px; width:306px; margin-top:13px;}

#MAISON-AGEN {  position:absolute; z-index:999; background-color:#000; height:35px; width:260px; margin-top:13px;}

#MAISON-RUELLE{  position:absolute; z-index:999; background-color:#000; height:35px; width:266px; margin-top:13px;}

#ROULLET{  position:absolute; z-index:999; background-color:#000; height:35px; width:464px; margin-top:13px;}

#EXIDEUIL {  position:absolute; z-index:999; background-color:#000; height:35px; width:222px; margin-top:13px;}

#BOULIAC {  position:absolute; z-index:999; background-color:#000; height:35px; width:328px; margin-top:13px;}

#SAINT-LOUBES{  position:absolute; z-index:999; background-color:#000; height:35px; width:311px; margin-top:13px;}

#MAIRIE-CASTELNAU {  position:absolute; z-index:999; background-color:#000; height:35px; width:354px; margin-top:13px;}

#COLLECTIVE {  position:absolute; z-index:999; background-color:#000; height:35px; width:246px; margin-top:13px;}

#CARIGNAN {  position:absolute; z-index:999; background-color:#000; height:35px; width:258px; margin-top:13px;}

#ST-MAUR {  position:absolute; z-index:999; background-color:#000; height:35px; width:540px; margin-top:13px;}

#JOLIOT-CURIE {  position:absolute; z-index:999; background-color:#000; height:35px; width:290px; margin-top:13px;}

#LIB {  position:absolute; z-index:999; background-color:#000; height:35px; width:206px; margin-top:13px;}

#TEICH {  position:absolute; z-index:999; background-color:#000; height:35px; width:195px; margin-top:13px;}

#MATERNELLE-CASTELNAU{  position:absolute; z-index:999; background-color:#000; height:35px; width:420px; margin-top:13px;}

#MARTIGNAS {  position:absolute; z-index:999; background-color:#000; height:35px; width:220px; margin-top:13px;}

#ELEMENTAIRE-CASTELNAU{  position:absolute; z-index:999; background-color:#000; height:35px; width:428px; margin-top:13px;}

#LA-BOURDETTE-PAD {  position:absolute; z-index:999; background-color:#000; height:35px; width:286px; margin-top:13px;}

#LA-BOURDETTE {  position:absolute; z-index:999; background-color:#000; height:35px; width:296px; margin-top:13px;}

#TdB {  position:absolute; z-index:999; background-color:#000; height:35px; width:406px; margin-top:13px;}

#MAISON-SAINT-LEON {  position:absolute; z-index:999; background-color:#000; height:35px; width:390px; margin-top:13px;}

#SABY { position:absolute; z-index:999; background-color:#000; height:35px; width:316px; margin-top:13px;}

#BLOCSP1 { display:block; margin: 0px auto; height:40px; width:60px; background-color:#000; padding: 1px;}

#BLOCSP2 { display:block; margin: 0px auto; height:40px; width:60px; background-color:#000; padding: 1px;}

#BLOCSP3 { display:block; margin: 0px auto; height:45px; width:60px; background-color:#000; padding: 1px;}

#BLOCSP4 { display:block; margin: 0px auto; height:41px; width:60px; background-color:#000; padding: 1px;}

#BLOCSP5 { display:block; margin: 0px auto; height:39px; width:60px; background-color:#000; padding: 1px;}

#BLOCSP6 { display:block; margin: 0px auto; height:34px; width:60px; background-color:#000; padding: 1px;}

.BLOCKSP { opacity:0.3; }

#COLLEGE-VAL-DE-SAYE { position:absolute; z-index:999; background-color:#000; height:35px; width:350px; margin-top:13px;}

#CONFOLENS { position:absolute; z-index:999; background-color:#000; height:35px; width:432px; margin-top:13px;}

#EDOUARD-LACOUR { position:absolute; z-index:999; background-color:#000; height:35px; width:434px; margin-top:13px;}

#titre3 { position:absolute; z-index:999; background-color:#000; height:35px; width:160px; margin-top:13px;}

.curseur {cursor: move; cursor: -moz-grab;}

.PROBOX1 { float: left; margin: -10px 0px 0px 122px; width: 205px; text-align: center; font-size:16px; position:relative; z-index:7; border:none; }

.PROBOX2 { float: left; margin: -10px 0px 0px 22px; width: 150px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PROBOX3 { float: left; margin: -10px 0px 0px 22px; width: 120px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PROBOX4 { float: left; margin: -10px 0px 0px 22px; width: 140px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PROBOX5 { float: left; margin: -10px 0px 0px 22px; width: 145px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PROBOX1 a:hover, .PROBOX2 a:hover, .PROBOX3 a:hover, .PROBOX4 a:hover, .PROBOX5 a:hover { color:#FFF;}

.PROBOX1 a:link, .PROBOX2 a:link, .PROBOX3 a:link, .PROBOX4 a:link, .PROBOX5 a:link{color:#666;}

.MENU, ul li { list-style-type:none; display:inline; margin: 0px auto;}

#ATELIER { width:1000px; height:441px; margin: 20px auto;}

#cell3bis { width: 100px; margin: -30px 0px 0px 0px; position:relative; z-index:6;}

/* PAGE CONTACT et FORMULAIRE */

#CONTACT { width:1000px; height:441px; margin: 20px auto;}

#cell4bis { width: 100px; margin: -30px 0px 0px 0px;  position:relative; z-index:5;}

#CONTACT1 { width: 300px; height:200px; border:dotted #333; margin: 0px auto;}

#CONTACT2 { width: 300px; height:50px; border:dotted #333; margin: 0px auto;}

#CONTACT3 { width: 300px; height:50px; border:dotted #333; margin: 0px auto;}

#CONTACT4 { width: 400px; height:415px; border:dotted #333; margin: 0px auto;}

/* PAGE ATELIER */

#ATELIER { width:1000px; height:441px; margin: 19px auto; }

.ATELIER { margin: 19px auto;}

#TRENTESIX { width:85px; height:70px; margin: -315px 0px 0px 160px; z-index:999px; position:relative; background-image:url(img/letrentesix.png); background-repeat:no-repeat;}

#pagetrentesix { width:1000px; height:441px; margin: 19px auto; background-color:#000; background-image:url(img/letrentesix.jpg); }

#BOUTONPASSE { height:30px; width:220px; border:dotted #999; margin:-50px 0px 0px 0px; position:relative; z-index:999; float:right; padding:5px;}

#BOUTONVOISINS { height:30px; width:250px; border:dotted #999; margin:-50px 0px 0px 0px; position:relative; z-index:999; float:left; padding:5px;}

#PART { width:210px; height:70px; margin: -140px 0px 0px 290px; z-index:999px; position:relative; background-image:url(img/archi.png); background-repeat:no-repeat; }

#ARCHI { width:150px; height:70px; margin: -1px 0px 0px 550px; z-index:999px; position:relative; background-image:url(img/part.png); background-repeat:no-repeat;}

#BLOG { width:70px; height:55px; margin: 10px 0px 0px 725px; z-index:999px; position:relative; background-image:url(img/blog.png); background-repeat:no-repeat;}

/* PAGE ASSOS / 36 / PARTENAIRES */

#ASSOS { width: 788px; height:426px; float:right; margin:28px 0px 0px 0px; border:dotted #333; }

#LISTEAS2 { width: 230px; height: 441px; float:left; margin:10px 0px 0px -30px; }

.GALBOX4 { float:left; margin: -10px 0px 0px 100px; width:140px; text-align:center; font-size:20px; position:relative; z-index:7; border:none;}

 		#report { border-collapse:collapse; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:18px; position:relative; z-index:999;}
        #report h4 { margin:0px; padding:0px;}
        #report img { float:right;}
        #report ul { margin:10px 0 10px 40px; padding:0px;}
        #report th { background:#000 url(header_bkg.png) repeat-x scroll center left; padding:7px 15px; text-align:left;}
        #report td { background:#000 none repeat-x scroll center left; padding:7px 15px; }
        #report tr.odd td { background:#000 url(row_bkg.png) repeat-x scroll center left; cursor:pointer; }
        #report div.arrow { background:transparent url(arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
        #report div.up { background-position:0px 0px;}
		
#VOISINS { background-color:#000; height:440px; width:300px; margin-top:13px; float:right; border:dotted #333;}

#MAPVOISINS { height:440px; width:1000px; margin-top:16px; float:left; background-image:url(img/cartelocalisations.jpg); background-repeat:no-repeat;}

.PART1 { float: left; margin: -30px 0px 0px 330px; text-align: center; font-size:16px; position:relative; z-index:8; border:none; }

.PART2 { float: left; margin: -30px 0px 0px 410px; text-align: center; font-size:16px; position:relative; z-index:8; border:none;}

.PART3 { float: left; margin: -30px 0px 0px 550px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PART4 { float: left; margin: -30px 0px 0px 700px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PART5 { float: left; margin: -30px 0px 0px 822px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

.PART6 { float:right; margin: -30px 0px 0px 822px; text-align: center; font-size:16px; position:relative; z-index:7; border:none;}

#PART { height: 100px;}

#PARTENAIRES{ width:1000px; height:441px; margin: 0px 0px 0px -850px; position:absolute; z-index:999;}

#ATELIER2 { width:1000px; height:0px; margin: 19px auto; }

.PARTLISTE { margin: 40px auto;}

.PARTCAT { margin: 40px auto; height: 413px;}

#PARTINFO { margin: -170px auto; border:dotted #333; height: 413px; float:right; width: 700px;} 

#PARTPHOTO {margin: 40px auto; height: 115px; width: 1000px;} 

#PARTBET { margin: 0px auto; height: 413px; float:right; width: 1000px;} 

#PARTPAYS { margin: -136px auto; border:dotted #333; height: 413px; float:right; width: 700px;} 

#PARTCOLO { margin: -34px auto; border:dotted #333; height: 413px; float:right; width: 700px;} 

#PARTENTRE { margin: -408px auto; border:dotted #333; height: 413px; float:right; width: 700px;} 

.BOX1 { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxbelissen01.jpg);}

.BOX2 { float: left; margin: 0px 0px 0px 10px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxCESMA01.jpg); }

.BOX3 { float: left; margin: 0px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxcomebat01.jpg); }

.BOX4 { float: left; margin: 0px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxC2J01.jpg); }

.BOX5 { float: left; margin: 10px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxduplan01.jpg); }

.BOX6 { float: left; margin: 10px 0px 0px 10px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxEMACOUSTIC01.jpg); }

.BOX7 { float: left; margin: 10px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxNRJconcept01.jpg); }

.BOX8 { float: left; margin: 10px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxescaich01.jpg); }

.BOX9 { float: left; margin: 10px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxmath01.jpg); }

.BOX10 { float: left; margin: 10px 0px 0px 10px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxOTCE01.jpg); }

.BOX11 { float: left; margin: 10px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxVIA01.jpg); }

.BOX12 { float: left; margin: 10px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxvivien01.jpg); }

.BOXCOLO { float: left; margin: 10px 0px 0px 10px; width: 236px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:7; border:dotted #333; background-image:url(img/boxGraal01.jpg); }

.BOX1on, .BOX2on, .BOXCOLOon, .BOX3on, .BOX4on, .BOX5on, .BOX6on, .BOX7on, .BOX8on, .BOX9on, .BOX10on, .BOX11on, .BOX12on { position:relative; z-index:999; opacity:0;}

.BOX1 p { margin: -135px auto;} .BOX2 p { margin: -135px auto;} .BOX3 p { margin: -135px auto;} .BOX4 p { margin: -135px auto;} .BOX5 p { margin: -135px auto;} .BOX6 p { margin: -135px auto;} .BOX7 p { margin: -135px auto;} .BOX8 p { margin: -135px auto;} .BOX9 p { margin: -135px auto;} .BOX10 p { margin: -135px auto;} .BOX11 p { margin: -135px auto;} .BOX12 p { margin: -135px auto;} .BOXCOLO p { margin: -135px auto;}

.BOX1on:hover { opacity:1; } .BOX2on:hover { opacity:1; } .BOX3on:hover { opacity:1; } .BOX4on:hover { opacity:1; } .BOX5on:hover { opacity:1; } .BOX6on:hover { opacity:1; } .BOX7on:hover { opacity:1; } .BOX8on:hover { opacity:1; } .BOX9on:hover { opacity:1; } .BOX10on:hover { opacity:1; } .BOX11on:hover { opacity:1; } .BOX12on:hover { opacity:1; }

.BOXCOLOon:hover { opacity:1; }

.boxarcadie { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxarcadie01.jpg);}
.boxarcadieon:hover { opacity:1; }
.boxpalimpseste { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxpalimpseste01.jpg);}
.boxpalimpsesteon:hover { opacity:1; }
.boxsablier{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxsablier01.jpg);}
.boxsablieron:hover { opacity:1; }
.boxjoseph { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxjoseph01.jpg);}
.boxjosephon:hover { opacity:1; }

.boxEM { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxEM01.jpg);}
.boxEMon:hover { opacity:1; }
.boxAillaud { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxjAillaud01.jpg);}
.boxAillaudon:hover { opacity:1; }
.boxbaggio { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxbaggio01.jpg);}
.boxbaggioon:hover { opacity:1; }
.boxNlleAgence { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxNlleAgence01.jpg);}
.boxNlleAgenceon:hover { opacity:1; }

.boxapc { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxapc01.jpg);}
.boxapcon:hover { opacity:1; }
.boxmonthiers { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxmonthiers01.jpg);}
.boxmonthierson:hover { opacity:1; }
.boxMASSI { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxMASSI01.jpg);}
.boxMASSIon:hover { opacity:1; }



.boxjBahougne { float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxjBahougne01.jpg);}
.boxjBahougneon:hover { opacity:1; }
.boxVedova{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxVedova01.jpg);}
.boxVedovaon:hover { opacity:1; }
.boxEIPF{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxEIPF01.jpg);}
.boxEIPFon:hover { opacity:1; }
.boxEPRM{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxEPRM01.jpg);}
.boxEPRMon:hover { opacity:1; }
.boxJouneau{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxJouneau01.jpg);}
.boxJouneauon:hover { opacity:1; }
.boxLeonard{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxLeonard01.jpg);}
.boxLeonardon:hover { opacity:1; }
.boxTivoli{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxTivoli01.jpg);}
.boxTivolion:hover { opacity:1; }
.boxmonet{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxmonet01.jpg);}
.boxmoneton:hover { opacity:1; }
.boxNatbois{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxNatbois01.jpg);}
.boxNatboison:hover { opacity:1; }
.boxNieto{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxNieto01.jpg);}
.boxNietoon:hover { opacity:1; }
.boxRoque{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxRoque01.jpg);}
.boxRoqueon:hover { opacity:1; }
.boxBatirenov{ float: left; margin: 0px 0px 0px 0px; width: 237px; height: 135px; text-align: center; font-size:16px; position:relative; z-index:1; border:dotted #333; background-image:url(img/boxRoque01.jpg);}
.boxBatirenovon:hover { opacity:1; }

.boxjBahougneon, .boxVedovaon, .boxEIPFon, .boxEPRMon, .boxJouneauon, .boxLeonardon, .boxTivolion, .boxmoneton, .boxNatboison, .boxNietoon, .boxRoqueon, .boxBatirenovon { position:relative; z-index:999; opacity:0;}

.boxjBahougne p { margin: -135px auto;} .boxVedova p { margin: -135px auto;} .boxEIPF p { margin: -135px auto;} .boxEPRM p { margin: -135px auto;} .boxJouneau p { margin: -135px auto;} .boxLeonard p { margin: -135px auto;} .boxTivoli p { margin: -135px auto;} .boxmonet p { margin: -135px auto;} .boxNatbois p { margin: -135px auto;} .boxNieto p { margin: -135px auto;} .boxRoque p { margin: -135px auto;} .boxBatirenov p { margin: -135px auto;}

.boxapc p { margin: -135px auto;} .boxmonthiers p { margin: -135px auto;} .boxMASSI p { margin: -135px auto;}

.boxapcon, .boxmonthierson, .boxMASSIon { position:relative; z-index:999; opacity:0;}

.boxarcadie p { margin: -135px auto;} .boxpalimpseste p { margin: -135px auto;} .boxsablier p { margin: -135px auto;} .boxjoseph p { margin: -135px auto;} .boxNlleAgence p { margin: -135px auto;} .boxbaggio p { margin: -135px auto;} .boxAillaud p { margin: -135px auto;} .boxEM p { margin: -135px auto;}

.boxarcadieon, .boxpalimpsesteon{ position:relative; z-index:999; opacity:0;}
.boxEMon, .boxAillaudon{ position:relative; z-index:999; opacity:0;}
.boxbaggioon, .boxNlleAgenceon{ position:relative; z-index:999; opacity:0;}
.boxsablieron, .boxjosephon { position:relative; z-index:999; opacity:0;}

.PARTLISTE ul li{ margin: 0px 760px 0px 0px;}

.PARTCAT ul li{ margin: 0px 760px 0px 0px;}

.PART1 a:hover, .PART2 a:hover, .PART3 a:hover, .PART4 a:hover, .PART5 a:hover, .PART6  a:hover { color:#FFF;}

#cellpart { width: 300px; margin: 26px 0px 0px 0px; position:relative; z-index:8;}

div#cellpart, div#cellaa a:visited { text-decoration:none; border:none; color:#FFF;}

#cellaa { width: 500px; margin: 26px 0px 0px 0px; position:relative; z-index:8;}

.margin0 { margin: 5px auto;}

#ASSOSSL { border:double #999; height: 160px; width: 745px; margin: 10px auto;}

.mailassos { position:relative; z-index:999; float:right; margin: 5px 5px 0px 0px; color:#666;}

/*********************************************************/
#map-1-container{ position:relative; width:400px; height:300px; overflow:hidden; border:none;}
#map-1{ width:500px; height:419px; position:absolute; left:0; top:0; border:none;}
.level{ position:absolute; left:0; top:0; z-index:10; border:none;}
.current-level{ z-index:20;cursor: move; cursor: -moz-grab; border:none;}
#projet:{ }
/*********************************************************/

#ilssontpasses { height:auto; width:700px; margin: 80px auto;}

.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 700px;
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;;
}
.navigation .subMenu {
  margin: 0;
  padding: 0;
}
.navigation ul.subMenu a {
  
  padding: 3px 20px;
}

.navigation a, .navigation span p{ font-family: 'tripsb_'; color:#999; }

.navigation a:hover, .navigation span p:hover{ font-family: 'tripsb_'; color:#FFF; }

#VIDEOSP { height:20px; width:320px; background-color:#000; margin: 34px auto; position:relative; z-index:999; float:right;}

.margin2 { margin: 0px auto;}