/* ***************************************** GENERAL */
* { padding:0; margin:0; border:0; }
a { text-decoration:none; cursor:pointer; outline:0 none; color:#040404; }
li { list-style:none; text-decoration:none; outline:0 none; color:#040404;}
input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#040404; }


.separateur{clear:both; height:0; margin:0; padding:0}

.cf:after, #header:after, #keyWord p:after, #menu2:after, #menu-ul:after, .subIn2:after, #tabsContainer ul:after, .vh-i:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, #header, #keyWord p, #menu2, #menu-ul, .subIn2, .aLaUneIn, #tabsContainer ul, #jeux, #hpLine1, #hpLine2, #hpLine3, #prog li, #hpLine4, #hpLine2 .partB p, #galPhotos ul, #adresses p, #dossierTitle .middle, .dossierTitle .middle, #dossierBy, .dossierNP2, .article-txt, #andTop, #andTop li, .titleSection, #allMy .inner li, #allMySub .inner, .article-photo .data, .article-video .data, .article-recette, #biBloc, .upLeftBloc .inner, .article-ba, .searchZone fieldset, .proBloc .inner, .sendFriend form .line, .gpInner, .gpInner .item p, .tpInner, #contactForm p, #ariane, .titleRSS, .rssInner .tetiere, .partRss, #newsAboForm, .author, .biBlocAstro, .biBlocAstro .inner, .triplePromo, .tarotOracle, .vh-i { display:inline-block; }
/*hides from IE mac \*/
* html .cf, * html #header, * html #keyWord p, * html #menu2,  * h 
tml #menu-ul, * html .subIn2, * html .aLaUneIn, * html #tabsContainer ul, * html #jeux, * html #hpLine1, * html #hpLine2, * html #hpLine3, * html #prog li, * html #hpLine4, * html #hpLine2 .partB p, * html #galPhotos ul, * html #adresses p, * html #dossierTitle .middle, * html .dossierTitle .middle, * html #dossierBy, * html .dossierNP2, * html .article-txt, * html #andTop, * html #andTop li, * html .titleSection, * html #allMy .inner li, * html #allMySub .inner, * html .article-photo .data, * html .article-video .data, * html .article-recette, * html #biBloc, * html .upLeftBloc .inner, * html .article-ba, * html .searchZone fieldset, * html .proBloc .inner, * html .sendFriend form .line, * html .gpInner, * html .gpInner .item p, * html .tpInner, * html #contactForm p, * html #ariane, * html .titleRSS, * html .rssInner .tetiere, * html .partRss, * html #newsAboForm, * html .author, * html .biBlocAstro, * html .biBlocAstro .inner, * html .triplePromo, * html .tarotOracle, * html .vh-i { height:1%; }
.cf, #header, #keyWord p, #menu2,  #menu-ul, .subIn2, .aLaUneIn, #tabsContainer ul, #jeux, #hpLine1, #hpLine2, #hpLine3, #prog li, #hpLine4, #hpLine2 .partB p, #galPhotos ul, #adresses p, #dossierTitle .middle, .dossierTitle .middle,  #dossierBy, .dossierNP2, .article-txt, #andTop, #andTop li, .titleSection, #allMy .inner li, #allMySub .inner, .article-photo .data, .article-video .data, .article-recette, #biBloc, .upLeftBloc .inner, .article-ba, .searchZone fieldset, .proBloc .inner, .sendFriend form .line, .gpInner, .gpInner .item p, .tpInner, #contactForm p, #ariane, .titleRSS, .rssInner .tetiere, .partRss, #newsAboForm, .author, .biBlocAstro, .biBlocAstro .inner, .triplePromo, .tarotOracle, .vh-i { display:block; }
/*end hides from IE mac*/



/* ***************************************** STRUCTURE - HEADER - FOOTER */

#main { margin:0 auto; width:1000px; padding:0px 0 0 0; }
/* header */
#header {
	height:141px!important;
	overflow:hidden;
	float:left;
	width:1000px;
	position:relative;
	vertical-align: bottom;	
}
/* menu-expert */
#menu-expert {
	height:56px;
	background:#38363A;
	border-right:2px solid #776C6F;
	border-left:2px solid #776C6F;
	border-top:2px solid #776C6F;
	border-bottom:2px solid #776C6F;
	background-image: url(fond-pro-expert.jpg);
}
#menu-expert ul { width:1000px; padding:0px 0 0 0; }
#menu-expert li { display:inline; height:12px; }
#menu-expert li a { color:#fff; line-height:12px; padding:0 8px; display:block; float:left; border-right:1px solid #fff;font-size:12px; }
#menu-expert a:hover { color:#F1DD00; }
#menu-expert .last a { border:none; }

/* menu-academy */
#menu-academy {
	height:56px;
background-image: url(Beal_Pro_Academy.jpg);
	 
	 border-right:2px solid #6184B4;
	  border-left:2px solid #6184B4;
	   border-top:2px solid #6184B4;
	    border-bottom:2px solid #6184B4;
}
#menu-academy ul { width:991px; padding:0px 0 0 0; }
#menu-academy li { display:inline; height:12px; }
#menu-academy li a { color:#fff; line-height:12px; padding:0 8px; display:block; float:left; border-right:1px solid #fff;font-size:12px; }
#menu-academy a:hover { color:#6184B4; }
#menu-academy .last a { border:none; }


/* menu-services */
#menu-services {
	height:56px;
background-image: url(fond-pro-services.jpg);
 
	 border-right:2px solid #B8A5CE;
	  border-left:2px solid #B8A5CE;
	   border-top:2px solid #B8A5CE;
	    border-bottom:2px solid #B8A5CE;
}
#menu-services ul { width:990px; padding:0px 0 0 0; }
#menu-services li { display:inline; height:12px; }
#menu-services li a { color:#fff; line-height:12px; padding:0 8px; display:block; float:left; border-right:1px solid #fff;font-size:12px; }
#menu-services a:hover { color:#B8A5CE; }
#menu-services .last a { border:none; }




/* menu-sport */
#menu-sport{
	height:56px;
background-image: url(bandeaux-sport.jpg);
	 
	/* border-right:2px solid #9BC6E6;*/
	 /* border-left:2px solid #9BC6E6;*/
	  /* border-top:2px solid #9BC6E6;*/
	    border-bottom:2px solid #9BC6E6;
}
#menu-sport ul { width:990px; padding:0px 0 0 0; }
#menu-sport li { display:inline; height:12px; }
#menu-sport li a { color:#fff; line-height:12px; padding:0 8px; display:block; float:left; border-right:1px solid #fff;font-size:12px; }
#menu-sport a:hover { color:#9BC6E6; }
#menu-sport .last a { border:none; }


/* cadre autour main */
#mainInTop { width:997px; background:#fff; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; }
#mainIn { width:997px; background:#fff; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; }

/* footer */
#footer { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-align:center; position:relative; height:71px; /*background:#68686A; border-bottom:2px solid #006599; border-top:2px solid #006599;*/ }
#footer a { color:#fff; line-height:19px; padding:0 12px; }
#footer a:hover { color:#3b4130; }

/* menu */
#lemenu { padding:0 0px 10px 12px; }
#lemenu #menu-ul { height:78px; position:relative; z-index:100; }
#lemenu li { float:left; height:78px; margin:0 6px 0 0; width:103px; }
#lemenu #item-9 { margin:0; }
#lemenu li a { height:78px; position:relative; width:103px; }
#lemenu li a span { height:78px; width:103px; position:absolute; top:0; left:0; background-image:url(bg-menu.jpg); background-repeat:no-repeat; }
#lemenu #item-1 a span { background-position:0 0; }
#lemenu #item-2 a span { background-position:-109px 0; }
#lemenu #item-3 a span { background-position:-218px 0; }
#lemenu #item-4 a span { background-position:-327px 0; }
#lemenu #item-5 a span { background-position:-436px 0; }
#lemenu #item-6 a span { background-position:-545px 0; }
#lemenu #item-7 a span { background-position:-654px 0; }
#lemenu #item-8 a span { background-position:-763px 0; }
#lemenu #item-9 a span { background-position:-872px 0; }
#lemenu #item-1:hover a span, #lemenu #item-1.current a span { background-position:0 -78px; }
#lemenu #item-2:hover a span, #lemenu #item-2.current a span { background-position:-109px -78px; }
#lemenu #item-3:hover a span, #lemenu #item-3.current a span { background-position:-218px -78px; }
#lemenu #item-4:hover a span, #lemenu #item-4.current a span { background-position:-327px -78px; }
#lemenu #item-5:hover a span, #lemenu #item-5.current a span { background-position:-436px -78px; }
#lemenu #item-6:hover a span, #lemenu #item-6.current a span { background-position:-545px -78px; }
#lemenu #item-7:hover a span, #lemenu #item-7.current a span { background-position:-654px -78px; }
#lemenu #item-8:hover a span, #lemenu #item-8.current a span { background-position:-763px -78px; }
#lemenu #item-9:hover a span, #lemenu #item-9.current a span { background-position:-872px -78px; }
#lemenu #item-1 a.selec span { background-position:0 -156px; }
#lemenu #item-2 a.selec span { background-position:-109px -156px; }
#lemenu #item-3 a.selec span { background-position:-218px -156px; }
#lemenu #item-4 a.selec span { background-position:-327px -156px; }
#lemenu #item-5 a.selec span { background-position:-436px -156px; }
#lemenu #item-6 a.selec span { background-position:-545px -156px; }
#lemenu #item-7 a.selec span { background-position:-654px -156px; }
#lemenu #item-8 a.selec span { background-position:-763px -156px; }
#lemenu #item-9 a.selec span { background-position:-872px -156px; }
/* largeur sous menu  */
#lemenu ul .sub { position:absolute; width:670px; top:-999em; z-index:110; /*zoom:1;*/ padding:0px 0 0 0; background-color:#fff; background-image:url(sub-raccord.gif); background-repeat:no-repeat;font-size:12px }
#lemenu ul li:hover .sub, #lemenu ul li.current .sub { top:78px; }
#item-1 .sub { left:-13px; background-position:-700px 0; width:642px !important;}/* metiers  */
#item-2 .sub { left:10px;  background-position:-700px 0;  width:855px !important;}/* activites  */
#item-3 .sub { left:-30px; background-position:-700px 0; width:1062px !important;}/* produits */
#item-4 .sub { left:0px; background-position:-650px 0; width:870px !important;}/* techno  */
#item-5 .sub { left:250px; background-position:-402px 0; width:645px !important;}/*  EPI service*/
#item-6 .sub { left:500px; background-position:-155px 0; width:225px !important; }/* logiciel */
#item-7 .sub { left:350px; background-position:-105px 0; width:645px !important; }/* infos */
#item-8 .sub { left:700px; background-position:-49px 0; width:225px !important; }/* formation */
#item-9 .sub { left:600px; background-position:-105px 0; width:440px !important;}/* expert */
#lemenu .subIn { border-bottom:1px solid #cec9c9; border-left:1px solid #cec9c9; border-right:1px solid #cec9c9; padding:1px 0 0 0; }
#lemenu .subIn2 { border-bottom:5px solid red; padding:0 0 1px 0; }
#lemenu .subIn2 { border-left:5px solid red; padding:0 0 1px 0; }
#lemenu .subIn2 { border-right:5px solid red; padding:0 0 1px 0; }
/*#lemenu .subIn2 { border-top:2px solid red; padding:0 0 1px 0; }*/
#lemenu h2, #lemenu .h2 { font-size:14px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #cec9c9; border-top:2px solid #cec9c9; border-left:2px solid #cec9c9; border-right:2px solid #cec9c9; background:#58585A;}
#lemenu h3, #lemenu .h3 { font-size:13px; text-transform:uppercase; font-weight:bold; color:#000000}
#item-1 .subIn2, #item-1 .subIn2 h2, #item-1 .subIn2 .h2, #item-1 .subIn2 .h2 a { color:#FFFFFF; border-color:#9BC6E8; }
#item-2 .subIn2, #item-2 .subIn2 h2, #item-2 .subIn2 .h2, #item-2 .subIn2 .h2 a { color:#FFFFFF; border-color:#006599; }
#item-3 .subIn2, #item-3 .subIn2 h2, #item-3 .subIn2 .h2, #item-3 .subIn2 .h2 a  { color:#FFFFFF; border-color:#9BC6E8; }
#item-4 .subIn2, #item-4 .subIn2 h2, #item-4 .subIn2 .h2, #item-4 .subIn2 .h2 a  { color:#FFFFFF; border-color:#9BC6E8;}
#item-5 .subIn2, #item-5 .subIn2 h2, #item-5 .subIn2 .h2, #item-5 .subIn2 .h2 a  { color:#FFFFFF; border-color:#9BC6E8;  }
#item-6 .subIn2, #item-6 .subIn2 h2, #item-6 .subIn2 .h2, #item-6 .subIn2 .h2 a  { color:#FFFFFF; border-color:#006599; }
#item-7 .subIn2, #item-7 .subIn2 h2, #item-7 .subIn2 .h2, #item-7 .subIn2 .h2 a  { color:#FFFFFF; border-color:#9BC6E8; }
#item-8 .subIn2, #item-8 .subIn2 h2, #item-8 .subIn2 .h2, #item-8 .subIn2 .h2 a  { color:#FFFFFF; border-color:#006599; }
#item-9 .subIn2, #item-9 .subIn2 h2, #item-9 .subIn2 .h2, #item-9 .subIn2 .h2 a  { color:#FFFFFF; border-color:#9BC6E8; }
/**largeur colone sous menu**/
#lemenu .subIn2 ul { display:block; float:left; padding:0 5px; border-right:1px solid #CEC9C9; width:199px; }
#lemenu .subIn2 li { display:block; height:auto; width:auto; padding:1px 0; float:none; }
#lemenu .subIn2 li a { color:#040404; height:auto; width:auto; }
#lemenu .subIn2 li a:hover { text-decoration:underline; }
#lemenu .and { color:#040404; }
#lemenu .and a { padding:0 5px; }
#lemenu .and .first { padding-left:0; }


/* fil ariane */
#ariane { display:block; width:998px; padding:5px 5px 5px 5px;    }
#ariane a { color:#ffffff; line-height:16px; }
#ariane a:hover { text-decoration:underline; }

.pro {border-bottom:8px solid #FFFFFF; }
.cadre-icone {
	color:#333333;
	font-size:12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}

.cadre-icone2 {
	color:#000000;
	font-size:13px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone3 {
	color:#FFFFFF;
	font-size:13px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone33 {
	color:#000000;
	font-size:13px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone32 {
	color:#FFFFFF;
	font-size:12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone322 {
	color:#000000;
	font-size:12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.carte-mag {
	color:#000000;
	font-size:13px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone323 {
	color:#000000;
	font-size:10px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
 
}

.cadre-icone-titre {
	color:#000000;
	font-size:22px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone-titre-b {
	color:#FFFFFF;
	font-size:22px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.cadre-icone-titre2 {
	color:#000000;
	font-size:16px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-weight: bold;
}
.txt-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color:#FFFFFF;}
	
.txt-blanc-long {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color:#FFFFFF;}	
	
.txt-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color:#000000;}

.txt-noir-long {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color:#000000;}

.txt-titre-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000;}
	
.txt-titre-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#FFFFFF;}
	
h2.titre{
color:#92C32F;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
}

.txt-menu-footer {
	color:#FFFFFF;
	font-size:11px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	
}
textarea #txt.obligatoire{
border:1px solid red;
}

#gobeal {
color:#FFFFFF;
display:none;
font-size:12px;
font-weight:bold;
left:900px;
letter-spacing:-1px;
position:absolute;
text-decoration:none;
top:10px;
}


#footer-contextuel {
    border-top:1px solid #38363A;
    font-size:11px;
    font-weight:normal;
    padding:10px;
    text-align:left;
    color:#333  !important;
}
#footer-contextuel a {
    color:#333  !important;
}
#footer-contextuel span {
    padding:0 3px;
}
#footer-groupe {
    font-size:11px;
    font-weight:normal;
    margin-bottom:10px;
    text-align:center;
	height:55px;
}
#footer-groupe ul {
    list-style-type: none;
    padding:0;
    margin:0;
}
#footer-groupe li {
    display:inline;
}
#footer-groupe li a:hover {
    background:#b9d174;
    text-decoration: none;
    color:#FFFF00;
}
#footer-groupe li a {
    background:#A0B85B;
    color:#ffffff !important;
    display:inline-block;
    height:55px;
    margin:0 2px;
    padding:4px 10px;
    text-align:left;
    text-decoration:none;
}
#footer-groupe li a img {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	border: 0;
	
}

a.infobulle em {
    display:none;
}
a.infobulle:hover {
    border: 0; 
    position: relative; 
    z-index: 50; 
    text-decoration:none;

}
a.infobulle:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: -30px; 
    right: auto; 
    padding: 10px; 
    color: #000; 
    border: 1px solid #bbb ; 
    background: #EBECA1; 
    width:200px;
	    
}
a.infobulle:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(fleche.gif); 
    margin:0; 
    padding: 0; 
    border: 0;

}

/* the overlayed element */ 
.apple_overlay {          
/* initially overlay is hidden */     
display:none;          
/* growing background image */     
background-image:url(petrol.png);         
 /*          width after the growing animation finishes         height is automatically calculated     */     
 width:570px;                 
  /* marge */     
 padding:30px;               
 font-size:11px; } 
 /* boutton de fermeture */ 
 .apple_overlay div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black {     
background-image:url(transparent2.png);             
color:#fff; 
}
.details {
color:#FFF;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
}
div.apple_overlay.black {
	background-image:url(transparent2.png);		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:18px;
}

div.black h2 {
	color:#fff;
}

#apple {
	margin-top:1px;
	text-align:center;
	margin-bottom: 5px;
}

#apple img {
	/*background-color:#fff;*/
	padding:0px;  /* largeur contour icone */
	/*border:1px solid #ccc;
	margin:1px 5px;*/
	cursor:pointer;
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/*#apple:hover {
	background-color:#fff;
	padding:0px;  /* largeur contour icone */
	/*border:0px solid #ccc;
	margin:5px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}*/
#apple2 {
	margin-top:1px;
	text-align:center;
	margin-bottom: 5px;
}

#apple2 img {
	/*background-color:#fff;*/
	padding:2px;
	/*border:1px solid #ccc;*/
/*	margin:1px 5px;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}




#overlay { 
    background-image:url(transparent.png); 
    height:850px; 
} 

 

div.contentWrap { 
    height:auto; 
    overflow-y:auto; 
}


div.contentWrap2 { 
 		 height:600px;
		overflow-y:scroll;


}

div.overlay {
	
	/* growing background image */
	background-image:url(apple.png);
	
	/* dimensions after the growing animation finishes  */
	width:810px;
	height:auto;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}
 .overlay div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }
 /*-------------------------------------------------- */
  #overlaymag { 
    background-image:url(white.png); 
    height:850px; 
} 



/* the overlayed element */
div.overlaymag {
	
	/* growing background image */
	background-image:url(apple.png);
	
	/* dimensions after the growing animation finishes  */
	width:810px;
	height:auto;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}
 .overlaymag div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }
  
  
  
  
  
  
#overlay_som { 
    background-image:url(transparent.png); 
    height:850px; 
} 

 


/* the overlayed element */
div.overlay_som {
	
	/* growing background image */
	background-image:url(apple.png);
	
	/* dimensions after the growing animation finishes  */
	width:810px;
	height:auto;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay_som div.close {

cursor:pointer;
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px;     
 height:24px;     
 width:24px;
}

/*  ---------------------------------------------  overlay pour les durée de vie -----------------------------------------*/ 

.apple_overlay_dv {          
/* initially overlay is hidden */     

	/* growing background image */
	background-image:url(apple.png);
	
	/* dimensions after the growing animation finishes  */
	width:380px;
	height:350px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:25px;              
 font-size:11px; } 
 /* boutton de fermeture */ 
 .apple_overlay_dv div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }

/*  ---------------------------------------------  overlay pour sur mesure -----------------------------------------*/ 
.apple_overlay_sm {          
/* initially overlay is hidden */     
display:none;          
/* growing background image */     
background-image:url(apple.png);         
 /*          width after the growing animation finishes         height is automatically calculated     */     
 width:750px;                 
  /* marge */     
 padding:30px;               
 font-size:11px; } 
 /* boutton de fermeture */ 
 .apple_overlay_sm div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }

/*  ---------------------------------------------  overlay pour les durée de vie -----------------------------------------*/ 

/*  ---------------------------------------------  overlay pour TERMINAISONS COUSUES -----------------------------------------*/ 
.apple_overlay_tc {          
/* initially overlay is hidden */     
display:none;          
/* growing background image */     
background-image:url(petrol.png);         
 /*          width after the growing animation finishes         height is automatically calculated     */     
 width:700px;                 
  /* marge */     
 padding:30px;               
 font-size:11px; } 
 /* boutton de fermeture */ 
 .apple_overlay_tc div.close {     
 background-image:url(delete.png);     
 position:absolute; right:24px; top:24px; 
 cursor:pointer;    
 height:24px;     
 width:24px;
  }


/*  ---------------------------------------------  overlay pour TERMINAISONS COUSUES  -----------------------------------------*/ 



/* black */
div.overlay.black {
	background:url(transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
div.video_overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(white.png);	
}
 
div.video_overlay div.close {
	background:url(delete.png) no-repeat;
	position:absolute;
	top:15px;
	right:2px; 
	width:35px;
	height:35px;
	cursor:pointer;
}
 
div.video_overlay a {
	height:450px;
	display:block;
}