/*
Theme Name: Céram-Club
Description: Le thème Cérami-club 2009, réalsé  par emmanj pour PostChromatik <a href="http://www.Postchromatik.be">Céram-Club</a>.
Version: 1.0
Author: Emmanj
Author URI: http://www.PostChromatik.com
Tags: white, custom header, fixed width, extensible height, big font, logo, modern layout, position left  

Céram-Club v1.0
http://www.PostChromatik.com

This theme was designed and built by Emmanj for PostChromatik,
whose blogoperatoire you will find at http://www.PostChromatik.com

© PostChromatik 2008-2009

The CSS, XHTML and design is released under Licence:
*/

body {
	background-color: #FFFFFF;
	background-image:url('img/background.jpg');
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:0px 0px;
	color: #000;
	margin: 0;
	padding: 0;
	border: none;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left;
}
	
a {
	outline: none;
}		
	
.global {
	position:absolute;
	display:block;
	margin:0;
	padding: 0;
	top: 0px;
	left: 0px;
	border : none;
	color :#696361;
	width: 1000px;
}

.cerami-logo{
	position:absolute;
	display:block;
	top: 47px;
	left: 79px;
	height: 251px;
	width: 252px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(img/cerami.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.cerami-logo:hover{
	background-position: 0px -251px;
	cursor: pointer;
}


.links{
	position:absolute;
	display:block;
	top: 19px;
	left: 766px;
	height: 100px;
	width: 232px;
}

.accueil{
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 60px;
	height: 12px;
	background-image: url(img/links-top.png);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
}

.accueil:hover{
	background-position: 0px -12px;
	cursor: pointer;
}

.contact{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 70px;
	height: 12px;
	margin-right:5px;
	margin-left:0px;
	background-image: url(img/links-top.png);
	background-position: -60px 0px;
	display: block;
	background-repeat: no-repeat;
}

.contact:hover{
	background-position: -60px -12px;
	cursor: pointer;
}

.connexion{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 70px;
	height: 12px;
	background-image: url(img/links-top.png);
	background-position: -150px 0px;
	display: block;
	background-repeat: no-repeat;
}

.connexion:hover{
	background-position: -150px -12px;
	cursor: pointer;
}

.social{
	position:absolute;
	display:block;
	top: 550px;
	left: 968px;
	height: 86px;
	width: 22px;
}

.addthis{
	text-indent: -9999px;
	overflow: hidden;
	width: 22px;
	height: 20px;
	background-image: url(img/social.png);
	background-position: 0px -20px;
	display: block;
	background-repeat: no-repeat;
}

.addthis:hover{
	background-position: 0px -0px;
	cursor: pointer;
}

.facebook{
	padding-left:0px;
	text-indent: -9999px;
	overflow: hidden;
	width: 22px;
	height: 20px;
	margin-top:10px;
	margin-bottom:10px;
	background-image: url(img/social.png);
	background-position: 0px -62px;
	display: block;
	background-repeat: no-repeat;
}

.facebook:hover{
	background-position: 0px -41px;
	cursor: pointer;
}

.rss{
	padding-left:0px;
	text-indent: -9999px;
	overflow: hidden;
	width: 22px;
	height: 20px;
	background-image: url(img/social.png);
	background-position: 0px -106px;
	display: block;
	background-repeat: no-repeat;
}

.rss:hover{
	background-position: 0px -85px;
	cursor: pointer;
}

.menu{
	position:absolute;
	display:block;
	top: 382px;
	left: 80px;
	height: 116px;
	width: 230px;
}

.nouvelle{
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
}

.nouvelle:hover{
	background-position: 0px -108px;
	cursor: pointer;
}

.presentations{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:4px;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px -18px;
	display: block;
	background-repeat: no-repeat;
}

.presentations:hover{
	background-position: 0px -126px;
	cursor: pointer;
}

.membres{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:4px;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px -36px;
	display: block;
	background-repeat: no-repeat;
}

.membres:hover{
	background-position: 0px -144px;
	cursor: pointer;
}

.devenir-membre{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:4px;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px -54px;
	display: block;
	background-repeat: no-repeat;
}

.devenir-membre:hover{
	background-position: 0px -162px;
	cursor: pointer;
}

.entrainement{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:4px;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px -72px;
	display: block;
	background-repeat: no-repeat;
}

.entrainement:hover{
	background-position: 0px -180px;
	cursor: pointer;
}

.liens{
	padding-left:12px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:4px;
	float: left;
	width: 122px;
	height: 14px;
	background-image: url(img/menu.png);
	background-position: 0px -90px;
	display: block;
	background-repeat: no-repeat;
}

.liens:hover{
	background-position: 0px -198px;
	cursor: pointer;}

.menu-activites{
	position:absolute;
	display:block;
	top: 382px;
	left: 335px;
	height: 116px;
	width: 450px;
}

.activite{
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 13px;
	margin-top: -3px;
	background-image: url(img/menu-activite.png);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
}

.activite:hover{
	background-position: 0px -18px;
	cursor: pointer;
}

li {
	list-style: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul {
	list-style: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

.collum-act {
	display: block;
	position: relative;
	float:left;
	width: 200px;
	height: 100px;
	left: 0px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
}

.collum-b-act {
	display: block;
	position: relative;
	float:right;
	width: 220px;
	height: 100px;
	left: 0px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
}

.children-act{
	display: list-item;
	position: relative;
	width: 200px;
	height: 100px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 13px;
}
.children-b-act{
	display: list-item;
	position: relative;
	width: 220px;
	height: 100px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 13px;
}


.children-act a{
	color: #2e2d2e;
	text-decoration: none;

letter-spacing: 1px;}

.children-act a:hover{
	color: #6c6768;
}

.menu-galleries{
	position:absolute;
	display:block;
	top: 382px;
	left: 620px;
	height: 116px;
	width: 280px;
}

.galleries{
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 13px;
	background-image: url(img/menu-gallerie.png);
	background-position: 0px -2px;
	display: block;
	background-repeat: no-repeat;
}

.galleries:hover{
	background-position: 0px -20px;
	cursor: pointer;
}



.content {
	position: relative;
	display: block;
	top: 595px;
	left: 34px;
	width: 904px;
	border : none;
	padding-top: 40px;
}

.content-block {
	position: relative;
	display: block;
	left: 0px;
	width: 904px;
	border : none;
	background: url(img/border-bottom.png) bottom left no-repeat;
	padding-bottom: 40px;
	padding-top: 5px;
}


.content-txt {
	position: relative;
	display: block;
	border : none;
	margin-top: -20px;
	margin-left: 50px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	width: 804px;
	text-align: justify;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-weight: bold;
}

.content-txt img {
	position: relative;
	display: block;
	border : none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	border: 10px #000 solid;
	float: left;
}

.content-txt img.left-top {	
	position: relative;
	display: block;
	margin-top: 3px;
	margin-left:0px;
	margin-right: 10px;
	margin-bottom: 8px;
	border: 10px #000 solid;
	float: left;
}

.content-txt img.right {
	position: relative;
	display: block;
	margin-top:10px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 8px;
	border: 10px #000 solid;
	float: right;
}

.content-txt img.right-top {
	margin-top: 3px;
	position: relative;
	display: block;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 8px;
	border: 10px #000 solid;
	float: right;
}


.content-txt a {
	color: #b2900a;
	text-decoration: none;
}

.content-txt a:hover {
	color: #797979;
}

.head-txt {
	position: relative;
	display: block;
	border : none;
	margin-bottom: 20px;
	width: 804px;
	height:40px;
}

.titre-accueil, .titre-contact, .titre-nouvelles, .titre-presentation, .titre-membres, .titre-devenir-membre, .titre-entrainement, .titre-liens, .titre-activites, .titre-galleries{
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 252px;
	margin-top: 6px;
	width: 300px;
	height: 28px;
	background-image: url(img/titres.png);
	display: block;
	background-repeat: no-repeat;
}

.titre-accueil{
	background-position: 0px 0px;
}

.titre-contact{
	background-position: 0px -28px;
}

.titre-nouvelles{
	background-position: 0px -56px;
}

.titre-presentation{
	background-position: 0px -84px;
}

.titre-membres{
	background-position: 0px -112px;
}

.titre-devenir-membre{
	background-position: 0px -140px;
}

.titre-entrainement{
	background-position: 0px -168px;
}

.titre-liens{
	background-position: 0px -196px;
}

.titre-activites{
	background-position: 0px -224px;
}

.titre-galleries{
	background-position: 0px -252px;
}

.footer-frame { 
	width : 860px; 
	height : 36px; 
	display : block; 
	left : 28px; 
	color : #241f23;
	position: relative;
	color: #8a8485;
	font-size: 10px;
}

.bottom-text { 
	width : 496px; 
	height : 10px; 
	display: block;
	float: left;
	position: absolute;
	top: auto;
	bottom: 4px;
	right: auto;
	left: 0px;
} 

.bottom-text a { 
	text-decoration : none; 
	color: #b2aaab;
} 
.bottom-text a:hover { 
	color : #6c6768; 
} 

.logo-postchromatik { 
	width : 356px; 
	height : 36px; 
	text-indent : -9999px; 
	background-image : url(img/postchromatik.jpg); 
	background-position : 0 0; 
	background-repeat : no-repeat;
	float: right;
	display: block;
	padding-top: 0px;
	position: absolute;
	top: 0em;
	right: 0em;
	bottom: auto;
	left: auto;
} 

#form-contact{
	height:500px;
	padding:0;
	margin:0;}

.contact-label{
	height:28px;
	position:absolute;
	left:0px;}

#contact-label-nom{
	top:207px;}
#contact-label-email{
	top:237px;}
#contact-label-sujet{
	top:267px;}
#contact-label-message{
	top:297px;}

.div-textbox{
	border:0;
	background-image:url(img/textbox.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:26px;
	width:300px;
	position:absolute;
	left:150px;
	top:0px; }

#contact-nom{
	top:200px;}
#contact-email{
	top:230px;}
#contact-sujet{
	top:260px;}
#contact-message{
	top:290px;}
	
input[type=text]{
	border:0;
	height:16px;
	width:281px;
	margin-top:3px;
	margin-left:7px;	
	color:#6c6768;}

.div-textarea{
	border:0;
	background-image:url(img/textarea.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:300px;
	width:300px;
	position:absolute;
	left:150px; }

textarea{
	border:0;
	height:287px;
	width:285px;
	margin-top:3px;
	margin-left:6px;	
	color:#6c6768;
	overflow:auto}
	
.div-bouton{
	border:0;
	background-image:url(img/bouton.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:21px;
	width:150px;
	color:#6c6768;
	text-align:center;
	padding-top:5px;
	position:absolute;
	left:0px;
	top:640px;}
	
.div-bouton:hover{
	background-position:0px -26px;
	color:#979293;
	cursor:pointer}
	
.th1-activites{
	border-bottom:1px dashed #000000;
	width:200px;
	height:25px;
	text-align:left }
	
.th2-activites{
	border-bottom:1px dashed #000000; 
	width:200px;
	height:25px;
	text-align:left  }

.th3-activites{
	border-bottom:1px dashed #000000;
	width:404px;
	height:25px;
	text-align:left  }

.td-activites-col1{
	border-bottom:1px dotted #000000;
	height:25px }

.td-activites{
	border-bottom:1px dotted #000000;
	font-weight:normal;
	height:25px  }

.tdMembre{
	border-bottom:1px dotted #000000;
	width:200px }