/*  
Theme Name: Trip Harmonic
Theme URI: http://www.trip-harmonic.com
Description: Template wordpress réalisé sur mesure pour trip harmonic.
Version: 1.0
Author: Sebcreation
Author URI: http://www.sebcreation.com

	Trip Harmonic v1.0
	 http://www.trip-harmonic.com
*/


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

body{background:#000;font-family:arial;}
a:focus{-moz-outline-style:none;}

#container{width:760px;height:1115px;position:relative;margin:0 auto;}

#article #container{background:url(img/backhome.jpg);}
#home #container, #carnet #container, #projet #container{background:url(img/backhome.jpg);}
#archives #container, #search #container{background:url(img/backarchives.jpg);}
#podcast #container{background:url(img/backpodcast.jpg);}
#pratique #container{background:url(img/backpratik.jpg);}
#liens #container{background:url(img/backliens.jpg);}
#partenaire #container{background:url(img/backpartenaires.jpg);}
#atelier #container{background:url(img/backphoto.jpg);}

a#link-logo-th{
	display:block;
	width:220px;
	height:190px;
	position:absolute;
	top:4px;
	left:0;
}

/************************************** ACCROCHE DU HAUT AVEC LIEN "LE PROJET" *****************************************/

#accroche{
width:88px;
height:25px;
background:url(img/accroche.gif) no-repeat;
position:absolute;
left:226px;
top:108px;
font-size:12px;
padding-left:428px;
padding-top:10px;
}

#accroche a{color:#09C6FC;}

/************************************** PUB APPLE / BANNIERE CARRE  *****************************************/

#ban{width:192px;height:162px;background:#00C4FC;position:absolute;top:199px;left:18px;}
#ban img{margin:6px 0 0 6px;}

/************************************** FORMULAIRE DE RECHERCHE *****************************************/

#searchform{width:190px;height:29px;position:absolute;top:398px;left:18px;}
#searchform #fieldset{position:relative;}

#searchform label{display:block;background:#000;width:185px;height:13px;font-weight:bold;font-size:11px;color:#00C4FC;padding-left:5px;}
#searchform #s{position:absolute;top:15px;height:13px;width:163px;font-size:11px;padding-left:4px;}

#searchform #searchsubmit{
position:absolute;
left:167px;
top:15px;
width:23px;
height:13px;
cursor:pointer;
}

/************************************** NAVIGATION PAR PAYS *****************************************/

#navigation{width:190px;height:310px;position:absolute;top:428px;left:18px;font-family:verdana;}
#navigation *{position:absolute;}

#navigation p{width:185px;height:15px;background:#00C4FC;font-size:11px;font-weight:bold;padding:1px 0 0 5px;}

#navigation ul{list-style-type:none;font-size:10px;font-weight:bold;color:#000;top:25px;left:12px;}
#navigation ul li{line-height:11px;position:relative;text-indent:8px;}
#navigation ul li.blue{background:url(img/pucenav-blue.gif) no-repeat 0 4px;}
#navigation ul li.black{background:url(img/pucenav-black.gif) no-repeat 0 4px;}

#navigation ul li img{position:relative;}
#navigation ul li a{position:relative;text-decoration:none;color:#00C4FC;}

a#openclose{top:290px;display:block;margin-top:7px;left:0}

#transparent{
background:#fff;
-moz-opacity:0.3;/*mozilla*/
-khtml-opacity:0.3;/*konqueror*/
filter:alpha(opacity=30); /*ie*/
opacity:0.3; /*css3 */
top:0;
left:0;
width:190px;
height:310px;
}

/************************************** ON EST ICI *****************************************/

#pushmap{height:265px;width:190px;position:absolute;top:748px;left:18px;}

#pushmap p{
color:#00C4FC;
width:185px;
height:12px;
background:#000;
font-family:verdana;
font-weight:bold;
font-size:10px;
position:relative;
padding-left:5px;
}

#pushmap p a{
text-decoration:none;
display:block;
position:absolute;
top:0;
right:3px;
font-weight:normal;
color:#00C4FC;
}

/************************************** MENU DE NAVIGATION DU SITE*****************************************/

#article #menu{background:url(img/nav/projet.jpg) no-repeat;}
#home #menu{background:url(img/nav/home.jpg) no-repeat;}
#archives #menu, #search #menu{background:url(img/nav/archives.jpg) no-repeat;}
#carnet #menu{background:url(img/nav/carnet.jpg) no-repeat;}
#podcast #menu{background:url(img/nav/podcast.jpg) no-repeat;}
#pratique #menu{background:url(img/nav/pratik.jpg) no-repeat;}
#liens #menu{background:url(img/nav/liens.jpg) no-repeat;}
#partenaire #menu{background:url(img/nav/partenaires.jpg) no-repeat;}
#atelier  #menu{background:url(img/nav/photos.jpg) no-repeat;}
#projet #menu{background:url(img/nav/projet.jpg) no-repeat;}

#menu{height:56px;width:534px;position:absolute;top:143px;left:226px;}
#menu li{list-style-type:none;float:left;margin-top:56px;font-family:verdana;font-size:11px;background:#000;}

#menu #navaccueil a{padding: 0 5px;}
#menu #navcarnet a{padding: 0 8px;}
#menu #navpodcast a, #menu #navatelier a, #menu #navpratik a, #menu #navliens a{padding: 0 7px;}
#menu #navpartenair a{padding: 0 19px 0 7px;}

#menu li a{display:block;float:left;height:15px;padding-top:2px;text-decoration:none;color:#fff;}

#article #menu #navpartenair a{border-right:7px solid #000;}

#home #menu #navaccueil a, #carnet #menu #navcarnet a, #podcast #menu #navpodcast a,
#pratique #menu #navpratik a, #liens #menu #navliens a, #partenaire #menu #navpartenair a,
#atelier #menu #navatelier a{
color:#000;
font-weight:bold;
background:#00C4FC;
border-bottom:1px solid #00C4FC;
}

#carnet #menu #navcarnet a{padding: 0 5px;}
#carnet #menu #navpartenair a{padding: 0 20px 0 7px;}

#podcast #menu #navpodcast a{padding: 0 6px;}
#podcast #menu #navpartenair a{padding: 0 21px 0 7px;}

#pratique #menu #navpratik a{padding: 0 5px;}
#pratique #menu #navpartenair a{padding: 0 20px 0 7px;}

#liens #menu #navpartenair a{padding: 0 21px 0 7px;}

#partenaire #menu #navpartenair a{padding: 0 1px 0 1px;border-right:20px solid #000;}

#atelier #menu #navpartenair a{padding: 0 1px 0 1px;border-right:19px solid #000;}
#projet #menu #navpartenair a{border-right:7px solid #000;}

/************************************** PUSH RUBRIQUES*****************************************/

#pushrubrik{width:514px;height:273px;position:absolute;top:214px;left:226px;}

#pushrubrik #bar{background:#00C4FC;height:16px;margin:1px 0;}
#archives #pushrubrik #bar h1, #search #pushrubrik #bar h1, #carnet #pushrubrik #bar h1, #podcast #pushrubrik #bar h1{
text-align:center;
font-family:verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
}
#archives #pushrubrik #bar h1{font-size:12px;color:#000;}
#podcast #pushrubrik #bar h1, #carnet #pushrubrik #bar h1{color:#00C4FC;}

#pushrubrik #element{height:255px;background:#000;position:relative;}

#archives #pushrubrik #element , #search #pushrubrik #element{height:16px;}
#archives #pushrubrik #element .subtitle, #search #pushrubrik #element .subtitle{
text-align:center;
font-family:verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
}

#article #pushrubrik, #article #pushrubrik #element{height:0;}

#carnet #pushrubrik #element .subtitle{text-indent:-9000px;}
#podcast #pushrubrik #element .subtitle{text-indent:-9000px;}

#home #element{background:url(/images/planisphere.gif) no-repeat top left;}

#carnet #element{background:url(/images/carnet.jpg) no-repeat top left;}
#carnet #element .carnet{position:absolute;top:0;left:0;}

#pratique #pushrubrik{height:127px;}
#pratique #element{height:127px;background:url(/images/pratik.jpg) no-repeat top left;}

#podcast #element{background:url(/images/podcast.jpg) no-repeat top left;}
#podcast #element .podcast{position:absolute;top:0;left:0;}

#liens #pushrubrik #element, #atelier #pushrubrik #element, 
#partenaire #pushrubrik #element, #projet #pushrubrik #element{
height:0;background:none;
}

#liens #pushrubrik, #liens #pushrubrik #element{height:0;}

/************************************** PLANISPHERE *****************************************/

a.redbox, a.blackbox{display:block;width:4px;height:4px;position:absolute;}
a.redbox{background:#ff0000;cursor:pointer;}
a.blackbox{background:#000;cursor:default;}

a#pays01{left:283px;top:145px;}
a#pays02{left:287px;top:153px;}
a#pays03{left:291px;top:165px;}
a#pays04{left:278px;top:183px;}
a#pays05{left:282px;top:191px;}
a#pays06{left:271px;top:200px;}
a#pays07{left:294px;top:191px;}
a#pays08{left:161px;top:166px;}
a#pays09{left:165px;top:174px;}
a#pays010{left:173px;top:186px;}
a#pays011{left:193px;top:198px;}
a#pays012{left:186px;top:206px;}
a#pays013{left:173px;top:218px;}
a#pays014{left:165px;top:230px;}
a#pays015{left:397px;top:206px;}
a#pays016{left:426px;top:215px;}
a#pays017{left:395px;top:93px;}
a#pays018{left:411px;top:102px;}
a#pays019{left:375px;top:120px;}
a#pays020{left:355px;top:96px;}
a#pays021{left:304px;top:74px;}
a#pays022{left:251px;top:97px;cursor:default;}

span.infobulle{
position:absolute;
}

span.contentbulle{
position:relative;
}

span.txtbulle{
color:#fff;
font-family:verdana;
font-size:9px;
background:#000;
height:13px;
padding:0 5px 1px 5px;
z-index:200;
}

img.bothbulle{
position:absolute;
top:18px;
left:0;
}

span#map01{left:285px;top:121px;}
span#map02{left:289px;top:129px;}
span#map03{left:293px;top:141px;}
span#map04{left:280px;top:159px;}
span#map05{left:284px;top:167px;}
span#map06{left:273px;top:176px;}
span#map07{left:296px;top:167px;}
span#map08{left:163px;top:142px;}
span#map09{left:167px;top:150px;}
span#map010{left:175px;top:162px;}
span#map011{left:195px;top:174px;}
span#map012{left:188px;top:182px;}
span#map013{left:175px;top:194px;}
span#map014{left:167px;top:206px;}
span#map015{left:399px;top:182px;}
span#map016{left:428px;top:191px;}
span#map017{left:397px;top:71px;}
span#map018{left:413px;top:78px;}
span#map019{left:377px;top:96px;}
span#map020{left:357px;top:72px;}
span#map021{left:306px;top:50px;}
span#map022{left:253px;top:73px;}

/************************************** AFFICHAGE DATES *****************************************/

p.date{
width:255px;
height:16px;
background:#00C4FC;
font-family:verdana;
font-size:11px;
font-weight:bold;
padding-left:5px;
position:absolute;
top:487px;
margin-top:3px;
left:226px;
}

#article p.date{
top:232px !important;
background:#000;
color:#00C4FC;
width:485px;
}

#article p.date a{
text-decoration:none;
display:block;
width:70px;
color:#00C4FC;
float:right;
margin-top:-12px;
}

/************************************** ZONE CONTENU *****************************************/

#content{width:465px;height:530px;position:absolute;top:518px;left:252px;}

#article #content{top:265px;}

#archives #content, #search #content{top:279px;}
#pratique #content{top:372px;}
#atelier #content{top:240px;}
#liens #content, #partenaire #content{top:240px;}
#projet #content{top:232px;}

p.txtpage{font-family:verdana, arial, sans-serif;font-size:11px;color:#000;font-weight:bold;}
p.txtpage a{color:#00C4FC;text-decoration:underline;}

a#top{
display:block;
width:47px;
height:13px;
color:#000;
font-weight:bold;
font-family:verdana;
font-size:10px;
background:#00C4FC;
text-decoration:none;
text-align:center;
position:absolute;
top:1063px;
left:694px;
}

/************************************** ARTICLES *****************************************/

#pratique #txt-05{
height:540px;
overflow:scroll;
overflow-x:hidden;
overflow-y:scroll;
scrollbar-arrow-color:#00C4FC;
scrollbar-base-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#fff;
}

#home h1{
font-family:verdana, arial, sans-serif;
font-weight:bold;
background:#000;
font-size:12px;
color:#00C4FC;
width:233px;
padding:2px 5px;
}

#navarchives div{font-family:verdana, arial, sans-serif;font-size:10px;color:#fff;height:15px;}

#navarchives div span{display:block;float:left;background:#000;height:14px;padding:1px 15px 0 15px;}

#navarchives div span#left{background:url(img/puceleft-navarchives.gif) no-repeat top left;width:55px;padding:1px 0 0 9px;}
#navarchives div span#right{background:url(img/puceright-navarchives.gif) no-repeat top left;width:62px;padding:1px 0 0 9px;}

#navarchives div span#left a, #navarchives div span#right a{color:#00C4FC;text-decoration:none;}

.article small.date{display:block;margin:15px 0 7px 0;font-family:verdana, arial, sans-serif;font-size:10px;color:#000;font-weight:bold;}
.article small.date a{color:#000;}

.article h2{
font-family:american typewriter,georgia;
font-weight:normal;
background:#00C4FC;
font-size:16px;
color:#000;
padding:0 5px;
margin-bottom:5px;
}

.article h2 a{text-decoration:none;color:#000;}

.article .post *{font-family:verdana, arial, sans-serif;font-size:11px;color:#000;font-weight:bold;}
.article p{font-family:verdana, arial, sans-serif;font-size:11px;color:#000;font-weight:bold;}

.article p.suite{margin-top:5px;text-align:right;}
.article p.suite a{text-decoration:underline;font-family:verdana, arial, sans-serif;font-size:10px;color:#000;font-weight:bold;}
 
#article .post h1{
font-family:american typewriter,georgia;
font-weight:normal;
font-size:16px;
color:#000;
padding:0 5px;
background:#00C4FC;
margin-bottom:8px;
}

#article .post h1{
font-family:american typewriter,georgia;
font-weight:normal;
font-size:16px;
color:#000;
padding:0 5px;
background:#00C4FC;
margin-bottom:8px;
}

#article .post .entry *{font-family:verdana, arial, sans-serif;font-size:11px;color:#000;font-weight:bold;}

#article .post .entry img{margin:4px;}

#pratique .article h2, #liens .article h2, #projet .article h2{
background-repeat:no-repeat;
background-position:top right;
font-family:american typewriter,georgia;
font-weight:normal;
font-size:15px;
color:#00C4FC;
padding:0 5px;
width:246px;
cursor:pointer;
margin-bottom:3px;
}

#pratique .article h2.derouler, #liens .article h2.derouler, #projet .article h2.derouler{
background:url(/wp-content/themes/tripharmonic/img/afficher.gif);
}
#pratique .article h2.enrouler, #liens .article h2.enrouler, #projet .article h2.enrouler{
background:url(/wp-content/themes/tripharmonic/img/masquer.gif);
}
#pratique .article p.txtpage a, #liens .article p.txtpage a, #projet .article p.txtpage a{
color:#00C4FC;
}

#projet .article h2.h2-projet{
font-family:american typewriter,georgia;
font-weight:normal;
font-size:16px;
color:#000;
padding:0 5px;
background:#00C4FC;
width:100%;
cursor:auto;
}

#projet .article  h1.h1-projet{
font-family:american typewriter,georgia;
font-weight:normal;
font-size:16px;
color:#00C4FC;
padding:0 5px;
background:#000;
width:200px;
margin-bottom:8px;
}

#projet .article span.partie-1{
background:url(img/pucenav-black.gif) no-repeat 0 4px;
display:block;
text-indent:20px;
}

#article #content .post .entry{
height:740px;
overflow:scroll;
overflow-x:hidden;
overflow-y:scroll;
scrollbar-arrow-color:#00C4FC;
scrollbar-base-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#fff;
}

/********************************* PHOTOS ************************************/

#atelier #pushrubrik #element{background:none;}
#atelier #content{width:516px;left:227px;top:235px;}
* html #atelier #content{left:226px;}
#atelier #content h2{
background:#000;
height:16px;
font-size:11px;
font-weight:bold;
font-family:verdana;
color:#fff;
position:absolute;
top:512px;
left:0;
width:513px;
text-align:center;
}
* html #atelier #content h2{left:1px;}
#atelier #content p{
font-size:11px;
font-weight:bold;
font-family:verdana;
color:#000;
position:absolute;
top:538px;
left:0;
width:513px;
text-align:center;
}
#atelier #content  .photo{width:127px;height:127px;float:left;margin:0 0 1px 1px;}
* html #atelier #content  .photo{margin-bottom:-2px;}

/********************************** FOOTER **********************************/

p#footer{
background:url(img/backfooter.gif) repeat-x;
height:38px;
width:760px;
position:absolute;
top:1078px;
left:0;
font-weight:bold;
font-family:verdana;
font-size:10px;
color:#00C4FC;
}

p#footer a{
text-decoration:none;
color:#00C4FC;
}

p#footer span.link{
display:block;
position:absolute;
top:0;
right:5px;
}

p#footer span.link a{
margin-left:50px;
}

div#new-list-pays{
  background:#000;
  width:210px;
  height:15px;
  margin-top:-15px;
  position:relative;
  display:block;
  float:right;
}

div#new-list-pays ul{
  border:1px solid #fff;
  background:#000;
  list-style-type:none;
  position:absolute;
  right:0;
  margin-top:-1px;
  width:160px;
}

div#new-list-pays ul li {font-size:10px;margin:0;display:inline}

div#new-list-pays ul li a{text-decoration:none}

div#new-list-pays ul li a.first{ 
  padding:1px 10px 1px 19px;
  background:url(/wp-content/themes/tripharmonic/img/puce_bleu.gif) no-repeat 5px;
  display:block;
  color:#fff;
}

div#new-list-pays ul li ul{position:static;border:0;margin:0;/*visibility:hidden;height:0;*/}

div#new-list-pays ul li ul li a{
  padding:3px 5px;
  display:block;
  color:#fff;
}

div#new-list-pays ul li ul li a:hover{background:#111}