/* CSS relatifs au JS slide-boxes ------------------------------------------ */
.boxgrid, div.swf-actualite-principale{ 
	float:left; 
	width: 302px; height: 252px; 
	overflow: hidden; 
	position: relative; 
	margin:0px 0px 0px 0px;
}
* html .boxgrid, * html div.swf-actualite-principale{ 
	width: 302px; 
	height: 252px; 
	margin:0px 0px 0px 0px;
	float:left; 
	background:#f0f0f0; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
	position:relative; border: 0;
	top: 2px; left: 1px; 
}

.boxgrid a{ 
	color:#afafaf;
	text-decoration:none; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	height: 100px; 
	width: 100%; 
	cursor:pointer;
}

.fond-boxcaption {
	height: 91px;
	width:300px;
	margin-left:1px;
	background-image:url(../images/nos-offres/offres-sante/background-boxcaption.png);
 	z-index:1;
}
* html .fond-boxcaption {
	background:#FFFFFF; 
	height: 91px;
	width:300px;
	margin-left:1px;
	-moz-opacity:0.75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; z-index:1;
}
.contenu-boxcaption {margin:-85px 10px 10px 10px; text-decoration:none; padding-top:0px; z-index:3;-moz-opacity:1;}
* html .contenu-boxcaption {margin:-85px 10px 10px 10px; text-decoration:none; z-index:3;-moz-opacity:1;}
*+html .contenu-boxcaption {position:relative; margin:-85px 10px 10px 10px; text-decoration:none; z-index:3;-moz-opacity:1;}

.contenu-boxcaption p {padding:0; margin:0;}

	.captionfull .boxcaption {
	top: 260px;
	left: 0; color:#000000;
}
.caption .boxcaption {
	top: 220px;
	left: 0;
}

/* sup*/
.boxgrid-angles-bottom {float:left; position:relative;
background-image:url(../images/nos-offres/offres-sante/background-boxcaption-bottom.png);
background-position:top left; background-repeat:no-repeat;
width:310px; height:14px; border:0;
margin:-10px 0px 0px -3px;}

.boxgrid-angles-top {float:left; position:relative;
background-image:url(../images/nos-offres/offres-sante/background-boxcaption-top.png);
background-position:top left; background-repeat:no-repeat;
width:310px; height:14px; border:0;
margin:-252px 0px 0px -3px;}

/* Pour le flash */
.zone-flash-boxgrid {margin:1px 0px 0px 1px;}
.swf-actualite {position:absolute; margin:0px 0px 0px 0px; width:300px; height:250px; z-index:1;}
#link-swf-actualite {position:absolute; z-index:3;}
*+html #link-swf-actualite {position:absolute; z-index:3; margin-left:-300px;}



/* ******************* */

.blocpromo_impair { /*gauche - float:left */
background-color:#ffffff;
background-image:url(../images/nos-offres/offres-sante/background-bloc-boxgrid.jpg);
background-repeat:no-repeat; background-position:top left;
width:304px; height:254px;
margin:0px 0px 0px 0px; 
padding:0;
float:left;
margin-bottom:5px;
/*border:solid 1px red;*/
}
.blocpromo_pair { /*droite - float:right */
background-color:#ffffff;
background-image:url(../images/nos-offres/offres-sante/background-bloc-boxgrid.jpg);
background-repeat:no-repeat; background-position:top left;
width:304px; height:254px;
margin:0px 0px 0px 0px; 
padding:0;
float:right;
margin-bottom:5px;
/*border:solid 1px red;*/
}
.blocpromo-unique {
background-color:#ffffff;
background-image:url(../images/nos-offres/offres-sante/background-bloc-boxgrid.jpg);
background-repeat:no-repeat; background-position:top left;
width:304px; height:254px;
margin:0px 0px 0px 20px; 
padding:0;
float:left;
margin-bottom:5px;
/*border:solid 1px red;*/
}



/*.toggler1, .toggler2, .toggler3, .toggler4, .toggler5 .toggler6, .toggler7 { 
width: 330px; height: 300px; 
position: relative;
float:left;
margin:10px 0px 10px 0px;
}
*/
.toggler1, .toggler3, .toggler5, .toggler7, .toggler9 { 
width: 307px; height: 300px; 
position: relative;
float:left;
margin:10px 0px 10px 20px;
}
.toggler2, .toggler4, .toggler6, .toggler8, .toggler10  { 
width: 307px; height: 300px; 
position: relative;
float:right;
margin:10px 20px 10px 0px;
}

#button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9, #button10 { 
clear:both; padding:0; height:21px; text-decoration: none;color:#601685;font-weight:bold;font-size:12px;background:url(../images/sidebar/ico-localisez-la-votre.gif) no-repeat top left; display:block; padding:4px 0 0 25px; text-decoration:underline;
}


#effect1, #effect3, #effect5, #effect7, #effect9 { 
width: 0px; height: 250px; padding:0; overflow:hidden; 
position: relative; top:-283px; left:305px;
/*background: #CCC;*/ 
background:url('/template/images/nos-offres/background-detail-offres.jpg') no-repeat top left; 
}
#bloc-unique { 
width: 0px; height: 250px; padding:0;
float:left;
background:url('/template/images/nos-offres/background-detail-offres.jpg') no-repeat top left; 
}

#effect2, #effect4, #effect6, #effect8, #effect10 { 
width: 0px; height: 250px; padding:0; overflow:hidden; 
position: relative; top:-283px; left:0px; 
/*background: #CCC;*/
background:url('/template/images/nos-offres/background-detail-offres_left.jpg') no-repeat top left; 
}
/*
#effect1 div.detailoffre, #effect2 div.detailoffre, #effect3 div.detailoffre, #effect4 div.detailoffre, #effect5 div.detailoffre, #effect6 div.detailoffre, #effect7 div.detailoffre,  #effect8 div.detailoffre,  #effect9 div.detailoffre, #effect10 div.detailoffre {
*/
div.detailoffre {
margin:20px;
margin-top:0px;
background:#FFF;
font-size:10px;
color:#000000;
width:310px;
}

#effect1 .close, #effect3 .close, #effect5 .close, #effect7 .close, #effect9 .close{
	float:right;
	margin:10px;
}
#effect2 .close, #effect4 .close, #effect6 .close, #effect8 .close, #effect10 .close {
	float:left;
	margin:10px;
}