/* CSS Document */


body#default{
background-color: #FFF;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
font-family:  Verdana, Arial,Helvetica, sans-serif;
font-style: normal;
color: #000;
padding: 0;
margin: 0;
text-align: center;
	 }


/*****banner*****/
/**large**/
#banner{
	height: 147px;
	padding: 0 0px 0 0;
	width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images/top1.jpg);	
    margin-bottom: 0px;
    padding: 0px 0;
}

/**BLOCK**/
.Center{
	margin-left: auto;
	margin-right: auto;
	width:950px;
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
}

.blockG1{ left:0px; }
.blockC1{ margin-left:10px;  }
.blockG2{ left:0px; }
.blockC2{ margin-left:10px;  }
.blockG3{ left:0px; }
.blockC3{ margin-left:10px;  }
.blockG4{ left:0px; }
.blockC4{ margin-left:10px;  }
.blockG5{ left:0px; }
.blockC5{ margin-left:10px;  }
.blockG6{ left:0px; }
.blockC6{ margin-left:10px;  }
.blockD{ margin-left:10px; }
	
.blockG1, .blockC1, .blockG2, .blockC2, .blockG3, .blockC3, .blockG4, .blockC4, .blockG5, .blockC5, .blockG6, .blockC6 {
width:270px;
position:relative;
float:left;
overflow:hidden;
text-align: left;
background-color: #fff;
margin-bottom: 2px;
padding: 5px;
display: block;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
	}
	
.blockD{
width:260px;
height:200px;
position:relative;
float:left;
overflow:hidden;
text-align: right;
display: block;
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
margin-bottom: 2px;
padding-top: 5px;
padding-right:3px;
padding-left:3px;
padding-bottom: 17px;
color: #666;
font-size: 11px;
background-color:#CCCCCC;
background-image:url(../images/fond4.jpg);	
}

.blockG1:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #719AD1;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockC1:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #FDC4FB;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}
.blockG2:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #000;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockC2:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #F2FF24;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}
.blockG3:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #F2FF24;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockC3:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #717A83;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}
.blockG4:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #000;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockC4:hover{
text-decoration: none;
color: #FFF;
text-align: left;
background-color: #719AD1;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockG5:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #FDC4FB;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}
.blockC5:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #666699; 
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockG6:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #F2FF24;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.blockC6:hover{
text-decoration: none;
color: #999;
text-align: left;
background-color: #717A83;
margin-bottom: 2px;
padding: 5px;
display: block;
background-position: top;
background-repeat: no-repeat;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}

.BlockPhoto{
	position:relative;
	top:0px;
	left:0px;
	
}

.BlockTitre{
	width:270px;
	position:relative;
	text-indent:2px;
	color: #333;
	margin-bottom: 5px;
	font-size: 12px;
	font-variant: small-caps;	
	}

.BlockSousTitre{
	color: #333;
	width:270px;
	position:relative;
	margin-top:7px;
	font-size: 13px;
	font-variant: small-caps;
	}
.BlockText{
	color: #666;
	width:270px;
	position:relative;
	margin-top:2px;
	font-size: 11px;
	}
.BlockPublication{
	color: #00407D;
	}

a.lien{
color: #fff;
text-decoration: none;
display: block;

}
a:hover.lien{
color: #ffff;
text-decoration: none;
display: block;
background-color: #0D4C5D;

}

.CenterArtTitleLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	line-height:18px;
}
.CenterArtTitleLinks:hover{
	color:#DC0101;
}


.CenterArtFontA{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
}

#picto, #picto ul { 
	padding: 0;
	margin: 150px 0px 5px 5px;
    list-style: none;
	line-height: 1;
}

#picto a {
	display: block;
	width: 2em;
}

#picto li { /* tous les items de liste */
	float: right;
	width: 2em; 
}


#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}


/**end top nav**/
#logo{
  background-image:url(../images/logo.jpg);
  background-repeat:no-repeat;
   background-color: #1A1A1A;
  height:147px;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  }


#contentmain #price{
background-image: url(../images/price.gif);
width: 100px;
height: 21px;
padding: 5px 0 0 25px;
text-align: left;
}

#contentmain .image{
position: absolute;
left: 400px;
clear: left;
top: 0px;
margin: 0px;
}
.image a{
color: #fff;
border-top: 1px dotted #e8e8e6;
border-bottom: 1px dotted #e8e8e6;
border-left: 0px;
border-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}
.image a:hover{
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;
padding-top: 2px;
padding-bottom: 5px;
}

.cntlink{
padding-left: 5px;
padding-right: 5px;
color:#999;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 5px;
background-color: #1A1A1A;
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: .9;
-khtml-opacity: .9;
opacity: .9; /* for future compatibility */

}

a.beaute{
color: #999;
text-decoration: none;
width: 790px;
display: block;

}
a:hover.beaute{
color: #999;
text-decoration: none;
display: block;

}


#contentright img{
	border: 1px solid #f8f8f7;
}

#contentright a:hover img{
	border: 0 solid #fff;
}

#contentright a:hover{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #82e527;
	font-weight: normal;
	text-decoration: underline;
}


/*****headings*****/
h1 {
text-decoration: none;
color: #ccc;
text-align: left;
background-color: #666;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
 display: block;
}

h2 {
text-decoration: none;
color: #ccc;
text-align: left;
background-color: #1A1A1A;
margin-bottom: 2px;
margin-top: 0px;
padding: 5px;
font-size: 12px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
display: block;
}

h2 a{
text-decoration: underline;
color: #FFF;
text-align: left;
background-color: #1A1A1A;
margin-bottom: 2px;
margin-top: 0px;
font-size: 12px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
display: block;
}

h2 a:hover{
text-decoration: none;
color: #ccc;
text-align: left;
background-color: #666699;
margin-bottom: 2px;
margin-top: 0px;
font-size: 12px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
display: block;
}

h3 {
color: #000;
background-color: #f6f6f6;
padding: 5px;
margin: 0px;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
border-bottom: 1px dotted #e8e8e6;
border-top: 1px dotted #e8e8e6;
}
h4 {
text-decoration: none;
color: #FFF;
text-align: left;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
 display: block;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*****footer*****/

#footer{
margin-left: auto;
margin-right: auto;
background-color:#666;
background-repeat: none;
height: 18px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFF;
font-weight: normal;
font-variant: small-caps;
width: 950px;
clear:both;
padding: 3px 3px 0px 0px;	
text-align: right;
}
a.backToTop {
  padding-left: 10px;
  color: #FFF;
  font-size: 12px;
  font-variant: small-caps;
}

a.backToTop:hover {color: #999;}