@charset "utf-8";
/* CSS Document */

/*fullscreen background image*/

#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/ajax-loader.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			top:0;
			left:0;
			z-index: 0;
			cursor:default;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

body{
/*background-image:url(images/background.gif);
background-repeat:repeat-x;
background-color:#e8e6e0;*/
 overflow:scroll;  

}
#wrap{
position:absolute;
top:0;
left:0;
z-index:4;
}
/* fin supersize*/
img,img a, img a:link{
border:none;
}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
color:#00ccff;
}
#container_contenu h3{
color:#cc0099;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
font-weight:normal;
margin: 0 0 30px 0;

}
#container_contenu h4, #container_contenu h4 p{
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
font-weight:normal;
margin: 0 0 15px 0;
text-align:left;

}
#container_contenu h3 p{
color:#cc0099;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
font-weight:normal;
margin: 0 0 30px 0;
}
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#666;
text-align:justify;
line-height:1.4em;
margin-bottom:15px;
}
#container_contenu p a {
color:#cc0099;
display:block;
margin: 8px 0 0 0;
}
#container_contenu p a:hover {
	color:#FFFFFF;
	background-color:#cc0099;
	text-decoration:none;
}
#container{
width:715px;
min-height: 670px;
background-color:#FFFFFF;
padding:1px 0px; 
height:670px;
height: auto !important;

}
#colgauche{
margin-top:110px;
float:left;
width:103px;
padding-left:17px;
}
#logo{
margin: 0px 0px 0px 15px;
padding:0px 0px 0px 15px; 
}

#container_contenu{
float:left;
margin:110px 0px 0 0px;
width:550px;
/*background-color:#CCCC00;*/}
#logo_article{
width:550px;
height:auto;
overflow:hidden;
}
#bloc_info_film{
width:550px;
height:auto;
margin: 20px 0 30px 0;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
padding: 10px 0;
}
#listemateriel{
width:610px;
padding-bottom: 100px;}

.space{
width:550px;
height:40px;

clear:both;}
#galerie{
width:550px;
height:auto;
border-top: 1px dotted #999;
border-bottom: 1px solid #999;
margin: 40px 0;
padding: 0px 0;
}
#galerie-corporate{
width:550px;
height:auto;

border-bottom: 1px dotted #999;
margin: 40px 0;
padding: 0px 0;
}
#map{
margin: 40px 0 0 0;
}
.lienMap{
color:#cc0099;
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer{
width:595px;
height:8px;
background-color:#000;
border-bottom:7px solid #000;
border-top:2px solid #cc0099;
margin:0 0 2px 0;
font-size: 55%;
font-family:verdana,arial;
color:#fff;
padding: 8px 0 2px 120px;

}
#footer a, #footer a:link{
color: #cc0099;
}
#footer a:hover{
background-color: #cc0099;
color:#fff;
text-decoration:none;
}
.column {
				width: 230px;
				float: left;line-height: 1.2em;margin: 0 60px 0 0;
			}
			.clear{clear:both;}
			
#ancres {
line-height:6em;
margin:0 0 30px 0;
border-top: 1px solid #cc0099;
border-bottom: 1px dotted #999999;}
#ancres p{
line-height:3em;
}
#ancres p a{display:inline;font-size:90%;}
#merci{
font-size:80%;
padding: 10px 0;
line-height:1em;
margin:0 0 30px 0;
border-top: 3px solid #cc0099;
border-bottom: 1px dotted #999999;
}


/* MENU ------------- */
#menu{
width: 825px;
height: 60px;
background-color:#000000;
border-bottom: 7px solid #cc0099;
position:absolute;
top:0;
left:0;
}
#mainmenu{
	 float: left;
    position: relative;
    z-index: 597;
padding: 1px 0; 
margin:20px 0px 0 20px;
}
#mainmenu li{
list-style-type:none;
float:left;
color:#FFFFFF;
margin:0px 20px 0px 0px;
line-height:17px;


}
#mainmenu li:hover{ position: static;}
#sousmenuProd{
	
    position: absolute;
  
    width: 100%;
    z-index: 598;
color:#FFF;
margin: 35px 0 5px 1px;
width:50px;
height:50px;
}
#sousmenuProd li {
margin: 3px 0;


}
/* styles images menu --------*/
.accueil{
background:url(images/accueil.gif) no-repeat;
width:80px;
height:17px;
text-indent:-5000px;
}
.accueil:hover{
background:url(images/accueil_hover.gif) no-repeat;
}
.accueil a{
width:80px;
height:17px;
display:block;
}
#mainmenu li.prod{
background:url(images/prod.gif) no-repeat;
width:130px;
height:17px;
cursor:pointer;
margin:0;
padding-right:20px;
}

.indent{
text-indent:-5000px;}
#mainmenu li.prod:hover{
background:url(images/prod_hover.gif) no-repeat;padding-bottom:120px;
}
.loca{
background:url(images/loca.gif) no-repeat;
width:215px;
height:17px;
cursor:pointer;
text-indent:-5000px;}
.loca:hover{
background:url(images/loca_hover.gif) no-repeat;}
.loca a{
width:215px;
height:17px;
display:block;
}
.contact{
background:url(images/contact.gif) no-repeat;
width:88px;
height:17px;
cursor:pointer;
text-indent:-5000px;}
.contact:hover{
background:url(images/contact_hover.gif) no-repeat;
}
.contact a{
width:88px;
height:17px;
display:block;
}
.liens{
background:url(images/liens.gif) no-repeat;
width:54px;
height:17px;
cursor:pointer;
text-indent:-5000px;}
.liens:hover{
background:url(images/liens_hover.gif) no-repeat;}
.liens a{
width:54px;
height:17px;
display:block;
}
.sousmenu_fiction{
background:url(images/sousmenu_fiction.gif) no-repeat;
width:48px;
height:12px;
cursor:pointer;
text-indent:-5000px;}
.sousmenu_fiction:hover{
background:url(images/sousmenu_fiction_hover.gif) no-repeat;
}
.sousmenu_fiction a{
width:48px;
height:12px;
display:block;
}
.sousmenu_docu{
background:url(images/sousmenu_docu.gif) no-repeat;
width:100px;
height:12px;
cursor:pointer;
text-indent:-5000px;}
.sousmenu_docu:hover{
background:url(images/sousmenu_docu_hover.gif) no-repeat;
}
.sousmenu_docu a{
width:100px;
height:12px;
display:block;
}
.sousmenu_clip{
background:url(images/sousmenu_clip.gif) no-repeat;
width:27px;
height:12px;
cursor:pointer;
text-indent:-5000px;}

.sousmenu_clip:hover{
background:url(images/sousmenu_clip_hover.gif) no-repeat;
}
.sousmenu_clip a{
width:27px;
height:12px;
display:block;
}
.sousmenu_corporate{
background:url(images/sousmenu_corporate.gif) no-repeat;
width:78px;
height:12px;
cursor:pointer;
text-indent:-5000px;}
.sousmenu_corporate:hover{
background:url(images/sousmenu_corporate_hover.gif) no-repeat;
}
.sousmenu_corporate a{
width:78px;
height:12px;
display:block;
}
/* fin menu ----------*/
#news{
width: 580px;
padding: 20px 0px 0 0;
/*background-color:#00FFCC;*/
text-decoration:none;
margin: 0 0 30px 0;
}
#bloctri{
margin: 30px 0 20px 0; 
border-bottom:1px dotted #999999;
}
.border-top{
border-top: 1px dotted #999;
width:550px;
margin-top:55px

}
.border-bottom{
border-top: 1px solid #999;
width:550px;
}
/* bloc news --------------- */

.lanews a:hover p{
text-decoration:none;
}
.lanews:hover{
text-decoration:none;
color:none;
}
.lanews{
float:left;
width:150px;
min-height:180px;
height:auto;
margin: 10px 35px 15px 0;
overflow:hidden;
}

.lanews a h1:hover{
text-decoration:underline;}



.lanews h1{
font-family:verdana, arial;
font-size:80%;
font-weight:bold;
color:#0682ab;
margin:0 0 3px 0;
padding:0;
}
.lanews h1 a{
color:#0682ab;
}

.lanews h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
color:#999999;
font-weight:normal;
margin:0 0 7px 0;
}
.lanews p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#999999;
text-align:left;
text-decoration:none;
}
/* fin bloc news --------------------------- */

/*FILMS ///////////////////////////////////////// */
#films{
width:600px;
}
#contentCorporate{
width:600px;
margin-bottom:20px;
}
/* sliding captions*/
.itemfilms{
position:relative;
float:left;
width:150px;
height: 150px;
margin: 10px 25px 15px 0;
border:2px solid #999;
overflow: hidden;  
        
}

.itemfilms img{  
position: absolute;  
top: 0;  
left: 0;  
border: 0;  
}  
.cover.textefilms h2{
margin: 3px 0 0 0;
font-weight:normal;
}   
.cover.textefilms h1 a{
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:lowercase;
color:#0682ab;
background-color:#000000;
font-weight:normal;
}   
.textefilms{
padding: 5px 0 0 5px;
float: left; 
position:absolute;
width:100%;
height:75px;
background-color:#000;
/*opacity: .8;  
 /* For IE 5-7 */  
/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  */
 /* For IE 8 */  
/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  */

}
 .captionfull .textefilms {  
top: 150px;  
left: 0;  
 }  
.caption .textefilms {  
top: 120px;  
left: 0;  
}  
/* fin captions------------ */


/* galerie image --------------------------------- */
#galerie-corporate h3{
font-family:georgia;
font-size:130%;
color:#cc0099;
}
#galerie h6{
font-size:60%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0682ab;
}

#galerie-corporate h6{
font-size:60%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0682ab;
}
#galerie h6.neg{
margin:-10px 0 10px 0;
}
#galerie-corporate ul.list_doc {

list-style-type:none;

width:550px;
height:auto;
display:inline;

}
#galerie ul.list_doc {

list-style-type:none;

width:550px;
height:auto;
display:inline;

}
#galerie-corporate li.cadre_doc {

	float:left;
	width:94px;
}
#galerie li.cadre_doc {

	float:left;
	width:94px;
}
#galerie-corporate li.cadre_doc a{
display:block;
    width: 80px;
    height: 80px;
    border: 1px solid #999;
    margin: 11px 6px 11px 0px;
    padding: 0px;

}
#galerie li.cadre_doc a{
display:block;
    width: 80px;
    height: 80px;
    border: 1px solid #999;
    margin: 11px 6px 11px 0px;
    padding: 0px;

}
#galerie-corporate li.cadre_doc a:hover {
    border: 1px solid #cc0099;
    margin:11px 6px 11px 0px;
    
}
#galerie li.cadre_doc a:hover {
    border: 1px solid #cc0099;
    margin:11px 6px 11px 0px;
    
}
#galerie-corporate li.cadre_doc a img {
    width: 80px;
    height: 80px;
	
}
#galerie li.cadre_doc a img {
    width: 80px;
    height: 80px;
	
}
ul.list_doc_autres{
margin:10px 0;
padding: 10px 0;
border-top: 1px dotted #999;
list-style-type: none;
width: 550px;
height:auto;


}
li.cadre_doc_autres{
	float: left;
	width: 94px;
}


.listagetexte {
	font-size: 0.65em;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: center;
	padding: 0 0 0 2px;
}
.listageinfo {
	line-height: 12px;
	font-size: 0.65em;
	text-align: center;
	padding: 0 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
}	
p.pagination{
background-color:#000;
color: #fff;
font-family:verdana,arial;
font-size: 80%;
margin: 11px 0 0 0;
padding:5px;
float:right;
width:60px;
text-align:left;
}	
#galerie a.lien_pagination{
display:inline;
}
#galerie a.lien_pagination:link{
display:inline;
text-decoration:none;
}

#galerie-corporate a.lien_pagination{
display:inline;
}
#galerie-corporate a.lien_pagination:link{
display:inline;
text-decoration:none;
}
/* MATOS ////////////////////////////////*/

#listemateriel p strong{
color:#0682ab;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
margin:5px 0;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
text-transform:lowercase;
padding:8px 0;
}
#listemateriel p{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin:5px 0 10px 0;
}
#listemateriel ul.spip li{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:80%;
background-image:url(images/flechgris.png);
background-repeat:no-repeat;
background-position:-2px 4px;
padding: 0 0 0 10px;
}
/* TEXTE --------------------------- */

.liresuite{
display:block;
margin: 20px 0 0 0;
text-align:left;
}

.textefilms h1{
font-family:Georgia;
font-size:100%;
color:white;
margin:0;
}
.textefilms h1 a{
color:white;
}
.textefilms h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;
color:white;
margin:0;
}
.textefilms h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#00ccff;
margin:0;
}
.textefilms .txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:white;
}
#bloc_info_film h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
color:#0682ab;
margin:0 0 5px 0;
padding:0;
}
#bloc_info_film h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
color:#999;
margin:0 0 3px 0;
padding:0;
}
#bloc_info_film h3{
font-family:verdana;
font-size:60%;
color:#999;
font-weight:normal;
margin:0px;
}
#bloc_info_film h3 p{
font-size:1.1em;
font-weight:normal;
color:#999;
padding:0px;
margin:0px;
}
hr.spip{border-bottom:1px #ccc solid;border-top:none;border-left:none;border-right:none;}
/* contact*/
h2.titrecontact{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:110%;
font-weight:normal;
color:#cc0099;
margin: 50px 0 0 0;
padding: 0 0 10px 0;
border-bottom:1px dotted #666;
}
p.adresse {
background:url(images/home-icon5.gif) no-repeat 0px 3px;
padding: 0 0 0 25px;
margin: 0 0 10px 0;
height:auto;
}
p.tel{
background:url(images/contacts_33.gif) no-repeat 0px 3px;
padding: 0 10px 0 25px;
margin: 0 0 10px 0;
line-height:2em;
}
p.fax{
background:url(images/printer-grey.gif) no-repeat 0px 2px;
padding: 0 10px 0 25px;
margin: 0 0 10px 0;
}
p.mail{
background:url(images/contacts_08.gif) no-repeat 0px 4px;
padding: 0 0 0 25px;
}
/*PAGE LIENS ///////////*/
.nomsite a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#cc0099;
background:url(images/lien.gif) 0 2px no-repeat;
padding: 0 0 0 15px;
}

.nomsite a:hover{
color:#fff;
background-color:#cc0099;
text-decoration:none;
}
/* /////////////// LOGIN /////////////////*/
.page_login .formulaire_login fieldset{border:none;}
#wrap #minipres{border:none; margin: 0 auto; width:28em;}
.page_login .formulaire_login fieldset legend{font-family:verdana, arial; font-size:80%;}
#minipres h1{text-align:left; color:#cc0099; margin: 0 0 0 13px;}