@charset "UTF-8";
/* CSS Document */

	body#mood	{
		overflow: scroll;
		background:url(images/MOOD/mood1.jpg) no-repeat top center fixed; 
		-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: 100% auto;           /* Opera 9.5 */
   		-webkit-background-size: 100% auto;           /* Safari 3.0 */
        background-size: 100% auto;           /* Gecko 2.0 (Firefox 4.0) et les autres navigateurs */
	}
	
	div.titre-page#mood	{
		margin: 20% 50% 0 50%;
		transform:translateX(-50%);
		font-size:2vh;
		line-height:4.1em;
		font-weight:100;
		letter-spacing:-0.02em;
		z-index:20000;
	}
	
	@media screen and (max-width: 700px)	{
		div.titre-page#mood	{
			margin-top:45%;
			font-size:2vh;
			line-height:4.1em;
		}
	}
	
	div.contenu-page#mood	{
		background-color:rgba(255,255,255,0.93);
	}
	
	@media screen and (max-width: 700px)	{
		div.contenu-page#mood	{
		text-align:center;
		}
	}
	
	p.titre1#mood	{
		/*color:rgba(255,255,255,0.8);*/
		width:70%;
		text-align:left;
		color:rgba(51,51,51,1);
	}
	
	img.mood	{
		display:inline-block;
		vertical-align:top;
		position:relative;
		margin: 10px 0 50px 50px; 
	}
	
	@media screen and (max-width: 700px)	{
		img.mood	{
			margin:30px 30px;
		}
	}
	
	img.mood#mood00	{
		width:92%;
		max-width:640px;
		height:50px;
	}
	
	@media screen and (max-width: 700px)	{
		img.mood#mood00	{
			display: none;
		}
	}
	
	img.mood#moodfull	{
		width:100%;
		max-width:1000px;
		height:auto;
		margin-top:-230px;
	}
	
	@media screen and (max-width: 700px)	{
		img.mood#moodfull	{
		margin-top:20px;
		width:100%;
		height:auto;
		margin: 10px 0;		}
	}
	
	img.mood#mood1	{
		width:92%;
		max-width:640px;
		height:auto;
	}
	
	@media screen and (max-width: 700px)	{
		img.mood#mood1	{
		width:85%;
		}
	}
	
	img.mood#mood1B	{
		width:92%;
		max-width:640px;
		height:auto;
		margin-top:-230px;
	}
	
	@media screen and (max-width: 700px)	{
		img.mood#mood1B	{
		width:85%;
		margin-top:20px;
		}
	}
	
	img.mood#mood2	{
		width:80%;
		max-width:400px;
		height:auto;
	}
	
	img.mood#mood2B	{
		width:80%;
		max-width:400px;
		height:auto;
		margin-top:-230px;
	}
	
	img.mood#verticalmood1	{
		width:400px;
	}
	
	p.H1#mood	{ 
	font-weight: 100;
	font-size:8vw;
	line-height:0.7em;
	}
	
	@media screen and (max-width: 700px)	{
		p.H1#mood	{
		font-size:18vw;
		margin-left:10px;
		}
	}
	
	@media screen and (max-width: 700px)	{
		p.titre1#mood	{
			margin-left:20px;
		}
	}
	
	p.texte-courant#mood	{
		color:#FFF;
		margin-top:100px;
	}