@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700);
@import"reset.css";
@import"superfish.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"galleryfic.css";
@import"kwicks.css";
@import"coin-slider.css";
@import"skin.css";



/* Global properties ======================================================== */


.titreFond{
		background-color: rgb(254, 247, 224);
		height: 35px;
		margin-top: 10px;
}
.titreNumero{
	background-color: #ff8100;
	padding: 5px 15px;
	color: white;
	font-size: 14pt;
	float: left;
	height: 25px;
}


.titreContenu{
	
	padding: 5px 15px;
	color: black;
	display: inline-block;
	height: 25px;
}
#innerSplash
{
	width: 400px;
	height: 150px;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	color: black;
	opacity: 1;
	padding: 40px;
	 /*La div s'affichera au-dessus des autres éléments*/
   z-index: 950;
    position: inherit;
	text-align: center;
   display: none;
  

}
#splash
{
   /*Pour que le splash suive le scroll*/
   position: fixed;
   top: 0px;
   left: 0px;
   background-color: #000;
    
   /*Pour que ça prenne tout l'écran*/
   width: 100%;
   height: 100%;
  
   /*La div s'affichera au-dessus des autres éléments*/
   z-index: 900;
 
   /*Par défaut, on ne l'affiche pas :)*/
   display: none;
 
   /*Pour l'opacité, je ne sais plus
   comment on fait du cross-browser,
   à toi de chercher =D*/
   opacity: 0.5;
 
   /*Juste au cas où*/
   margin: 0px;
   padding: 0px;
}

html, body {height:100%;}
.masqueSite {display: none;}
textarea {border: solid 1px black; text-transform: none;}
input {text-transform: none;}
.typeCoordonnees {font-weight: bold;}
.article {text-transform: none;}

table a {text-decoration: none;margin-left: 10px;}
.sep {
	border-top: solid 1px #888888;
	height: 1px;
	padding-bottom: 10px;
	margin-top: 10px;
	
}
.nomFiche {}
.petit {font-size: 12px;padding-top: 3px;}
.bt {padding-bottom: 5px; padding-left: 20px; background-repeat: no-repeat; cursor: pointer;}
.rouge {color: #ed1f1f;}
.bleu {color: #0d5272;}
.noir {color: black}
.orange {color:#ff8100}
.blanc {color: #FFFFFF;}
.texte {text-align: justify;}
fieldset label {
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.typeLien {font-weight: bold;}
#ajhsNOM_N_ID, #ajhsPRE_N_ID, #ajhsVIL_N_ID  {width: 90%;}
#dBox {margin-top: 20px;
	margin-bottom: 20px;
}
#texteIntro{padding-top : 20px; text-align: justify;padding:20px 0px}
#dIntroButtonBox {padding-top : 20px; text-align: center;;padding:20px 0px}
#text_NOM_N_ID, #text_PRE_N_ID {
	width: 165px;
	}
fieldset {border: 1px #000000 solid; padding: 5px;}
fieldset label {float: left; width: 150px;}
fieldset br {clear:both;}
fieldset legend {color: #000000; margin: 5px;}
.p000 fieldset {border: none;}
#text_slider a {text-decoration: none;}
.img-box a {text-decoration: none;}

body{
	color:#717877;
	position:relative;
	min-width:960px;
	font:12pt/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* 
		20151110 - ei
		text-transform:uppercase;
	*/
	background:url(../images/bg.gif) center 0 repeat #f9f7f8;
	padding:0 0 0px 0;
}
.main {
	width:951px; 	
	padding:0;
	margin:0 auto;
	position:relative;
	background: none;
	padding:0px 0 0px 0;
}

a {color:#363636; outline:none; cursor:pointer; text-decoration:underline;}
a:hover {text-decoration:none;}
.buttons a:hover {cursor:pointer;}

.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}

.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}


.l-h {line-height:19px;}



p {margin-bottom:22px;}

.p0 {margin-bottom:0px;}
.p000 {margin-bottom:4px;}
.p00 {margin-bottom:5px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:38px;}
.p5 {margin-bottom:65px;}
.p6 {margin-bottom:63px;}
.p7 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:12px;}
.title {margin-bottom:18px;}
.title0 {margin-bottom:16px;}
.title1 {margin-bottom:17px;}
.indent-bot {margin-bottom:20px;}
.indent-bot0 {margin-bottom:21px;}
.indent-bot1 {margin-bottom:23px;}
.indent-bot2 {margin-bottom:24px;}
.spacing-bot {margin-bottom:28px;}
.spacing-bot0 {margin-bottom:26px;}
.spacing-bot1 {margin-bottom:27px;}
.margin-bot {margin-bottom:34px;}
.margin-bot0 {margin-bottom:31px;}

.margin-left {margin-left:-2px;}

.margin-top {margin-top:9px;}

.spacing {margin-right:9px;}
.spacing-1 {margin-right:17px;}
.spacing-2 {margin-right:49px;}
.spacing-3{margin-right:10px;}

.img-indent{float:left; margin: 11px 20px 0 0px;}
.img-indent1{float:left; margin: 5px 14px 0 0px;}
.img-indent2{float:left; margin: 6px 20px 0 0px;}

.img-indent-r{float:right; margin: 2px 1px 0 29px;}

.letter {letter-spacing:-1px;}

/*******paddings******/
.padding{padding:35px 0px 43px 0px;}
.padding-1{padding:25px 0px 43px 0px;}
.padding-2{padding:31px 0px 50px 0px;}
.padding-3{padding:16px 0px 43px 0px;}


.reg{font-size:39px; line-height:53px; color:#000; margin:-16px 0 -2px -2px;}

.fleft{float:left;}
.fright{float:right;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignmiddle *{vertical-align:middle;}

.color-1{color:#fcfcfc;}
.color-2{color:#000;}
.color-3{color:#232323;}


.sf-menu li a,
.link,
.link-1,
.link-2,
.link-3,
.link-4,
.link-5,
.link-6,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.button,
.text-bot a,
.logo-1 a,
h1 a {text-decoration:none;}

/*********************************header*************************************/
header{
	position:relative;
	width:100%;
	background:url(../images/bg-header.gif) center 0 repeat-x;
	z-index:2;
	padding:0px 0 0px 0;
	margin:0 0 0px 0;
}

.row-1 {
	position:relative;
	width:100%;
	background:none;
	z-index:1;
}
.row-2 {
	position:relative;
	background:#fff;
	border:1px solid #e7e6e6;
	z-index:2;
	padding:1px;
}
.bg-row-2 {
	position:relative;
	background-color: #FFDDBA;
	font-weight: bold;
}
.row-3 {
	position:relative;
	width:100%;
	padding:14px 0 1px 0;
	z-index:1;
	background:url(../images/line-1.png) 0 bottom repeat-x;
}
header h1{
	width:800px;
	position:relative;
	margin:0 auto;
	padding:48px 0 22px 0;
}
header h1 a, .typoTitre {
	display:block;
	/*text-indent:-5000px;*/
	overflow:hidden;
	/*background:url(../images/logo_paix_liturgique.png) 0 0 no-repeat;*/
	width:800px;
	height:100px;
	font-family: 'Rochester', cursive; 
	font-weight: normal;
	font-size: 40px;
	line-height: 60px;
	letter-spacing : 5px;
	text-align: center;
	text-transform: none;
}

.flash {margin-top:1px;}

.video {display:inline-block; position:relative;}
.video img {position:relative; z-index:1;}
.button-video {
	position:absolute; 
	left:15px; 
	bottom:15px; 
	width:238px; 
	height:148px;
	z-index:2; 
	display:block; 
	background:url(../images/button-video.png) 159px 70px no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.button-video:hover {
	background-position:84px 38px;
}
/********************** Content ************************/
#content{
	width:100%;
	padding:0px 0px 0px 0px; 
	z-index:1; 
	position:relative;
	background:none;
}


/* titles */
h1, h2, h3, h4, h5 , h6{margin:0 0 10px; color:#3d3d3d; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:0px;}

h1{font-size:48px; line-height:60px;color:#ff8100}
h2{font-size:44px; line-height:53px;color:#ff8100}
h3{font-size:38px; line-height:46px;}
h4{font-size:32px; line-height:42px;  margin:0 0 28px;}
	h4 span {display:block; margin-top:-2px;}
h5{font-size:26px; line-height:32px;}
h6{font-size:22px; line-height:27px; margin:0 0 8px;}
h7{font-size:15px; line-height:17px; margin:0 0 7px;}
h6.aside-title {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:22px;
	color:#fff;
	letter-spacing:-1px;
	margin:0 0 18px;
}

.col-1 {float:left; width:230px; padding-top:2px;}
.col-2 {float:left; width:450px; white-space:normal;}
.col-x {float:left; width:450px; white-space:normal;}
.col-3 {float:left; width:199px;}
.col-4 {float:left; width:270px;}
.col-5 {float:left; width:310px;}


/* borders */
.border {border:1px solid #fff;}
.border1 {border:1px solid #e5e5e5;}

.border-bot{
	background:url(../images/line-2.gif) 0 bottom repeat-x;
	padding-bottom:16px;
}
.border-bot1{
	background:url(../images/line-2.gif) 0 bottom repeat-x;
	padding-bottom:0px;
}

/* links */
.link {
	color:#232428; 
	text-shadow:0 0 1px rgba(0, 0, 0, .3);
	font-size:18px;
	line-height:22px;
	font-family: 'Open Sans Condensed', sans-serif;	
}
.link-1 {
	color:#363636;
	font-weight:bold;
	font-style:italic;
	display:inline-block;
	padding-left:2px;
}
.link-2{
	cursor: pointer;
	font-size:18px;
	line-height:24px;
	color:#1c1c1c;
	text-shadow:0 0 1px rgba(0, 0, 0, .2);
	font-family: 'Open Sans Condensed', sans-serif;
	background:url(../images/marker-1.png) 100% 0 no-repeat;
	padding:0 34px 6px 3px;
}
.link-3{color:#232323;}
.link-3:hover {text-decoration:underline;}

.link-4 {
	color:#232323;
	font-weight:bold;
	display:inline-block;
}
.link-5{
	display:inline-block;
	width:13px;
	height:10px;
	background:url(../images/marker-4.png) center 2px no-repeat;
	vertical-align:middle;
}
.link-6{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	background:url(../images/marker-6.gif) 0 9px no-repeat;
	color:#717877;
	padding:0 1px 0 8px;
}
/* buttons */
.buttons-1 a {display:inline-block;}
.button {
	display:inline-block; 
	font-size:14px;
	line-height:18px;
	color:#fff;
	position:relative;
	overflow:hidden;
	/*background: url(/images/bg-button.gif) 0 0 repeat;*/
	background-color: #717877;
}
	.button .txt {
		font-weight:700;
		letter-spacing:-1px;
		font-family: 'Droid Sans', sans-serif;
		display:block;
		padding:8px 20px 8px 20px;
		position:relative;
		z-index:4;
		
	}
	.button .bg-button{
		background:url(/images/bg-menu-active.gif) 0 0 repeat-x #787f7e;
		cursor:pointer;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.button:hover .bg-button {
		bottom: 0;
		left: 0;
		opacity: 1.0;
		right: 0;
		top: 0;
	}
/* time */
time {
	display:inline-block;   
	color:#232323;
} 
/* boxes */
.img-box {
	background:#f9f9f9;
	position:relative;
	border:1px solid #e5e5e5;
	padding:14px;
}
.box {
	border:1px solid #e3e3e3;
	padding:1px;
	background:#fff;
	position:relative;
}
.box-1 {
	background:url(../images/bg-box.gif) 0 0 repeat-x #f4f4f4;
	position:relative;
}
.box-2 {
	border:1px solid #e3e3e3;
	padding:1px;
	background:#f9f9f9;
	position:relative;
}
.box-3 {
	background:url(../images/bg-row-2.gif) 0 0 repeat;
	position:relative;
}

.box-title {
	background:url(../images/bg-box-title.gif) 0 0 repeat-x #fff;
	border-bottom:1px solid #e3e3e3;
	font-size:24px;
	line-height:30px;
	color:#222222;
	text-shadow:0 0 1px rgba(0, 0, 0, .2);
	font-family: 'Open Sans Condensed', sans-serif;
	padding:13px 10px 15px 28px;
	letter-spacing:-1px;
}


/* box-padding */

.box-padding {padding:22px 36px 25px 30px;}



.rel{position:relative; z-index:1;}
.rel img {position:relative; z-index:2;}
figcaption{
	position:absolute;
	left:15px;
	right:15px;
	bottom:15px;
	z-index:5;
	padding:6px 0 5px 0;
	background:url(../images/bg-caption.png) 0 0 repeat;
	color:#fff;
	text-align:center;
	letter-spacing:-1px;
	font-size: 12px;
	line-height:18px;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
}

/* lists */
.list-1 li{
	margin-bottom:8px;	
}
.list-1 li a{
	display:inline-block;
	font-size:14px;
	line-height:17px;
	color:#757575;
	text-transform:none;
	background:url(../images/marker-2.png) 0 6px no-repeat;
	padding-left:12px;
}

.list-2 li{
	margin-bottom:11px;
	font-size:14px;
	line-height:17px;
	color:#757575;
	padding-left:29px;
	text-transform:none;
}
.list-2 li a{
	display:inline-block;
	font-size:14px;
	line-height:17px;
	color:#757575;
	padding:0 0 4px 0;
}
.list-2 li.bgr-1 {background:url(../images/icon-1.png) 0 0px no-repeat;}
.list-2 li.bgr-2 {background:url(../images/icon-2.png) 0 0px no-repeat;}
.list-2 li.bgr-3 {background:url(../images/icon-3.png) 0 0px no-repeat;}
.list-2 li.bgr-4 {background:url(../images/icon-4.png) 0 0px no-repeat;}

.list-3 li{
	margin-bottom:8px;	
}
.list-3 li a{
	display:inline-block;
	font-size:14px;
	line-height:17px;
	color:#757575;
	text-transform:none;
	background:url(../images/marker-3.png) 0 6px no-repeat;
	padding-left:12px;
}

.list-4{padding:11px 28px 13px 28px;}
.list-4 li{
	padding:7px 0px 11px 0;
	font-weight: bold;
	font-size:14px;

	background:url(../images/line-3.gif) 0 bottom repeat-x;
}
.list-4 li.last {background:none;}
.list-4 li a{
	background:url(../images/marker-5.png) 0 6px no-repeat;
	color:#545a59;
	font-size:18px;
	line-height:24px;
	font-family: 'Open Sans Condensed', sans-serif;
	display:inline-block;
	padding:0 0 0 19px;
	text-decoration:none;
}
		
ol li { 
		list-style-position:inside;
		list-style-type:decimal;
		font-size:14px;
		line-height:18px;
		margin-bottom:9px;
		color:#757575;
	}
		ol li a {
			color:#757575;
			text-decoration:none;
			font-weight:normal;
			text-transform:none;
		}

.map {
	background:#f9f9f9;
	position:relative;
	border:1px solid #e5e5e5;
	padding:14px;
}

.map iframe {
	width:368px;
	height:356px;
	border:1px solid #fff;
}

.map-indent {
	float:left;
	margin:6px 18px 0 0;
}
 
/****************************footer************************/
footer {
	width:100%; 
	padding:5px 0px; 
	background:url(../images/bg-footer.gif) center 0 repeat;
	position:relative;
}
.text-bot {
	font-size: 11px; 
	line-height:22px;
	color:#fff; 
	padding:17px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}

.text-bot a {
	color:#fff; 
	text-decoration:none;
}
.line {
	color:#fff;
	margin:0 3px 0 1px;
}
.logo-1 {text-align:right; margin-top:-2px;}
.logo-1 a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:22px;
	color:#fff;
}
.works-list {
	float:right;
	padding:5px 1px 0px 0px;
} 
.works-list li {
	float:left; 
	margin-right:10px;
	font-size:0px;
	line-height:0px;
	height:30px;
	width:30px;
}
.works-list li.last {margin-right:0;}
.works-list li a {
	display:inline-block;
	overflow: hidden;
   	position: relative;
}

.works-list li a .img-container {
   display: block;
   position: relative;
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
	width: 30px;
   	height: 30px;
}
.works-list li a .mask-1 {
   width: 30px;
   height: 30px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0px;
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
}

.works-list li a:hover .img-container {
   -webkit-transform: scale(0) rotate(180deg);
   -moz-transform: scale(0) rotate(180deg);
   -o-transform: scale(0) rotate(180deg);
   transform: scale(0) rotate(180deg);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
}

.works-list li a:hover .mask-1 {
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/* lightbox */
.hover {
	display:inline-block; 
	position:relative;
	overflow:hidden;
	z-index:2;	
}
	.hover img {
		display:block;
		position:relative;
	}
	.hover .mask{
		background:url(../images/img-marker.png) center center no-repeat #fff;
		cursor:pointer;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		z-index:3;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin:4px;
	}
	.hover:hover .mask {
		bottom:0;
		left: 0;
		opacity: 0.5;
		right: 0;
		top: 0;
		margin:4px;
	}
	


/* typography

/* top navugation */
.top1{
	background:url(../images/top.png) 0 70% no-repeat;
	padding:0 0px 0px 10px;
	text-decoration:none;
	color:#222222;
	display:inline-block;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
}

/* Table styling */
table.table{
	font-size:12px;
	border-left:1px solid #737a79;
	
}

table.table thead th{
	padding:18px 0px 18px 0px;
	color:#fff;
	text-shadow:0 0 1px rgba(255, 255, 255, .2);
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	border-right:1px solid #737a79;
	border-top:1px solid #737a79;
	background:#CCC;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
}
table.table tbody td{
	border-right:1px solid #737a79;
	border-bottom:1px solid #737a79;
	width:123px;
	padding:6px 0 7px 0;
	text-align:center;
	color:#717877;
	background:#f5f4f2;
}
table.table thead th.right, table.table tbody td.right {border-right:1px solid #737a79;}
table.table tbody tr.last td {border-bottom:1px solid #737a79;}

table.table tbody tr:hover td{background:#fff; color:#000;}


/*  Other Elements */
ins{
	background:#717877;
	padding:0 5px;
	text-decoration:none;
	color:#fff;
}
strong {color:#232323;}
del{text-decoration:line-through;}
abbr,dfn{cursor:help; color:#363636;}
dfn{letter-spacing:2px; font-size:13px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
sup,sub{font-size:0.8em;}
sub{vertical-align:bottom}
.elements-list small{font-size:10px;} 
.elements-list big{font-size:21px;}
.elements-list q{
	font-family:"Courier New",Courier,monospace;
	color:#363636;
	font-size:15px;
}
kbd, samp {
	font-family:"Courier New", Courier, monospace; 
	font-size:11px;
}
abbr,acronym{
	text-transform:uppercase;
	border-bottom:1px dotted #363636;
	font-size:12px;}
pre,
code,
tt{
	font:1em 'andale mono','lucida console',monospace;
	line-height:1.5;
	display:block;
	}
code{
	background-color:#f6f6f6;
	display:block;
	color:#333;
	padding:3px 2px 3px 5px;
	line-height:1.67em;
	border:1px dotted #333;
}
pre{white-space:pre}

.elements-list li{
	background:none !important;
	padding:0 0 0px 0 !important;
	position:relative;
	line-height:28px;}
.elements-list li code{
	position:absolute;
	right:0;
	top:-3px;
	padding:2px 3px 1px 3px;
	border:1px dotted #333;
	}

/* Definition list style */
dl {padding:0px 0 0 2px;}
dl dt{
	color:#232323;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	margin:0 0 22px 0;
}

dl dd span{display:inline-block; width:71px;}

/*  Dropcaps style */
.dropcap{
	font-size:33px;
	line-height:40px;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#f9f9f9;
	float:left;
	text-align:center;
	width:54px;
	padding:7px 0 7px 0px;
	margin:5px 20px 0 0px;
	background:#232323;
	border-radius:28px;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
}

/*  Quotation */
blockquote{
	display:block;
	margin:0 0px 18px 0px;
	quotes:none;
	font-size:12px;
	line-height:22px;
	color:#717877;
	font-style:italic;
}
.quotes{
	background:none;
	padding:0px 0px 0px 2px;}

/* Information box */
.info-box,
.download-box,
.notification-box,
.error-box{
	padding:20px 30px 20px 110px;
	margin-bottom:15px;
	position:relative;
	height:1%;
	font-size:13px;
}
.info-box{
	color:#64757f;
	background:#e1f2fc;
	border:1px solid #68a2cf;
}
.download-box{
	color:#697a58;
	background:#eeffdd;
	border:1px solid #a3c159;
}
.notification-box{
	color:#79725b;
	background:#fef7e0;
	border:1px solid #e6c555;
}
.error-box{
	color:#7e6c6c;
	background:#feebeb;
	border:1px solid #ff9999;
}
.info-box p.icon,
.download-box p.icon,
.notification-box p.icon,
.error-box p.icon{
	position:absolute;
	left:34px;
	top:16px;
	margin:0;
}


/* Layouts */
.layouts-nav{
	width:100%;
	overflow:hidden;
	padding-bottom:30px !important;
	}
	.layouts-nav li{
		float:left;
		margin-right:20px;
		background:none !important;
		padding:0 !important;
		}
		.layouts-nav li a{
			float:left;
			background:#7e8483;
			padding:2px 7px;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			position:relative;
			margin-right:10px;
			cursor:pointer;	
		}
		.layouts-nav li a:hover{
			color:#fff;
		}

/* Pages

/* Under Construction page */
#constuction-box{
	width:800px;
	height:500px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 10px #d0d4db;
	-moz-box-shadow:0 0 10px #d0d4db;
	-webkit-box-shadow:0 0 10px #d0d4db;
	border-color:#ccc;
	text-align:center;
	}
	#constuction-box .inside{padding:40px 40px 40px 40px;}
		#constuction-box .button{position:relative;}
		#constuction-box h1{
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing:2px;
			background:url(../images/line-1.png) 0 bottom repeat-x;
			padding-bottom:10px;
			}			
	/* Countdown */
	#countdown_dashboard{
		height:110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
	.dash{
		width:110px;
		height:114px;
		background:transparent url('../images/dash.png') 0 0 no-repeat;
		float:left;
		margin-left:20px;
		position:relative;
		}	
	.dash .digit{
		font-size:75px;
		line-height:85px;
		font-weight:bold;
		float:left;
		width:55px;
		text-align:center;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		color:#555;
		position:relative;
		}
		.dash .digit .bottom{
			font-size:75px;
			line-height:85px;
			}	
	.dash_title{
		position:absolute;
		display:block;
		bottom:0px;
		left:0;
		font-size:12px;
		color:#555;
		text-transform:uppercase;
		letter-spacing:2px;
		width:110px;
		}	
	.dev_comment{
		font-size:14pt;
		color:#777;
		text-align:center;
		font-style:italic;
		margin:40px 10px;
		}	


/* Intro page */
#intro-box{
	width:800px;
	min-height:600px;
	position:relative;
	left:50%;
	top:10px;
	margin-left:-400px;
	
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 10px #d0d4db;
	-moz-box-shadow:0 0 10px #d0d4db;
	-webkit-box-shadow:0 0 10px #d0d4db;
	border-color:#ccc;
	text-align:center;
	float:left;
}
#intro-box fieldset {text-align: left;}

	#intro-box .inside{padding:40px 40px 40px 40px;}
		/*#intro-box h1{
			text-align:center;
			font-size:4em;
			color:#3d3949;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			width:600px;
			overflow:hidden;
			height:100px;
			border:none;
			}
			#intro-box .button{
			position:absolute;
			right:40px;
			bottom:15px;
			float:right;
			white-space:nowrap;
			}*/
		.intro-buttons{
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro{
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}
			

/* Misc

/* SlideDown element */
.slideDown{padding:0 1px 0 0}
	.slideDown dt{
		background-color:#232323;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		color:#fff;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:300;
		font-size:18px;
		line-height:24px;
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		text-decoration:none;
		display:block;
		cursor:pointer;
		margin-bottom:10px;
		}
	.slideDown dt:hover,
	.slideDown dt.active{
		background-color:#7e8483;
		color:#fff;
		}
	.slideDown dt.active{background-image:url(../images/arrow2.gif)}
	.slideDown dd{
		display:none;
		padding:10px 20px 20px 20px;
	}
	#block dd{display:block;}
	.slideDown.absolute dd{
		position:absolute;
		z-index:999;
		background:url(../images/bg.gif) center 0 repeat;
	}

/* Accordion */
dl#accordion{
	list-style-type:none;
	margin:0;
	padding:0 2px 0 0;
	height:auto !important;
	}
	dl#accordion .indent{
		padding-top:7px !important;
		padding-bottom:5px !important;
		}
	dl#accordion a{
		display:inline-block;
		text-decoration:none;
		}
	dl#accordion dt{margin:0px}
		dl#accordion dt a{
			background-color:#232323;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			color:#fff;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight:300;
			font-size:18px;
			line-height:24px;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			text-decoration:none;
			display:block;
		}
		dl#accordion dt a:hover{
			background-color:#7e8483;
			color:#fff;}
		dl#accordion dt.active a{
			background-color:#7e8483;
			background-image:url(../images/arrow2.gif);
			color:#fff;
		}
	dl#accordion dd{
		display:none;
		margin-bottom:0;
		padding-left:0;
	}
		dl#accordion dd .indent{padding:10px 30px 14px 20px !important}

/* Tooltips */
#aToolTip{
	border:1px solid #fff;
	background:url(../images/bg-menu-active.gif) 0 0 repeat-x #787f7e;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:14px;
	position:absolute;
	display:none;
	z-index:900;
	font-family: 'Open Sans Condensed', sans-serif;
}
#aToolTip .aToolTipContent{
	position:relative;
	margin:0;
	padding:0;
	}
a#aToolTipCloseBtn{
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
}



/* Tabs */
.tabs{padding:10px 0;}
	.tabs ol{
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 0 10px;
	}
		.tabs ol li{
			display:list-item;
			float:none;
			padding-bottom:5px;
			font-size:13px;
			line-height:24px;
			color:#fff;
			font-weight:normal;
		}	
	.tabs ul.nav{
		list-style:none;
		padding:0;
		overflow:hidden;
		}
		.tabs ul.nav li{
			display:block;
			float:left;
			margin:0 5px 0px 0;
			background:none;
			padding:0;
		}
		.tabs ul.nav .selected{
			position:relative;
		}		
		.tabs ul.nav .selected a{
			background:url(../images/bg-footer.gif) 0 0 repeat;
			color:#fff;
			padding-bottom:10px;
		}
		.tabs ul.nav li a:hover{
			background:url(../images/bg-footer.gif) 0 0 repeat;
			color:#fff;}
		.tabs ul.nav li a{
			background:url(../images/bg-menu-active.gif) 0 0 repeat-x #787f7e;
			color:#fff;
			text-shadow:0 0 1px rgba(255, 255, 255, 0.1);
			font-family: 'Open Sans Condensed', sans-serif;
			font-size:18px;
			line-height:24px;
			display:block;
			padding:5px 10px;
			text-decoration:none;
			}
	.tabs .tab-content{
		clear:both;
		background:url(../images/bg-footer.gif) 0 0 repeat;
		color:#fff;
		width:auto;
		overflow:auto;
		text-transform:none;
	}
		.tabs .tab-content .inner{
			padding:10px;
			}	
	.tabs .tab-content p{
		margin-bottom:5px;}
	.tabs .tab-content strong{color:#727877; font-weight:bold;}	
	.tabs pre{margin:4px 0;}
	.tabs code{overflow:auto; text-transform:none;}
	*+html .tabs code{overflow:visible;}

	/* tabs */

.tabs.tabs-1 {padding:0;}	
	.tabs.tabs-1 ul.nav{
		list-style:none;
		padding:8px 28px 13px 28px;
		overflow:hidden;
		background:url(../images/bg-tabs.png) center top no-repeat;
	}
		.tabs.tabs-1 ul.nav li{
			display:inline-block;
			width:100%;
			float:none;
			margin:0 0 0px 0;
			padding:7px 0px 11px 0;
			background:url(../images/line-3.gif) 0 bottom repeat-x;
		}
		.tabs.tabs-1 ul.nav li.last {background:none;}
		.tabs.tabs-1 ul.nav li a{
			background:url(../images/marker-5.png) 0 6px no-repeat;
			color:#545a59;
			font-size:18px;
			line-height:24px;
			font-family: 'Open Sans Condensed', sans-serif;
			display:inline-block;
			padding:0 0 0 19px;
			text-decoration:none;
		}
		.tabs.tabs-1 ul.nav li.selected a{
			background:url(../images/marker-5.png) 5px 6px no-repeat!important;
			color:#000;
		}
		.tabs.tabs-1 ul.nav li a:hover{
			color:#000;
		}
	.tabs.tabs-1 .tab-content{
		clear:both;
		background:none; 
		width:auto;
		overflow:visible;
		color:#717877;
		font:12px/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding-top:10px;
	}	
	.tabs.tabs-1 .tab-content .color-3{color:#232323;}
	.tabs.tabs-1 .tab-content p {margin-bottom:10px;}
	.tabs.tabs-1 .tab-content p.p0{margin-bottom:0px;}
	
/* Twitter */
#twitter p{margin:0;}
	#preloader{
		margin:0;
		padding:1em 1em 1em 3em;
		text-indent:10px;
		background:transparent url(../images/loader.gif) 1em center no-repeat;
		}
	ul#twitter_update_list{
		margin:0;
		padding:0 0 0.5em 0;
		list-style-type:none;
		}
		ul#twitter_update_list li{
			margin:0;
			padding:0.8em 0 1em 1em !important;
			background:url(../images/bg-footer.gif) 0 0 repeat;
			color:#fff;
			margin-bottom:7px;
			}
		ul#twitter_update_list li:hover{
			background:url(../images/bg-menu-active.gif) 0 0 repeat-x #787f7e;
			color:#fff;
			}
			ul#twitter_update_list li:hover a{color:#232323;}
			ul#twitter_update_list li a{color:#757575;}			
				ul#twitter_update_list li span{display:block}				
				ul#twitter_update_list li span a{color:#434950;}

/* Code grabber */
.code{padding:30px 0 10px 0}
.code a.code-icon{margin-bottom:10px}
.code a.code-icon i{padding-right:6px; font-style:normal; color:#fff;}
.code div.grabber{display:none}
.code code{
	padding:0 10px 0 10px;
	background:#f6f6f6;
	color:#333;
	border:1px solid #dfdfdf;
	white-space:pre;
	overflow:auto;
}
.select{
	width: 90%;
}
.edito{
	width: 50%;
}