* {margin:0;padding:0;font-size:100%;}
table {  border-collapse: collapse;  border-spacing: 0;}
img {border:none;}
h1, h2, h3, h4, h5, p, ul {margin:14px 0;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
ul {list-style-type:none;}
body {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;text-align:center;color:#c2c2c2;}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignleft{margin: 3px 10px 2px 0; }
img.alignright{ margin: 3px 0 2px 10px; }
img.alignleft, img.alignright{	padding: 4px;	border: 1px solid #eee;	display: inline;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
input, button, select {vertical-align: middle;}
p {margin:15px 0;line-height:160%;}
li {line-height:160%;}
a:link, a:visited {color:#ff72e8;text-decoration:none;}
a:hover {color:#ffddfa;text-decoration:none;}


#page {text-align:left;}
#content {width:980px;margin:0 auto;margin-top:-50px;}
#sidebar {}
#footer {clear:both;text-align:center;}
#header h1 {margin:0;}
#header h1 a {display:block;width:320px;height:110px;overflow:hidden;text-indent:-5999px;position:absolute;top:19px;left:50%;margin-left:-450px;}
.inner {width:980px;margin:0 auto;}


body {background:url("img/bg.png") repeat-x top #313131;}
#header {background:url("img/bg.jpg") no-repeat top center;height:450px;}
#footer {background:url("img/footer.png") repeat-x top #000;}
#footer .inner {background:url("img/footer-logo.jpg") no-repeat top left;min-height:125px;position:relative;}
#footer p.copy {position:absolute;top:45px;left:188px;margin:0;}

/*cadre video*/
.box {width:908px;margin:20px auto;background:url("img/box-bg.png") repeat-y;}
.box-top {height:128px;background:url("img/box-top.jpg") no-repeat;position:relative;}
.box-top h2 {font-family:"trebuchet MS", arial;font-size:22px;color:#860085;position:absolute;top:67px;line-height:42px;left:0;width:900px;text-align:center;margin:0;}
.box-bottom {background:url("img/box-bottom.jpg") no-repeat;position:relative;height:152px;}
.box-content ul {margin-left:40px;}
.box-content ul li {margin-right:15px;}
.box-content ul.smallthumbs li {margin-right:13px;}
.box-content li {display:inline;}
.box-content li a img {padding:1px;background:#FFF;border:1px solid #FF0099;}
.box-content div.desc {width:826px;margin:10px auto;background:url("img/desc.png") no-repeat left bottom;padding-bottom:10px;}
.box-content div.desc p {margin:0;background:url("img/desc.png") no-repeat left top;padding:10px 10px 0 10px;}
.box-content div.desc2 {width:826px;margin:10px auto;background:url("img/desc2.png") no-repeat left bottom;padding-bottom:10px;}
.box-content div.desc2 p {margin:0;background:url("img/desc2.png") no-repeat left top;padding:10px 10px 0 10px;}

.boutons {margin:0 0 0 123px;height:69px;padding-top:1px;}
a.but-dl, a.but-abo {width:331px;height:69px;text-indent:-5999px;overflow:hidden;display:block;float:left;}
a.but-dl {background:url("img/but-dl.jpg") no-repeat left top;}
a.but-abo {background:url("img/but-abo.jpg") no-repeat left top;}
a:hover.but-dl, a:hover.but-abo {background-position:bottom;}


/*page de paiement*/
body#paiement {background:url("img/pdp_bg.jpg") no-repeat top #000;}
#popup {width:680px;margin:0 auto;position:relative;text-align:left;overflow:hidden;}
a.close {position:absolute;top:0;left:529px;width:88px;height:27px;background:url("img/close.png") no-repeat;text-indent:-5999px;overflow:hidden;}
.leftcol {margin-left:120px;float:left;width:201px;margin-top:116px;}
.rightcol {float:right;margin-right:57px;width:267px;margin-top:38px;}
.rightcol h2 {color:#FFF;font-size:18px;text-align:center;}

.alloform {background:url("img/box-form-bottom.png") no-repeat bottom #FFF;padding-bottom:20px;color:#000;text-align:center;margin-bottom:20px;}
.alloform-top {background:url("img/box-form-top.png") no-repeat;height:19px;}

.abo ul li {color:#ff62c9;font-size:18px;font-weight:bold;background:url("img/ico-check.png") no-repeat left;padding-left:29px;}
#paiement .thumbs p {margin:4px 0;}
#paiement .thumbs p img {padding:1px;background:#FFF;border:1px solid #FF0099;}


/*bouton membres*/
#header .inner {width:980px;margin:0 auto;position:relative;}
#header a.membres {display:block;width:90px;height:26px;background:url("img/but_membres.gif") no-repeat left top;overflow:hidden;text-indent:-5999px;position:absolute;top:308px;left:0;}
#header a:hover.membres {background-position:bottom;}
#header a.voir3d {display:block;width:90px;height:26px;background:url("img/but_voir3d.gif") no-repeat left top;overflow:hidden;text-indent:-5999px;position:absolute;top:308px;left:91px;}
#header a:hover.voir3d {background-position:bottom;}

a.but-dl2 {width:331px;height:69px;text-indent:-5999px;overflow:hidden;display:block;margin:0 auto;}
a.but-dl2 {background:url("img/but-dl2.png") no-repeat left top;}
a:hover.but-dl2 {background-position:bottom;}

/* Pagination */
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #000000;
    color: #000000;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #290215;
    border: 1px solid #808080;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #290215;
    border: 1px solid #333333;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px;
	font-size: 14px;
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}