@media all
{
	
		div#friends
		{
			width:390px; 
			border: 1px solid #000080;
			background-color: #CECECE;/*#F0F8FF; */
			color: #000080;
			padding:10px;
			margin: 10px 10px 10px 10%;
			float : left;
		}
		
		html > body div#friends
		{
			width:370px; 
			-moz-border-radius: 5% 0 5% 0;
		}
		
		.artwai
		{
			position: relative;
			color:#761121;
			background:#FFFFFF url(http://www.artwai.fr/images/logos/artwai.png) no-repeat center;
			margin:1px;
			border: 1px solid rgb(145, 0, 52);
			height: 100px;
			width : 282px;
			float : left;
		}
		.artwai a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 282px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 282px 100px auto);
			clip: rect(auto, 282px, 100px, auto);
		}
		
		
		.bigoodilink
		{
			position: relative;
			-moz-border-radius:6.5em 0 0 0 ;
			background:#fff url(images/bigoodi.gif) no-repeat center;
			margin:1px;
			border: 1px solid #000000;
			height: 25px;
			width : 150px;
			float : left;
		}
		.bigoodilink a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 150px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 150px 25px auto);
			clip: rect(auto, 150px, 25px, auto);
		}
		
		.ctavoulink
		{
			background-color: #336699;
			border: 1px solid #000000;
			position: relative;
			-moz-border-radius: 0 0 1em 0 ;
			margin: 1px;
			padding: 0;
			background: #336699 url(images/ctavou.gif) no-repeat center center;
			height: 50px;
			width: 128px;
			float: left;
			/*clear: left;*/
		}
		.ctavoulink a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 128px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 128px 50px auto);
			clip: rect(auto, 128px, 50px, auto);
		}
		
		.allanic
		{
			position: relative;
			background:#ffffff url(http://www.allanic.fr/images/bandeau/logo_squarehabitat.png) no-repeat center;
			margin:1px;
			border: 1px solid #000000;
			height: 65px;
			width : 215px;
			float : left;
			-moz-border-radius: 0.8em 0.8em 0 0;
			/*clear : right;*/
		}
		.allanic a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 215px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 215px 65px auto);
			clip: rect(auto, 215px, 65px, auto);
		}
		
		.walboat
		{
			position: relative;
			background: #5B626C url(http://www.walboat.com/images/logo_walboat.png) no-repeat center;
			margin:1px;
			border: 1px solid #000000;
			height: 65px;
			width : 225px;
			float : left;
			/*-moz-border-radius: 1em 1em 0 0 ;*/
			/*clear : right;*/
		}
		.walboat a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 225px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 225px 65px auto);
			clip: rect(auto, 225px, 65px, auto);
		}

		.bdoree
		{
			position: relative;
			background: #ffffff url(http://www.briochedoree.fr/images/logo_print.gif) no-repeat center;
			margin:1px;
			border: 1px solid #000000;
			height: 80px;
			width : 140px;
			float : left;
			-moz-border-radius: 21px 21px 21px 21px;
			/*clear : right;*/
		}
		.bdoree a
		{
			font-size: 3em ;
			margin: 0;
			padding-left: 140px;
			position: absolute;
			top : 0; left: 0;
			clip: rect(auto 140px 80px auto);
			clip: rect(auto, 140px, 80px, auto);
		}
		
}
@media screen 
{
	/* body{ background-color: #FE9820; } */
}