html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:disc}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}iframe{z-index:0}mark{background:0}
@font-face{font-family:'Roboto';font-style:normal;font-weight:200;src:local('Roboto Light'),local('Roboto-Light'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Regular'),local('Roboto-Regular'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Medium'),local('Roboto-Medium'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:600;src:local('Roboto Bold'),local('Roboto-Bold'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:200;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Italic'),local('Roboto-Italic'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff')}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(//themes.googleusercontent.com/static/fonts/roboto/v9/t6Nd4cfPRhZP44Q5QAjcC4bN6UDyHWBl620a-IRfuBk.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

h1,h2,h3,h4,h5,h6 {color:#ffffff;font-family:'Roboto',sans-serif}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}

h1{font-size:36px;line-height:47px;margin-bottom:0;font-weight:200}
h2{font-size:14px;line-height:20px;margin-bottom:5px;font-weight:200}


@import '//fonts.googleapis.com/css?family=Lato:400,400italic|Arvo:700,400,400italic';

body {
    abackground: #F0EFE7;
    background: #222222;
    margin: 0;
    padding: 0;
 /*   font: 15px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #4E443C;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
*/
}

ah1, ah2, h3, h4, h5, h6 {
  font-family: 'Arvo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
  text-rendering: optimizelegibility;
}

ah1 {
    color: #4E443C;
    font-size: 36px;
    font-weight: bold;
}

ah2, h2 a {
    color: #F14E32;
}

h3, h3 a {
  color: #0388A6;
}

a {
  color: #0388A6;
}

pre {
  border:1px solid #000;
  overflow-x:auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}

.wrapper {
    max-width: 920px;
    padding: 0 20px 40px 20px;
    margin: auto;
}

.jcarousel-wrapper {
    /* margin: 20px auto; */
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 720px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 300px;
    width: 130px;
    height: 130px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 124px/117px Arial, sans-serif;
    -webkit-border-radius: 130px;
       -moz-border-radius: 130px;
            border-radius: 130px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -150px;
}

.jcarousel-control-next {
    right: -150px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -80px;
    left: 415px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.TT td {
	align-content:center;
	text-align:center;
	width:300px;
	height:240px;
	font-family:'Roboto',sans-serif;
	font-weight:200;
}

.TT td a {
	color:#FFF;
	text-decoration:none;
	font-size:20px;
}

.TT2 td {
	align-content:center;
	text-align:center;
	width:295px;
	height:50px;
	font-family:'Roboto',sans-serif;
	font-weight:200;
	vertical-align:middle;
}

.TT2 td.touche {
	background-color:#222;
	color:#FFF;
	border-color:#222;
	border: none;
	vertical-align:middle;
	font-size:30px;
	border-collapse:separate;
}

.TT2 td.touche2 {
	background-color:#FFF;
	color:#FFF;
	border-color:#FFF;
	border: solid;
	vertical-align:middle;
	font-size:30px;
	border-collapse:separate;
}

.bouton {
    width: 50px;
    height: 50px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 34px/42px Arial, sans-serif;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
			display:block;
			left:100px;
}


.TT3 td {
	/* width:300px; */
	font-family:'Roboto',sans-serif;
	font-weight:200;
	vertical-align:middle;
}

.TT3 td.touche {
	height:126px;
	text-align:center;
	background-color:#080;
	color:#FFF;
	border-color:#FFF;
	border: solid;
	vertical-align:middle;
	font-size:30px;
	border-collapse:separate;
}

.TT3 td.touche9 {
	text-align:center;
	background-color:#080;
	color:#FFF;
	border-color:#FFF;
	border: solid;
	vertical-align:middle;
	font-size:30px;
	border-collapse:separate;
}


.B1 {
	width:300px;
	height:126px;
	font-size:36px;
	cursor:pointer;
}

.B2 {
	margin-top:7px;
	
    width: 100px;
    height: 100px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 20px #000;
    font: 114px/27px Arial, sans-serif;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
	border:none;
	cursor:pointer;

	
}

.vignette {
width:180px; 
height:180px; 
border:none;
background-repeat:no-repeat;
background-position:center;
font-size:18px;
vertical-align:bottom;
color:#FFF;
text-shadow:#000;
background-color:#222222;
cursor:pointer;
}


.C2B2 {
	width:193px; 
	height:55px; 
	cursor:pointer; 
	border:none;
}

.C2B2:focus {
	outline: 0;
}


.ch { 
width:50px; height:50px; background-image:url(images/ch0.jpg); cursor:pointer; background-color:#222; border:none;
}

.ch:focus {
	outline: 0;
}

.B2:focus {
	outline: 0;
}

.BS {
	width:300px;
	height:126px;
	font-size:36px;
	cursor:pointer;
	background-color:#080;
	color:#FFF;
}