/* Structure start */


/* Global Start*/

* {padding: 0; margin:0;}

body { background-color: #000; width: 100%; color: #ffffff;}

#container {width:1099px; margin: 0 auto; position: relative; background: black;}

#page {height:936px; width:1003px; background:url(../images/pageback.jpg) black  no-repeat; margin: 0 auto; position: relative;}

#header {height:178px; width:901px; background:url(../images/headerback.png) no-repeat; margin: 0 auto;}

#masthead {width: 589px; height: 105px; background: url(../images/masthead.png); background-repeat: no-repeat; margin-top: -150px; margin-left: 300px;}

#logo {width: 196px; height: 180px; background: url(../images/logo.png) ; background-repeat: no-repeat; margin-left: 35px; text-indent:-9999px;}

#topnav {position: absolute; width: 657px; height: 75px; background: url(../images/menuback.png); margin-top: -32px; margin-left:247px;}

#content {  position: absolute; height: 800px; width: 901px; background:url(../images/contentback.png) no-repeat top; background-color: black; margin-top: -2px; left: 51px;  clear: both; display: inline; z-index: 3000;}

#contentdividers { height: 643px; width: 405px; background: url(../images/dividers.png); left: 400px; top: 195px; margin: 0 auto; z-index: 7000;}

#footer { position: absolute; height: 94px; width: 1001px; background: url(../images/footerback.png); top: 859px; margin-left: 0px; z-index: 2000;}


	/* TopNav start */

#topnav_menu { position: absolute; left: 235px; top: 48px;}

ul#navlist li { list-style-type: none; list-style-image: none; float: left; display: inline;}
ul#navlist li a#nav-accueil { background: url(../images/accueilsprite.png) no-repeat; height:20px;  text-indent:-9999px; width: 103px; display: block;}
ul#navlist li a#nav-photos { background: url(../images/photossprite.png) no-repeat; height:20px;  text-indent:-9999px; width: 107px; display: block;}
ul#navlist li a#nav-salle { background: url(../images/sallesprite.png) no-repeat; height:20px;  text-indent:-9999px; width: 83px; display: block;}
ul#navlist li a#nav-contact { background: url(../images/contactsprite.png) no-repeat; height:20px;  text-indent:-9999px; width: 110px; display: block;}


ul#navlist li a#nav-accueil:hover, ul#navlist li a#nav-photos:hover, ul#navlist li a#nav-salle:hover, ul#navlist li a#nav-contact:hover { background-position: bottom;}


	/*TopNav end */

/*Global End*/

/* Sidebar left start*/

#contentleft { position: absolute; left: 0px; top: 11px; width: 200px; height: 655px; padding: 0 15px; padding-top: 20px;}

#bloghead { position: absolute; height: 22px; width: 100px; background: url('../images/bloghead.png') no-repeat; margin-bottom: 15px; top: 21px; left: 15px; }

#blogs { position: absolute; left: 29px; top: 53px;}

.imgleftadvert {position: absolute; left: 29px; top: 320px; z-index: 301;}

#lienshead { position: absolute; height: 22px; width: 100px; background: url('../images/lienshead.png') no-repeat; margin-bottom: 15px; top: 550px; margin-left: 3px;}


#links { position: absolute; width: 220px; height: 200px; margin-top: 0px; top: 590px; left: 2px;}

#facebook {float: left; background: url('../images/facebook.png') no-repeat; height: 63px; width: 62px; z-index: 999; margin-left: 8px;}
#myspace {float: left; position: absolute; background: url('../images/myspace.png') no-repeat; height: 63px; width: 62px; z-index: 999; left: 78px; margin-top: 1px;}
#popmon {position: absolute; background: url('../images/popmon.png') no-repeat right; height: 70px; width: 78px; z-index: 999; left: 158px; margin-top: 1px;}

#phoque {position: absolute;float: left; background: url('../images/phoque.png') no-repeat; height: 63px; width: 62px; z-index: 999; margin-top: 70px; left: 8px;}
/*#nickys {float: left; position: absolute; background: url('../images/nickys.png') no-repeat; height: 63px; width: 75px; z-index: 999; left: 77px; margin-top: 70px;}*/
#sopref {position: absolute; background: url('../images/sopref.png') no-repeat; height: 63px; width: 62px; z-index: 999; left: 80px; margin-top: 1px; margin-top: 72px;}


#andrewlogo {background: url('../images/andrewlogo.png'); height: 77px; width: 200px; z-index: 9999; margin-top: 135px; margin-left: 40px;}

/*Sidebar left end */

/* Content start */

#contentcenter {position: absolute; top: 0px; left: 250px; width: 373px; height: 800px; padding: 0 15px; padding-top: 20px; overflow-y: visible;; margin-top: 1px;}

#newshead { height: 30px; width: 100px; background: url('../images/newshead.png') no-repeat; margin-bottom: 11px; margin-top: 5px;}

#contacthead { height: 30px; width: 100px; background: url('../images/contacthead.png') no-repeat; margin-bottom: 11px; margin-top: 11px;}

#sallehead { height: 30px; width: 100px; background: url('../images/sallehead.png') no-repeat; margin-bottom: 11px; margin-top: 11px;}

/*Content end */


/* Sidebar right start*/

#calendrierhead { position: absolute; height: 22px; width: 100px; background: url('../images/calendrierhead.png') no-repeat; margin-bottom: 12px; margin-top: -27px;}

#calendar { position: absolute; left: 669px; top: 59px; color: #b0b3b6; z-index: 99999;}

.smd_cal_daynames {color: #4683ff; font-weight: 500;}
.smd_cal_navnext {color: #4683ff;}
.smd_cal_navprev {color: #4683ff;}
.smd_cal_month {color: #fff;}

.imgrightadvert {position: absolute; left: 680px; top: 320px; z-index: 301;}

#slideshow { position: absolute; left: 676px; top: 520px; height: 350px; width: 200px; z-index: 0;}


#commentform { font-size: 12px; padding-top: 25px;}

#commentform > table > tbody > tr > td { padding: 10px;}

#remember { font-size: 8px; text-align: right;}

.small { font-size: 10px;}

/*Sidebar right end */



#gallery { background: black;}
#msc_container { background-color: black; }
#msc_foot { background: black;}
#top_menu { background: black;}

.indcomment { padding: 15px 0; }




/* Structure end */



/* Typography Start*/

body { font-family: Century Gothic, Apple Gothic, sans-serif; color: #ffffff; margin-bottom: 0px; font-size: 15px; letter-spacing: 0px;}

h1 { font-family: Century Gothic, Apple Gothic, sans-serif; color: #ffffff; margin-top: 3px; padding: 0px 0px 3px 0px; font-size: 14px; line-height: 14px; letter-spacing: 0px; margin-bottom: 0px; font-weight: 400; font-variant: small-caps;}

h2 { font-family: Century Gothic, Apple Gothic, sans-serif; color: #ffffff; padding-top: 25px; font-size: 16px; line-height: 20px; letter-spacing: -1px; padding-bottom: -10px;}

h5 { font-family: Century Gothic, Apple Gothic, sans-serif; margin-bottom: 0px; font-size: 12px; line-height: 12px; letter-spacing: 0px; text-align: right; padding-right: 8px; margin-top: -10px;}

h6 { margin-bottom: 12px;} 

p { font-family: Century Gothic, Apple Gothic, sans-serif; color: #ffffff; margin-bottom: 0px; font-size: 12px; line-height: 16px; letter-spacing: 0px; text-align: justify;}

a { text-decoration: none; color: #4683ff; Century Gothic, Apple Gothic, sans-serif; font-weight: 100;}

a:hover {text-decoration: underline; color: #4683ff;}

a:visited { color: #4683ff;}

#read {text-decoration: none; color: #4683ff; font-family: Century Gothic, Apple Gothic, sans-serif; font-size: 10px; margin-left: 300px; margin-bottom: 15px; margin-top: 4px; width: 70px;}

.smd_cal_event a{ color: #4683ff; font-weight: 500;}

a.bloggername{ color: #ffffff;}
a:hover.bloggername{ color: #4683ff;}

a.bloggername_page{ color: #ffffff; font-size: 22px; margin-top: 15px;}


.lastblog { margin-left: 15px; font-size: 13px; width: 200px; text-align: justify; color:#4683ff; margin-bottom: 8px;}

.lastblog a { color:#4683ff;}

.divider { background: white; height: 1px; width: 372px; margin-top: 25px; padding: 0;}

.entry-title { text-decoration: none; color: #4683ff; Century Gothic, Apple Gothic, sans-serif; font-weight: 100; font-size: 22px;}

#bloglist { margin-top: 11px; }

.show-title {text-decoration: none; color: #4683ff; Century Gothic, Apple Gothic, sans-serif; font-weight: 100; font-size: 18px;}

.hide { position: absoulute; visibility: hidden; height: 1px; width: 1px; overflow: hidden; padding: 0;}

table tr{ width: 200px;}