/* @override http://localhost:8888/BacSable/wordpress/wp-content/themes/myTheme/style.css */

/*
Theme Name: Adooms.com
Theme URI: http://www.tactiques.org
Description: Adooms's theme created by Mehdi Bourgeois.
Version: 0.1
Author: Mehdi Bourgeois
 
Creation Theme by Mehdi Bourgeois || http://www.tactiques.org
 
*/


.scrollProfil
{
	float:left;
	width: 317px;
	height: 373px;
	overflow: auto;
/*	position:absolute;
	left:-110px;*/
}
/*.ui-tabs-hide {
	position: absolute;
	left: -10000px;
	display: block;
}*/

#tab-me {
	width: 100%;
}



#warpper {
	width: 810px;
	margin: auto;
	background-color: white;
	
}

/*--------*/
/* HEADER */
/*--------*/

* {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#header {
	height: 129px;
	margin-top:10px;
}
#header .logo {
	float: left;
/*	height:129px;
	width:460px;*/
	background-color:black;
}


#header .contact {
	float: right;
}

/*---------*/
/* CONTENT */
/*---------*/

#content {
	
}

/*-- Menu --*/

#content #menu {
	float: left;
/*	width: 215px;*/
	width: 180px;
	
/*	margin: 20px 0px 0px 0px;*/

	
}

#content #menu #flanerieMenu {
	display:none;
}

#content #menu #flanerieMenuActif {
	display:block;
}

#content #menu #portfolioMenu {
	display:none;
}

#content #menu #portfolioMenuActif {
	display:block;
}
/*-- Projets --*/

#content #projets {
	float: left;
	width: 230px;
	margin: 20px 0px 0px 30px;
}

#content #projets .case {
	float: left;
	width: 35px;
	height: 35px;
	margin: 0px 9px 9px 0px;
	border: 1px solid #a29e9c;
}
#content #projets .case:hover {
	border: 1px solid #FC8923;
}


#content #projets .case img {
	cursor: pointer;
}

#content #imageWarpper .infoProjet {
	display:none;
	position:relative;
	width:350px;
}

/*-- Images --*/

#content #warpperProjets {
	float:left;
	/*height:440px;*/
	/*height:600px; Je ne sais pas pourquoi mettre une hauteur*/
	background-image:url(images/barre.gif);
	background-position:0 0px;
	background-repeat:repeat-y;
}
#content #actuwarpper {
	float:left;
	background-image:url(images/barre.gif);
	background-position:0 0px;
	background-repeat:repeat-y;
	
}


#content #imageWarpper {
	float: left;
	width: 280px;
	margin: 0px 0px 0px 52px;

}

#content #imageWarpper .titre {
	float: right;
	font-weight:normal;
	font-size:15px;
	margin-bottom:2px;
	text-align:right;
}

#content #imageWarpper .photoGrande {
/*	width: 350px;*/
/*	height: 395px;*/
/*	background-color: black;*/
}

#content #imageWarpper .information {
	position: absolute;
	font-size:13px;
	width:205px;
	margin-left:47px;
	bottom:7px;
    background-image : url(images/transpWhite80.png);
	padding:10px;
	display:none;
}

#content #imageWarpper .crossHair {
	float: right;
}

#content #imageWarpper .plusInfos {
	float:right;
	font-size:17px;
	text-decoration:none;
	color:#ADADAD;
	width:65px;
	height:25px;
	margin-top:7px;
	cursor: help;
}
#photoWarpper {
	width:360px;
	text-align:center;
}
/*EDITER*/
.edit a{
	text-decoration:none;
	font-size:12px;
	color: #FC8923;
	float:right;
}

.post-edit-link {
	text-decoration:none;
	font-size:12px;
	color: #FC8923;
	float:right;
}

/*///////////*/
/*  TABS     */
/*///////////*/

/*/////////////*/
/*  ITEMS      */
/*/////////////*/

.item a {
	display:block;	
	width:199px;
	height:30px;
	background-color:black;
	background: url(images/menu/spriteMenu.png) no-repeat top left;
	
}

/*sprite*/
.item .sprite-actualite { background-position: 0 0; width: 199px; height: 37px; } 
.item .sprite-actualiteActif { background-position: 0 -87px; width: 199px; height: 37px; } 
.item .sprite-actualite:hover { background-position: 0 -87px; width: 199px; height: 37px; } 

.item .sprite-affiches { background-position: 0 -174px; width: 210px; height: 30px; } 
.item .sprite-affichesActif { background-position: 0 -254px; width: 210px; height: 30px; } 
.item .sprite-affiches:hover { background-position: 0 -254px; width: 210px; height: 30px; } 

.item .sprite-brochures { background-position: 0 -334px; width: 210px; height: 30px; } 
.item .sprite-brochuresActif { background-position: 0 -414px; width: 210px; height: 30px; } 
.item .sprite-brochures:hover { background-position: 0 -414px; width: 210px; height: 30px; } 

.item .sprite-derives { background-position: 0 -668px; width: 210px; height: 30px; } 
.item .sprite-derivesActif { background-position: 0 -748px; width: 210px; height: 30px; } 
.item .sprite-derives:hover { background-position: 0 -748px; width: 210px; height: 30px; } 

.item .sprite-flanerie { background-position: 0 -828px; width: 199px; height: 37px; } 
.item .sprite-flanerieActif { background-position: 0 -915px; width: 199px; height: 37px; } 
.item .sprite-flanerie:hover { background-position: 0 -915px; width: 199px; height: 37px; } 

.item .sprite-flyers { background-position: 0 -1002px; width: 210px; height: 30px; } 
.item .sprite-flyersActif { background-position: 0 -1082px; width: 210px; height: 30px; }
.item .sprite-flyers:hover { background-position: 0 -1082px; width: 210px; height: 30px; }

.item .sprite-identites { background-position: 0 -1162px; width: 210px; height: 30px; } 
.item .sprite-identitesActif { background-position: 0 -1242px; width: 210px; height: 30px; } 
.item .sprite-identites:hover { background-position: 0 -1242px; width: 210px; height: 30px; } 

.item .sprite-illustrations { background-position: 0 -1322px; width: 210px; height: 30px; } 
.item .sprite-illustrationsActif { background-position: 0 -1402px; width: 210px; height: 30px; } 
.item .sprite-illustrations:hover { background-position: 0 -1402px; width: 210px; height: 30px; } 

.item .sprite-portfolio { background-position: 0 -1482px; width: 199px; height: 37px; } 
.item .sprite-portfolioActif { background-position: 0 -1569px; width: 199px; height: 37px; } 
.item .sprite-portfolio:hover { background-position: 0 -1569px; width: 199px; height: 37px; } 

.item .sprite-pub { background-position: 0 -1830px; width: 210px; height: 30px; } 
.item .sprite-pubActif { background-position: 0 -1910px; width: 210px; height: 30px; } 
.item .sprite-pub:hover { background-position: 0 -1910px; width: 210px; height: 30px; } 

.item .sprite-actualite { background-position: 0 0; width: 199px; height: 30px; } 
.item .sprite-actualiteActif { background-position: 0 -87px; width: 199px; height: 30px; } 
.item .sprite-actualite:hover { background-position: 0 -87px; width: 199px; height: 30px; }

.item .sprite-profil { background-position: 0 -1656px; width: 199px; height: 30px; margin-top:5px; } 
.item .sprite-profilActif { background-position: 0 -1743px; width: 199px; height: 30px; margin-top:5px; } 
.item .sprite-profil:hover { background-position: 0 -1743px; width: 199px; height: 30px; margin-top:5px; } 

.item .sprite-contact { background-position: 0 -494px; width: 199px; height: 37px; margin-top:5px; } 
.item .sprite-contactActif { background-position: 0 -581px; width: 199px; height: 37px; margin-top:5px; } 
.item .sprite-contact:hover { background-position: 0 -581px; width: 199px; height: 37px; margin-top:5px; } 


/*/////////////*/
/*  TABS      */
/*/////////////*/

#profil {
	float:left;
	width:336px;
	height:395px;
	margin-left:20px;
	border-left:1px solid #FC8923;
  	border-bottom:1px solid #FC8923;
	background-image : url(images/profilBackground.gif);
	background-repeat:no-repeat;
	background-position: 325px 0px ; 
}

#profilWarper {
	float:left;
	background-image:url(images/barre.gif);
	background-position:0 0px;
	background-repeat:repeat-y;
}

#profilWarper #cv{
	padding-top:22px;

}

#profil p {
	margin:13px;
	font-size:13px;
}

#liens h2 {
	display:none;
}

#liens li {
	list-style-type:none;
	margin-top:5px;
}

#liens ul {
	margin: 30px 10px 10px 10px;
	font-size:11px;
	font-style: italic;
	line-height:14px;
}

#liens a {
	color:black;
	font-style: normal;
	font-size:16px;
}

#liens a:hover {
	color:#FC8923;
}


#profilImage {
	float:left;
	margin-left:20px;
}

/*////////////////////////
*/
.ui-tabs {
/*padding:0.2em;
*/}
.ui-tabs .ui-tabs-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/*padding:0.2em 0.2em 0;
*/position:relative;

}
.ui-tabs .ui-tabs-nav li {
/*border-bottom-width:0 !important;
*/

float:left;
padding: 3px 15px 3px 3px;
position:relative;
font-weight:normal;
font-size:16px;
letter-spacing: 0px;
word-spacing: 0px;
}
.ui-tabs .ui-tabs-nav li a {
float:left;
text-decoration:none;
color:#FC8923;
font-family:arial;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border-bottom-width:0;
/*padding-bottom:1px;
*/}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}
.ui-tabs .ui-tabs-panel {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-width:0;
display:block;
}

.ui-state-default  {
/*	background-color:black;*/
	background-image : url(images/tabProfil.gif);
	background-repeat:no-repeat;
	background-position: right;
}

.ui-state-active {
	background-image : url(images/tabProfilActif.gif);
	background-repeat:no-repeat;
	background-position: right;
}

#profil ul li.ui-state-default:last-child  {
/*	background-color:black;*/
	background-image : url(images/tabProfilLast.gif);
	background-repeat:no-repeat;
	background-position: right;
	width:128px;
	}

#profil ul li.ui-state-active:last-child {
/*	background-color:black;*/
	background-image : url(images/tabProfilLastActif.gif);
	background-repeat:no-repeat;
	background-position: right;
	width:128px;
}

/*scroll*/
a.jScrollArrowUp {
	height:12px;
}

/*/////////////*/
/*  Actu      */
/*/////////////*/

#actu {
/*	background-color:red;
*/	float:left;
	width:320px;
	margin-left:20px;
}

#actuImage {
	border: 1px solid #706E6D;
	float:left;
	width:207px;
	height:355px;
	margin-left:20px;
}

.postActualite {
	margin-bottom:30px;
}
.postActualite h1 {
	margin-bottom:5px;
}


/*Slide show */

.linksNone {
	display:none;
}

/*.strip_wrapper {
	position:none !important;
}*/

/* BEGIN DEMO STYLE */
/**{margin:0;padding:0}
body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80%/140% georgia,serif;}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}*/
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 60px auto;height:500px;width:360px;background:black;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}


/* =========== */
/* = contact = */
/* =========== */


#profilWarper #contact {
	width:550px;
	height:400px;
	padding: 20px;
}

#tab3 li {
	list-style-type:none;
	margin-top:5px;
}

#tab3 ul {
	margin: 15px 15px 10px 10px;
	font-size:11px;
	font-style: italic;
	line-height:14px;
}

#tab3 a {
	color:black;
	font-style: normal;
	font-size:16px;
}

#tab3 a:hover {
	color:#FC8923;
}
#tab3 h2 {
	display:none;
}