/*  
/*  
Theme Name: Amatrice.com
Description: design par cleanDIZ
Author: R1z	
*/


* {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
.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;}
.linktext {
	font-size:9px;
	margin-left:5%;
	margin-right:5%;
}
.linktextarea {
	font-size:9px;
	font-family:verdana;
	overflow:hidden;
}
#sidebar .pub2{
display:block;
margin-left:12px;
margin-bottom:5px;
}
/*TYPO*/
body {
font-family:"trebuchet MS";
font-size:12px;
color:#333;
}
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 : 50px 10px 10px 10px;
	}
#content2{
	text-align:center;
	margin : 0 0 0 0px;
	padding :20px 1px 1px 1px;
	}
#content3{
	text-align:center;
	margin : 0 0 0 0px;
	padding :20px 1px 1px 1px;
	}
#page-mb{background:#FFF;width:100%;text-align:center}
#page-plansite{background:#FFF;width:100%;text-align:center}
#page-mb iframe{width:100%;}
#page-mb-rub {background:border-bottom:1px dotted silver;border-top:1px solid #fff;}
#page-mb-rub a{color:#B62468;font:bold 19px/18px Arial;padding:0;margin:0px}
#page-mb-rub a:hover{color#B9B9B9}
#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;}
#sidebar2 {width : 260px;float : left;background:url("img/sidebar-top-2.gif") no-repeat top;padding-top:30px;}
#main {background:url("img/page-top.gif") no-repeat top right;}
#main2 {background:url("img/page-top-2.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;}
.footer-bottom2 {clear:both;height:116px;background:url("img/footer-bottom-2.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 18px 20px 33px;
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*/


/*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;
}


/*BILLETS*/
.post {
border-bottom:1px solid #e4e4e4;
margin-bottom:20px;
}
.box {
height:48px;
}
.box-date {
float:left;
height:48px;
width:46px;
background:url("img/date.png");
text-align:center;
position:relative;

}
.box-date-mon {
position:absolute;
top:0;
left:0;
height:18px;
width:46px;
color:#FFF;
line-height:18px;
}
.box-date-day {
font-size:22px;
margin-top:18px;
line-height:30px;
}
.box h2 {
font-size:20px;
font-weight:normal;
margin:0;
padding-top:0;
border-bottom:1px solid #a51054;
}
p.soustitre {
margin:0;
margin-top:5px;

font-size:11px;
}
span.com-link {float:right;}
span.com-link a {padding-left:20px;background:url("img/ico_com.png") no-repeat left;}
span.cat-link { float:left;}
span.cat-link a { padding-left:20px;background:url("img/ico_cat.png") no-repeat left;}
.box h2 a {
text-decoration:none;
}
.box h2 a:hover {
color:#FF0066;
}
.box h2, p.soustitre {
margin-left:55px;
}
span.tags {
padding-left:40px;
font-size:11px;
}
.tags a {
text-decoration:none;
background:url("img/tag.png") no-repeat left;
}

/* comments */
#commentform {width:100%;padding:15px;}
h3#comments, h3#respond {
margin:10px 10px;
font-size:12px;
}
ol {
margin:0;padding:0;
}
form p {border-color:#666666;margin-bottom:10px;}
form label { font-weight:bold;display:block;}
form input {color:#000;}
#commentform input, #commentform textarea {
	font-size: 11px;
	border: 1px solid #DDD;
	padding:3px;
}
form textarea {overflow:auto;}
#commentform input {width:200px;}
#commentform textarea {width:325px;border:1px solid #CCC;}

form .button {
  width:90px;
  font-weight:bold;
  border:1px solid #000;
  background:#333;
  cursor:pointer;
  font-size:18px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}

ol.commentlist {
margin:10px 10px  15px 10px;
font-size:12px;
list-style-type:none;
}
ol.commentlist p {
margin:0;
}
ol.commentlist li {
padding:3px 3px 10px 15px;
margin-bottom:10px;

}

.commentlist li a {
}
.commentlist li em {
padding-left:12px;
}
ol.commentlist .alt {
background:#eee;
}

ol.commentlist p.headcom {
margin-bottom:5px;
color:#333;
}
.post_in { padding:0 0 1em 0; margin-left:7px; }

div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#c02976; }
   div#disclaimer-cadre a:hover{ color:#333333; }