@font-face {
  font-family: Christmas;
  src: url("/files/fonts/CHRICI__.TTF") format("truetype");
}



BODY {background-color:#fcfcea; margin:0px;font:10px Verdana,Arial,sans-serif;color:#000; behavior: url("/files/csshover3.htc"); }
TD {font:10px Verdana,Arial,sans-serif;color:#000}
FORM {margin:0;padding:0}
/*.article img {
  box-shadow: 8px 8px 12px #aaa;
}  */
ACRONYM,ABBR {cursor:help}
LABEL {cursor:pointer;padding:0 6px}
.dot {color:#a70034;font-size:9px}
A {
	/*color:#a70034;*/
	color: #8E3557;
	text-decoration:underline;
}
A:hover {color:#8E3557; text-decoration:underline}


BLINK {
visibility: expression((function(){
if (!window.IEBlink) {
window.IEBlink = "visible";
setInterval(function() {
window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
var blinks = document.getElementsByTagName("blink");
for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
}, 700)
}
return "";
})());
}


/****************************** HEADER */
#logo {
	text-align:center;
	vertical-align:top;
	padding-top:9px;
	/*background-image: url(../images/bg_top.gif);
	background-repeat: no-repeat;
	background-position: right;*/
}

/*background:   url(../images/bg_lang.gif)*/
TD.lang {font:bold 10px Verdana,Arial,sans-serif;color:#fff;text-decoration:none;text-align:center; no-repeat;height:18px;padding-right:17px; background-color:#466900;}
TD.lang A {font:bold 10px Verdana,Arial,sans-serif;color:#fff;text-decoration:none;margin:0px 5px}
TD.lang A:hover {font:bold 10px Verdana,Arial,sans-serif;color:#fff;text-decoration:underline;margin:0px 5px}
TD.Christmas {font-family: Verdana,Arial; }

TD.searchbox {color:#000;font:bold 10px/18px Verdana,sans-serif;height:62px;background:   url(../images/bg_search.gif)}

INPUT,SELECT,TEXTAREA,INPUT.search{font: 10px Verdana, Helvetica, Arial, sans-serif;border:1px solid #adcf4f;color:#000;background-color:transparent;}
INPUT.search {width:11em}
INPUT.button {font:bold 10px/10px Verdana, Helvetica, Arial, sans-serif;border:1px solid #8e3557; color:#fff;background-color:#8e3557; margin-left:1px; height:18px; }
INPUT.reset {font:bold 10px/10px Verdana, Helvetica, Arial, sans-serif;border:1px solid #999;color:#fff;background-color:#999;margin-left:1px;height:16px}

SPAN.advsearch A {font:bold 10px/18px Verdana,sans-serif;color:#a70034;background-color:#b2cd7f;text-decoration:none}
SPAN.advsearch A:hover {font:bold 10px/18px Verdana,sans-serif;color:#a70034;background-color:#b2cd7f;text-decoration:underline}

TD.navsoussites {background:#f5f5f5;padding-top:0px}
TD.navsoussitespage {background:#fff;padding-top:0px}
#soussites {display:block;padding:0;margin:0;border:0;height:18px}
#soussites UL {background-color:#466900;list-style:none;padding:0;margin:0;border-top:1px solid #fff;border-right:1px solid #fff;height:18px}
/*#soussites UL {background-color:#466900;width:579px;list-style:none;padding:0;margin:0;border-top:1px solid #fff;border-right:1px solid #fff;height:18px}*/
#soussites LI {background-color:#466900;list-style:none;padding:0;margin:0;display:inline;vertical-align:middle;border-left:1px solid #fff}
#soussites A {font:bold 9px/16px Verdana,Arial,sans-serif;color:#fff;text-decoration:none;padding:0px 5px;margin:0px;background-color:#466900;height:18px}
#soussites A:hover {font:bold 9px/16px Verdana,Arial,sans-serif;color:#fff;text-decoration:none;padding:0px 5px;margin:0px;background-color:#a70034;height:18px}

TD.navoutils {background:#fff url(../images/bg_outils2.gif) 100% 0% repeat-y;vertical-align:top;height:18px}

TD.navoutilspage {background:#fff;vertical-align:top;height:18px}
/**/
/*#outils {width:562px; border-top:1px solid #fff;border-left:1px solid #fff;background:  url(../images/bg_outils.gif) #b2cd7f;vertical-align:top} */
#outils {width:100%; border-top:1px solid #fff;border-left:1px solid #fff;background:url(../images/bg_outils.gif) #b2cd7f;vertical-align:top} 
#outils A {font:9px Verdana,Arial,sans-serif;color:#a70034;text-decoration:none}
#outils A:hover {font:9px Verdana,Arial,sans-serif;color:#a70034;text-decoration:underline}
TD.primus {background:#b2cd7f}
SPAN.endoutils {background:   url(../images/outils_end.gif);float:right;width:5px;height:17px;display:inline}
SPAN.endoutilspage {background:   url(../images/outils_endpage.gif);float:right;width:5px;height:17px;display:inline}

/****************************** COLONNE DE GAUCHE */
#navmain {background-color:#fff}
#navmain TD {background:#cc6 url(../images/arr_navmain.gif) no-repeat 100% 50%;height:13px}
#navmain A {font:10px Verdana,Arial,sans-serif;color:#000;text-decoration:none;padding-left:5px}
#navmain A:hover {font:10px Verdana,Arial,sans-serif;color:#000;text-decoration:none;padding-left:5px}


TD.leftcol {
	vertical-align:top;
	background-image: url(../images/cleft_bg.gif);
	background-position: right;
}
TD.leftendcol {
	width:166px;
	background-image: url(../images/cleft_end.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menuleft1 DIV {background:   url(../images/tm_01.gif);width:165px;height:20px}
#menuleft2 DIV {background:   url(../images/tm_02.gif);width:165px;height:20px}
#menuleft3 DIV {background:   url(../images/tm_03.gif);width:165px;height:20px}

#menuleft1 SPAN, #menuleft2 SPAN, #menuleft3 SPAN {position:relative;top:6px;left:7px;font:bold 11px Verdana,Arial,sans-serif;color:#fff}

#menuleft1, #menuleft2, #menuleft3 {display:block;list-style:none;margin:0;padding:0;border:none}
#menuleft1 UL,#menuleft2 UL,#menuleft3 UL {display:block;list-style:none;padding:0;margin:0;border:none}

#menuleft1 LI {color: Black;list-style:none}
#menuleft1 A.sub {display:block;padding:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#690;color:Black;text-decoration:none;width:165px;font-weight:bold;padding-left:4px;background:#fdfdcd url(../images/arrow_out.gif) no-repeat 98% 50%}
#menuleft2 A.sub {display:block;padding:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#690;color:Black;text-decoration:none;width:165px;font-weight:bold;padding-left:4px;background:#fdfdcd url(../images/arrow_out.gif) no-repeat 98% 50%}
#menuleft3 A.sub {display:block;padding:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#690;color:Black;text-decoration:none;width:165px;font-weight:bold;padding-left:4px;background:#fdfdcd url(../images/arrow_out.gif) no-repeat 98% 50%}


#menuleft1 A.sub:hover,#menuleft2 A.sub:hover,#menuleft3 A.sub:hover {display:block;padding:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#690;color:#a70034;text-decoration:none;width:165px;font-weight:bold;padding-left:4px;background:#fff url(../images/arrow_on.gif) no-repeat 98% 50%}

html>body #menuleft1 li a.sub {width:96%}
html>body #menuleft2 li a.sub {width:96%}
html>body #menuleft3 li a.sub {width:96%}
html>body #menuleft1 li a.sub:hover {width:96%}
html>body #menuleft2 li a.sub:hover {width:96%}
html>body #menuleft3 li a.sub:hover {width:96%}

SPAN.menulefthead A {font:bold 11px Verdana,Arial,sans-serif;color:#fff;text-decoration:none} 
SPAN.menulefthead A:hover {font:bold 11px Verdana,Arial,sans-serif;color:#fff;text-decoration:none} 
SPAN.menulefthead {font:bold 11px Verdana,Arial,sans-serif;color:#fff;text-decoration:none} 

.submenuin {color:#a70034;vertical-align:middle;text-indent:11px;background:#fff url(../images/arrow_on.gif) no-repeat 0% 50%}

IMG.logo{margin-top:10px}

/****************************** CENTRE */
TD.content {background-color:#fff;vertical-align:top;padding:15px;height:350px;}
TD.contentpage {background-color:#fff;vertical-align:top;padding:15px 37px 30px 15px;width:594px;height:350px}
body>TD.contentpage {width:542px}

/*DIV.titulo {background:#d8eeac;height:21px;vertical-align:middle;margin:0;padding:0;border:0;width:auto;margin-bottom:40px; display:block; }
DIV.titulo .txtune {background:   url(../images/t_alaune_bg.gif) no-repeat 0% 100%;font:bold 13px Verdana,Arial,sans-serif;color:#fff;height:100%;padding-left:20px}
DIV.titulo .endune {background:   url(../images/t_alaune_end.gif) no-repeat 0% 100%}
DIV.titulo .txt {background:   url(../images/t_bg.gif) no-repeat 0% 100%;font:bold 13px Verdana,Arial,sans-serif;color:#fff;height:100%;padding-left:25px}
DIV.titulo .end {background:   url(../images/t_end.gif) no-repeat 0% 100%} */

.titulo {position: relative; display: block;}
DIV.titulo .txt{font:bold 20px Verdana,Arial,sans-serif; vertical-align:middle; color:#999999; margin-bottom:15px; margin-top:5px; border-bottom:1px solid #999999; width:100%;} 

/*
DIV.attention {
	text-align: justify;
	border-style: solid;
	border-width:1px;
	border-color:#a70034;
  	padding:3px;
    display:block
}
*/

.articles {width:100%}
.articles TD {vertical-align:middle}

.articles A {color:#a70034;text-decoration:none}
.articles A:hover {color:#a70034;text-decoration:underline}
.newsslidercontent A {color:#a70034;text-decoration:none}
.newslidercontent A:hover {color:#a70034;text-decoration:underline}

SPAN.more {margin:5px 0px 20px 0px;display:block}
SPAN.more A {font-weight:bold;color:#a70034;text-decoration:none}
SPAN.more A:hover {font-weight:bold;color:#a70034;text-decoration:underline}


TD.bottomnavbar {background-color:#fff;font:bold 9px Verdana,Arial,sans-serif;text-align:center;color:#466900;max-height:50px}
TD.bottomnavbar A:link, TD.bottomnavbar A:visited {font:bold 9px Verdana,Arial,sans-serif;text-align:center;color:#466900;text-decoration:none}
TD.bottomnavbar A:hover, TD.bottomnavbar A:active {font:bold 9px Verdana,Arial,sans-serif;text-align:center;color:#a70034;text-decoration:none}

/*TD.bottom {font:9px Verdana,Arial,sans-serif;color:#fff;text-align:center;background:#466900 url(../images/cright_end.gif) no-repeat 100% 0%;width:470px}*/
TD.bottom {font:9px Verdana,Arial,sans-serif;color:#fff;text-align:center;background:#466900 url(../images/cright_end.gif) no-repeat 100% 0%}
TD.bottompage {font:9px Verdana,Arial,sans-serif;color:#fff;text-align:center;background:#466900 url(../images/cright_end.gif) no-repeat 100% 0%;width:528px}
TD.bottom A:link,TD.bottom A:visited,TD.bottompage A:link,TD.bottompage A:visited  {background-color:#466900;font:9px Verdana,Arial,sans-serif;color:#fff;text-decoration:none}
TD.bottom A:hover,TD.bottom A:active,TD.bottompage A:hover,TD.bottompage A:active {background-color:#466900;font:9px Verdana,Arial,sans-serif;color:#fff;text-decoration:underline}

/********************************************* CONTENU TEMPLATES ************/
#breadcrumb {background:#f5f5f5;font:bold 7pt Verdana,Arial,sans-serif;color:#999;padding:3px 0 3px 9px;border-left:1px solid #fff}
/*#breadcrumb {width:556px;background:#f5f5f5;font:bold 7pt Verdana,Arial,sans-serif;color:#999;padding:3px 0 3px 9px;border-left:1px solid #fff}*/
#breadcrumb A {font:bold 7pt Verdana,Arial,sans-serif;color:#999;text-decoration:underline}
#breadcrumb A:hover {font:bold 7pt Verdana,Arial,sans-serif;color:#a70034;text-decoration:underline}
/*html>body #breadcrumb {width:547px}*/

#breadcrumb ul {margin-left:0;padding-left:0;display:inline;border:none} 
#breadcrumb ul li {margin-left:0;padding-left:2px;border:none;list-style:none;display:inline}

DIV.courant {padding-left:17px}
DIV.courant A {color:#a70034;text-decoration:none}
DIV.courant A:hover {color:#a70034;text-decoration:underline}

.resume {font:bold 10px Verdana,Arial,sans-serif;color:#690;margin-top:10px}
.chapo {font-weight:bold}

.boxtop {background:#f5f5f5 url(../images/box_bg_top.gif);border-right: 1px solid #466900;height:13px}
.boxmid {background:#f5f5f5;border-left: 1px solid #466900;border-right: 1px solid #466900;padding:0 15px}
.boxbot {background:#f5f5f5 url(../images/box_bg_bottom.gif);border-left: 1px solid #466900;margin-bottom:20px;height:13px;text-align:right}

TABLE.box {}
TABLE.box THEAD TH {background:#690;font:bold 10px Verdana,sans-serif;color:White;text-align:left;padding:2px 5px}
TABLE.box TBODY TH {font:10px Verdana,sans-serif;color:Black;text-align:right;background:#d8eeac url(../images/bullet2.gif) no-repeat 100% 50%;padding-right:15px;padding-left:5px}
TABLE.box TFOOT TD {font:10px Verdana,sans-serif;color:Black;text-align:right;background:White}
TABLE.box TD {background:#f5f5f5;font:bold 10px Verdana,sans-serif;color:White;text-align:center}
TABLE.box TD.aleft {background:#f5f5f5;font:10px Verdana,sans-serif;color:Black;text-align:left}
TABLE.box TD.aright {background:#f5f5f5;font:10px Verdana,sans-serif;color:Black;text-align:right}
TABLE.box TD.none {background:White;font:10px Verdana,sans-serif;color:Black;text-align:right;vertical-align:top}
TABLE.box TFOOT TD.none {background:White;font:10px Verdana,sans-serif;color:Black;text-align:left;vertical-align:top}

H1{font:bold 17px Verdana,Arial,sans-serif}
H2{font:bold 16px Verdana,Arial,sans-serif}
H3{font:bold 15px Verdana,Arial,sans-serif}
H4{font:bold 14px Verdana,Arial,sans-serif}
H5{font:bold 13px Verdana,Arial,sans-serif}
H6{font:bold 12px Verdana,Arial,sans-serif}
/*HR {color:#466900;height:1px;width:100%;text-align:center}*/
HR {color:#466900;height:1px;width:50%;text-align:center;}

UL.mini {list-style:square;margin:0 0 0 15px;padding:10px 0 0 0}
UL.mini LI {margin-bottom:15px}
UL.mini A {font:bold 10px Verdana,Arial,sans-serif;text-decoration:none}
UL.mini A:hover {font:bold 10px Verdana,Arial,sans-serif;text-decoration:underline}

UL.brevesmini {list-style:square;margin:0 0 0 15px;padding:10px 0 0 0}
UL.brevesmini LI {margin-bottom:15px}
UL.brevesmini A {font:10px Verdana,Arial,sans-serif;text-decoration:none;color:Black}
UL.brevesmini A:hover {font:10px Verdana,Arial,sans-serif;text-decoration:none}

UL.breves {list-style:none;margin:0;padding:10px 0 0 0}
UL.breves LI {margin-bottom:15px}
UL.breves A {font:10px Verdana,Arial,sans-serif;text-decoration:none;color:Black}
UL.breves A:hover {font:10px Verdana,Arial,sans-serif;text-decoration:none}

UL.dossiers {list-style:none;margin:0;padding:10px 0 0 0}
UL.dossiers LI {margin-bottom:15px;display:block}
UL.dossiers A {font:10px Verdana,Arial,sans-serif;text-decoration:none;color:Black}
UL.dossiers A:hover {font:10px Verdana,Arial,sans-serif;text-decoration:none}

OL.anchor {margin:0 0 0 25px;padding:10px 0}
OL.anchor A {font:10px Verdana,Arial,sans-serif;text-decoration:none;color:Black}
OL.anchor A:hover {font:10px Verdana,Arial,sans-serif;text-decoration:none}

TABLE.webz TD {vertical-align:top;background-color:#efefef}
TABLE.webz A {font:10px Verdana,Arial,sans-serif;text-decoration:none;color:Black}
TABLE.webz A:hover {font:10px Verdana,Arial,sans-serif;text-decoration:none}

.pictoresult {float:left;margin:0 10px 0 0}
.faq {margin:0 0 0 25px;padding:10px 0}
.faq LI {margin-bottom:15px}
.pictofaq {margin:0 7px 0 0}

.left {float:left;margin-right:15px}
.right {float:right;margin-left:15px}
.left IMG {border:1px solid #466900;margin:0}
.right IMG {border:1px solid #466900;margin:0}
.legende {color:#777}


/****************************** COLONNE DE DROITE */
TD.rightcol {
/*background: url(../images/cright_bg.gif);*/
vertical-align:top;
width:171px;
border-left:1px solid #466900; 
/*width:124px;*/
}
TD.rightendcol {vertical-align:top;width:171px}
TD.rightcolpage {vertical-align:bottom;width:66px}

DIV.gris {background:#f5f5f5;padding-top:15px}
DIV.gris IMG {background:#f5f5f5;margin-bottom:12px}

.boxrighttitle {font-size:10px;
 font-family:Verdana,Arial,sans-serif;
 font-weight: bold;
 color: rgb(255, 255, 255);
 background:rgb(70, 105, 0) ;
 width:171px;
 display:block;
 margin-top:0px;
 border-right:1px solid #466900;border-left:1px solid #466900;
 text-align:center;
 color: #f5f5f5;
 padding: 3px 0px 3px 0px;
}

.magazine {background:#f5f5f5;border-right:1px solid #466900;
	/*border-left:1px solid #466900;*/
	padding:5px 0px 0px 0px}
.magazine IMG.illus {margin:2px}
.magazine A {color:#a70034;text-decoration:none}
.magazine A:hover {color:#a70034;text-decoration:underline}

DIV.blocend2 {
	/*width:123px;*/
	height:16px;
	border-bottom:1px solid #466900;
	background:#f5f5f5;
	border-right:1px solid #466900;
	border-left:1px solid #466900; 
	/*background-image: url(../images/bloc_end.gif);*/
	background-position: top;
}

DIV.blocend {
  /*width:171px;*/
  border-bottom:1px solid #466900;
	background:#f5f5f5;
	border-right:1px solid #466900;
	/*border-left:1px solid #466900; */
}

.titrerub {
	font-size: 14px;
	font-weight: bold;
	color: #466900;
	border-left-width: 5px;
	border-left-style: solid;
	/*border-left-color: #466900; */
	border-left-color: #8E3557;
	padding-left: 10px;
	margin-top:20px;
	margin-bottom:5px
	}

.titrerubred {
	font-size: 12px;
	font-weight: bold;
	color: red;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: red;
	padding-left: 10px;
	margin-bottom:10px,
	}
	
.horizontal {
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 10px;
}
.texterub {
	margin-left: 30px;
	margin-right: 10px;
    text-align: justify;
}

TD.texterub {
	padding-left: 30px;
	margin-left: 10px;
  	text-align: justify;
}

.soustitrerub {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #466900;
	padding-left: 10px;
	margin-left: 0px;
	left: 10px;

}


.titrenews{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #466900;
	border-left-style: none;
	border-left-color: #0066FF;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.textenews{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left-style: none;
	border-left-color: #0066FF;
	margin-left: 40px;
	padding-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	}

/* Highslide */

.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

.highslide-html {
	background: none;
}
.highslide-header ul a {
	background-image: url(graphics/controlbar-text-buttons.png);
	padding-left: 16px;
	display: inline-block;
	height: 16px;
}
.highslide-header ul li span {
	display: none;
}
.highslide-header .highslide-move {
	display: none;
}
.highslide-header .highslide-close a {
	background-position: 0 -221px;
}
 
td.vignette {
width: 150px;
}

.vignette img { 
    border: 1px solid #ffffff; 
    -moz-box-shadow: 1px 1px 8px #555;  
    -webkit-box-shadow: 1px 1px 8px #555;  
    box-shadow: 1px 1px 8px #555;  
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#555', Direction=135, Strength=5); 
    background-color:#FFFFFF;
  zoom: 1; 
}

ul {
list-style-type: square;
}


ul li 
{	
	list-style-type:square;
	/*color:#a70034;*/
}
			
li span 
{
	color: #000000;
}
	
	
/*.article
{
z-index: 1;
position: relative;
padding-top:5px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 15px;
border-radius: 15px;
border: solid 1px #466900;
margin-bottom:10px;
background-color:#fcfcea;
overflow: hidden;
   -moz-border-radius: 15px;
border-radius: 15px;
}

*/

.article_comment  {
display:none;
}
.titre {
align: left;
}

.titre_article {

}

.article:hover {
background-color:#fdfdcd;
}

.article p {
text-align: justify;
}


.article p.titre_articlerub
{
font-size: 14px;
	font-weight: bold;
	/*color: #466900; */
	color: #000;
	/*border-left-width: 5px;
	border-left-style: solid;*/
	/*border-left-color: #466900; */
	border-left-color: #8E3557;
	padding-left: 10px;
}
 
.article p.soustitre_articlerub
{
	font-size: 12px;
	font-weight: bold;
	color: #466900;
	padding-left: -2px;
}

.article DIV.texte 
{
padding-left:10px;
}

.article DIV.attention 
{
font-weight:bold;
}


.tb {
	padding:5px; 
	border-style:solid; 
	border-width:1px;
	background-color: #fcfcea; 
	/*width:100%;*/
}
tr.tb_titre1 {
	font-weight: bold;
	background-color: #ADCF4F;
}

.tb_titre1 td {
font-weight: bold;
}

tr.tb_titre2 {
	background-color: #F7F2B2;
}



.article fieldset {
border:1px solid #adcf4f;
margin-top: 10px;
padding: 10px;
}

.article legend {
color: #8e3557;
font-weight: bold;
}

 .focusField{
        border:solid 2px #8e3557;
        padding-bottom:1px;
        background-color: white;
        }
    .idleField{
    	padding-bottom:3px;
      }
.article_attention {
	margin: 10px;
	padding: 10px;
	text-align: justify;
	background-color: #f5f5f5;
	border: 2px solid #8e3557; 
}

legend {
  _position : absolute;
  _top : 0px;
	margin-left:5px;
	font-weight:bold;
	color: #EF9157;
	font-size:1.1em;
}

fieldset {
   _position : relative;  /* The underscore means only IE will see it */
    _padding-top : 100px;   /* Stupid IE */
    _padding-bottom : 15px;
    _display : block;
    width:95%;
	padding:10px;
	margin:5px;
	background-color: #FCFAE1;
	border:1px solid #EF9157;
  -moz-border-radius:4px;
    -webkit-border-radius:4px;	
    border-radius:4px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; 	
}

.bloc
{
z-index: 0;
position:relative;
width:100%;
}


div.article  {
   position: relative;
   display: block;
  /* float: left; */
   /*width: 204px;
   height: 113px;*/
   /*border: solid 1px #999999;*/
padding-top:5px;
padding-bottom:10px;
background-color:#fcfcea;
padding-left:10px;
padding-right:10px;
width:95%;
margin: 10px 0px 30px 0;
   -webkit-box-shado-1: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
} 



div.article:before, div.article:after {
   content: "";
   z-index: -1;
  position: absolute; 
   right: 10px;
   bottom: 16px;
   width: 80%;
   height: 55%;
   /*max-width: 500px;*/
   -webkit-transform: skew(-5deg) rotate(-3deg);
   -moz-transform: skew(-5deg) rotate(-3deg);
   -o-transform: skew(-5deg) rotate(-3deg);
   transform: skew(-5deg) rotate(-3deg);
   -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
   box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
} 

/*div.article:after {
   right: auto;
   -webkit-transform: skew(5deg) rotate(3deg);
   -moz-transform: skew(5deg) rotate(3deg);
   -o-transform: skew(5deg) rotate(3deg);
   transform: skew(5deg) rotate(3deg);
   -webkit-box-shadow: -12px -12px -12px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: -12px -12px -12px rgba(0, 0, 0, 0.3);
   box-shadow: -12px -12px -12px rgba(0, 0, 0, 0.3);
}
*/