@charset "UTF-8";
/* CSS Document */
.ombre-bd { background: url(../images/ombres/ombre_bd.png) no-repeat right bottom; }
.ombre-hd { background: url(../images/ombres/ombre_hd.png) no-repeat right top; }
.ombre-bg { background: url(../images/ombres/ombre_bg.png) no-repeat left bottom; }
.ombre-hg {
	background: url(../images/ombres/ombre_hg.png) no-repeat left top;
	padding: 15px 20px 20px 15px; /* permet de placer le texte exactement dans la partie verte */
}


/* pour le menu 

div#menu {
    margin:30px 0 0 95px;
    position:absolute;
}
 le site */
 html {height: 100%;}
 body {
	height: 100%;
	background-image: url(../images/pattern.jpg);
	background-repeat: repeat-x;
	background-color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	margin-bottom: 180px;
}

#wrap {
	position:relative;
	

	/*min-height: 100%;*/	margin-left: auto; 
    margin-right: auto; 
	width: 980px;
	background-image: url(../images/ombres/ombre_page.png);
	background-repeat: repeat-y;
	
	}
#contenu {
	margin-left: auto;
	margin-right: auto;
	width: 962px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 3px;
	text-align: left;
}
#ducontenu {
	background-color:#000;
	text-align:center;
}
#cartedumonde {
	position:relative;
	padding-left: 20px;
	padding-right: 20px;
	width: 920px;
	text-align: center;
	z-index:1;
}



#dugris {
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	width: 980px;
	background-image: url(../images/ombres/ombre_pagegris.png);
	background-repeat: repeat-y;
	left:-10px;
	padding-bottom:20px;
	padding-top:20px;
	z-index:20;
	}

#cadregrisalbums {
	position:relative;
	width: 600px;
	background-image: url(../images/gris.jpg);
	background-repeat: repeat-y;
	
	}
#lannonce {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	 width: 800px;
	font-family: 'Actor', sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	background-color:#141b1e;

}
.annoncetexte {
	position:relative;
	float:right;
	font-family: 'Actor', sans-serif;
	text-align:left;
	font-size:13px;
	text-decoration:none;
	color:#ededed;
	width: 510px;
	padding-left: 20px;
	padding-right: 90px;
}
.annonce_bt {
	position:relative;
	text-align:center;
	
	
	

}
.annoncetexte h1{
	font-family: 'Aldrich', sans-serif;
	text-align:center;
	color:#ededed;
}
.annoncetexte h3{
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:200;
}
#siegesocial {
	position:relative;
	float: left;
	font-family: 'Actor', sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	width: 585px;
	padding: 10px;
	
	

}
#cadregris {
	position:relative;
	width: 900px;
	/*background-image: url(../images/gris.jpg);*/
	/*background-repeat: repeat-y;*/
	background-color:#000;
	left:0px;
	padding:20px;
	
	}
.textegris {
	position:relative;
	 width: 680px;
	float: left;
	font-family: 'Actor', sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	padding-left: 5px;
	padding-right: 5px;
	

}
.textegris a {
	text-decoration:none;
	color:#fff;
	padding: 5px;
	margin-left:-5px;
	text-align:center;
}
.textegris a:hover {
	color:#000;
	padding: 5px;
}
.illugris {
	position:relative;
	 width: 160px;
	float: right;
  padding-right: 0px;
  text-align:center;
  color:#666;
	font-family: 'Actor', sans-serif;
	font-size:14px;
	

}
.illugris a{
  text-align:center;
}

#slideshowhome{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	width: 920px;
	
}
#bahome{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	width: 853px;
	z-index:10;
}

#actuhome{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	width: 920px;
}
#management{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	width: 900px;
}

#main {
	
	overflow:auto;
	padding-bottom: 0px;
	}
	
	/* must be same height as the footer */


.jaune{
	color:#ffd800;
}

#nouvba {
	
	float:left;
    width:900px;
	height:416px;
    top:20px;
    z-index: 100;
}

#bapremiere {
	
	float:left;
    width: 820px;
	height:437px;
	padding:10px;
	text-align:center;
    margin-top:5px;
	margin-left:30px;
    z-index: 100;
	background-color:#333;
}



#barre_haut{
	margin-left: auto; 
    margin-right: auto; 
	width: 100%;
	background-color: #ccc;
	height:30px;
}
#barre_connexion{
    margin-left: auto; 
    margin-right: auto; 
	width: 960px;
	font-family: 'Aldrich', sans-serif;
	font-size:10px;
	color:#666;
	padding:10px;
	}
	
#barre_connexion a{
	font-family: 'Aldrich', sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#ccc;
	background-color: #999;
	padding:4px;
	}
#barre_connexion a:hover{
		color:#fff;
		background-color: #000;
	}





#menupage {
	position:relative;
    margin-left: auto; 
    margin-right: auto; 
    width: 960px;
	padding-bottom: 10px;
	z-index:600;
	
}
.basbas {
	position:relative;
    margin-left: auto; 
    margin-right: auto; 
    width: 100%;
	height: 40px;
	padding-bottom: 0px;
	

	
}


/* AUTEURS */

#photodessinateur{
	width:430px;
	float:left;
	margin-left:20px;
	
}
#photoscenariste{
	width:430px;
	float:left;
	margin-left:-20px;
}
#dessinateur{
	width:430px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	}
#scenariste{
	width:430px;
	float:left;
	padding-left:20px;
	padding-right:20px;
}

/* FIN AUTEURS */
#actu {
	
	width:310px;
	height:100%;
	overflow:hidden;
	float: left;
	/*height:400px;
	padding: 4px 10px 10px 4px; /* permet de placer le texte exactement dans la partie verte */
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	
}

#tit_actu {
    font-size: 1.2em;
	color: #ffffff;
    background: #000000;
	float: left;
	width: 270px;
	height:20px;
	padding-left: 10px;
}
#contenu_actu {
	width: 290px;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right:10px;
	padding-left: 10px;
	height:100%;
}
#actuliste {
	    float:left;
        position:relative;
	    width: 920px;
		min-height:178px;
      }
#actuliste457 {
	    float:left;
        position:relative;
	    width: 920px;
		min-height:457px;
      }
#contenuNEWS {
        width:560px;
        height:100%;
        background-color: #000000;
        margin-left:310px;
		padding-left:20px;
		padding-right:20px;
      }
#actulistevisu {
	width: 320px;
	height: 178px;
	bottom: 0px;
	position: absolute;
	left: 0px;
	background-color: #000;
      }
#actulistevisulibre {
	width: 320px;
	height: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
	background-color: #000;
      }
.actuico{
	width: 48px;
	heigth:48px;
	position:absolute;
	bottom:10px;	
	left : 5px;
	
}
#bt_homefacebook a{
	height: 30px;
	width: 30px;
	position:relative;
	float:left;
	top: 120px;
	left : 210px;
	background: url(../images/bouton_facebook_pt.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	z-index:400;
}
#bt_homefacebook a:hover{
	background-position: -100px 0px;	
}
.homeico{
	width: 48px;
	heigth:48px;
	position:absolute;
	float:left;
	bottom: 10px;
	left : 10px;
	z-index:400;
	
}
#bt_facebook_bloc {
	height: 30px;
	width: 30px;
	position:absolute;
	bottom: 20px;
	right : 5px;
}
.bt_facebook_pt a{
	height: 30px;
	width: 30px;
	position:absolute;
	bottom: 0px;
	right : 5px;
	background: url(../images/bouton_facebook_pt.png);
	text-indent: -9999px;
	
}
.bt_facebook_pt a:hover{
	background-position: -100px 0px;	
}
#bt_homefacebook1 a{
	height: 30px;
	width: 30px;
	position:absolute;
	top: 250px;
	left : 270px;
	background: url(../images/bouton_facebook_pt.png);
	text-indent: -9999px;
	z-index:400;
}
#bt_homefacebook1 a:hover{
	background-position: -100px 0px;	
}
#bt_homefacebook2 a{
	height: 30px;
	width: 30px;
	position:absolute;
	top: 250px;
	left : 580px;
	background: url(../images/bouton_facebook_pt.png);
	text-indent: -9999px;
	z-index:400;
}
#bt_homefacebook2 a:hover{
	background-position: -100px 0px;	
}
#bt_homefacebook3 a{
	height: 30px;
	width: 30px;
	position:absolute;
	top: 250px;
	left : 880px;
	background: url(../images/bouton_facebook_pt.png);
	text-indent: -9999px;
	z-index:400;
}
#bt_homefacebook3 a:hover{
	background-position: -100px 0px;	
}

.homeico1{
	width: 48px;
	heigth:48px;
	position:absolute;
	top: 240px;
	left : 10px;
	z-index:400;
	
}
.homeico2{
	width: 48px;
	heigth:48px;
	position:absolute;
	top: 240px;
	left : 320px;
	z-index:400;
	
}
.homeico3{
	width: 48px;
	heigth:48px;
	position:absolute;
	top: 240px;
	left : 630px;
	z-index:400;
	
}
.actulistelien{
	width: 300px;
	position: absolute;
	bottom: 5px;
	left : 340px;	
}

.actulistelien a{
	font-family: 'Actor', sans-serif;
	font-size:16px;
	color: #fff;
	padding:5px;
	background-color:#333;
	text-decoration:none;
	
	
}
.actulistelien a:hover{
    color: #000;
	background-color:#fff;
	
}
.actulistetexte{
	width: 540px;
	margin-top: -20px;
	padding-top: 0px;
	padding-left:10px;
	padding-bottom:30px;
	padding-right:0px;
	float: left;
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #e0e0e0;
}

.actulistetexte a{
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #fff;
	padding:5px;
	background-color:#333;
	text-decoration:none;
	float:left;
	margin-top:6px;
	
}
.actulistetexte a:hover{
    color: #000;
	background-color:#fff;
	
}
.actulistetit{
	font-family: 'Aldrich', sans-serif;
	font-size: 18px;
	color: #fff;
	width: 320px;
	float: left;
	position: absolute;
	padding-left: 10px;
	text-transform: uppercase;
	
}

#concours {

    background: #003333;
	float: left;
	width:200px;
	/*height:400px;*/
	padding-bottom: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.infos  {
   
	font-size: 1em;
	color: #BCB6A0;
	text-decoration: underline;
	float: right;
}
.icotit{
	widht:48px;
	height:48px;
	margin-top:0px;
	margin-left:30px;
	float:left;
}
.tit  {
	font-family: 'Aldrich', sans-serif;
	font-size: 18px;
	color: #fff;
	text-transform:uppercase;
	widht:882px;
	height:20px;
	text-align:left;
	background-image: url(../images/fondtit.jpg);
	padding-top:10px;
	padding-left:30px;

}
.titdeuz  {
	font-family: 'Aldrich', sans-serif;
	font-size: 18px;
	color: #fff;
	text-transform:uppercase;
	widht:882px;
	height:25px;
	text-align:left;
	padding-top:5px;
	padding-left:78px;
}
.newslettertit  {
	font-family: 'Aldrich', sans-serif;
	font-size: 18px;
	color: #ccc;
	text-transform:uppercase;
	text-align:left;
	top:-5px;
	
}

.p  {
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #999;
}
.p2  {
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #999;
}
.chiffrebasic  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #dcdcdc;
}
.typobasic  {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
}
.sstit  {
	font-family: 'Actor', sans-serif;
	font-size: 12px;
	color: #ccc;
	padding-bottom:6px;
	font-style: italic;
	
}
.sstit a {
	color: #fff;
	background-color:#333;
	padding: 5px;
	text-decoration:none;
	
}
.sstit a:hover {
	color: #000;
	background-color:#fff;
}


.sstit2  {
	font-family: 'Actor', sans-serif;
	font-size: 12px;
	color: #ccc;
	padding-bottom:6px;
	font-style: italic;
	
}
.sstit2 a {
	color: #ccc;
	padding: 0px;
	text-decoration:underline;
	
}
.sstit2 a:hover {
	color: #fff;
	text-decoration:underline;
}

.sstit3  {
	font-family: 'Actor', sans-serif;
	font-size: 12px;
	color: #ccc;
	padding-bottom:6px;
	
	
}
.sstit3 a {
	color: #fff;
	background-color:#333;
	text-decoration:none;
	
}
.sstit3 a:hover {
	color: #000;
	background-color:#fff;
}



.b  {
	font-family: 'Aldrich', sans-serif;
	font-size:12px;
	color: #000;
}
.b :link
  {
   
    color:#009966;
    text-decoration:none;
  }
.b :hover
  {
    color:#9badc2;
    text-decoration:underline;
  }
  
 

.f  {
	font: 16px bold Arial, Helvetica, sans-serif;
	font:bold;
	color: #ffffff;
	background-color: #0000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.entete{
    padding-bottom:10px;
	margin-top:-20px;
	

}


.organi{
    width:160px;
	float:left;
    padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;

}
.organi_photo{
    width:140px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;

}
.organi_texte{
    font: 12px/16px Arial, Helvetica, sans-serif;
    width:120px;
	color: #cccccc;
	float: left;
    padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	background-color: #191f24;

}
.weffect {
 width:310px;
 float:right;
    padding-top: 80px;
	padding-right: 80px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.wchiffres{
 width:420px;
 float:left;
 margin-top:-80px;
 padding: 0px;
 text-align:left;
}
.wbourse{
 width:420px;
 float:left;
 margin-top:60px;
 padding: 0px;
 text-align:left;
}
.report1{
    width:480px;
	float:left;
    padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;

}
.chiffres{
    width:100px;
	float:right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
    padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 5px;

}
#lanewsletter{
widht:400px;
float:right;
margin-top:-48px;
padding-right:20px;
}
.lettre{
	width: 560px;
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color:#ccc;
	padding-left:30px;
}
.imagelettre{
	width: 300px;
	float:right;
	padding-left:20px;
	padding-top:150px;
}

/* --------Les Cases----------*/
.ombreH {
	width: 960px;
	height: 6px;
	background-image: url(../images/ombreH.png);
	background-repeat: no-repeat;
}
.ombreB {
	width: 960px;
	height: 6px;
	background-image: url(../images/ombreB.png);
	background-repeat: no-repeat;
}



.caseA, .caseB, .caseC {
	font-family: 'Actor', sans-serif;
	font-size:12px;
	color:#ccc;
	padding: 10px;
	position: relative;
	height: 270px;
}
.caseimage{
	position:absolute;
	z-index:2;
	
}
.caseA a, .caseB a, .caseC a{
	font-family: 'Actor', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	padding:4px;
	}
.caseA a:hover, .caseB a:hover, .caseC a:hover{
		color:#000;
		background-color: #fff;
	}



.caseA h3, .caseB h3, .caseC h3 {
	padding: 10px;
	position: relative;

}
.caseA h3 a, .caseB h3 a, .caseC h3 a {
	font-size:16px;
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
}
.caseA {
	width: 285px;
	float: left;
	background-color: #000;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	background-image: url(../images/actu/actu_visu/actu_Giacometti.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.caseA  h3{
	margin: 0px;
	padding: 0px;
	position: relative;
	
}
.caseB {
	width: 285px;
	float: left;
	background-color: #000;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	background-image: url(../images/actu/actu_visu/actu_expo25ans.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.caseB h3 {
	margin: 0px;
	padding: 0px;
	position: relative;
	
}
.caseC {
	width: 285px;
	float: left;
	background-color: #000;
	margin: 0px;
	background-image: url(../images/actu/actu_visu/actu_Francq.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.caseC h3 {
	margin: 0px;
	padding: 0px;
	position: relative;
	
}

/* ------ACTIVIT2S--------------*/
.activisu1{
	
	position:relative;
	height: 200px;
	width: 400px;
	float:left;
	top:20px;
	margin-left:-10px;
}
.activisu2{
	
	position:relative;
	height: 260px;
	width: 230px;
	float:left;
	top:0px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	background-color: #fff;
}
.actitexte1{
	
	position:relative;
	width: 500px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-color: #333;
}
.actitexte1 p, filmstexte p{
font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #f1f1f1;
}
.filmstexte{
	
	position:relative;
	width: 480px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	
}	
	
.activity_coldroite {
  float: right;
  width: 180px;
  padding-top: 0px;
  padding-bottom: 30px;
  padding-right: 10px;
  padding-left: 20px;
 
  background-color: #000;

	
}
.activity_photo {
  float: left;
  width: 160px;

  padding-top: 0px;
  padding-bottom: 30px;
  padding-right: 0px;
  padding-left: 40px;
 
  background-color: #000;

	
}
.acti_ico{
	float:right;
	width: 20px;
	margin-right:20px;
	margin-top:160px;
}
.acti_photo{
	float:left;
}

/* ---------------------*/
 .vert  {
	float:left;
	display:block;
	font-family: 'Aldrich', sans-serif;
	font-size:10px;
	color: #000;
	
}
.vert a {
   
    color:#000;
    text-decoration:underline;
  }
.vert a:hover
  {
    color:#85909e;
    text-decoration:underline;
  }
 
 .textefooter  {
	float:left;
	display:block;
	font-family: 'Aldrich', sans-serif;
	font-size:11px;
	color: #000;
	line-height:26px;
	vertical-align:middle;
	
}
.textefooter a {
    color:#000;
    text-decoration:underline;
  }
.textefooter a:hover
  {
    color:#85909e;
    text-decoration:underline;
  }




#footer {
	float:left
	margin-top: 0px; /* negative value of footer height */
	height: 180px;
	width: 100%;
	z-index: 500;
	clear:both;
	
	} 
	

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}




#footer2{
				height: 40px;
				z-index: 500;
				
			}
			
			
			
#footer3{
			
				padding-top: 5px;
				height: 26px;
				padding-top: 4px;
				background-color:#505860;
				z-index: 500;
				
				
			}			
#footer3b{

				margin-left: auto; 
                margin-right: auto; 
				width: 960px;
				z-index: 500;
				
				
			}						
					
			
#footer span{
				font-size: 12px;
			}



#footer4{
                height: 110px;
				background-color:#1a1a1a;
				z-index: 500;
			}									

.footer-bloc {
	width: 960px;
	font-size: 12px;
	margin:0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 500;
	
}
.footer-logow {
	top: 10px;
	left: 60px;
	z-index: 510;
	height: 90px;
	width: 92px;
	position: absolute;
}
.footer-bloc h3 {
	font-family: 'Aldrich', sans-serif;
	font-size: 16px;
	color: #85909e;
	font-weight: normal;
}
.footer-colonne   {
	width: 200px;
	float: left;
	position: relative;
	left: 200px;
	margin-right: 10px;
	margin-left: 10px;
	top: 0px;
	border-right: 1px solid #505860;
}
.footer-colonne a {
	font-family: 'Aldrich', sans-serif;
	font-size: 12px;
	color: #505860;
	text-decoration: none;
	display: block;
	height: 18px;
	width: 140px;
	line-height: 18px;
    vertical-align: middle;
	padding-left:4px;
	
}
.footer-colonne a:hover {
	color: #000;
	background-color:#505860;
}
.footer-copyright {
	font-family: 'Aldrich', sans-serif;
	width: 220px;
	float: left;
	position: absolute;
	top: 90px;
	right: 10px;
	text-align: right;
	font-size: 10px;
	text-decoration: none;
	color: #505860;
}
.espace{
	widht:700px;
	height:20px;
	background-color:#000;
}
.bigespace{
	widht:700px;
	height:80px;
	background-color:#000;
}

/* ----ALBUMS------------*/
.choixalbums {
	width: 160px;
	float: left;
}
.choixalbums .alim{
	position:relative;
	display:block;
	width:160px;
	margin:0px;
	background-color:#000;
	text-decoration: none;
}
.epuise{
	position:absolute;
	float: left;
	display:block;
	width:160px;
	height:288px;
	margin:0px;
	background-image:url(../images/albums/epuise.png);
	text-decoration: none;
	z-index:20;
	overflow:visible;
}
.choixalbums a:hover{
	background-color:#333;
	
}
.choixalbums_txt {
	position:relative;
	display:block;
	font-family: 'Aldrich', sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #ccc;
	text-transform:uppercase;
}
.color9{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color9.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color8{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color8.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color7{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color7.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color6{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color6.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color5{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color5.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color4{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color4.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color3{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color3.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color2{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color2.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}
.color1{
	text-decoration: none;
	color: #ccc;
	background-image: url(../images/albums/color1.png);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	padding: 10px;
}

/* ----FIN ALBUMS------------*/



/* ----DOSSIERS------------*/
.dossier {
	width: 240px;
	float: left;
}
.dossier .dossier-image{
	position:relative;
	display:block;
	width:220px;
	margin:10px;
	background-color:#000;
	text-decoration: none;
}
.dossier a:hover{
	background-color:#333;
	
}
.dossier_txt {
	position:relative;
	display:block;
	font-family: 'Aldrich', sans-serif;
	text-decoration: none;
	color: #ccc;
	font-size: 16px;
	width:200px;
	padding: 20px;
	padding-top: 0px;
	top:-30px;
}
.dossier_txt a:hover{
	color: #fff;
}
/* ---FIN-DOSSIERS------------*/

/* ---DOCUMENTAIRE------------*/
#tit_docu{
    font-size: 1.2em;
	color: #ffffff;
    background: #000000;
	float: left;
	width: 270px;
	height:20px;
	padding-left: 10px;
}
#contenu_docu {
	width: 290px;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right:10px;
	padding-left: 10px;
	height:100%;
}
.doculiste{
	position:relative;
	width: 920px;
	list-style: none;
}
.doculiste li{
}
.doculiste li:hover{
}


.doculistelien{
	width: 300px;
	position:absolute;
	top: 140px;
	left : 365px;
	
}

.doculistelien a{
	font-family: 'Actor', sans-serif;
	font-size:16px;
	color: #fff;
	padding:5px;
	background-color:#333;
	text-decoration:none;
	
	
}
.doculistelien a:hover{
    color: #000;
	background-color:#fff;
	
}
.doculistetexte{
	width: 540px;
	margin-top: 30px;
	padding-top: 0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:0px;
	float: left;
	font-family: 'Aldrich', sans-serif;
	font-size:18px;
	color: #fff;
}
.doculistetit{
	font-family: 'Actor', sans-serif;
	font-size: 14px;
	color: #999999;
	width: 318px;
	float:left;
	position:relative;
	padding-left:5px;
	
}
.doculistevisu{
	width: 359px;
	height:200px;
	float:left;
   position:relative;
   bottom:0px;
}
.doculisteDVD{
	width: 300px;
	height:400px;
	float:left;
   position:relative;
   bottom:0px;
}
.docuBA{
	 width: 300px;
	 height:233px;
	 float:right;
     bottom:40px;
	 position:relative;
	
    border: 1px;
	border-style: solid;
	border-color: #999;
}
.docuintro{
	width: 318px;
	float:left;
    bottom:0px;
	 position:relative;
	 display:block;
   
}
.achatlien{
	width: 200px;
	position:relative;
	top: 80px;
	left : 5px;
	
}

.achatlien a{
	font-family: 'Actor', sans-serif;
	font-size:16px;
	color: #fff;
	padding:5px;
	background-color:#333;
	text-decoration:none;
	
	
}
.achatlien a:hover{
    color: #000;
	background-color:#fff;
	
}
/* --FIN----DOCUMENTAIRE-------*/
.extraital{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	text-align:center;
	display:block;
	
}
.extraitalbum {
	border: 1px;
	border-style: solid;
	border-color: #999;
	background-color:#333;
	color:#FFF;
	font-family: 'Aldrich', sans-serif;
	text-decoration: none;
	text-transform:uppercase;
}

.extraitalbum a:hover{
background-color:#fff;
color:#000;
}
.texte{
	font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #e9e9e9;
	padding:20px;
}
.texte a{
	color: #FFF;
	text-decoration: none;
}
.vingtans{
	position:relative;
	width: 400px;
	float:left;
	padding-left:20px;
	padding-right:10px;
	
}
.vingtans p{
    font-family: 'Actor', sans-serif;
	font-size:14px;
	color: #f1f1f1;
}
.vingtansim{
	position:relative;
	text-align:center;
	width: 960px;
	margin-left: auto; 
    margin-right: auto; 
	
}
.prixDVD{
	position:relative;
	width: 160px;
	float:right;
	padding-left:20px;
	padding-right:10px;
	padding-top:40px;
	
}
.licences{
	position:relative;
	text-align:center;
	width: 960px;
	margin-left: auto; 
    margin-right: auto; 
	
}
.licences p{
	font-family: 'Actor', sans-serif;
	font-size:16px;

}
.licences p a{
	text-decoration:none;
}
#bt_acheterenligneactu a{
	height: 30px;
	width: 50px;
	position:absolute;
	top: 140px;
	left : 330px;
	background: url(../images/bouton_marchant.png);
	text-indent: -9999px;
	
}
#bt_acheterenlignehome a{
	height: 30px;
	width: 50px;
	position: absolute;
	left:10px;
	top:220px;
	background: url(../images/bouton_marchant.png);
	text-indent: -9999px;
	
}
#bt_acheterenligne a{
	height: 30px;
	width: 50px;
	position: absolute;
	left:20px;
	top:190px;
	background: url(../images/bouton_marchant.png);
	text-indent: -9999px;
}
#bt_acheterenlignedvd2 a{
	height: 30px;
	width: 50px;
	position: absolute;
	left:30px;
	top:410px;
	background: url(../images/bouton_marchant.png);
	text-indent: -9999px;
}
#bt_acheterenlignedvd1 a{
	height: 30px;
	width: 50px;
	position: absolute;
	left:30px;
	top:360px;
	background: url(../images/bouton_marchant.png);
	text-indent: -9999px;
}

#bt_acheterenligne a:hover, #bt_acheterenlignehome a:hover, #bt_acheterenligneactu a:hover, #bt_acheterenlignedvd2 a:hover, #bt_acheterenlignedvd1 a:hover{
	background-position: -100px 0px;	
}
.pagination{
	padding-bottom:5px;
	color: #505860;
}
.pagination ul{
	font-family: 'Actor', sans-serif;
	font-size:16px;
	color: #505860;
	display:inline;
	
}
.pagination ul li{
	padding-left:5px;
	padding-right:5px;
	display:inline;
	
}
.pagination ul li a{ 
	text-decoration:none;
	
}
.pagination ul li a.hover{
	color: #f0f0f0;
}
.pagination ul li a.current  {
	color: #ffffff;
}
.pagedinfos{
	position:relative;
	/*min-height: 100%;*/
	margin-left: auto; 
    margin-right: auto; 
	text-align:center;
	display:block;
	
}
.pagesdinfosfond{
	height:300px;
	background: url(../images/okfond.jpg);
	background-repeat:no-repeat;
	margin: 20px;
}
.lesinfos {
	position: absolute;
	widht:160px;
	left: 450px;
	top: 300px;
	font-family: 'Actor', sans-serif;
	font-size:16px;
	color: #fff;
}
.infosretour a{
	position:absolute;
	width:80px;
	top: 80px;
	left: 0px;
	background-color:#333;
	color:#f0f0f0;
	font-family: 'Aldrich', sans-serif;
	font-size:14px;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:5px;
	padding-top:10px;
	z-index:500;
}

.infosretour a:hover{
background-color:#ededed;
color:#000;
}
.italic{
	font-style:italic;
	color:#CCC;
}
.clear{
clear:both;
}
/* CSS -- COOKIES */
.avertissementCookie {
position: fixed;
bottom: 0px;
min-height: 30px;
width: 100%;
background-color: #E5E1D4;
background-color: rgba(228,228,212,0.9);
z-index: 111000;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.3);
}
.avertissementCookieContenu {
font-family: Verdana,Geneva,sans-serif;
position: relative;
/* Largeur à adapter : largeur du site-20px */
width: 940px;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
font-size: 10px;
color: #444;
line-height: 24px;*/
}
.avertissementCookieContenu a {
color: #666;
}
#avertissementCookieFermer {
float: right;
right: 0px;
top: 0px;
background-image: url(/images/avertissementCookieFermer.png);
background-position: 0px 5px;
background-repeat: no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
}
#avertissementCookieFermer:hover {
background-image: url(/images/avertissementCookieFermer.png);
background-position: -50px 5px;
background-repeat: no-repeat;
}
#avertissementCookieAttention {
}

.imglist {
    overflow: hidden;
}
/* CSS -- COOKIES */