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

@font-face {
    font-family: 'baumansregular';
    src: url('baumans-regular-webfont.eot');
    src: url('baumans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('baumans-regular-webfont.woff') format('woff'),
         url('baumans-regular-webfont.ttf') format('truetype'),
         url('baumans-regular-webfont.svg#baumansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bree_rgbold';
    src: url('breebold-webfont.eot');
    src: url('breebold-webfont.eot?#iefix') format('embedded-opentype'),
         url('breebold-webfont.woff') format('woff'),
         url('breebold-webfont.ttf') format('truetype'),
         url('breebold-webfont.svg#bree_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

div#content{ height:600px;
width:960px;
position:absolute;
left:50%;
top:50%;
margin-left:-480px;
margin-top:-200px;
-moz-transform-origin:0 0;
-webkit-transform-origin:0 0;
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
	text-align:center;
	font-family: Verdana Black, Geneva, sans-serif;}
	
		div#logo{
			 margin-top:-150px;
	position:absolute;
	text-align:center;}
	
	
	div#text1{ 
position:absolute;
width:150px;
height:150px; 
	background-color: #ECECEE;
	text-align:center;}
	
	div#rassemblez{

	position:absolute;
	width:150px;
height:150px; 
	border-right: 1px solid black;
	margin-top:150px;
	
	}
	
	#rassemblez li{line-height:20px; background-image:url(images/fleche_gauche_list.png); background-repeat:no-repeat; background-position:right; padding-right: 20px;}

	
	

	
	ul{
	margin-top:18px;
	text-align: right; 
	margin-right: 10px;
	font-size:13px;}
	li{list-style: none;font-family: 'bree_rgbold'; line-height:20px;
	}
	
	a:link{ color: #000;
	text-decoration:none;
	te
	}
	
	a:hover{color:#58585A;}
	
	a:visited{color:#000;}
	
	.liste{text-align:left; font-family: 'baumansregular'; font-size: 15px; list-style: circle; list-style:red; line-height: 22px; }
	
	div#contenu{
		position:absolute;
		margin-left:350px;
		margin-top:50px;
		height:300px;
		width:600px;
		-webkit-transform-origin:0 0;
		-webkit-transform:rotate(10deg);
		-moz-transform-origin:0 0;
		-moz-transform:rotate(10deg);
	}
	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
	
	div#content{ height:600px;
width:960px;
position:absolute;
left:50%;
top:50%;
margin-left:-480px;
margin-top:1000px;
-moz-transform-origin:0 0;
-webkit-transform-origin:0 0;
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
	text-align:center;
	font-family: Verdana Black, Geneva, sans-serif;}
	}
	
	@media screen and (max-width: 1400px) {
  div#content{ height:600px;
width:960px;
position:absolute;
left:50%;
top:50%;
margin-left:-480px;
margin-top:-70px;
-moz-transform-origin:0 0;
-webkit-transform-origin:0 0;
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
	text-align:center;
	font-family: Verdana Black, Geneva, sans-serif;}
}