@font-face {
	font-family: digital_font;
	src: url('../font/DIGINUMBERMONO.ttf');
}

@font-face {
	font-family: century_font;
	src: url('../font/GOTHIC.TTF');
}

@font-face {
	font-family: prinstina_font;
	src: url('../font/PRISTINA.TTF');
}


html,
body {
    min-height: 100%;
	font-family: prinstina_font;
	color:#333333;
	margin:0;
	padding:0;
}

/* Put in the backgrounds */
html {
	/*au cas ou : http://www.colorzilla.com/gradient-editor/ */

	background-color: #dadec2;
	background: url("../images/fond_mariage.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;

}

div#main{
	text-align:center;
	min-height: 100%;
	height:auto;
	width:1100px;
	margin:auto;
}

div#main div#header{
	/*conteneur principal*/
	font-size:60px;
}
div#main div#header div#left{
	display:inline;
	text-align: right;
	padding-right:20px;
	font-style:italic;
}
div#main div#header div#image{
	display:inline;
}
div#main div#header div#right{
	display:inline;
	text-align: left;
	padding-left:20px;
	font-style:italic;
}


.capitalize{
	text-transform : capitalize;
}

#photos{
	margin:auto;
	width:300px;
	margin-top:50px;
	margin-bottom:20px;
	font-size:25px;
}

#countdown{
	/*position:relative;
	left:25%;*/
	margin:auto;
	width:300px;
	margin-top:50px;
	margin-bottom:20px;
}


#countdown .digit{
	float:left;
	height:100%;
}

#countdown .value{
	font-size:50px;
	text-align:center;
	color:#2c7f23;/*57b9e6;*/
	font-weight:bold;
	font-family: digital_font;
}

#countdown .legend{
	font-size:10px;
	text-align:right;
	/*padding-right:10px;*/
	color:#2c7f23;
	font-family: digital_font;
}

#countdown #countdown_end{
	clear:both;
}
.clearboth{
	clear:both;
}
#end{
	/*font-weight:bold;*/
	margin-top:40px;
	font-size:25px;
}

#menu{
	margin:50px 0 0 0;
	font-family: prinstina_font;
	color:#333333;
	font-size:25px;
}

a{
	color: #266935;
	border-bottom:1px #266935 dotted;
	text-decoration:none;
}
a:hover{
	border-bottom:1px #266935 solid;
}


h1{
	color:#333333;
	font-size:40px;
	margin: 0 0 30px 0;
}

h2{
	text-align: left;
	color:#266935;
	font-size:20px;
	margin: 0 0 30px 10px;
}
div#detail{
	background-color: rgba(255, 255, 255, 0.7);

	font-family: century_font;
	font-size:15px;
	color: #266935;
	box-shadow: 1px 1px 12px #aaa;
	border-radius: 10px 10px;
	margin-bottom:10px;
}

p{
	padding:10px;
	text-align: left;
}

div#detail ul{
	text-align:left;
}
div#detail li{
	margin:10px;
}
div#detail form{
	padding:10px;
	text-align:left;
}
div#detail form span{
	width:200px;
}
.center{
	text-align:center;
}

.comment_adobe{
	font-size:10px;
	color:#999999;
}
.comment_adobe img{
	vertical-align:middle;
}

.bottom{
	border-top: 1px #266935 DOTTED;
	padding: 3px;
	text-align:center;
}

#progress{
	background-color: rgba(255, 255, 255, 0.7);
	font-family: century_font;
	font-size:14px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	/*border: 1px #266935 SOLID;
	border-top:none !important;*/
	box-shadow: 1px 1px 12px #aaa;
	width:100%;
	margin-bottom: 10px;
}
#progress table{
	width:100%;
}
#progress td.on,
#progress td.off{
	padding:5px;
	width:120px;
	text-align:center;
}
#progress .on{
	color: #777777;
}
#progress .off{
	color: #AAAAAA;
}

accronym{
	border-bottom: 1px #266935 DOTTED;
	cursor: help;
}

.input{
	font-size:15px;
	color: #266935;
	font-family: century_font;
	width: 250px;
	background-color:#daffe2;
}
.input.small{
	width: 40px !important;
}
.input:hover{
	background-color:#acf3bc;
}
.textarea{
	font-size:15px;
	color: #266935;
	font-family: century_font;
	width: 430px;
	height: 100px;
	background-color:#daffe2;
}
.textarea:hover{
	background-color:#acf3bc;
}
.submit{
	font-size:15px;
	color: #daffe2;
	font-family: century_font;
	background-color:#266935;
	cursor:pointer;
}
.submit:hover{
	background-color:#145723;
}

.oblig{
	color:#FF0000;
}
.current{
	color:#999999;
}