/*  
Nom du Thème : AMATRICE
Auteur : R1z (http://www.cleandiz.com/)
*/

* {margin : 0;	padding : 0;}
h1, h2, h3, h4, h5, p, ul {margin:14px 0;}
ul {list-style-type:none;}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
.clearer {clear:both;height:1%;}
img {border:none;}
h1, h2, h3, h4, h5, p, ul {margin:14px 0;}
ul, li {list-style-type:none;}
body {	text-align : center;	}
.pub {text-align:center;margin:10px auto;}
.pub table {margin:auto;}
#page {	margin : 0 auto;	text-align : left;	}
blockquote{	color: #777;font-style: italic;	padding: 10px 5px 5px 36px;}


/*TYPO*/
body,font {
font-family:"trebuchet MS";
font-size:12px;
color:#333;
}
span.soumissiontitre {
font-family:"trebuchet MS";
font-size:19px;
color:#c02976;
font-style: bold;
}
span.soumissionbold {
font-family:"trebuchet MS";
font-size:12px;
color:#ff0000;
font-style: bold;
}
p, li, pre {
line-height:150%;
}
a:link, a:visited {
color:#c02976;
}
a:hover {
color:#ff0082;
}


#page {
	width : 970px;
    }
#header {
	height : 130px; 
	}
#header h1 {
	margin : 0;
	padding : 0;
	height : 130px;
	}
#wrapper {
	margin : 0;
	}
#main {
	width : 100%;
	margin : 0 0 0 -260px;
	float : right;
	}
#content {
	margin : 0 0 0 270px;
	padding : 10px;
	}
#footer {
	clear : both;
	text-align:center;
	}
#sidebar {
	width : 260px;
	float : left;
	}

body {
background:url("img/bg.png") repeat-x #F1F1F1;
}
#header {
background:url("img/header.jpg") no-repeat;
position:relative;
}
#header h1 {
text-indent:-5999em;
overflow:hidden;
margin:0;
}
p#welcome {
position:absolute;
width:415px;
height:60px;
top:45px;
left:510px;
margin:0;
overflow:hidden;
}
#page {
background:url("img/page.png") repeat-y;
position:relative;
}
#sidebar {
background:url("img/sidebar-top.gif") no-repeat top;
padding-top:30px;
}
#main {
background:url("img/page-top.gif") no-repeat top right;
}
#footer {background:url("img/footer.png") repeat-y;}
.footer-top {min-height:51px;background:url("img/footer-top.png") no-repeat top;}
.footer-bottom {clear:both;height:116px;background:url("img/footer-bottom.gif") no-repeat top #F1F1F1;}
/*MENU HAUT*/
#menu {height:33px;}#menu ul {margin:0;}#menu li {display:inline;}#menu li a {display:block;height:33px;line-height:33px;float:left;text-indent:-5999px;overflow:hidden;}
#menu a#accueil {background:url("img/menu_accueil.gif") no-repeat center top;width:153px;}
#menu a:hover#accueil {background-position:bottom;}
#menu a#videos {background:url("img/menu_videos.gif") no-repeat center top;width:98px;}
#menu a:hover#videos {background-position:bottom;}
#menu a#annuaire {background:url("img/menu_annuaire.gif") no-repeat center top;width:114px;}
#menu a:hover#annuaire {background-position:bottom;}
#menu a#webcam {background:url("img/menu_webcam.gif") no-repeat center top;width:123px;}
#menu a:hover#webcam {background-position:bottom;}
#menu a#rencontres {background:url("img/menu_rencontres.gif") no-repeat center top;width:133px;}
#menu a:hover#rencontres {background-position:bottom;}
#menu a#boutique {background:url("img/menu_boutique.gif") no-repeat center top;width:200px;}
#menu a:hover#boutique {background-position:bottom;}
#menu a#contact {background:url("img/menu_contact.gif") no-repeat center top;width:149px;}
#menu a:hover#contact {background-position:bottom;}

/*addfav*/
#addfav {
position:absolute;
top:180px;
left:280px;
height:20px;
}
#addfav img {
display:block;
}
/*searchform*/
#searchform {
position:absolute;
top:163px;
left:550px;
height:49px;
line-height:49px;
width:420px;
overflow:hidden;
}
#searchform input.txt {
position:absolute;
background:#ededed;
border:none;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
top:20px;
left:10px;
width:330px;
}
#searchform input.btnok {
position:absolute;
right:15px;
top:10px;
}
/*colonne de gauche*/
.sidebox {
margin:0 22px 20px 30px;
background:url("img/sidebox.png") repeat-y;
}
.sidebox h3 {
margin:0;
height:29px;
background:url("img/sidebox-top.gif") no-repeat;
line-height:29px;
color:#FFF;
font-size:16px;
text-transform:uppercase;
text-align:center;
}
.sidebox-foot {
background:url("img/sidebox-foot.png") no-repeat;
height:11px;
}
.sidebox ul, .sidebox p {
margin:10px;
}
#sidebar .pub {
margin:0 22px 20px 30px;
overflow:hidden;
text-align:center;
}
.sidebox li a {
font-weight:bold;
text-decoration:none;
}
.arrow_up a {
margin-left:10px;
padding-left:15px;
background:url("img/ico_arrow-up.png") no-repeat left;
}
.arrow_down a {
margin-left:10px;
padding-left:15px;
background:url("img/ico_arrow-down.png") no-repeat left;
}

/*contenu*/
#content {
padding-top:70px;
}

/*FOOTER*/

.footer-top {
color:#FFF;
text-align:left;
padding:0 15px;
}

#lastvid, #lastcom, #footpart {
width:310px;
float:left;
margin-top:16px;
}
.footer-top h3 {
text-align:center;
margin:0;
font-size:14px;
line-height:35px;
}
.footer-top ul {
padding:0 10px;
}
.footer-top a {
color:#fff4b9;
}
#footpart li {
float:left;
width:130px;
}

.footer-bottom {
text-align:left;
}
.footer-bottom p.copy {
padding:35px 0 0 10px;
}
.footer-bottom a {
text-decoration:none;
}

/* categories */
#dir {
margin-bottom:30px;
}
a.catwdc {
font-size:14px;
font-weight:bold;
line-height:150%;
}


/*affichage des sites*/
.sitetable p img {
    float:left;
    margin:0 10px 0 0;
    padding-left: 6px;
    padding-bottom: 2px;
}

.sitetable {
	width: 100%;
	border: 1px dotted #c2c2c2;
	vertical-align : top;
}

.sitetables {
	width: 100%;
	vertical-align : top;
}

.sitetd {
	border: 1px dotted #c2c2c2;
}

.votelargeur {width: 50px;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#333333;
}

a.cat_display:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	}

a.subcat_display {
	text-decoration: none;
	font-size: 10px;
	border-bottom : 1px dotted #CCC;
}


.votetable {
	background: #ffffff;
	width : 50px;
	height: 92px;
	margin-right: 5px;

}

.vote span.note {
font-size: 9px;
height: 12px;
display: block;

}
.vote span.nombre 
{
font-size: 16px;
display: block;
}

.vote a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.vote a:hover{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}


/* Onglets fiche site */
#containered {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	width: 550px;
}

#containered hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 50%;
}

#containered ul#mest {	
	font-weight: bold;
}
#containered ul#mest li {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	display: inline;
	margin: 1px;
}
#containered ul#mest li a {
text-decoration: none;

}
#containered ul#mest li a:hover {
text-decoration: none;
color: #333333;
}
#containered h1,

#containered .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
	text-align: left;
}

#containered a.current {
	padding: 5px 3px;
	border: 1px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	color: #333333;
	font-size: 12px;
}
#containered a.ghost  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
	background: white url(images/shade.gif) top left repeat-x;
}

#containered a.current:hover {
	padding: 5px 3px;
	border: 1px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	font-size: 12px;
	color: #333333;
}
#containered a.ghost:hover  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
}

#containered .on {
	display: block;
	text-align: left;
}
#containered .off {
	display: none;
}

/*Divers*/
li.submit {
margin-top:10px;
padding-top:2px;
border-top:1px solid #CCC;
}
li.submit a {
font-size:14px;
}
#content h2 {
font-size:20px;
margin:18px 0;
font-weight:normal;
}