/*
Theme Name: Site Bernard Marie Koltes
Theme URI: 
Author: B.I.G BEN
Author URI: http://www.big-ben-blog.com/mon-boulot
Description: theme cree pour Francois Koltes
Version: 1.0
License: priv�e
Tags: B.I.G Ben
*/

body { font-family: 'BaskervilleURWNar-Reg'; }

h1, h2, h3, h4, h5 { 
	font-family: 'BaskervilleURWNar-Reg'; 
	font-weight: normal; 
	font-style: normal; 
}

html {font-size:100%;}
body {background-color:black; overflow-x:auto;margin:0px;}
header, nav, aside, footer, figure, section, article {display: block;}
*{outline:none;}
p {font-family: 'BaskervilleURWNar-Reg','Verdana';font-size: 0,75em;margin:4px;}
h1, h2 ,h3{font-size:0.9em; font-weight:normal; margin:0px;text-indent:10px;color:red;}
h2 {font-size:0.85em;}
h3{font-size:0.8em;}
a {text-decoration:none;color:inherit;}
a:hover {color:red;}
a img {border:none;}

b, strong {
    font-weight: bolder;
}

/* CSS */
#content {width:1150px;background-color:black;margin:auto;position:relative;margin-top:15px;}

header{
height:45px;
width:auto;
background-color:black;
}

nav { height:60px;width:700px;display:inline-block;position:relative;
list-style-type:none;z-index:500;}
	#menu {background-color: transparent;
    margin: 0;
    padding-top: 4px;
    text-align: left;
    top: 0;
    width: 1100px;}
    
	#menu ul {padding-left:0px;}
	#menu li {display:inline-block;}
	#menu li:first-child a {font-size:50px;}
	#menu li a {display:block;font-size:20px;font-family: 'BaskervilleURW-Reg-2', 'BaskervilleURWNar-Reg', helvetica, arial; line-height:20px; color:white;margin-right:5px;}
	#menu li a:hover {color:red;}
	#menu li a.active { color:red;}
	
#retourindex span {font-size: 50px;}
#retourindex {color:white!important;}
#retourindex:hover {color:red!important;}

.children {display:none;}

/* ------ PAGE------ */

.blackbg {background-color:black!important;color: #FFFFFF;}
.blackbg  a {color:white;-webkit-transition:0.4s;-moz-transition:0.4s;}
.blackbg  a:hover {color:red;}
.whitebg {background-color:white!important;}
.whitep{color:white}

#masque{
    background-color:black;
    height: 60px;
    position: absolute;
    top: 4px;
    left:-5px;
    width: 1150px;
    -webkit-transform:rotate(-2deg);
   -moz-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
     -o-transform:rotate(-2deg);
     z-index:400;}
#content-blank{height:600px;width:auto;padding-left:20px;}
#content-blank .attachment-alaunepage{float:right;height:inherit;width:600px;}

#content-blankspo{height:600px;width:auto;padding-left:20px;}
#content-blankspo .attachment-alaunepage{float:right;height:inherit;width:350px;}
#contentspo {height:430px;width:750px;margin-top:50px;}
#conteneruspo
{
    height:auto;
    width:600px;
    position:absolute;
    top:130px;}
    
#ulspageoeuvrespo {margin-top:40px;}
#ulspageoeuvrespo li:first-child {font-size: 30px;position: absolute;top: 0px;}
#ulspageoeuvrespo li {display:inline-block;}
#ulspageoeuvrespo li a {display:inline-block;color:black;}
#ulspageoeuvrespo li a:hover {color:red}
#ulspageoeuvrespo li a.active {color:red}

#fix{height:1px;
    width:1111px;
    background-color:transparent;}



/* ------ INDEX----- */


#contentpage {
    height:300px;
    width:340px;
    margin-top:50px;
}

.ctindex {
    background-color: rgba(255, 255, 255, 0.0);
}
.ctindex span{
    color: red;
    font-size: 0.85em;
    font-weight: bold;
}
.ctindex p {
    color:white;
}
.ctindex h1 {
    color: red;
    font-size: 1.5em;
}
.ctindex h2 {
    color: red;
    font-size: 1.3em;
    margin-bottom: 15px;
}
.ctindex h3 {
    font-size: 1.2em;
    margin-top:10px;
}

 /* ------ Blog ---- */
 
#contentblog {
    height:468px;
    width:900px;
    background-color:transparent;
    overflow:auto;}

.texteblack p{
    color:black;
}
   
 /* ------ OEUVRES---- */
    
#contentpageoe{height:auto;
    width:404px;
    margin-top:70px;
    margin-left:152px;}
    
    
#contentpageoe a {
    display: block;
    font-size: 1.3em;
    font-weight: lighter !important;
    margin-bottom: -16px;
    font-family: 'BaskervilleURWNar-Reg';
}
/* ------ Bio----- */



#navspage{
    height:40px;
    width:200px;
    background-color:transparent;
position:relative;
top:20px;
}
#contentspage {
    height:490px;
    width:500px;
    background-color:transparent;
    overflow:auto;}

#conteneru
{
    height:auto;
    width:400px;
    position:absolute;
    top:130px;}


#ulspage {padding-top:10px;padding-left:1px;}
#ulspage li {display:inline-block;}
#ulspage li a {display:block;height:20px;width:20px;
background-image:url("img/spage.png");
background-repeat:no-repeat;
background-position:center;
background-color:transparent;}
#ulspage li a:hover {background-image:url("img/spageactive.png");position:relative;top:-5px;}
#ulspage li a.active {background-image:url("img/spageactive.png");position:relative;top:-5px;}

.imgbio {
    height: 600px;
    left: 430px;
    position: absolute;
    top: -75px;
    width: 700px;}
.imgbio img{height:inherit!important;width:inherit!important;}



#sousspage{background-color: transparent;
    height: 580px;
    width: 1130px;}
    
.contenu_souspage {
    height: 380px;
    padding-right: 30px;
    position: absolute;
    top: 120px;
    width:400px;}

/* ------ petite croix fermeture------ */

#retouroe {
    float: right;
    height: 21px;
    margin-right: 10px;
    margin-top: 20px;
     width: 80px ;
}
#retouroe img{
    height: 25px !important;
    margin-top: -3px;
    position: relative;
    width: 25px !important;}


/* ------ Sous PAGES OEUVRES------ */

#contentspageoeuvre{
    height:500px;
    width:1130px;
    background-color:transparent;
    position:absolute;
    top:100px;
    overflow:auto;}
#contentspageoeuvre .attachment-alaunepage{
	height:500px;
	width:350px;}
		

.contenu_souspageoe{
    height: 425px;
    overflow: auto;
    padding-right: 30px;
    position: absolute;
    top: 75px;
    width: 750px;}
    
#navspageoeuvre{
    height:40px;
    width:500px;
}
#ulspageoeuvre {margin-top:40px;}
#ulspageoeuvre li:first-child {font-size: 30px;position: absolute;top: 0px;}
#ulspageoeuvre li {display:inline-block;}
#ulspageoeuvre li:before {content:' | ';}
#ulspageoeuvre li:first-child:before {content:'';}
#ulspageoeuvre li a {display:inline-block;color:black;}
#ulspageoeuvre li a:hover {color:red}
#ulspageoeuvre li a.active {color:red}
/* ------ CONTENUS AUTOUR DE KOLTES------ */
#contentpageautour{
    height:auto;
    width:300px;
    margin-top:50px;
    margin-left:200px;
}

#autourspage{margin-left: 120px;width: 250px;}
#autourspage li {margin-bottom:20px;}

.contenu_autour_souspage{
	background-color: white;
    height: 580px;
    left: 0;
    position: absolute;
    top: 44px;
    width: 750px;}

.contenu_autour_souspage h1{    color: black;
    font-size: 40px;
    margin-top: 40px;}
.contenu_autour_souspage #retour {
    display:inline-block;
    height:20px;
    width:auto;
    position:relative;
    top:-30px;
    right:10px;
    float:right;}
.contenu_autour_souspage #retour img{
	height:20px;
	width:20px;
}
#content_autour_souspage {
    background-color: transparent;
    height: 472px;
    overflow: auto;
    width: 730px;
    padding:0px 10px 0px 10px;
    color: #000000;
}

.displaynone{display:none;}

/* ------ Sous page EXPOSITION ------ */
#souspage_105{width: 1150px!important; height:600px!important;}

#souspage_105 h3 {font-size:10px;}
	#souspage_105 h3 span{color:black;}
#souspage_105 h4 {font-size:10px;color:blue;}
	#souspage_105 h4 span{color:black;}
#souspage_105 h5 {font-size:10px;color:green;}
	#souspage_105 h5 span{color:black;}
#souspage_105 span {font-style:italic;}
/* ------ CONTENUS PAGE EXPO------ */

#contentspageexpo{
    height:450px;
    width:740px;
    overflow: hidden;}
#contentspageexpo h1{
    color:black;
    font-size:2em;
}

#imgexpo{
    display:block;
    height:440px;
    width:730px;
    background-color:transparent;
    
}
#imgexpoleft{
    margin:10px;
    display:inline-block;
    height:400px;
    width:300px;
    background-color:transparent;
}
.imgexpoleftimg{
    display: inline-block;
    float: left;
    height: 50px;
    margin: 5px;
    width: auto;
}
.miniexpo{
    display: inline-block;
    float: left;
    height: 50px!important;
    margin: 0px;
    width: 50px!important;
}
.miniexpo:hover{-webkit-transform: scale(1.5); -moz-transform: scale(1.5);}

.panneauexpo{
    background-color: transparent;
    display: block;
    height: 390px;
    left: 350px;
    position: absolute;
    width: 780px;
    top: 125px;
}

.bigexpo{    background-color: transparent;
    display: block;
    height: 390px;
    width: 380px;
    float:left;
    text-align:center;}

.bigexpo img{
    max-height: 390px;
    max-width: 330px;
    float:none!important;}

.textexpo {
    background-color: transparent;
    display: block;
    height: 390px;
    width: 380px;
    float:right;
    overflow:auto;
    
}
.textexpo h3 {font-size: 1em}


/* ------ CONTENUS PAGE------ */

#content-page{}

/* ------ CONTENUS Post single------ */
#content-single {
    background-color: white;
    height: 560px;
    width: 1130px;
    padding-top:40px;
    color:black;}

#content-single a {
    color:red;
}
    
#article-scroll {
	height:500px;
	width:460px;
	padding:30px;
	overflow: auto;}

#article-scroll h1 {
	font-size:20px;
	
}

/* ------ CONTENUS contact------ */

#contentpagecontact{
    background-color: transparent;
    height: 530px;
    margin-left: 20px;
    margin-top: 50px;
    width: 1080px;
    color:white;
}

#contentpagecontact img{
    
    float:left;
    height:530px;
    width:400px;
    
    
}
#blablacontact{
    background-color:transparent;
    color: white;
    display: inline-block;
    font-size: 1.1em;
    height: 120px;
    margin: -20px 0 20px 35px;
    width: 500px;
    
}
#paysagents{
    background-color: transparent;
    height: 480px;
    left: 450px;
    position: absolute;
    width: 680px;
}

#pays{
    background-color: transparent;
    height: 400px;
    width: 350px;
    overflow: auto;}

#agents{
    position:absolute;
    left:375px;
    top:0px;
    height: 400px;
    width: 300px;
    background-color:transparent;
}

.florence:hover {color:red;}
.arcadia:hover { color:red;}
.verlag:hover{color:red;}
.colorred {color:red!important;}
.colorred a {color:red!important;}
.colorred a:hover { color:white!important;}



#agentflorence{-webkit-transition:0.5s;-moz-transition:0.5s;}
#agentarcadia{-webkit-transition:0.5s;-moz-transition:0.5s;}
#agentverlag{-webkit-transition:0.5s;-moz-transition:0.5s;}


/* ------ Autre------ */


.clear {clear:both;}
.alignleft {float:left;}
.alignright {float:right;}

.btn {position:relative; padding:3px 10px; display:inline-block; background-color:#FF0000; color:#fff!important; text-transform:uppercase; font-weight:bold; font-size:11px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-transition:0.5s;-moz-transition:0.5s;margin: 0 0 20px;}
.btn:hover {background-color:#FF0000; color:#fff; padding:3px 20px;}

/* ------ COPYRIGHT ------ */

	#copyright p {text-align:center; font-size:11px; line-height:1;color:#fff;}
	#copyright p span {display:block; font-size:10px; color:#FF0000; margin-top:5px;}
	#copyright p span a {color:#FF0000;}
	#copyright p span a:hover {color:#fff;}
        
	
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

/* ------ Blog ------ */

.page-actus {margin-bottom: 20px}

.categories ul, .categories li{
    list-style:none;
    margin: 0;
    display: inline-block;
    padding:0;
}
.categories {
    list-style: none outside none;
    margin-top:50px;
        margin-bottom: 40px;
}
.categories li {
    padding-left:10px;
}

#titrecat {
    color:#000000;

    
}
#titrecat strong {
    color:#FF0000;
}
#lienblog {}

.titre-page-cat {margin-top:40px;}