@charset "utf-8";
/* import screen layout */
@import url(topmenuplay.css);
@import url(sidebar.css);
@import url(films.css);

/* import lightbox styles  */
@import url(lightbox.css);

/* import print layout  */
@import url(styles_print.css);

body {margin:0;padding: 0;
	font:normal 75% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color: #4671a6;
	}

abbr, acronym, help{
	border-bottom:1px dotted #333;
	cursor:help;
}

p {
	line-height:1.4em;
}
span {
	color:#ffff00;
}


dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ol li {
	list-style-type:decimal;
}

pre {
	font:normal 90% san-serif;
}
h1
  {
  	font-family: "Trebuchet MS", arial, serif;
	color: #FFF;
	font-size: 125%;
	margin-left:10px;
}

h2
 {
	font-family: Arial, Times, serif;
	font-size: 125%;
	color: #FFF;
	border-bottom:1px solid #ccc;
}


h3  {
	font-family: Arial, Times, serif;
	font-size: 110%;
	color: #CA6868;
}

h4 {
	font-family: Arial, Times, serif;
	font-size: 100%;
	color: #CA6868;
	
	}
 h5  {
	font-family: Arial, Times, serif;
	font-size: 100%;
	color: #CA6868;
}

h1
 a, h2
 a, h3 a, h4 a, h5 a, h6 a{
	color:#133886;
}

a {
	color:#fff;
}
a:hover {
	color:#FFCC33;
}


img {
	border:0;
}

.gauche {
	float:left;
	padding:0 10px 10px 10px;
}

.droite{
	float:right;
	padding:0 10px 10px 10px;
}

.idees {
	background:#D5E6BE;
	width:200px;
}

/* enveloppe */


#allcontent {
	margin: 10px auto;
	width: 769px;
	text-align: left;
	border: 0;
	background:#000 url("../images/interface/bg_allcontent.jpg") repeat-y left top;
}

/* =topcontent
	----------------------------- */
	#topcontent {color: #fff ; background:#000 url("../images/interface/top_content.jpg") no-repeat left top; height:103px;}
	#topcontent h1 {margin: 0;}

	/* =contentdesign
	----------------------------- */
#contentdesign {
	margin:0 6px;
	float:left;
	 }
	 /* Pour IE */
* html #contentdesign {
	margin:0 3px;
}
	/* quand la page d'accueil est active */
	.accueil {
		background:url("../images/interface/bg_accueil.jpg") no-repeat left top;
		height:380px;
		text-align:right;
	}
	.accueil h1{
		display:none;
	}
	.films {
	
	}
	.films h1{
		display:none;
	}
	.menufilms {
		background:#000;	
	}
	.defaut {
		background:#9CABB7;
			}

	/* =content
	----------------------------- */
	#content {
		width: 737px;
		padding: 10px;
	}


	/* =content quand les menus sont actifs
	----------------------------- */
	#content_m {
		width: 450px;
		margin:0;
		padding:20px;
		background:#6c7c95 url("../images/interface/bg_content_m.jpg") no-repeat left top ;
	}

	/* */
	
	/* =footer
	----------------------------- */
	#footer {clear: both; color: black; background:#000 url("../images/interface/bg_footer.gif") no-repeat left bottom; padding:0 4px; height:25px;}
	
	#footer #lien-externe  {margin-left:auto; width:250px; }/*a changer suivant le centre desir */ 
	#footer ul {margin:0; padding:0; list-style-type:none;}
	#footer p, #footer #lien-externe li {float:left; margin:0 10px; height:25px; line-height:21px;}

	-->


/*----------------------------------------------- Les elements de topcontent -----------------------------------------------*/


#logo {
	float:left;
	width:150px;
	margin:20px 10px;
}

#titre {
	width: 200px;
	float:left;
	margin:45px 10px 0 10px;
	text-align:center;
	display:none;
}
#titre h1
 {
	font-size: 1.5em;
}



#outils a {
	cursor:pointer;
	
}

.alaligne {
	clear:both;
	height:-1px;
}

/* Fin du menu */

/* ----------------------------------------------- Le fil d'ariane ----------------------------------------------- */
#path {
	color : #105BAC;
	height : 17px;
	line-height:16px;
	font-size: 80%;
	background:#B0C2CC url("../images/interface/bg_path.gif") repeat-x left top;;
	margin:0 6px;
}

#path ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#path ul li {
	display: inline;
	padding: 2px 15px;
	background: url("../images/puces/puce3.gif") no-repeat left 2px;}
	
#path a {
	color: #333333;
}
#path a:hover {
	color: #105BAC;
	text-decoration:none;
}

/* ----------------------------------------------- Le content ----------------------------------------------- */


#content ul {
	color: #333;
	margin: 5px 0 0 0;
	padding: 2px 0;
}

#content li {
	margin: 3px 0 0px 15px;
	padding: 0;
	line-height: 1.5em;
}


/* Tableaux */
#contentdesign table {
	font-family: Arial, Times, serif;
	font-size:1em;
	border-collapse:collapse;
}

#contentdesign table th {
	text-align:center;
	color:#FF0000;
	border-bottom:1px solid #96D1FB; 
	background:#F0F7FC;
	padding:10px;
	vertical-align:top;
}

#contentdesign table th a {
	color:#333;
}

#contentdesign table td {
	padding:5px;
	vertical-align:top;
}

.couleur1 {
	background:#FFFFC7;
}
.couleur2 {
	background:#FEFFE3;
}


.post {
	margin:10px;
}
/* ---------- gallerie */
.centrer {
width:420px;
margin:0 auto;
}
/* -------------------------     Gallerie photo -------------------------------------- */





#gallerie ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#gallerie li {
	float:left;
	list-style-type:none;
	margin:10px;
}
#gallerie li span {
	display:block;
	background:transparent;
}
#gallerie li a {
	display:block;
	background:#546577;
	padding:2px;
	border:1px solid #546577;
}

#gallerie li a:hover {
	background:#333333;
	border:1px solid #333;
}

#gallerie li img {
	display:block;
	margin:0;
	padding:0;
	
}

/* Filmographie */
#bg-films {
	position:relative;
}
#bg-films a span {
	display: block;
	overflow: hidden;
	font-size: 1px;
	color: #fff;
	height: 0;
}
#bg-films a {
	display: block;
	widht:100%;
	height:100%;
	background:url(../images/interface/spacer.gif);
}
.bg_portrait {
	position:absolute;
	left:73px;
	width: 93px;
	height: 93px;
	top: 108px;
}
.bg_fiction {
	position:absolute;
	left:44px;
	width: 134px;
	height: 126px;
	top: 211px;
}
.bg_histoire {
	position:absolute;
	left:190px;
	width: 203px;
	height: 262px;
	top: 112px;
}
.bg_decouverte {
	position:absolute;
	left:420px;
	width: 203px;
	height: 208px;
	top: 166px;
}
/* google map */
div#popup {
background:#6C7C95;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}
#popup  a {
color:#FFFF33; text-decoration:none; display:block; 
padding:5px 5px 5px 20px;
background: url(../images/menu/arrow.gif) no-repeat 10px 10px; 
}
#popup  a:hover {
	 background:#55697B url("../images/menu/arrowr.gif") no-repeat 11px 10px;
}

/*------Page actualités -----*/

.actu {
clear:both;
height:auto;
margin-bottom:10px;
border-bottom:1px solid #CCC;
}


.actu h1 {
color:#FFF;
text-align:left;
margin-left:10px;
}

.actutxt {
display:block;
margin-bottom:10px;
margin-left:10px;
}

.actulien a  {
color:#FFFF33; text-decoration:none; display:block; 
padding:5px 5px 5px 20px;
background: url(../images/menu/arrow.gif) no-repeat 10px 10px;
clear:both;
}
.actulien  a:hover{
background:#55697B url("../images/menu/arrowr.gif") no-repeat 11px 10px;
}