/* @override http://www.chinacristal.com/elements/css/style2.css */

/* @override http://www.chinacristal.com/elements/css/style2.css */

/* @override http://www.webstyle.fr/chinaCristal/elements/css/style.css */

* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

body{
background-image:url(../images/bandeau.jpg);
background-repeat:repeat-x;
overflow:auto;
}

#global{
position:absolute;
width:985px;
left:50%;
bottom:0px;
margin-left:-477.5px;
top:0px;
}

#bandeauEntete{
position:absolute;
width:985px;
top:0px;
left:0px;
height:159px;
background-image:url(../images/entete.jpg);
background-repeat:no-repeat;
}

#bandeauNews{
position:absolute;
background-image:url(../images/newsBottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
top:159px;
width:985;
height:190px;
left:0px;
}

#bgBandeauNews{
position:absolute;
top:159px;
background-image:url(../images/bgNewsBottom.gif);
background-position:bottom;
background-repeat:repeat-x;
height:190px;
width:100%;
left:0px;
right:0px;

}

#bandeauNews h2 {
margin-left:30px;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 12px;
color: #5e5e5e;
padding-top: 15px;
}

p {
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 12px;
color: #5e5e5e;
}

p a{
color: #5e5e5e;
	font: italic 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

h4 {
font-family:Arial;
font-size:17px;
color: white;
text-decoration: none;
margin-bottom:10px;
}

.blanc {
font-family:Arial;
font-size:14px;
font-style:italic;
color: white;
text-decoration: none;
}

.blanc a{
font-family:Arial;
font-size:14px;
font-style:italic;
color: white;
text-decoration:underline;
	}

.contenuBloc{
font-family:Arial;
padding-left:20px;
padding-right:20px;
color:#FFFFFF;

}

.contenuBloc h3{
font-size:25px;
font-weight:normal;
line-height:25px;
border-bottom-width:1px;
border-bottom-color:#FFFFFF;
border-bottom-style:dotted;
padding-bottom:15px;
margin-bottom:0px;
}

.contenuBloc p{
font-family:Arial;
font-size:14px;
font-style:italic;
font-weight:100;


}
#boiteContenu{
position:absolute;
top:370px;
right:0px;
bottom:0px;
width:740px;
}



#bgdMenu{
position:absolute;
left:0px;
top:349px;
bottom:0px;
background-image:url(../images/bg_menu.jpg);
background-repeat:repeat-y;
width:245px;
height:600px;

}

#boiteBlocs{
position:absolute;
left:0px;

}
.bloc1{
position:absolute;
left:28px;
width:213px;
}

.bloc2{
position:absolute;
left:269px;
width:213px;
}

.bloc3{
position:absolute;
left:510px;
width:213px;
}

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

dl, dt, dd, ul, li {
	
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
}

#menu {
position:absolute;
top:0px;
left:33px;
width:180px;

}
dl#menu {
/*width: 15em;*/
}
dl#menu dt {
font-size: 12px;
cursor: pointer;
height: 25px;
background-image:url(../images/menu_border.gif);
background-repeat:no-repeat;
background-position:bottom;
	font-weight: bold;
}
dl#menu dd {
padding-left:15px;
font-size:10px;
padding-left:10px;
}
dl#menu li {
}
dl#menu li a, dl#menu dt a {
color: #5e5e5e;
text-decoration: none;
display: block;
border: 0 none;
padding-left:10px;
}

dl#menu li a:hover, dl#menu dt a:hover {
	background:red;
padding-left:10px;
background-image:url(../images/menuHover.gif);
background-repeat:no-repeat;
background-position:0% 0%;
color:#FFFFFF;
}

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

/*####################### BLOC 1 */
#PartieHautBloc1{
float:left;
height:300px;
width:213px;
background-image:url(../images/hautBlockOrange.jpg);
background-repeat:no-repeat;
padding-top:15px;
}

#PartieBasBloc1{
float:left;
width:213px;
height:13px;
background-image:url(../images/basBlockOrange.gif);
background-repeat:no-repeat;
}


/*####################### BLOC 2 */
#PartieHautBloc2{
float:left;
height:300px;
width:213px;
background-image:url(../images/hautBlockOrange2.jpg);
background-repeat:no-repeat;
padding-top:15px;
}

#PartieBasBloc2{
float:left;
width:213px;
height:13px;
background-image:url(../images/basBlockOrange2.gif);
background-repeat:no-repeat;
}



/*####################### BLOC 3 */
#PartieHautBloc3{
height:300px;
float:left;
width:213px;
background-image:url(../images/hautBlockOrange3.jpg);
background-repeat:no-repeat;
padding-top:15px;
}

#PartieBasBloc3{
float:left;
width:213px;
height:13px;
background-image:url(../images/basBlockOrange3.gif);
background-repeat:no-repeat;
}

#footer{
position:absolute;
left:0px;
right:0px;
height:25px;
top:949px;
background-color:#000000;
}

#boiteFooter a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
margin:15px;
bottom:0px;
}

#boiteFooter{
position:absolute;
width:400px;
left:50%;
margin-left:-200px;
top:955px;
padding-left:50px;
}



.pdf {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding-left: 11px;
	margin-bottom: 5px;
	
}
.pdf a:link {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:visited {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:active {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}