/*Petit menu de la page des travaux*/
body,html {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*background-image:url(../img/img_design/drape.jpg);*/
	background-repeat:no-repeat;
	background-color:#EEE;}
img{
	width:856;
	height:623;
	padding-left: 210px;}

a {
	text-decoration: none;
	}

div#textuber{
	margin-left:395px;
	margin-top:210px;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
	letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#textuberscroll{
	overflow:scroll;
	margin-left:395px;
	margin-top:210px;
	z-index:5;
	position:relative;
	width: 450px;
	height:450px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
	letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#textpsy{
	margin-left:395px;
	margin-top:190px;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
		letter-spacing:0.7px;
line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#textpsy2{
	margin-left:395px;
	margin-top:188px;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
	letter-spacing:0.65px;
line-height: 1.15em;
	font-size:12px;
	display:block;}
	
div#textpsy a{
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	text-decoration:underline;
	display:block;}
	
div#texthaufige a{
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	text-decoration:underline;
	display:block;}
	
div#texthaufigescroll a{
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	text-decoration:underline;
	display:block;}
	
	
div#textpsy3{
	margin-left:395px;
	margin-top:220 qpx;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
		letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}

div#texthaufige{
	
	margin-left:400px;
	margin-top:210px;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
		letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#texthaufigescroll{
	
	margin-left:400px;
	margin-top:210px;
	z-index:5;
	position:relative;
	width: 450px;
	overflow:scroll;
	height:450px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
		letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#textang{
	margin-left:400px;
	margin-top:130px;
	z-index:5;
	position:relative;
	width: 450px;
	height:100px;
	font: Arial, Geneva, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
		letter-spacing:0.7px;
	line-height: 1.2em;
	font-size:12.2px;
	display:block;}
	
div#menu {
	
	position: fixed;
	top: 30px;
	left: 30px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;}

div#menu a {
	position: relative;
	padding: 4px 4px 6px 6px;
	display: block;
	color: #FFF;
	border: 1px solid #FFF;
	}
	

	
	



div#menu a.back {
	display: block;
	width: 158px;
	height: 63px;
	margin-bottom: -1px;
}


div#menu a.other {
	display: block;
	width: 138px;
	height: 13px;
	margin-bottom: -1px;
}




/*Menu escalier accueil*/ /*pour déplacer l'entier de la fenetre, simplement changer cela!*/
div#menuwrap {
	width: 450px;
	position: absolute;
	top: 40px;
	left: -40px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;}

div#menuwrap div#menu {
	position: relative;
}

div#menuwrap div#menu div#detail {
	position: absolute;
	padding: 4px 4px 6px 6px;
	display: block;
	background: none;
	top: 24px;
	left: 149px;
	width: 286px;
	
}

div#menuwrap div#menu a {
	position: absolute;
	padding: 4px 4px 6px 6px;
	display: block;
	border: 1px solid #FFF;
}


div#menuwrap div#menuitems {
	position: relative;}

div#menuwrap div#menuitems a {
	position: absolute;
	padding: 4px 4px 6px 6px;
	display: block;
	color:white; /*changer la couleur des liens du menu*/
	border: 1px solid #FFF;}/*couleur des lignes du menu*/
	


div#menuwrap div#menuitems a:hover {
	color:white;} /*arriere plan  des hover menus texte*/



	
	

div#menuwrap div#menuitems a#uber {
	top: 0px;
	left: 210px;
	width: 160px;
	height: 150px;
	padding-bottom: 0;
	background-image:url(../images/bguber0.png);
}


div#menuwrap div#menuitems a#premier {
	top: 0px;
	left: 381px;
	width: 160px;
	height: 144px;
}

div#menuwrap div#menuitems a#deuxieme {
	top: 0px;
	left: 552px;
	width: 160px;
	height: 144px;}

div#menuwrap div#menuitems a#info {
	top: 465px;
	left: 552px;
	width: 160px;
	height: 144px;
	background-image:url(../images/bginfo0.png);
	background-repeat:no-repeat;}

div#menuwrap div#menuitems a#trois {
	top: 0px;
	left: 723px;
	width: 332px;
	height: 144px;}


div#menuwrap div#menuitems a#quatre {
	top: 155px;
	left: 210px;
	width: 160px;
	height: 144px;}

div#menuwrap div#menuitems a#psy {
	top: 155px;
	left: 381px;
	width: 160px;
	height: 144px;
	background-image:url(../images/bgpsy0.png);
	background-repeat:no-repeat;}
	
#kontakt {
	top:  -35px;
	left: 894px;
	width: 162px;
	height: 18px;}
	
#ubervig {
	position:relative;
	z-index:4;
	top: 465px;
	left: 894px;
	width: 161px;
	height: 144px;}
	
#back{
	position:relative;
	z-index:5;
	top: -35px;
	left: 212px;
	width: 161px;
	height: 18px;}
	
#plan{
	position:relative;
	z-index:5;
	top: 85px;
	left: 350px;
	}
	
	
#cv{
	position:relative;
	z-index:5;
	top: 298px;
	left: 220px;
	width: 143px;
	height: 18px;}
	
#frage25{
	position:relative;
	z-index:5;
	top: 395px;
	left: 894px;
	width: 161px;
	height: 18px;}
	
#psyfrage1{
	position:relative;
	z-index:5;
	top: 9px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#psyfrage2{
	position:relative;
	z-index:5;
	top: 28px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#psyfrage3{
	position:relative;
	z-index:5;
	top: 47px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#psyfrage4{
	position:relative;
	z-index:5;
	top: 66px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#psyfrage5{
	position:relative;
	z-index:5;
	top: 85px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#psyfrage6{
	position:relative;
	z-index:5;
	top: 104px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage4{
	position:relative;
	z-index:5;
	top: 9px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage1{
	position:relative;
	z-index:5;
	top: 28px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage2{
	position:relative;
	z-index:5;
	top: 47px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage3{
	position:relative;
	z-index:5;
	top: 66px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage5{
	position:relative;
	z-index:5;
	top: 85px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage6{
	position:relative;
	z-index:5;
	top: 104px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage7{
	position:relative;
	z-index:5;
	top: 123px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frage8{
	position:relative;
	z-index:5;
	top: 142px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
	
#frageuber1{
	position:relative;
	z-index:5;
	top: 90px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
#frageuber2{
	position:relative;
	z-index:5;
	top: 109px;
	left: 382px;
	width: 495px;
	height: 8px;}
	
	

div#menuwrap div#menuitems a#cinq {
	top: 155px;
	left: 552px;
	width: 503px;
	height: 299px;}
	
div#menuwrap div#menuitems a#borderall {
	top: 0px;
	left: 210px;
	width:845px;
	height: 609px;
	z-index:4;
	}

div#menuwrap div#menuitems a#six {
	top: 310px;
	left: 210px;
	width: 331px;
	height: 299px;}
	
div#menuwrap div#menuitems a#ang {
	top: 0px;
	left: 552px;
	width: 160px;
	height: 144px;}
	
div#menuwrap div#menuitems a#sept {
	top: 465px;
	left: 723px;
	width: 160px;
	height: 144px;}
	
div#menuwrap div#menuitems a#rechte {
	top: 465px;
	left: 894px;
	width: 161px;
	height: 144px;}





@media screen {
	body>div#menuwrap {
		position: fixed;
	}
}

/*Sous-menu page accueil*/
div#contentwrap {
	width: 360px;
	position: absolute;
	top: 30px;
	left: 460px;
	padding: 0 0 30px 0;
}

div#contentwrap a.subsection {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;/*background de la vignette blanche*/
	padding: 3px 9px 7px 9px;
	margin: 0 0 5px 0;
	
}

div#contentwrap a.subsection:hover {
	color: white;/*hover du texte*/
}

div#contentwrap a.subnav {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	position: relative;
	padding: 4px 4px 6px 6px;
	display: block;
	color: #FFF;
	background: url(../media/site/none.gif) repeat;
	border: 1px solid #FFF;
	width: 138px;
	height: 13px;
	margin-bottom: -1px;
}

div#contentwrap a.subnav:hover {
	color: white;
	background: url(../media/site/FFF.gif) repeat;
}

div#contentwrap div.contenttext {
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;
	padding: 7px 9px 7px 9px;
	margin: 0 0 20px 0;
}

div#contentwrap div.contenttext a {
	color: #555;
}

div#contentwrap div.contenttext a:hover {
	color: white;
}

.subcity {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;
	padding: 7px 9px 7px 9px;
	margin: 0 0 5px 0;
}

a.subcity:hover {
	color: white;
}

/*Dans la page des travaux, les textes et les images sont influencés par cela*/
div#detailmenuwrap {
	width: 150px;
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	font-weight: bold;
}

div#detailmenuwrap a {
	position: relative;
	padding: 4px 4px 6px 6px;
	display: block;
	color: #FFF;
	background: url(../media/site/none.gif) repeat;
	border: 1px solid #FFF;
}

div#detailmenuwrap a:hover {
	color: white;
}

div#detailmenuwrap a.bigback {
	display: block;
	width: 138px;
	height: 63px;
	margin-bottom: -1px;
}

div#detailmenuwrap a.subnav {
	display: block;
	width: 138px;
	height: 13px;
	margin-bottom: -1px;
}

div#detailcontentwrap {
	width: 775px;
	position: absolute;
	top: 30px;
	left: 210px;
	padding: 0 0 30px 0;
}

div#detailcontentwrap a.subsection {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;
	padding: 7px 9px 7px 9px;
	margin: 0 0 5px 0;
	width: 438px;
}

div#detailcontentwrap a.subsection:hover {
	color: #999;
}

div#detailcontentwrap a.subnav {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	position: relative;
	padding: 4px 4px 6px 6px;
	display: block;
	color: #FFF;
	background: url(../media/site/none.gif) repeat;
	border: 1px solid #FFF;
	width: 138px;
	height: 13px;
	margin-bottom: -1px;
}

div#detailcontentwrap a.subnav:hover {
	color: #555;
	background: url(../media/site/FFF.gif) repeat;
}

div#detailcontentwrap div.contenttext {
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;
	padding: 7px 9px 7px 9px;
	margin: 0 0 20px 0;
	width: 438px;
}

div.contentstatic {
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: #FFF;
	padding: 7px 9px 7px 9px;
	margin: 0 0 5px 0;
	width: 438px;
}

div#detailcontentwrap div.contenttext a {
	color: #555;
}

div#detailcontentwrap div.contenttext a:hover {
	color: #999;
}

div#detailcontentwrap img {
	padding: 0;
	margin: 0 17px 20px 0;
}

@media screen {
	body>div#detailmenuwrap {
		position: fixed;
	}
}


#info{
	background-image:url(../images/bg/bginfo1.png);
	}