/*
Theme Name: LE VESTIAIRE
Author: FROM-SCRATCH
Version: 1.0
*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffe8;
	font-family: Times;
}

#site {
	width: 1062px;
	height: 683px;
	background-image: url(img/fondnewdemo.jpg);
	margin-left: auto; 
  	margin-right: auto;
}

#menu ul li.sous-menu{
	color: #000;
	font: normal normal 13px/19px Times;
	text-decoration: none;
}

#menu ul li.sous-menu a{
	color: #000;
	
}

#menu ul li li a:hover{
	color: #FFF;
	background-color: #830803;
}

#menu {
	width: 156px;
	margin-left: 80px;
	padding-top: 210px;
	float: left;
}

div#contenu {
	float: left;
	margin-top: 240px;
	margin-left: 28px;
	width: 530px;
	height: 430px;
}

#menu ul li.categorie {
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#menu ul li {
	background: url(img/fd_menu.png) no-repeat bottom center;
	padding-bottom:10px;
	padding-top:5px;
}
#menu ul li:last-child { background:none;}

#menu ul li ul { padding-bottom:2px;}
#menu ul li ul li {
	background: none;
	padding:1px 0 2px 0;
}
a {	outline:none;}

#menu ul li ul li a {
    color: #000;
    font-size: 13px;
    text-decoration: none;
	font-weight:normal;
	font-style:normal;
}

.contact h3 {
	font-size: 13px;
	margin: 11px 0 1px;
	font-variant: small-caps;
	text-align: center;
}

.contact h4 {
	font-size: 13px;
	color: #910000;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}

.contact p {
	font-size: 13px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact a {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #910000;
}

#droite {
	float: left;
	width: 155px;
	margin-left: 29px;
	margin-top: 0;
	padding: 0;
	height:610px;
	position:relative;
}

#droite ul {
	margin: 255px 0 0;
	list-style:none;
	padding:0;
}
#droite .widget h2.widgettitle {    font-size: 13px;
    font-variant: small-caps;
    margin: 11px 0 1px;
    text-align: center;}
	
#droite .widget h4 {
	color: #910000;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 10px;
}
#droite .widget p{
    color: #000000;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#droite .widget h3{
	color: #820700;
    font: italic bold 16px Times;
	text-align:center;
	margin:10px 0 5px;
	padding:0;
}
#droite #social_icones { position:absolute;bottom:0; text-align:center; width:100%;}
#droite #social_icones a {height:32px; width:32px; margin:0; padding:0;}
#droite #social_icones a img {height:32px; width:32px;background-color:#FFF;}
#contenu div.slideshow div.imgCentre img {
	border: 5px solid #ccc;
}
h2 { margin:0;}
.single { font-size:14px; }

#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #820700;
	font: italic bold 18px Times;
	text-align: center;
}

#menu ul li img.separateur {
	margin-top: 6px;
	margin-bottom: 3px;
}

#menu ul a{
	color: #820700;
	text-decoration: none;
	display: block;
}

#menu ul li a.bas {
	display: inline;
	border: 0;
}

#menu ul li a.bas img {
	border: 0;
}

#footer {
	color: #820700;
	text-align: center;
}

#contenu div.slideshow div.imgCentre h2 a {
	color: #000;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	background-color: #c1c1c1;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 20px;
}

#filmographie h1 {
	margin: 1px 140px 0 102px;
	text-align: center;
	font: normal normal 20px "Times New Roman", Times, serif;
}

a, a:visited {
	color: #820700;
}

#filmographie div.nous ul {
	
}

a:hover {
	color: #530200;
}

div.nous {
	text-align: justify;
	position: absolute;
	top: 245px;
	width: 505px;
	border-style: solid;
	border-color: #8e0000;
	font-size: large;
	background-color: #fffff6;
	padding: 10px;
	height:363px;
	overflow:auto;
}

#contenu .single {
	text-align: left;
	position: absolute;
	top: 215px;
	width: 505px;
	border-style: solid;
	border-color: #8e0000;
	background-color: #fffff6;
	padding: 10px;
	height:395px;
	overflow:auto;
}

.single .wp-post-image { float:right;}

#filmographie div.nous_liens ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

iframe {
	background-color: #fffff6;
	border-style: solid;
	border-color: #b9b9ba;
}




/*supplément */
#div-filmo
{
background-color:#ebebeb;
width: 694px;
height:445px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:3px 0px 0px 10px;
padding: 4px 8px 4px 8px;
}

#div-filmo h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#820700;
margin:0px 0px 10px 0px;
padding:0px;

}

.affiches 
{
width: 694px;
margin:0px 0px 10px 0px;
padding:0px;
}

.affiches table
{
border-collapse:collapse;
border:none;
margin:0px;
padding:0px;
}

.affiches table td
{
width:116px;
text-align:left;
vertical-align:top;
}


.titre-film
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px; /*10px;*/
}

#div-filmo h2
{
width:688px;
max-width:688px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#820700;
margin:0px;
padding:0px;
border-bottom:1px solid #820700;
}

.par-genre
{
width:117px;
max-width:117px;
margin:15px 0px 0px 0px;
padding:2px 4px 2px 4px;;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#820700;
}

.par-genre a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.par-genre a:hover
{
text-decoration:underline;
}

.contenu-film
{
clear:both;
width:550px;
max-width:550px;
height:186px;
float:left;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:5px 0px 0px 0px;
padding:0px;
}



.contenu-film h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#535353;
margin:0px;
padding:4px 0px 2px 0px;
}

.div-droite-film
{
width:125px;
max-width:125px;
margin:0px 0px 0px 13px;
padding:0px;
float:left;
position:relative;
}

.liens-droite
{
position:absolute;
top:135px; /*146px;*/
left:0px;
margin:0px;
padding:0px;
}

.liens-droite a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#820700;
text-decoration:none;
}

.liens-droite a:hover
{
text-decoration:underline;
}


div#wn { 
    position:relative; 
    width:550px; 
	height:186px; 
    overflow:hidden; 
	}

div#scrollLinks {
    position:relative;
	float:right;
    width:15px; 
    margin:0px 0px 0px 0px;
	padding:0px;
    }
div#scrollLinks .up {
    background-image:url('img/tri-up.png');
    background-repeat: no-repeat;
    width:12px; height:12px; 
	margin:155px 0px 0px 0px;
	padding:0px;
    
    }
div#scrollLinks .down {
    background-image:url('img/tri-dn.png');
    background-repeat: no-repeat;
    width:12px; height:12px; 
    margin:5px 0px 0px 0px;
	padding:0px;
    }
	
/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }
	
.dont-f
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
font-style:italic;
}

#gallery {
margin:0px;
padding:0px;
clear:both;
}

#gallery ul { 
list-style: none;
width: 694px;
margin:0px 0px 10px 0px;
padding:0px;
border:none;
}

#gallery ul li { 
display: inline; 
padding:0px 3px 0px 0px;
margin:0px;
border:none;
}

#gallery ul li a { 
padding:0px;
margin:0px;
border:none;
background:none;
color:#ebebeb;
}

#gallery ul img {
border:none;
margin:0px;
padding:0px; 
text-align:left;
vertical-align:top;
}
	


/*actualités */
#div-actu
{
background-color:#ebebeb;
width: 689px;
height:448px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:3px 0px 0px 10px;
padding: 4px 8px 0px 13px;
}

#div-actu h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#820700;
margin:5px 0px 10px 0px;
padding:5px 0px 10px 5px;
}

#div-actu h2
{
width:468px;
max-width:468px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#820700;
margin:0px;
padding:0px;
border-bottom:1px solid #820700;
}

.entete-actu
{
width:684px;
height:108px;
background-image: url(img/fond-actu.jpg);
margin:0px;
padding:0px;
}

.mois-actu
{
clear:both;
width:654px;
max-width:654px;
margin:10px 5px 5px 0px;
padding:2px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.texte-mois-actu
{
width:468px;
min-height:120px;
float:left;
margin:0px 16px 0px 0px;
padding:0px;
text-align:justify;
}

.photo-mois-actu
{
width:160px;
max-width:160px;
height:120px;
max-height:120px;
float:left;
margin:16px 0px 5px 0px;
}

div#scrollzone { 
position:relative; 
float:left;
width:647px; 
height:300px; 
overflow:hidden; 
}

#scrollLinksac {
position:relative;
float:left;
width:15px;
margin:280px 0px 0px 5px;
padding:0px;
}

.testdiv
{
position:relative;
float:left;
width:15px;
margin:280px 0px 0px 5px;
padding:0px;
background:black;
}

div#scrollLinks.spelc {
position:relative;
float:left;
width:15px;
margin:115px 0px 0px 15px;
padding:0px;
background:none;
    }
	
	
.texte-mois-actu ul
{
margin:5px 0px 5px 20px;
padding:0px;
}

.texte-mois-actu ul li
{
margin:0px;
padding:1px 0px 0px 15px;
}

#liensfbt
{
clear:both;
width: 689px;
height:21px;
background-color:#878785;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FFFFFF;
margin:6px 0px 0px -13px;
padding: 4px 8px 4px 13px;
}

a.arse
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.arse:hover
{
text-decoration:underline;
}

.juin2012
{
margin:10px 0px 10px 36px;
padding:0px;
}

.juin2012 img
{
margin:0px 10px 0px 0px;
border:none;
background:none;
width:107px;
height:80px;
}

.juin2012 a
{
margin:0px;
padding:0px;
text-decoration:none;
background:none;
}

.contact h3.actuh3
{
color: #820700;
font: normal bold 16px Times;
font-style:italic;
}

#c2 a
{
color:#000000;
}

a.knowmore
{
text-decoration:none;
font-style:italic;
display:block;
padding-top:4px;
color:#003d95;
}

a.knowmore:hover
{
text-decoration:underline;
color:#003d95;
}

.photoab
{
width:160px;
max-width:160px;
float:left;
margin:16px 0px 5px 0px;
}

.photo-mois-actu-a, .photo-mois-actu-b
{
width:160px;
max-width:160px;
height:120px;
max-height:120px;
margin:0px 0px 5px 0px;
}

.photo-mois-actu-b {margin:15px 0px 5px 0px;}

.separ-actu
{
clear:both;
width:0px;
height:10px;
background:none;
border:none;
}

.venirnousvoir
{
margin-top:17px;
text-align:center;
}

.mailsdecontact
{
margin-top:10px;
}

.livres-liens
{
border-top:1px dashed #820700;
margin-top:15px;
padding-top:6px;
width: 240px;
}

.livres-liens2
{
margin-top:5px;
width: 220px;
margin-left: 10px;
}

.livremireille
{
float:left;
width:75px;
height:88px;
margin:8px 5px 5px 0px;
padding:0px;
}

.lienbookm
{
margin:5px 0px 0px 0px;
padding:0px;
}

.contrelivre
{
float:left;
width:353px;
margin:10px 0px 0px 0px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 5px 15px 15px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #cccccc;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* =WordPress Modification
-------------------------------------------------------------- */



/* =By FROM-SCRATCH.FR
-------------------------------------------------------------- */

/* =Home */
body.home #contenu .single {
    background-color: transparent;
	border:none;
    height: 500px;
    overflow: auto;
    padding: 0 16px;
    position: absolute;
    text-align: justify;
    top: 166px;
    width: 505px;
}
body.home #contenu .single h1 { font-size: 16px; font-weight:normal;}
body.home #contenu .single h2 { display:none; }
body.home .fb-social-plugin { display:none; }

/* =Qui sommes nous? */
body.page-id-4 #contenu div.single div.the_content { font-size:18px; text-align:justify; }
body.page-id-4 #contenu div.single { height:325px; }

/* =Galerie photo */
body.page-template-tpl_galerie-photo-php #site {}
body.page-template-tpl_galerie-photo-php #droite { }
body.page-template-tpl_galerie-photo-php #contenu .single {
    background-color: transparent;
	border:none;
    height: 470px;
    overflow: auto;
    padding: 16px;
    position: absolute;
    text-align: justify;
    top: 174px;
    width: 540px;
	padding:0;
	font-size: 16px;
}
.page-template-tpl_galerie-photo-php #contenu .single h2 {    color: #000;
    font: 20px "Times New Roman",Times,serif;
    text-align: center; margin-bottom:16px; }
.page-template-tpl_galerie-photo-php #contenu .single ul  { margin:0; padding:0; list-style:none;}
.page-template-tpl_galerie-photo-php #contenu .single ul li  { float:left; margin:0 5px 2px 0; padding:0;}
.page-template-tpl_galerie-photo-php #contenu .single ul li a img { border: 5px solid #ccc; }
.page-template-tpl_galerie-photo-php #contenu .single ul li a:hover img { border: 5px solid #820700; }

/* =Contact */
.page-id-19 #contenu .single { height:395px;}
/* =Slider */
.flexslider .slides li { text-align:center; }
.flexslider .slides img { max-width: inherit; height:350px; display:inline-block; border: 5px solid #ccc; }

/* =filmographie */
#toc_container { display:none; }
body.page-template-tpl_filmographie-php #toc_container { display:block; }
body.page-template-tpl_filmographie-php #site {
	background-image:url(img/fondgalleries.jpg);
}
body.page-template-tpl_filmographie-php #contenu .single {
    background-color: #ebebeb;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 445px;
    margin: 3px 0 0 10px;
    padding: 4px 8px;
    width: 694px;
	border:0;
	top:178px;
	overflow:hidden;
}
ul.affiches { margin:0; padding:0; list-style:none;}
ul.affiches li { margin:0 5px 0 0; padding:0; float:left; width:110px; height:146px; overflow:hidden;}
ul.affiches li .img { position:relative; width:110px; height:146px;}
ul.affiches li .img img { position:absolute; top:0; width:110px; height:146px;}
ul.affiches li .img .legende { position:absolute; bottom:-60px; background-color:rgba(0,0,0,0.8); color:#FFF; font-size:9px; padding:3px; width:104px;}
ul.affiches li .img a { color:#FFF;}
body.page-template-tpl_filmographie-php #contenu .single .the_content { position:relative; height:255px; overflow:auto; margin-top:10px; }
body.page-template-tpl_filmographie-php #contenu .single .the_content p { width:430px; }
body.page-template-tpl_filmographie-php #contenu .single #toc_container { position:absolute; top:200px; right:30px; z-index:3; background-color:#820700; border:0; max-width:226px;}
body.page-template-tpl_filmographie-php #contenu .single #toc_container a { color:#FFF; font-weight:bold;}
body.page-template-tpl_filmographie-php #contenu .single .submenu { position:absolute; bottom:0px; right:30px; }
body.page-template-tpl_filmographie-php #contenu .single .submenu li { margin:0; padding:0; list-style:none; }
.page-template-tpl_filmographie-php #droite { display:none; }

/* Actualités */
body.blog #site {	background-image:url(img/fondgalleries.jpg);}
body.blog #droite { display:none; }
body.blog #contenu {	width: 694px; background-color:#EBEBEB; margin-top:214px; height:420px; padding: 10px; overflow:auto; }
body.blog #contenu .single {    background-color: transparent;border-color: transparent; border-style: none; height:auto;    overflow:inherit;    padding:0;    position: relative;    text-align: left;    top: 0;    width:100%;font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
body.blog #contenu .single h2 { text-transform:inherit; text-decoration:none; border-bottom:1px solid #820700; }
body.blog #contenu .single h2 a { text-decoration:none; }
body.blog #contenu .single .the_content { width:500px; }

/* =Général */
h2 {    color: #820700;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}
h3 {    color: #535353;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0 2px; }
	
	
.admin-bar #site { margin-top:-32px;}