@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#000;
	font-size:72%;	/* 1em = 11px */
	background:#c7bba1 url(img/background.jpg) repeat;
}
br.spacer{
	width:1px;
	height:1px;
	clear:both;
}
small{
	font-size:0.9em;
    font-weight:bold;
    margin-bottom:6px;
}
a{
	color :#000;
}
a:hover{
	text-decoration:none;
}
p{
	font-size:1.04em;
	margin-bottom:6px;
}
.post {
        margin-bottom:55px;
		overflow:hidden;
		border-bottom:1px solid #949896;
padding-bottom:10px;
}
        .wp-caption-text{
        font-size:0.9em;
        font-style:italic;
        color:#444;
}
.separation {

}
/* MENU
--------------------------------------------------------------------------------------------------------------------------------------*/
#menu{
	position:absolute;
	bottom:1px;
	right:0px;
}
#menu li{
	float:left;

}

#menu li a{
	float:left;
	margin-left:4px;
	height:33px;
	width:137px;
	display:block;

}
#menu li a.boutique{
	background:url(img/catch-boutique.png) 0px 0px no-repeat;
}
#menu li a.com{
	background:url(img/catch-communaute.png) 0px 0px no-repeat;
}
#menu li a.blog{
	background:url(img/catch-blog.png) 0px 0px no-repeat;
}
#menu li a.boutique:hover{
	background:url(img/catch-boutique.png) 0px -33px no-repeat;
}
#menu li a.com:hover{
	background:url(img/catch-communaute.png) 0px -33px no-repeat;
}
#menu li a.blog:hover{
	background:url(img/catch-blog.png) 0px -33px no-repeat;
}
/* IMG
--------------------------------------------------------------------------------------------------------------------------------------*/
.alignright {
float: right;
}
.alignleft {
float: left;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	width:880px;
	margin:0 auto 10px;
	background:url(img/bg_bas.png) no-repeat left bottom #000;
	padding:0 20px 10px;
	
}

#header{
	width:880px;
	height:169px;
	background:url(img/head.jpg) no-repeat left bottom #000;
	position:relative;
}
#header h1 a{
	position:absolute;
	left:60px;
	top:10px;
	width:340px;
	height:150px;
}
#header h1 a span{
	display:none;
}
#content{
	width:860px;
	margin-bottom:10px;
	background:url(img/bas_blog.png) no-repeat left bottom #fff;
	position:relative;
	padding:10px;
}

/* BLOG / BOUTIQUE
--------------------------------------------------------------------------------------------------------------------------------------*/
#inner{
	width : 560px;
	float:left;
	padding:10px;
}

#sidebar {
	width : 266px;
	float:right;

}
#sidebar img {
        margin: 15px -10px 5px;
}
#imgrss {
background:url(img/rss.jpg) 0px 0px no-repeat;
height:48px;
width:248px;
margin:20px 0;
}
#imgrss:hover {
background:url(img/rss.jpg) 0px -48px no-repeat;
}
#imgtwitter {
background:url(img/twitter.jpg) 0px 0px no-repeat;
height:48px;
width:248px;
margin:20px 0;
}
#imgtwitter:hover {
background:url(img/twitter.jpg) 0px -48px no-repeat;
}
/**/
#btnma{
position:absolute;
width:226px;
height:36px;
left:28px;
top:200px;
background:url(img/cta-btn.jpg) 0px 0px no-repeat;
}
#btnma:hover{
background:url(img/cta-btn.jpg) 0px -36px no-repeat;
}
/**/
#btnmj{
position:absolute;
width:90px;	
height:48px;	
left:138px;
top:45px;
background:url(img/dvd_btn.jpg) 0px 0px no-repeat;
z-index:2;
}
#btnmj:hover{
background:url(img/dvd_btn.jpg) 0px -48px no-repeat;
}
/**/
#btncta {
background:transparent url(http://boutique.catch-online.com/skin/frontend/default/catchonline/images/masques_semipro_btn.jpg) no-repeat scroll 0 0;
position:absolute;
width:226px;
height:39px;
left:62px;
top:200px;
}
#btncta:hover {
	background:transparent url(http://boutique.catch-online.com/skin/frontend/default/catchonline/images/masques_semipro_btn.jpg) no-repeat scroll 0 -39px;
}
/**/
#searchform{
margin: 14px 0;
}
.inputText{
padding:1px 4px;
}
.categorie{
background:url(img/cate_bottom.png) no-repeat left bottom #ede9e1;
width:262px;
color:#8b806a;
margin-bottom:14px;
font-size:1.05em;
}
.categorie h3{
	background:url(img/cate_top.png) no-repeat left bottom #ede9e1;
	color:#FFFFFF;
	height:27px;
	padding-left:10px;
	padding-top:6px;
	width:252px;
	font-size:1.05em;
        float:left;
}

.categorie .cate_content{
	padding:4px 10px 10px 10px;
}
.categorie .cate_content ul li{
	margin-bottom:10px;
}

.categorie .cate_content ul li ul li{
	margin:6px 0 3px 6px;
}

.categorie .cate_content ul li a{
	font-weight:bold;
	color:#8b806a;
}
.top_page{
	background:url(img/haut_boutique.png) no-repeat left top #fff;
	display:block;
	height:13px;
	width:30px;
	position:absolute;
	top:0;
	left:0;
}


/* ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------*/
.blocs{
	width:860px;
	margin-bottom:10px;
	background:url(img/bas_com.png) no-repeat left bottom #fff;
	position:relative;
	padding:10px;
	
}

#b_boutique{
	background:url(img/haut_boutique.png) no-repeat left top #fff;
}

#b_blog{
	background:url(img/bas_blog.png) no-repeat left bottom #fff;
	padding:25px 10px 10px;
}
.vignette{
	width:68px;
	left:-3px;
	position:absolute;
	top:-3px;
	height:67px;
}
#v_boutique{
	background:url(img/v_boutique.png) no-repeat left bottom;
	top:-4px;
}
#v_com{
	background:url(img/v_co.png) no-repeat left bottom;
}
#v_blog{
	background:url(img/v_blog.png) no-repeat left bottom;
}

#catchbook{
	width:568px;
	height:237px;
	background:url(img/catchbook.gif) no-repeat top left;
	position:relative;
	float:left;
}
#catchbook a{
	width:187px;
	height:100px;
	display:block;
	right:50px;
	top:120px;
	position:absolute;
	background:url(img/rejoignez.png) no-repeat top left;
}	
.connexion{
	width:275px;
	height:224px;
	background:url(img/connexion.png) no-repeat top left;
	position:relative;
	float:left;
	margin-left:14px;
	margin-top:12px;
}
.connexion h3{
	color:#fff;
	margin : 6px auto 0;
	text-align:center;
}

.connexion form{
	margin:13px 20px 20px 10px;
}

.connexion label{
	color:#fff;
	font-size:1.2em;
	margin-top:10px;
	
}

.connexion input.inputText{
	margin-bottom:10px;
	padding:3px;
	font-size:1.1em;
	width:200px;
}

.connexion input.inputText.last{
	margin-bottom:2px;
}

.connexion input.btn{
	margin:10px 0 2px 60px;
}
.connexion p{
	text-align:center;
}

.connexion a{
	color :#fff;
}

h2{
	font-size:2em;
	/*color:#aba08a;*/
        color:#427DC4;
	margin:0 0 10px 60px;
        text-decoration:none;
}
#inner h2{
	margin-left:0;
}
h2 a{
	/*color:#aba08a;*/
        color:#427DC4;
        text-decoration:none;
}

a.suite, a.more-link{
	color:#bc1723;
	font-weight:bold;
        float:right;
}
.postmetadata {
        float:left;
        margin-top:20px;
        font-size:1em;
        color:#333;
}
a.postmetadata {
        color:#333;
}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
.footer{
	color:#c7bba1;
	margin:4px auto;
	width:593px;
	height:10px;
	
}

.footer li{
	float:left;
	margin-right:4px;
}

.footer a{
	color:#c7bba1;
}

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.navigation div, .navigation a{
	color:#bc1723;
	font-weight:bold;
}
.page-template-page_contenu-php #menu li a.blog{
	background:url(img/catch-blog-neutre.png) 0px 0px no-repeat;

}
.page-template-page_contenu-php #menu li a.blog:hover{
	background:url(img/catch-blog-neutre.png) left bottom no-repeat;

}

.page-template-page_contenu-php #inner{
	width:838px;
}

.page-template-page_contenu-php .post{
	border-bottom:none;
}

.masque1, .masque2{
	position:relative;
}
#liens_footer{
	overflow:hidden;
	width:928px;
	margin:15px auto 20px;
}
#liens_footer ul{
	float:left;
	margin-right:12px;
}
#liens_footer ul.last{
	margin-right:0;
}
#liens_footer a{
	text-decoration:none;
	color:#3B3638;
}
#liens_footer a:hover{
	text-decoration:underline;
}
#liens_footer li{
	color:#3B3638;
	font-size:0.9em;
	margin-bottom:1px;

}
#liens_footer li.principal a{
	color:#FFFFFF;
font-weight:bold;
}
#b_liens {
background:#000000 url(img/footer.jpg) no-repeat scroll 0 0;
padding:21px 0 1px 28px;
}
.b_entree {
display:block;
left:433px;
position:absolute;
text-indent:-9000px;
width:151px;
}