/*
Theme Name: WordPress Default Fr
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets 

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
/* Overal setup */
html {
width:100%;
height:100%;
}

* { margin:0; padding:0; }

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


a:hover {
text-decoration:underline;
}

img {
display:block;
}

a img {
border:0px;
}

body {
background-color:#FFF;
font-family:Arial,Helvetica;
font-size:13px;
color:#000;
background-image:url(images/main_background.jpg);
background-position:top center;
background-repeat:no-repeat;
background-size: cover;
width:100%;
behavior: url("csshover3.htc"); 
}



#global {
width:970px;
border:0px solid #F00;
margin-left:auto;
margin-right:auto;

}


#header {
height:225px;
margin-bottom:15px;

}


#header ul {
list-style:none;
border:0px solid #F0F;
height:15px;
margin-top:20px;
margin-bottom:15px;
}

#header ul li {
float:left;
margin-right:24px;
text-transform:uppercase;
border:0px solid;
height:40px;
position:relative;
}

#header ul li a:hover {
color:#8fac01;
text-decoration:none;
display:block;
}

#header ul li:hover ul li {
display:block;
padding-bottom:5px;
width:400px;
}

#header li ul {
position:absolute;
left:10px;
top:20px;
width:100%;
}

#header li ul li {
clear:both;
margin-right:0px;
border:0px solid;
display:none;
height:15px;
background-color: rgba(255, 255, 255, 0.6);
}

.bg_header {
background: rgba(255, 255, 255, 0.6);
padding: 10px 0;
border-bottom: 1px solid #fff;
}

#header p {
margin:0;
padding:0;
border:0px solid #F0F;
}

#content {
border:0px solid #F00;

float:left;
background:url(images/bg-pix.png);
width:950px;
padding:10px;
}

#content h1 {
margin-bottom:20px;
text-decoration:none;
font-size:18px;
text-transform:uppercase;
color:#FFFFFF;
}

#content #col-left h1 {
margin:0;
}

#content #col-left {

float:left;
}


#content #col-right {

float:right;
}



#content #row-footer {
float:left;
border:0px solid #F00;
height:245px;
padding-top:45px;

}

#content #col-left ul {
margin:10px 0 0 20px;
}

#content #col-left ul li {

}

.clearboth {
clear:both;
}

ul {
display: block;
list-style-type: none;
}
#footer {
float:left;
border:0px solid #F00;
text-align:center;
display:block;
width:950px;
padding:20px 10px 20px 10px;
}


/************************************/
/*	  LIENS DE TELECHARGEMENT		*/
/************************************/

a.telechargement {
}

a:hover.telechargement {
}



/************************************/
/*		   PAGE D'ACCUEIL			*/
/************************************/

/* autour des vignettes de gauche en accueil */

#content .homepage #col-left {
width:490px;
margin-right:0px;
border:0px solid #F00;
}

#content .homepage #col-left a {
float:left;
margin-right:10px;
margin-bottom:10px;
position:relative;
text-decoration:none;
}

#content .homepage #col-left span {
border:0px solid #F00;
position:absolute;
left:0px;
top:0px;
width:215px;
height:130px;
background-color:#6a4194;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
padding:10px;
display:none;
}

#content .homepage #col-left span b {
color:#8fac01;
font-size:16px;
text-decoration:none;
text-transform:uppercase;
}

#content .homepage #col-right {
width:460px;
border:0px solid #F00;
}

#content .homepage #col-right .actu {
float:left;
padding:10px;
border:0px solid #F00;

margin-bottom:10px;
background:url(images/bg2-pix.png);
}

#content .homepage #col-right .actu  b{
text-decoration:none;
font-size:16px;
text-transform:uppercase;
color:#FFF;
margin-bottom:5px;
display:block;
}

#content .homepage #col-right .actu p {
color:#FFF;
text-align:justify;
}

#content .homepage #col-right .actu p img {
margin-right:15px;
}

#content .homepage #col-right .lien-page-actualites {
float:right;
font-weight:bold;
border:0px solid #F00;

}

/************************************/
/*		   ACCUEIL SPECTACLES		*/
/************************************/

#content .spectacle-home #col-left {
width:490px;
float:left;
margin-right:10px;
border:0px solid #F00;
}

#content .spectacle-home a {
float:left;
margin-right:10px;
}

/************************************/
/*		   FICHE SPECTACLE			*/
/************************************/

#content .spectacle-fiche img {
margin-bottom:20px;
border:0px solid #F00;
}


#content .spectacle-fiche #col-left {
margin-right:20px;
border:0px solid #F00;
}

#content .spectacle-fiche #diaporama {
margin-bottom:20px;
}


#content .spectacle-fiche #col-right {
width:450px;
text-align:justify;
font-size:14px;
}

#content .spectacle-fiche #col-right h1 {
text-align:left;
}

/************************************/
/*		   PAGE MULTIMEDIA			*/
/************************************/

#content .multimedia-home #col-left {
width:590px;
float:left;
margin-right:10px;
border:0px solid #F00;
}

#content .multimedia-home #col-left span {
float:left;
display:block;
border:0px solid #F00;
margin-right:10px;
margin-bottom:10px;
}

#content .multimedia-home #col-right {
width:350px;
float:left;
margin-right:0px;
border:0px solid #F00;
}

#content .multimedia-home #col-right span {
width:100%;
float:left;
margin-bottom:10px;
}

#content .multimedia-home #col-right span img {
display:inline;
vertical-align:middle;
margin-right:5px;
}

#content .multimedia-home #col-right span a cite {
font-style:normal;
font-size:11px;
}

#content .multimedia-home #row-footer {
float:left;
border:0px solid #F00;
margin-top:0px;
height:245px;
}

/************************************/
/*		   PAGE ESPACE PRO			*/
/************************************/

#content .espace-pro #col-left {
width:490px;
float:left;
margin-right:0px;
border:0px solid #F00;
}

#content .espace-pro #col-left span {
float:left;
display:block;
border:0px solid #F00;
margin-right:10px;
margin-bottom:10px;
}

#content .espace-pro #col-right {
width:420px;
float:left;
margin-right:0px;
border:0px solid #F00;
}

#content .espace-pro #row-footer {
float:left;
border:0px solid #F00;
margin-top:0px;
height:245px;
}

#content .espace-pro {
width:930px;
}

#content .espace-pro #row-login {
border:0px solid #F00;
width:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#content .espace-pro #row-login p {
border:0px solid #F00;
text-align:center;
color:#FFF;
}

#content .espace-pro #row-login p b {
font-size:14px;
}


#content .espace-pro #row-login form {
border:0px solid #F00;
padding:0;

width:250px;
margin-top:25px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
}

#content .espace-pro #row-login a {
color:#FFF;
}

/************************************/
/*		   PAGE COMPAGNIE			*/
/************************************/

#content .compagnie-home #col-left {
border:0px solid #F0F;
width:950px;
}


#content .compagnie-home #col-left div.row {
width:470px;
height:300px;
border:0px solid #F00;
margin-bottom:10px;
padding:0px;
}




#content .compagnie-home #col-left div.row p {
float:left;
border:0px solid #F0F;
width:100%;
margin-bottom:20px;
padding:0;
}

#content .compagnie-home #col-left div.row p img {
float:left;
}

#content .compagnie-home #col-left div.row h2 {
float:left;
border:0px solid #F00;
width:100%;
text-transform:uppercase;
margin-bottom:5px;
font-size:16px;
color:#FFF;
padding:0;
}

#content .compagnie-home #col-left div.row p .titre {
float:left;
border:0px solid #F00;
width:280px;
margin-left:10px;
margin-bottom:2px;
text-transform:uppercase;
font-size:16px;
color:#bc00d2;
}

#content .compagnie-home #col-left div.row p .soustitre {
float:left;
border:0px solid #F00;
width:280px;
margin-left:10px;
margin-bottom:10px;
font-weight:bold;
font-size:12px;
color:#bc00d2;
}


#content .compagnie-home #col-left div.row p .texte {
float:left;
border:0px solid #F00;
width:285px;
margin-left:10px;
color:#bc00d2;
text-align:justify;
}


#content .compagnie-home #row-header {
width:930px;
border:0px solid #F00;
text-align:right;
padding:10px;
margin-bottom:30px;
float:left;
}

#content .compagnie-home #row-header h2{
margin-bottom:10px;
}

#content .compagnie-home #row-header h1 {
text-align:left;
}

#content .compagnie-home #row-header p {
text-align:justify;
margin-top:5px;
margin-bottom:10px;
}

#content .compagnie-home #row-footer {
float:left;
border:0px solid #F00;
margin-top:0px;
height:245px;
}


/************************************/
/*		   PAGE CONTACTS			*/
/************************************/


#content .contacts-home #col-left {
border:0px solid #F00;
}

#content .contacts-home #col-left span {
width:445px;
height:140px;
float:left;
border:0px solid #F00;
margin-right:10px;
margin-bottom:10px;
padding:10px;
text-align:justify;
}

#content .contacts-home #col-left span h1 {
margin-bottom:10px;
}

#content .contacts-home #col-left span p {
margin-top:5px;
margin-bottom:10px;
}

#content .contacts-home #col-right {
margin:0;
border:1px solid #F00;
}

/************************************/
/*		   PAGE ACTUALITES			*/
/************************************/

#content .actualites #col-left {
border:0px solid #F00;
width:950px;
margin:0;
}

#content .actualites #col-left h1 {
margin-bottom:20px;
}

#content .actualites #col-left div.conteneur-actu {
width:930px;
float:left;
border:0px solid #F00;
margin-bottom:10px;
padding:10px;
text-align:justify;
background-color:#caf058;
}

#content .actualites #col-left div.conteneur-actu p {
margin-top:5px;
margin-bottom:10px;
}

#content .actualites #col-left div.conteneur-actu p img {
margin-right:15px;
}


#content .credits #col-left span {
width:225px;
float:left;
border:0px solid #F00;
margin-right:10px;
margin-bottom:10px;
font-size:12px;
}

#content .credits #col-left span .legende {
padding-left:10px;
}

/************************************/
/*		   PAGE ESPACE PRO			*/
/************************************/

#content .espace-pro #col-left {
border:0px solid #F00;
width:950px;
}

#content .espace-pro #col-left span.dossier {
width:443px;
height:200px;
float:left;
border:0px solid #F00;
margin-right:10px;
margin-bottom:10px;
padding:10px;
text-align:justify;
}

#content .espace-pro #col-left span.dossier div {
margin-top:10px;
margin-left:10px;
float:left;
}

#content .espace-pro #col-left span.dossier p {
margin-top:5px;
margin-bottom:10px;
}

/************************************/
/*		   PAGE D'ERREUR			*/
/************************************/


#erreur {
border:0px solid #F00;
width:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
height:350px;
font-size:15px;
margin-top:auto;
margin-bottom:auto;
position:relative;
}

#erreur span {
width:400px;
height:135px;
border:0px solid #F00;
display:block;
position:absolute;
top:105px;
}

#erreur a {
font-size:15px;

color:#CC0000;
font-weight:bold;
}