@CHARSET "UTF8";

/*_*_*_*_*_*_*_*_*_*_*/

/* gestion des Curseurs */

/*_*_*_*_*_*_*_*_*_*_*/

/*Default*/
html, body {cursor:url('/img/cursor/default.cur'), default;}
img {border:none;}

select, select option:hover, input, iframe {cursor:url('/img/cursor/default.cur'), default;}
/*Text*/
input[type='text'], input[type='password'], textarea {cursor:url('/img/cursor/text.cur'), text;}
/*Pointer*/
input[type='submit'],input[type='checkbox'], input[type='radio'], a, a:visited, a[disabled='disabled'],select option:hover {cursor:url('/img/cursor/pointer.cur'), pointer; }
.cursor_pointer {cursor:url('/img/cursor/pointer.cur'), pointer; }
.cursor_fleche_vertical {cursor:s-resize;}

/*
CSS DEFAULT
*/
html, body {
margin:0; 
padding : 0;
background : url('/img/bg.jpg') repeat scroll 0 0 transparent; 
height:100%; 
min-height:665px;
}
body {
background : url('/img/bg.jpg') repeat scroll 0 0 transparent; 
font-family: 'Sentinel A','Sentinel B',Georgia; 
min-width:1044px;
}

a { color : #BC9D51; text-decoration: underline;}
a:hover {color : #808080; text-decoration: none;}

div#content {
    margin: 0 auto;
    padding: 0;
    width: 70%;
    min-height:100%;
    max-width: 935px;
}


footer,
#footer,
.footer
{ 
position:absolute; 
left:50%;
max-width: 900px;
text-align:center;
top : 150px;
width:50%;
}


footer > div.container
{
    position : relative;
    left : -50%;
}

footer a, #footer a {color: #CED0DA; }

.alineas p {
	text-indent : 1em;
}

/*
CSS CONTENT
*/
#invitation {
    background: transparent; /*url("/img/letter_lines.png") repeat-y scroll 50% center transparent;*/
}

#invitation .b {
   /* background: url("/img/letter_jacket.png") no-repeat scroll 50% center transparent;*/
    position: absolute;
    width: 100%;
    z-index: 101;
	margin-top:0 ;
}

#invitation .c {
    background: url("/img/letter_sheet.gif") no-repeat scroll 0 0 transparent;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    height: 900px;
    margin-top: 530px;
    position: absolute;
    transition: margin 1s ease 0s;
	-webkit-transition: margin 1s ease;
	-moz-transition: margin 1s ease;
	-ms-transition: margin 1s ease;
	-o-transition: margin 1s ease;

    width: 100%;
    z-index: 102;
	text-align:center;
}

#invitation .c.opened {
	margin-top : 10px;
}

.e {
/*position:absolute;*/
z-index : 110;  
background : url('/img/bg-footer-end.png') repeat-x scroll 99px 0 transparent; 
margin : 0 auto;
border-radius : 7px;
width : 98%;
}

.panel, .text {
    background: none repeat scroll 0 0 #000000;
    overflow: hidden;
    position: relative;
}

.underlined {
	border-bottom: 1px solid #BC9D51;
}

ul.no-bullet {
	list-style: none;
}

.inline,
ul.inline-block li {
	display : inline;
}

.inline-block,
ul.inline-block li {
	display : inline-block;
}

#invitation .c .caption {
    /*border-bottom: 1px solid #BC9D51;*/
    color: #808080;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
	width : 98%;
	padding-left : 2%;
	padding-right : 17px;
	max-height: 410px;
    overflow-x: hidden;
    overflow-y: scroll;
	padding-bottom : 10px;
}
.caption {
    -moz-user-select: none;
    font-size: 19px;
    font-weight: 400;
    width: 500px;
    z-index: 997;
}

#invitation .c .caption h1 {
	font-size: 22px;
    font-weight: 800;
	border-bottom : 1px solid #AF8F44;
}
#invitation .c .caption h2 {
	font-size: 19px;
    font-weight: 600;
}
#invitation .c .caption section article {
text-align : left;
margin-left : 2%;
font-size: 14px;
font-weight: normal;
}

#invitation .c .caption ul li {
	margin-bottom : 1%;
}
#invitation .c .caption ul li.light {
color : #808080;
}
#invitation .c .caption ul li.dark {
color : #565656;
}


.opened #ornament {
margin-top : 75px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#ornament {
margin-top : 0;
transform-origin: 50% 50% 0;

transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);

transition: all 1s ease 0s;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

input[type="submit"] {
    background-color: #BC9D51;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 20px #856B3A inset;
    color: #FFFFFF;
    font-family: 'Sentinel SSm A','Sentinel SSm B';
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 10px 15px 10px 17px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
}

input[type="submit"]:hover {background-color: #000000;}

/*
 * MENU
 * */
nav {
color : #6D6D6D;

background: #FDF0DE; /* Old browsers */
background: -moz-linear-gradient(top,  #af8f44 10%, #fdf0de 35%, #fdf0de 70%, #af8f44 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#af8f44), color-stop(35%,#fdf0de), color-stop(70%,#fdf0de), color-stop(90%,#af8f44)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #af8f44 10%,#fdf0de 35%,#fdf0de 70%,#af8f44 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #af8f44 10%,#fdf0de 35%,#fdf0de 70%,#af8f44 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #af8f44 10%,#fdf0de 35%,#fdf0de 70%,#af8f44 90%); /* IE10+ */
background: linear-gradient(to bottom,  #af8f44 10%,#fdf0de 35%,#fdf0de 70%,#af8f44 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8f44', endColorstr='#af8f44',GradientType=0 ); /* IE6-9 */

width:96%;
margin : 0 auto;
margin-top : 75px;
text-align : center;

border-radius: 25px;
-webkit-radius : 25px;
-o-radius : 25px;
-moz-radius : 25px;
}
ul#menu {
	list-style: none outside none;
	padding : 0;
	margin : 0 auto;
	display : block;
}
ul#menu li {
	margin-right:1%;
	display : inline-block;
	padding : 2% 0;
	
	transition: padding 0.5s ease 0.1s, 
				background 0.5s ease 0.1s, 
				box-shadow 0.5s ease 0.1s;
	-webkit-transition: padding 0.5s ease 0.1s, 
				background 0.5s ease 0.1s, 
				box-shadow 0.5s ease 0.1s;
	-o-transition: padding 0.5s ease 0.1s, 
				background 0.5s ease 0.1s, 
				box-shadow 0.5s ease 0.1s;
	-moz-transition: padding 0.5s ease 0.1s, 
				background 0.5s ease 0.1s, 
				box-shadow 0.5s ease 0.1s;
	-ms-transition: padding 0.5s ease 0.1s, 
				background 0.5s ease 0.1s, 
				box-shadow 0.5s ease 0.1s;
}

.nothing {
background: #AF8F44; /* Old browsers */
background: -moz-linear-gradient(top,  #a78841 10%, #fce6c8 35%, #fce6c8 70%, #a78841 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#a78841), color-stop(35%,#fce6c8), color-stop(70%,#fce6c8), color-stop(90%,#a78841)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a78841 10%,#fce6c8 35%,#fce6c8 70%,#a78841 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a78841 10%,#fce6c8 35%,#fce6c8 70%,#a78841 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a78841 10%,#fce6c8 35%,#fce6c8 70%,#a78841 90%); /* IE10+ */
background: linear-gradient(to bottom,  #a78841 10%,#fce6c8 35%,#fce6c8 70%,#a78841 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78841', endColorstr='#a78841',GradientType=0 ); /* IE6-9 */
}
ul#menu li:hover,
ul#menu li.selected {
cursor:url('/img/cursor/pointer.cur'), pointer;

background: #aa8b42; /* Old browsers */
background: -moz-linear-gradient(top,  #aa8b42 10%, #fcebd2 35%, #fcebd2 70%, #aa8b42 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#aa8b42), color-stop(35%,#fcebd2), color-stop(70%,#fcebd2), color-stop(90%,#aa8b42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aa8b42 10%,#fcebd2 35%,#fcebd2 70%,#aa8b42 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aa8b42 10%,#fcebd2 35%,#fcebd2 70%,#aa8b42 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aa8b42 10%,#fcebd2 35%,#fcebd2 70%,#aa8b42 90%); /* IE10+ */
background: linear-gradient(to bottom,  #aa8b42 10%,#fcebd2 35%,#fcebd2 70%,#aa8b42 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8b42', endColorstr='#aa8b42',GradientType=0 ); /* IE6-9 */


padding : 2% 3%;
/* #808080 */
box-shadow: 0 1px 0 rgba(95, 71, 45, 0.1) inset, 
			0 -1px 0 hsl(31, 36%, 30%) inset, 
			0 -2px 0 hsl(31, 36%, 35%) inset, 
			0 -3px 0 hsl(31, 36%, 40%) inset, 
			0 -4px 0 hsl(31, 36%, 45%) inset, 
			0 -5px 0 hsl(31, 36%, 50%) inset;
-moz-box-shadow: 0 1px 0 rgba(95, 71, 45, 0.1) inset, 
			0 -1px 0 hsl(31, 36%, 30%) inset, 
			0 -2px 0 hsl(31, 36%, 35%) inset, 
			0 -3px 0 hsl(31, 36%, 40%) inset, 
			0 -4px 0 hsl(31, 36%, 45%) inset, 
			0 -5px 0 hsl(31, 36%, 50%) inset;
-webkit-box-shadow: 0 1px 0 rgba(95, 71, 45, 0.1) inset, 
			0 -1px 0 hsl(31, 36%, 30%) inset, 
			0 -2px 0 hsl(31, 36%, 35%) inset, 
			0 -3px 0 hsl(31, 36%, 40%) inset, 
			0 -4px 0 hsl(31, 36%, 45%) inset, 
			0 -5px 0 hsl(31, 36%, 50%) inset;
-ms-box-shadow: 0 1px 0 rgba(95, 71, 45, 0.1) inset, 
			0 -1px 0 hsl(31, 36%, 30%) inset, 
			0 -2px 0 hsl(31, 36%, 35%) inset, 
			0 -3px 0 hsl(31, 36%, 40%) inset, 
			0 -4px 0 hsl(31, 36%, 45%) inset, 
			0 -5px 0 hsl(31, 36%, 50%) inset;
-o-box-shadow: 0 1px 0 rgba(95, 71, 45, 0.1) inset, 
			0 -1px 0 hsl(31, 36%, 30%) inset, 
			0 -2px 0 hsl(31, 36%, 35%) inset, 
			0 -3px 0 hsl(31, 36%, 40%) inset, 
			0 -4px 0 hsl(31, 36%, 45%) inset, 
			0 -5px 0 hsl(31, 36%, 50%) inset;
						
color : #565656;
}

ul#menu li.selected {
	margin-right : 0;
}

@media (max-width: 850px)
{
	#invitation .c .caption {
		padding-left : 3%;
	}
	
	img.tux {
		height : 300px;
	}
	
	footer,
	#footer,
	.footer
	{ 
            top : 250px;
	}
	
	ul#menu li{
		min-width : 40%;
	}
	
}

@media (max-width: 640px)
{

	ul#menu li {
		display : block;
	}
	img.tux {
		height : 150px;
	}
	
	footer,
	#footer,
	.footer
	{ 
	    top : 420px;
	}
	
	ul#menu li {
		margin-right : 0;
	}
	ul#menu li:hover:last-child,
	ul#menu li.selected:last-child {
	 border-radius :  0 0 25px 25px;
	}
	
	ul#menu li:hover:first-child,
	ul#menu li.selected:first-child {
	 border-radius :  25px 25px 0 0;
	}
	
	#invitation .c .caption h1 {
		font-size: 18px;
	}
	#invitation .c .caption h2 {
		font-size: 15px;
	}
	#invitation .c .caption section article {
	font-size: 12px;
	}
	
	div#content {
		width : 85%;
	}
	nav {
		width : 93%;
	}
	
	#invitation .c .caption {
		padding-left : 5%;
	}
}