html {height:100%;}
body {height:100%;}

body {margin:0px;padding:0px;background-color:black;}

body, td, th {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

form {margin:0px;padding:0px;}

a {text-decoration:none;}

img {border: none;}

input       {border:1px solid lightgrey;font-size:10px;}
textarea    {border:1px solid lightgrey;font-size:10px;}

/* CSS du livre d'or */
#boxGoldBook {color:white;text-align:center;}
 	#boxGoldBook form {width:500px;margin:0 auto;}
    #boxGoldBook .gbDebug {display:none;}
    #boxGoldBook .gbList .containerMessage {text-align:center;}
    #boxGoldBook .gbList p {margin-left:10px;width:100%;text-align:left;}
    #boxGoldBook .gbList .labelName {font-size:14px;}
    #boxGoldBook .gbList .labelCitation{font-size:12px;text-align:justify;}
 	#boxGoldBook .gbList hr {color:#236318;height:1px;width: 75%;}
 	#boxGoldBook .gbPagination .pagination span {color:white;white-space:nowrap;}

 	#boxGoldBook .gbPagination .pagination .next {height:18px;padding:2px 10px 2px 10px;color:white;white-space:nowrap;}
 	#boxGoldBook .gbPagination .pagination .previous {height:18px;padding:2px 10px 2px 10px;color:white;white-space:nowrap;}
	#boxGoldBook .gbPagination .pagination .active {height:18px;padding:2px 5px 2px 5px;color:white;white-space:nowrap;color:white;}
	#boxGoldBook .gbPagination .pagination a {color:#2B781D;}
	#boxGoldBook .gbPagination .pagination a:hover {color:gold;}
	
 	#boxGoldBook .gbPagination 
    #boxGoldBook form {width:420px;margin:0 auto;}
    #boxGoldBook .label {float:left;width:120px;text-align:left;}
    #boxGoldBook .field {float:left;width:300px;}
    #boxGoldBook input,textarea {width:100%;font-size:11px;}   
    #boxGoldBook textarea {overflow:auto;height:50px;width:100%;}
    #boxGoldBook button {background-color:transparent;border:none;}
    
#boxContactForm {color:white;width:630px;margin:0 auto;}
#boxContactForm form {width:630px;margin:0 auto;}
#boxContactForm input.data,textarea {width:200px;border:1px solid lightgrey;font-size:11px;}
#boxContactForm input.radio,textarea {border:0px solid black;}
#boxContactForm select {width:100%;font-size:11px;}
#boxContactForm .ruleButton {clear:both;width:100%;padding:8px 0px 4px 0px;text-align:left;}
#boxContactForm .button {width:204px;}
#boxContactForm label {clear:both;float:left;width:200px;}
#boxContactForm .data {float:left;width:200px;}   
    
div.cleaner {clear:both;}
div.separator {clear:both;}
	.c16 {height:16px;}
	.c20 {height:20px;}
	.c24 {height:24px;}
	.c30 {height:30px;}
	.c40 {height:40px;}
	.c50 {height:50px;}



.outerMainBox {width:100%;}
.innerMainBox {width:1000px;margin:0 auto;background-image:url(/img/background-main.jpg);background-position:top center;background-repeat:repeat-y;}

	.innerMainBox .boxHeader {width:921px;margin:0 auto;}
	.innerMainBox .boxHeader .logo_claudio_puglia {width:100%;height:84px;background-image:url(/img/logo_claudio_puglia.png);background-position:center top;background-repeat:no-repeat;}
	.innerMainBox .boxHeader .logo_claudio_puglia .title {width:100%;text-align: center;}
	.innerMainBox .boxHeader .logo_claudio_puglia .title img {margin:20px 0px 0px 100px;}

	
	.innerMainBox .boxHeader .screen {width:100%;height:337px;}
	.innerMainBox .boxHeader .screen .header {width:100%;height:36px;background-image:url(/img/screen_header.jpg);background-position:top left;background-repeat:no-repeat;}
	.innerMainBox .boxHeader .screen .frame {width:100%;height:276px;background-image:url(/img/screen_frame.jpg);background-position: top left;background-repeat:repeat-y;}
	.innerMainBox .boxHeader .screen .frame .menuLeft {float:left;height:278px;width:137px;}
	.innerMainBox .boxHeader .screen .frame .flash {float:left;}
	.innerMainBox .boxHeader .screen .frame .claudio {float:left;width:30px;height:200px;margin:70px 0px 0px 5px;}
	.innerMainBox .boxHeader .screen .footer {width:100%;height:26px;background-image:url(/img/screen_footer.jpg);background-position:left top;background-repeat:no-repeat;}
	.innerMainBox .boxHeader .screen .menu {text-align:center;}
	
	.innerMainBox .boxHeader .screen .menuTop {padding-top:12px;}
	.innerMainBox .boxHeader .screen .menuTop .menuContainer {width:530px;margin:0 auto;}
	.innerMainBox .boxHeader .screen .menuTop .itemContainer {float:right;margin:0px 5px 0px 5px;}
	.innerMainBox .boxHeader .screen .menuTop a {color:#999999;}
	.innerMainBox .boxHeader .screen .menuTop a:hover {color:white;}
	.innerMainBox .boxHeader .screen .menuTop .itemOn a {color:white}
	
	.innerMainBox .boxHeader .screen .menuLeftContainer {}
	.innerMainBox .boxHeader .screen .menuLeftContainer .thumbnail{float:left;width:30px;margin:70px 0px 0px 3px; height:200px;}
	
	.innerMainBox .boxHeader .screen .menuMiddle {padding-top:0px;color:white;}
	.innerMainBox .boxHeader .screen .menuMiddle .menuContainer {width:520px;margin:0 auto;}
	.innerMainBox .boxHeader .screen .menuMiddle .itemContainer {float:left;margin:0px 25px 0px 25px;}
	.innerMainBox .boxHeader .screen .menuMiddle a {color:white;}
	.innerMainBox .boxHeader .screen .menuMiddle a:hover {color:#999999;}
	.innerMainBox .boxHeader .screen .menuMiddle .itemOn a {color:#999999}
	
	div.boxFeet {margin:0 auto; width:1000px;background-image:url(/img/screen_footer2.jpg);background-position: top center;background-repeat:no-repeat; background-color: #070707;}
	div.boxFeet .menuBottom {padding-top:30px;color:white;}
	div.boxFeet .menuBottom .menuBottomContainer {width:1000px;margin:0 auto; background-color: #070707; text-align: center;}
	div.boxFeet .menuBottom .menuBottomContainer a {color:#979797;font-size:11px;}
	div.boxFeet .menuBottom .menuBottomContainer a:hover {color:white;}
	div.boxFeet .menuBottom .menuBottomContainer a {color:#}	
	
	div.boxFeet .copyRight {color:#979797;font-weight:bold;width:1000px;margin:0 auto;padding-top:4px; padding-bottom: 50px; text-align:center;background-color: #070707;}
	div.boxFeet .copyRight a {color:#979797;font-weight:bold;font-size:12px;}
	div.boxFeet .copyRight a .enhancedColor {color:#999999;}
		
	.innerMainBox .boxHomeView {width: 900px; padding: 12px 0px 12px 21px;margin:0 auto;background-image:url(/img/screen_homeview.jpg);background-position:top left;background-repeat:no-repeat;}
	.innerMainBox .boxHomeView h1, .innerMainBox .boxHomeView h2, .innerMainBox .boxHomeView h3, .innerMainBox .boxHomeView h4, .innerMainBox .boxHomeView h5, .innerMainBox .boxHomeView h6, .innerMainBox .boxHomeView p {margin: 10px 0px 0px 0px; padding: 0px;}
	.innerMainBox .boxHomeView .mosaic{width:356px;height:362px;float:left;}
	.innerMainBox .boxHomeView .mosaic .mosaicTitle {width:352px;height:28px;color:white;font-size:22px;border-bottom:1px solid #666666}
	.innerMainBox .boxHomeView .mosaic .mosaicTitle .enhancedColor {color:#999999;}
	.innerMainBox .boxHomeView .mosaic .mosaicBox {width:331px;height:266px;margin:0 auto;padding-top:8px;}
	.innerMainBox .boxHomeView .mosaic .mosaicBox .tile {float:left;width:105px;height:230px;font-size:16px;}
	.innerMainBox .boxHomeView .mosaic .mosaicBox .interlayer {float:left;width:8px;height:260px;}
	.innerMainBox .boxHomeView .mosaic .mosaicBox .tile .mflash {width:101px;height:230px;border:2px solid #666666}
	.innerMainBox .boxHomeView .mosaic .mosaicBox .tile .mtitle {width:105px;height:36px;color:white;text-align:center;text-transform:uppercase}
	
	
	.innerMainBox .boxHomeView .resume{width:555px;;height:360px;float:right;}
	.innerMainBox .boxHomeView .resume .resumeTitle {clear:both;width:555px;height:28px;color:white;font-size:22px;border-bottom:1px solid #666666}	
	.innerMainBox .boxHomeView .resume .resumeTitle .enhancedColor {color:#999999;}
	.innerMainBox .boxHomeView .resume .resumeZone {padding-left:8px;padding-right:6px;}
	.innerMainBox .boxHomeView .resume .resumeZone .resumeImg {float:left;width:99px;;height:94px;border:1px solid #979797;}
	.innerMainBox .boxHomeView .resume .resumeZone .resumeImg img{width:99px;;height:94px;}
	.innerMainBox .boxHomeView .resume .resumeZone .resumeComment {float:right;padding-left: 8px;width:426px;height:67px;font-size:11px;color:#D4D0C8;text-align:justify;}
	.innerMainBox .boxHomeView .resume .resumeZone .resumeMore {float:right;width:434px;height:27px;font-size:11px;}
	.innerMainBox .boxHomeView .resume .resumeZone .resumeMore .puce {float:left;margin-right:4px;height:14px;width:14px;display:compact;background-image:url(/img/puce_disc_white_array.gif);background-position:left center;background-repeat:no-repeat;}
	.innerMainBox .boxHomeView .resumeZone .resumeMore a {font-size:12px;color:white;font-weight:bold;text-decoration:underline;}
	
	DIV.right-link{
		float:right;
	}
	

	.innerMainBox .boxHomeView .mosaicArticle {}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone {padding-left: 8px;padding-right:6px;width:275px;height:197px;float:left;background-color:transparent;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicVerticalSeparator {float:left;margin: 0px 0px 20px 0px;width:14px;height:197px;background-image:url(/img/mosaic_vertical_separator.gif);background-position:center top;background-repeat:repeat-y;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicHorizontalSeparator {clear:both;width:95%;margin:0px auto 20px auto;height:2px; background-color:#333333;color:white;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicImg {float:left;width:102px;height:102px;border:1px solid #979797;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicImg img{width:102px;height:102px;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicComment {float:right;padding-left: 8px; width:156px;font-size:11px;color:white;text-align:justify;margin-right:4px;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicMore {margin-left:110px;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicMore .puce {float:left;margin-right:4px;height:15px;width:16px;display:compact;background-image:url(/img/puce_square_white_crux.gif);background-position:left center;background-repeat:no-repeat;}
	.innerMainBox .boxHomeView .mosaicArticle .mosaicZone .mosaicMore a {font-size:11px; color:white;text-decoration:underline;}
	
	.innerMainBox .boxHomeView .articleContent{color:white;}
	
	
	.boxTumbnail {width:921px;margin:0 auto;background-image:url(/img/screen_thubmail.jpg);background-position:0px 39px;background-repeat:no-repeat;}
	.boxTumbnail .container {padding-left: 5px;}
	.boxTumbnail .container .thumb {}
	.boxTumbnail .container .thumb h1 {color:white;font-size:20px;display:inline;}
	.boxTumbnail .container .thumb h1 .enhancedColor {color:#999999;}
	.boxTumbnail .container .thumb {float:left;}
	.boxTumbnail .container .left  {width:6px;height:39px;background-image:url(/img/thumbnail-left.gif);background-position:left top;background-repeat:repeat-y;}
	.boxTumbnail .container .center {padding-top:10px;padding-bottom:4px;background-image:url(/img/thumbnail-center.gif);background-position:left top;background-repeat:repeat-y;} 
	.boxTumbnail .container .right {width:9px;height:39px;background-image:url(/img/thumbnail-right.gif);background-position:left top;background-repeat:repeat-y;} 
	
	
	
	.debugBooking{
		border:1px solid red;
		display:block;
	}