/*   LAYOUT   */

html {
	height:100%;
}

body {
	/*background: #fff url(../imgsize.php) no-repeat fixed center top;*/
	padding:0;
	margin:0;
}

body > div#fixme { position: fixed;}

div#fixme { position: absolute; left: 0px; top: 0px; }


img {border:0;}
/*
#bg{		
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;	
}
*/
#page{	
	position:absolute;
	left: 50%; 	
	top:110px;	  
	width: 970px;
	height: auto;	 
	margin-left: -485px;	 	
}

#background{	
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	height: auto;	 	
	background-color:#fff;		
	overflow: hidden;	
}

#pngs{	
	
}

#logo{		
	width:200px;
	height:200px;	
	margin-top:-110px;	
	margin-left:730px;
	z-index:2;		
	position:absolute;
}

#tag{	
	position:absolute;	
	display:block;	
	width:325px;
	height:95px;
	margin-top:40px;	
	margin-left:-15px;
	z-index:3;	
}

#header{	
	display:block;
	margin-top:80px;
	margin-left:310px;
	margin-bottom:50px;
	height:30px;	
	width:690px;	
}

#content{	
	margin:0;
	padding:0 20px 0 20px;			
	height:auto;	
	width: auto;
}

#all{	
	width:920px;	
	padding-top:14px;
	height: auto;
}


#left{	
	float:left;
	height: auto;	
	padding-top:14px;
	text-align:left;	
	width:605px;	
}

#right{	
	float:right;
	margin-left:32px;
	height: auto;
	padding-top:14px;
	text-align:left;	
	width:292px;
}

#footer{	
	margin-top:4px;	
	overflow: hidden;
	margin-bottom:30px;	
	height: 70px;	 
	width: 970px;
	background-color:white;
}

#footer-logo{	
	margin-top:10px;	
	margin-bottom:10px;			
	padding-left:20px;
	float:left;
	width:111px;
	height:54px;	
	background: #fff url(../img/footer-logo.gif) no-repeat right top;
}

#footer-info{	
	width:auto;	
	margin:20px 20px  0 0 ;	
	padding:0;	
	font-family: Arial;	
	font-size:11px;	
	text-align:right;
	font-weight:normal;
}

#footer-info-address{		
	margin:0;	
	padding:0;	
	color:#00a1b1;	
	width:auto;	
	height: auto;
}

#footer-info-address a{	
	color:#00a1b1;		
	text-decoration:none;
}

#footer-info-address a:hover{	
	color:#00a1b1;		
	text-decoration:underline;
}

#footer-info-credits{		
	width:auto;	
	height: auto;
	margin:0;	
	padding:0;		
	color:#a5a7a8;		
}


#footer-info-credits a{	
	color:#a5a7a8;		
	text-decoration:none;
}

#footer-info-credits a:hover{	
	color:#a5a7a8;		
	text-decoration:underline;
}

/*   TITLE OF SECTION   */

.title{		
	margin-bottom:15px;
	border-bottom:solid 1px #cccccc;
}

.title img.title{		
	margin-bottom:3px;	
	border:0;	
}

.title img.title-film{		
	margin-bottom:3px;	
	border:0;	
	float:left;
}

.title img.filtre1{		
	margin-left:5px;	
	margin-bottom:3px;	
	padding-top:15px;
	border:0;	
	float:right;
}

.retour{		
	margin-left:5px;	
	margin-bottom:3px;	
	padding-top:15px;	
	display:block;
	float:right;
}

.retour a{
	width:60px;
	height:16px;	
	display:block;
	background: #fff url(../img/btn_retour.gif) no-repeat right top;
}

.retour a:hover{			
	width:60px;
	height:16px;
	background: #fff url(../img/btn_retour-over.gif) no-repeat right top;
}

.title img.filtre2{		
	margin-bottom:3px;	
	border:0;	
	float:right;
}

/*   NEWS HOME   */

.snews-dark{
	display:block;
	width:292px;		
	height:67px;	
	margin-bottom:10px;	
}

.snews-dark a{
	display:block;
	height:67px;	
	width:292px;
	text-decoration:none;
	background-color:#e8e8e8;
	cursor:hand;
}

.snews-dark a:hover{	
	text-decoration:none;
	background-color:#ccc;
}

.snews-light{
	display:block;
	width:292px;		
	height:67px;
	margin-bottom:10px;		
}

.snews-light a{
	display:block;
	width:292px;
	height:67px;	
	text-decoration:none;
	background-color:#fff;
}

.snews-light a:hover{	
	text-decoration:none;
	background-color:#f5f5f5;
}

.snews-thumb{
	float:left;
	width:87px;
	height:67px;	
	display:block;
	margin-right:10px;
}

.snews-box{		
	float: left;		
	display:block;
	padding-top:5px;
}

.snews-title{		
	font-family: Arial;		
	font-size: 16px;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
	/*visibility: hidden;*/
}

.snews-date{	
	font-family: Arial;	
	font-size:11px;
	color:#949494;
	margin-left:0px;	
	margin-top:-2px;
}

.snews-desc{
	margin-left:0px;	
	margin-top:5px;
	font-family: Arial;	
	font-size:12px;	
	color:#333333;	
}

/*   PHOTO MODULE   */

.photo{
	display:block;	
	width:90px;		
	height:110px;		
	float:left;
	margin-bottom:10px;	
}

.photo a{
	height:110px;
	display:block;		
	text-decoration:none;
	margin-bottom:10px;	
	background-color:#f5f5f5;
	cursor:hand;
}

.photo a:hover{	
	text-decoration:none;
	background-color:#e6e6e6;
}

.photo-box{
	width:90px;		
	height:auto;
	margin:0;
	padding:5px 0 7px 0;
	background-color:#transparent;
	display:block;	
}

.photo-thumb{
	width:90px;	
	height:70px;	
	margin:0;
	padding:0;
	display:block;	
}

.photo-title{
	font-family: Arial;	
	font-size:11px;
	color:#333333;	
	margin-left:5px;
	width:80px;		
}


/*   FILMS LIST   */

.film{
	width:140px;		
	height:260px;		
	display:block;		
	margin-bottom:14px;	
	float:left;
	background-color:#f8f8f8;
}

.film a{
	height:260px;		
	display:block;		
	text-decoration:none;
	background-color:#f8f8f8;
	cursor:hand;
}

.film a:hover{	
	text-decoration:none;
	background-color:#e6e6e6;
}

.film-thumb{
	width:140px;		
	height:105px;		
	display:block;			
}

.film-cat{
	margin: 6px 0 0 5px;	
	float:left;
	width:auto;
}

.film-type{
	margin: 5px 0 0 5px;	
	float:left;
	width:auto;
	font-family: Arial;		
	font-size: 12px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.03em;
}

.film-date{	
	font-family: Arial;	
	font-size:11px;
	color:#949494;
	margin-left:5px;	
	margin-top:0px;
}

.film-title{
	margin: 10px 0 0 5px;	
	font-family: Arial;		
	font-size: 16px;
	line-height:1em;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
}

.film-desc{
	margin-left:5px;	
	margin-top:2px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
}


/*   PICTURE LIST   */

.picture{
	width:140px;		
	height:160px;		
	display:block;		
	margin-bottom:14px;	
	float:left;
	background-color:#f8f8f8;
}

.picture-small{
	width:140px;		
	height:105px;		
	display:block;		
	margin-bottom:14px;	
	float:left;
	background-color:#f8f8f8;
}

.picture-link{
	display:none;
}

.picture a{
	height:160px;		
	display:block;		
	text-decoration:none;
	background-color:#f8f8f8;
	cursor:hand;
}

.picture a:hover{	
	text-decoration:none;
	background-color:#e6e6e6;
}

.picture-thumb{
	width:140px;		
	height:105px;		
	display:block;			
}

.picture-cat{
	margin: 6px 0 0 5px;	
	float:left;
	width:auto;
}

.picture-type{
	margin: 5px 0 0 5px;	
	float:left;
	width:auto;
	font-family: Arial;		
	font-size: 12px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.03em;
}

.picture-date{	
	font-family: Arial;	
	font-size:11px;
	color:#949494;
	margin-left:5px;	
	margin-top:0px;
}

.picture-title{
	margin: 10px 0 0 5px;	
	font-family: Arial;		
	font-size: 16px;
	line-height:1em;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
}

.picture-desc{
	margin-left:5px;	
	margin-top:2px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
}

.galerie{
	width:190px;		
	height:105px;		
	display:block;		
	margin-bottom:14px;	
	float:left;
	background-color:#f8f8f8;
}

.galerie a{
	height:105px;		
	display:block;		
	text-decoration:none;
	background-color:#f8f8f8;
	cursor:hand;
}

.galerie a:hover{	
	text-decoration:none;
	background-color:#e6e6e6;
}

.galerie-thumb{
	width:190px;		
	height:105px;		
	overflow:hidden;
	display:block;			
}

.galerie-cat{
	margin: 6px 0 0 5px;	
	float:left;
	width:auto;
}

.galerie-type{
	margin: 5px 0 0 5px;	
	float:left;
	width:auto;
	font-family: Arial;		
	font-size: 12px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.03em;
}

.galerie-date{	
	font-family: Arial;	
	font-size:11px;
	color:#949494;
	margin-left:5px;	
	margin-top:0px;
}

.galerie-title{
	margin: 10px 0 0 5px;	
	font-family: Arial;		
	font-size: 16px;
	line-height:1em;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
}

.galerie-desc{
	margin-left:5px;	
	margin-top:2px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
}



#ecole-left{
	float:left;
	width:290px;
	margin-right:25px;
}

#ecole-intro, #ecole-intro p {
	font-family:Arial !important;
	font-size:23px !important;
	text-align:right !important;
	font-weight:normal !important;
	color:#29b0be !important;
	margin-bottom:20px !important;
	line-height:1.1em !important;	
}

#ecole-chapo2, #ecole-chapo2 p {
	font-family:Arial !important;
	font-size:21px !important;
	text-align:left !important;
	font-weight:nomal !important;
	color:#aaaaaa !important;
	margin-bottom:20px !important;
	line-height:1.1em !important;	
}

#ecole-intro{
	font-family:Arial;
	font-size:23px;
	text-align:right;
	font-weight:normal;
	color:#29b0be;
	margin-bottom:20px;
	line-height:1.1em;
}

#ecole-left img{		
	height:auto;	
	width:285px;	
	text-align:center;	
	margin-bottom:0px;
}

#dossier , #dossier a{		
	text-decoration:none;
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1.5em;
	text-align:justify;	
	margin-bottom:20px;
}

#dossier img{	
	margin-bottom:-7px;
	height:auto;	
	width:auto;			
}

#ecole-left p{	
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1.5em;
	text-align:justify;
	margin-bottom:20px;
}

#ecole-right{
	margin-top:52px;
	float:left;
	width:290px;		
}

#ecole-right img{	
	height:auto;	
	width:285px;	
	text-align:center;	
	margin-bottom:0px;
}

#ecole-right p{	
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1.5em;
	text-align:justify;
	margin-bottom:20px;
}

.cyan{	
	text-align:left;
	visibility:hidden;
	margin-bottom:5px;
}

#synopsis{
	height:475px;
	margin-bottom:40px;	
}

.synopsis-title{	
	margin-top:10px;
	font-family: Arial;		
	font-size: 16px;
	line-height:1em;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
}

.synopsis-date{	
	font-family: Arial;	
	font-size:11px;
	color:#a5a7a8;	
	margin-bottom:10px;	
}

.synopsis-type{	
	margin: 0 0 0 5px;	
	float:left;
	width:auto;
	font-family: Arial;		
	font-size: 12px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.03em;
}

.synopsis-cat{	
	float:left;
	margin: 1px 0 0 0;	
}

.synopsis p{		
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1.5em;
	/*text-align:justify;*/
	margin-bottom:10px;
}

.realisation h1,.site h1{		
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1.5em;	
	font-weight:bold;
	/*margin-bottom:20px;*/
}


.realisation p,.site p{		
	font-family: Arial;	
	color:#a5a7a8;
	font-size:12px;
	line-height:1.5em;	
	margin-bottom:10px;
}

#ccplayer{		
	/*margin-top:40px;*/
	margin-bottom:40px;
}

#tagcloud{	
	/*margin-top:40px;*/
	/*margin-bottom:25px;*/
}


/*   FILMS LIST   */

.news{
	width:605px;		
	height:110px;		
	display:block;		
	margin-bottom:15px;		
}

.news-thumb{
	margin-right:15px;	
	width:145px;		
	height:110px;		
	display:block;	
	float:left;
}

.news-light{
	background-color:#fff;
	width:605px;
	height:110px;		
	margin:0;
	padding:0;
	display:block;	
}

.news-dark{
	background-color:#f1f1f1;
	width:605px;
	height:110px;		
	margin:0;
	padding:0;
}

.news-title{
	margin:0;
	padding-top:5px;	
	font-family: Arial;		
	font-size: 18px;
	color:#424242;
	font-weight:normal;
	letter-spacing:-0.03em;
}

.news-date{	
	font-family: Arial;	
	font-size:11px;
	color:#949494;
	margin-left:10px;	
	margin-top:-2px;
}

.news{
	width:605px;		
	height:110px;		
	display:block;		
	margin-bottom:15px;		
}

.news-detail{
	width:605px;		
	height:auto;		
	display:block;		
	margin-bottom:15px;		
	display:block;
}

.news-desc{
	margin-left:10px;	
	margin-top:10px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
	height:auto;
	display:block
}

.news-more, .news-back {
	margin-left:10px;	
	margin-top:10px;
	width:auto;
	font-family: Arial;	
	font-size:12px;
}

.news-more a, .news-back a{
	text-decoration:none;	
	color:#07afca;	
}

.news-more a:hover, .news-back a:hover{	
	text-decoration:underline;	
}


.news-desc-detail{
	margin-top:15px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
	padding-left:10px;
	padding-right:10px;
	line-height:1.5em;
	text-align:justify;	
	height:auto;
	display:block
}


.news-desc-detail a{	
	color:#07afca;		
	text-decoration:none;
}

.news-desc-detail a:hover{				
	text-decoration:underline;
}

.affiche{
	margin-bottom:30px;
	display:block;	
	height:auto;
	width:605px;
}

.affiche-image{
	float:left;
	margin-bottom:30px;
}

.affiche-top{
	float:left;
	width:305px;		
	height:15px;
	margin: 0 0 0 5px;	
}

.affiche-cat{
	margin: 6px 0 0 5px;	
	float:left;
	width:auto;
}

.affiche-type{
	/*font-family: Arial;	
	color:#343434;
	font-size:12px;
	margin: 5px 0 0 5px;	
	float:left;
	width:auto;*/
	/*height:25px;*/
	margin: 5px 0 0 5px;	
	float:left;
	width:auto;
	font-family: Arial;		
	font-size: 12px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.03em;	
}

.affiche-title{
	margin: 15px 0 0 10px;	
	font-family: Arial;		
	font-size: 16px;
	line-height:1em;
	color:#424242;
	font-weight:bold;
	letter-spacing:-0.03em;
	float:left;
	width:305px;
	height:25px;
}

.affiche-desc{
	width:305px;		
	margin-left:10px;	
	margin-top:-5px;
	margin-bottom:10px;
	font-family: Arial;	
	font-size:12px;
	color:#333333;	
	float:left;
	height:30px;
	overflow:hidden;
}

.affiche-info{width:305px;display:block;float:left;margin: 10px 0 0 10px;height:30px;}
.affiche-info-titre{		
	font-family: Arial;	
	color:#343434;
	font-size:12px;
	line-height:1em;	
	font-weight:bold;
}

.affiche-info p span{		
	font-family: Arial;	
	color:#343434;
	font-size:12px;	
	font-weight:bold;
}

.affiche-info p{		
	font-family: Arial;	
	color:#a5a7a8;
	font-size:12px;
	line-height:1.4em;	
}


.intro-home{
	height:150px;
}

.plan{
	margin-bottom:25px;
	float:left;
	width:150px;
	height:225px;
}

.plan ul{
	font-family: Arial;	
	font-size:12px;
	color:#333333;		
	list-style-type:none;	
}

.plan ul li{
	list-style-type:none;
	margin-bottom:5px;
	margin-left:0;
}

.plan a{
	text-decoration:none;
	color:#333333;
}

.plan a:hover{
	text-decoration:underline;
	color:#00a1b1;
}

.plan-right{	
	float:left;
	width:290px;		
}

.plan-left{
	float:left;
	width:290px;
	margin-right:25px;
}

#paginate, #paginate a{	
	color:#a5a7a8;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;	
}

#paginate a:hover{				
	margin-top:20px;
	color:#000;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;	
}

#paginate .on{				
	margin-top:20px;
	color:#000;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;	
}

.spacing1{				
	margin-top:30px;
}

.spacing2{				
	margin-top:20px;
}


h3.spip{
	text-align:left;	
	margin:0;
	margin-bottom:10px;
	padding:0;
}

/*   ------------------   */


/*   TYPO   */
/*
h1{
	color:#000;
	font-family:"Georgia";
	font-size:24px;
	font-weight:normal;
}

h2 {
	color:#00adef;
	font-family:"Georgia";
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.5px;	
}

h2 span {
	color:#6bc9ed;
	font-family:"Georgia";
	font-size:16px;
	font-weight:normal;
	letter-spacing:0;
	padding-left:10px;
}

h3 {
	color:#000;
	font-family:"Georgia";
	font-size:24px;
	font-weight:normal;	
}

h4 {
	color:#00adef;
	font-family:"Georgia";
	font-size:18px;
	font-weight:normal;	
}
*/

p{
	
}
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote {
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
}

/*   ------------   */