body{
	margin:0px;
	padding:0px;
	background-color:#36393D;
	position:relative;
	background-image:url("../image/site/black-floor.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
}
a{
	font-family:Arial;
	font-size:11pt;
	color:#356AA0;
	text-decoration:none;
}
a:hover{
	color:#D15600;
	
}
#global{
	width:950px;
	height:auto;

	margin:auto;
	background-color:#fff;
	padding:15px;
	box-shadow:0px 0px 12px #000;
}
#header{
	width:950px;
	height:auto;
	
}
#header h1{
	font-size:20pt;
	color:#646464;
	font-family:Arial;
	font-weight:normal;
}
#header h2{
	font-size:14pt;
	color:#646464;
	font-family:Arial;
	font-weight:normal;
}
/* menu */

.menu{
	position:relative;
	width:950px;
	height:auto;
	color:#FFFFFF;
	display:inline-block;
	margin-top:15px;
	
}
.menu ul{
	position:relative;
	left:0px;
	text-align:center;
}
.menu li{
	position:relative;
	list-style:none;
	float:left;
	/*margin:10px 10px 0px 10px;*/
	width:300px;
	height:40px;
	vertical-align:middle;
	font-family:Arial;
	font-size:11pt;
}
.menu li a{
	font-family:Cantarell;
	font-size:14pt;
	color:#eee;
	text-shadow:1px 1px 1px #333;
	text-decoration:none;
	padding:10px;
	border-radius:5px;
	background: rgb(125,126,125);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
border:solid 1px #646464;

}
.menu li a:hover{
	color:#888;
	box-shadow:0 0 12px #000 inset;
}

#content{
	width:950px;
	height:auto;
	margin-top:15px;
}
/* rubban style */

 .ribbon-wrapper {
    position: relative;
}
  .ribbon-front {
background: rgb(122,188,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)));
background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
background: linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
box-shadow:0 0 4px #000;
	


	min-height:30px;
    width: auto;
    position: relative;
    left:-35px;
    z-index: 2;
}
  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{

}
  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
    position: absolute;
    z-index: 1;
    border-style:solid;
    height:0px;
    width:0px;
}
  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}
  .ribbon-edge-bottomleft,{
    top: 40px;
}
  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
    left: -35px;
    border-color: transparent rgb(61,94,128) transparent transparent;
}

  .ribbon-edge-topleft {
    top: -10px;
    border-width: 10px 20px 0 0;
}
  .ribbon-edge-bottomleft {
    border-width: 0 20px 0px 0;
}
.ribbon-back-left {
    position: absolute;
    top: -10px;
    left: 0px;
    width: 0px;
    height: 40px;
    background-color: #61392D;    z-index: 0;
}
.ribbon-front h1{
	color:#eee;
	font-size:20pt;
	font-family:Arial;
	margin-left:35px;
}
/* fin rubban style */
#presentation{
	width:350px;
	height:auto;
	float:left;
}
#ub{
	width:350px;
	float:right;
}
article h1{
	font-size:15pt;
	color:#3F4C6B;
}
#content p{
	font-family:Arial;
	font-size:11pt;
	color:#464646;
	text-align:justify;
}
#content ul{
	font-family:Arial;
	font-size:11pt;
	color:#464646;
	text-align:justify;
	list-style:square;
}
#content li{
	padding:5px;
}
.img{
	width:100px;
	min-height:100px;
	border-left:solid 5px #fff;
	border-top:solid 5px #fff;
	border-right:solid 5px #fff;
	border-bottom:solid 15px #fff;
	box-shadow:0 0 12px #888;
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
	float:left;
	margin-right:15px;
}
.red{
	color:#B02B2C;
}
.green{
	color:#6BBA70;
}
.ville{
	color:#C79810;
}
.author{
	color:#c0c0c0;
	font-size:10pt;
	right:15px;
	font-family:Arial;
	position:absolute;
	bottom:5px;
}
#footer{
	width:910px;
	padding:10px;
	margin-top:15px;
	min-height:150px;
	border:solid 10px #c0c0c0;
	position:relative;
	border-radius:5px;
	/*background: rgb(69,72,77);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );*/
	background-image:url("../image/site/bg_footer.jpg");

	min-height:90px;
}
#footer h1{
	font-size:17pt;
	font-family:Dynalight;
	color:#eee;
	font-weight:normal;
}
#footer a{
	text-decoration:none;
	font-style:italic;
	color:#c0c0c0;
	font-family:Arial;
	font-size:8pt;
}