body {
background-color : #4981c6;
font-family : Tahoma;
font-size : 13px;
width : 1024px;
margin : auto;
}
.no_cadre {
border : none;
}
a img {
border-style : none;
}
#header {
background : url("images/design/header.png") no-repeat 0 0;
width : 952px;
height : 118px;
padding : 0;
margin : auto;
}
#menu {
background : url("images/design/menu.png") no-repeat 0 0;
width : 957px;
height : 33px;
margin-left : 35px;
padding : 0;
}
#news {
background : url("images/design/milieu.png") no-repeat 0 0;
width : 958px;
height : 311px;
margin-left : 34px;
padding : 0;
}
#nouveaute {
background : url("images/design/news.png") no-repeat 0 0;
width : 952px;
height : 229px;
margin : auto;
padding : 0;
}
#contenu1 {
background : url("images/design/bas.png") no-repeat 0 0;
width : 952px;
height : 16px;
margin : auto;
padding : 0;
}
#contenu5 {
background : url("images/design/contenu2.png") no-repeat 0 0;
width : 952px;
height : 16px;
margin : auto;
padding : 0;
}
#contenu2 {
background : url("images/design/contenu.png") repeat-y 0 0;
width : 952px;
margin : auto;
padding : 0;
}
#contenu3 {
background : url("images/design/bas2.png") no-repeat 0 0;
width : 952px;
height : 16px;
margin : auto;
padding : 0;
clear : both;
}
#contenu4 {
float : left;
margin-left : 25px;
width : 625px;
}
.news {
padding-top : 7px;
color : #ffffff;
font-size : 15px;
font-family : Times New Roman;
margin-left : 50px;
width : 425px;
}
#menu2 {
margin-left : 690px;
width : 227px;
}
#footer {
background : url("images/design/footer.png") no-repeat 0 0;
width : 952px;
height : 50px;
margin : auto;
padding : 0;
}
p {
color : #4c4c4c;
font-size : 13px;
font-family : Times New Roman;
}
a {
color : #818181;
}
a:hover {
color : #818181;
}
#c1 {
margin-left : 40px;
width : 250px;
float : left;
}
#c2 {
margin-left : 55px;
width : 250px;
float : left;
}
#c3 {
margin-left : 45px;
width : 300px;
float : left;
}
#c4 {
clear : both;
}
.grand {
color : #818181;
font-size : 15px;
font-family : Times New Roman;
}

.titre {
color : #558fcf;
font-size : 14px;
font-family : Verdana;
}

.right {
text-align : right;
}

.left {
text-align : left;
margin-left: 10px;
}

#table{
border : dashed;
border-color: #558fcf;
border-width:1px;
width: 585px;
font-family: Comic Sans MS, "Times New Roman", Verdana, Arial, serif;
color : #4c4c4c;
font-size: 13px;
font-style : italic;
}


/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}