/* CSS Stylesheet */

/* Marker style ------------------------------------------------------------- */

html
{
	height : 100%; /* of the browser window */
}

@font-face
{
	font-family : "myfont";
	src : url('fonts/gisha.ttf') format('truetype');
}

@font-face
{
	font-family : "myfont-bold";
	src : url('fonts/gishabd.ttf') format('truetype');
}

@import url(//fonts.googleapis.com/css?family=Open+Sans);

h1, h2, h3, h4, nav, p, a, td
{
	font-family : myfont, Gisha, "Open Sans", Arial, serif, "Levenim MT", "Trebuchet MS", "Lucida Sans", "Tempus Sans ITC", "Maiandra GD";
}

h1, h1 a
{
	font-size : 120%;
	text-align : right;
	border : 0px;
	color : white;
	/* text-shadow : 1px 1px white, -1px -1px black; */
	/* margin-bottom : 10px; */
}

h2
{
	font-size : 110%;
	font-style : italic;
	text-align : right;
	color : white;
}

h3
{
	font-size : 150%;
	text-align : center;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	padding-top : 50px;
	padding-bottom : 50px;
	color : white;
	opacity : 1;
}

h3 a
{
	border : 0px;
    text-decoration : none;
	color : white;
}

h4
{
	font-size : 150%;
	text-align : left;
	margin-top : 0px;
	margin-bottom : 10px;
	margin-left : 0px;
	padding-top : 50px;
}

p
{
	font-size : 120%;
	text-align : left;
	margin-left : 0px;
}

section p::selection
{
	color : white;
	background-color : black;
}

td::selection
{
	color : white;
	background-color : black;
}

.duree::selection
{
	color : white;
	background-color : black;
}

a::selection
{
	color : white;
	background-color : rgb(101,101,101);
}

address
{
	font-family : Arial;
	font-style : normal;
	text-align : left;
	margin-left : 50px;
}

footer
{
	position : relative;
	bottom : 0px;
	width : 100%;
	/* transform : translate(0%,-50%); */
	padding-top : 50px;
	padding-bottom : 50px;
	margin-top : 0px;
	font-size : 80%;
	color : rgb(70,70,70);
	background-color : black;
	/* background-color : rgb(150,150,150); */
}

footer p
{
	text-align : center;
}

a
{
	color : rgb(50,50,50);
	/* font-weight : bold; */
	border-bottom : 1px solid rgb(50,50,50);
	text-decoration : none;
}

nav
{
    display: block;
    text-align: center;
	width : 800px;
	margin : auto;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 25px;
}

nav a
{
    font-family : myfont-bold, Gisha, "Open Sans", Arial;
	font-size : 100%;
    padding-bottom : 5px;
	border : 0px;
    text-decoration : none;
	color : rgb(70,70,70);
}

a:hover
{
	color : black;
	border-bottom : 1px solid black;
}

h1 a:hover
{
	color : white;
	border-bottom : none;
}

h3 a:hover
{
	color : white;
	border-bottom : none;
}

nav a:hover
{
	color : rgb(101,101,101);
    border-bottom : 3px solid rgb(101,101,101);
}

a:visited
{
	/* color : rgb(100,100,100); */
}


/* User style --------------------------------------------------------------- */

.chinois
{
	font-size : 90%;
	font-family : SimHei, SimSun-ExtB, "Arial Unicode MS Normal", MingLiu, serif;
}

.pagesize
{
	width : 100%;
	min-width : 500px;
	/* max-width : 1500px; */
	height : 100%;
	margin : auto;
	margin-bottom : 0px;
	padding-bottom : 0px;
	background-image : url('photos/tmb_home1.jpg');
	background-repeat : no-repeat;
	background-position : right top;
	background-size : 100% 100%;
	background-attachment: fixed;
	/* overflow : hidden; */
	/* border-style : dashed; */
	/* background-color : rgb(202,202,202); */
}

.banner
{
	width : 100%;
	/* height : 170px; */
	/* background-color : black; */
	position : relative;
	top : 0px;
	left : 0px;
	z-index : 100;
}

.bannerphoto
{
	/* background-image : url('photos/tmb_home1.jpg');
	background-repeat : no-repeat;
	background-position : right top;
	background-size : 100% 100%; */
	position : relative; /*cela sert juste a pouvoir mettre le titre de la banniere en absolute ensuite*/
	top : 0px; /*en effet on ne change pas la place de la banniere*/
	width : 100%;
	height : 100%;
	padding-bottom : 0px;
	margin : auto;
	/* background-color : black; */
	/* opacity : 0.6; */
}

.bannertitle
{
	position : absolute;
	bottom : 10%;
	right : 10%;
	padding-left : 10px;
	padding-right : 10px;
	/* background-color : rgb(150,150,150); */
	/* background-color : black; */
}

.navbanner
{
	width : 100%;
	height : 100px;
	background-color : black;
	position : relative;
	top : 0px;
	left : 0px;
	margin-bottom : 0px;
	z-index : 110;
}

.mainpage
{
	width : 100%;
	/* height : 100%; */
/* 	min-width : 400px;
	max-width : 1500px; */
	margin-top : 100%; /* horizontal centering */
	display : block;
	position : relative;
	top : 0px;
	z-index : -100;
	padding-bottom : 0px; /* internal margin */
	/* margin-bottom : 0px; */ /* marge extérieure */
	/* overflow : auto; */
	/* border-style : dashed; */
	/* background-color : green; */
}

.contents
{
	display : block;
	position : relative;
	margin-top : 0px;
	padding-bottom : 50px;
    text-align : left;
	/* border-style : dashed; */
	background-color : white;
}

section
{
	/*position : relative;
	top : 50%;
	transform : translate(0%,-50%); /* vertical centering */
	width : 800px;
	margin-top : 0px;
	margin : auto;
	opacity : 1;
	/* background-color : white; */
}

.contenttitle
{
	margin-top : 0px;
	margin-bottom : 0px;
	/* background-color : black; */
	/* opacity : 0.6; */
}

.tabtxt
{
	font-size : 120%;
	text-align : left;
	border-spacing : 0px 10px;
	margin-left : 0px;
}

.tabtxt a
{
	margin-right : 10px;
}

.tabcell
{
	vertical-align : top;
}

.duree
{
	font-style : italic;
}

.language
{
	text-align : right;
	color : white;
	margin-top : 0px;
	margin-bottom : 0px;
}

.language a
{
	color : white;
	border-bottom : 0px;
}

.language a:hover
{
	border-bottom : 1px solid white;
}

.tabphotos
{
	display : table;
	margin-left : 0px;
	border-spacing : 40px 0px;
	/* background-color : green; */
}

.tabphotos a
{
	border : none;
}

.tablogos
{
	display : table;
	margin-left : 0px;
	border-spacing : 40px 0px;
	/* background-color : green; */
}

.tablogos a
{
	border : none;
}

.mainlist
{
	list-style-type: none;
	padding-left : 0px;
	margin-left : 0px;
	margin-top : 0px;
}

.mainlist li
{
	margin-top : 40px;
}

.item:hover
{
    /* color : rgb(100,100,100); */
	border-bottom : 1px solid rgb(100,100,100);
	cursor : pointer;
	cursor : hand;
}

.current
{
	font-weight : bold;
	font-size : 120%;
}

.select a:hover
{
	border-bottom : 1px solid black;
}

.txt
{
	font-family : Arial, serif;
	font-weight : normal;
	text-align : left;
	margin-left : 50px;
}

.tabcell
{
	vertical-align : top;
}

#top
{
	display : none;
	opacity : 0;
	position : fixed;
	bottom : 5%;
	right : 5%;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-spacing : 0px;
	font-size : 200%;
	font-weight : bold;
	color : rgb(70,70,70);
	border : 3px solid rgb(70,70,70);
}

.toparrow
{
	margin-bottom : 0px;
	margin-top : 10px;
	margin-left : 10px;
	margin-right : 10px;
	padding : 0px;
	/* background-color : red; */
}

#top:hover
{
	cursor : pointer;
	cursor : hand;
	color : rgb(150,150,150);
	border : 3px solid rgb(150,150,150);
}

#menusmall
{
	display : none;
	opacity : 0;
	position : fixed;
	top : 5%;
	right : 5%;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-spacing : 0px;
	font-size : 200%;
	font-weight : bold;
	color : rgb(70,70,70);
	border : 3px solid rgb(70,70,70);
}

.menusymbol
{
	margin-bottom : 0px;
	margin-top : 0px;
	margin-left : 10px;
	margin-right : 10px;
	padding : 0px;
	/* background-color : red; */
}

#menusmall:hover
{
	cursor : pointer;
	cursor : hand;
	color : rgb(150,150,150);
	border : 3px solid rgb(150,150,150);
}

#menu
{
	display : none;
	opacity : 0;
	position : fixed;
	top : 5%;
	right : 5%;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-spacing : 0px;
	color : rgb(70,70,70);
	border : 3px solid rgb(70,70,70);
}

.sidelist
{
	list-style-type: none;
	padding-left : 0px;
	margin-left : 0px;
	margin : 0px;
	font-family : myfont-bold, Gisha, "Open Sans", Arial;
	font-size : 100%;
	font-weight : bold;
	text-align : right;
}

.sidelist li
{
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 10px;
	margin-right : 10px;
}

.sidelist li a
{
	border : none;
}

.sidelist li a:hover
{
	border : none;
	color : rgb(150,150,150);
}