html {
height:100%;
margin-bottom:1px;
}

body {
	margin-left:auto;
	margin-right:auto;
	font-family:verdana, arial;
}

.bkg {
	width:1000px;
	height:550px;
	background-repeat:no-repeat;
	background-position:right;
	margin:auto;
}

.corps {
	height:550px;
}

/* accueil */
.accueil { background-color:black; }
.menu_index {
	width: 300px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
.menu_index2 {
	width: 500px;
	height: 130px;
	margin-top: 15px;
}



/* encre à l'oeil */
.encre_a_oeil {
	background-image:url(bkg/newsbis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* sonik */
.sonik {
	background-image:url(bkg/sonikbis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* graphik */
.graphik {
	background-image:url(bkg/graphikbis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.visio {
	float: right;
	height: 500px;
	width: 420px;
	margin-right: auto;
	margin-left: auto;
}

#visio1 {
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #FFF;
}



/* vidéo */
.video {
	background-image:url(bkg/videobis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* photographik */
.photographik {
	background-image:url(bkg/photobis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* livre d'or */
.livredor {
	background-image:url(bkg/livredorbis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* liens */
.liens {
	background-image:url(bkg/liensbis.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* plan du site */
.plan  {	background-image:url("bkg/menu.jpg"); background-attachment:fixed;}
			
.clear_float {	clear:both;	}

		.menu_blanc {	width:520px;	height:106px;	background-image:url("menu/menu_blanc.png");  margin-left:5px; float:left; }
.caroussel1 {
	float: left;
	height: 90px;
	width: 360px;
	position: relative;
	left: 80px;
}

		
		
/* ------------------------------------------------SOUS-CONTENU------------------------------------------------------ */

/* accueil */
	.design{
	width:282px;
	margin:auto;
	}

		.logo {	
			width:282px;
			height:392px;
			background-image:url("bkg/accueil.jpg");
			margin:auto;
		}
		
		.bienvenue {
			width:282px;
			text-align:center;
			color:#828282;
			font-size:10px;
			font-family:comic sans ms;
			margin:auto;
		}
		
		.anatronik {
			width:220px;
			height:53px;
			background-image:url("bkg/anatronik.png");
			margin:auto;			
		}

		.anatronik:hover {
			background-position:0px 53px;
		}
		
	.lancement {
	width:370px;
	margin-left:90px;
	text-align:center;
	font-family:comic sans ms;
	font-size:10px;
	float: left;
}



/* livre d'or */
form {
	width:520px;
	background-color:#f2f2f2;
	background-image:url("image_lien/fond1.jpg");
	background-position:top;
	background-repeat:repeat-x;
	border:1px #363636 solid;
	font-size:10px;
	font-family:comic sans ms;
}

legend{
	font-family:comic sans ms;
	font-weight:bold;
	font-size:12px;
}

.envoi {
	font-family:comic sans ms;
	font-size:10px;
	font-weight:bold;
	float:right;
}

.li {
	padding-left:25px;
	padding-right:30px;
	font-family:comic sans ms;
	font-size:10px;
	font-weight:bold;
}



a {
	color:#464646;
	text-decoration:none;
}

a:hover {
	color:#808080;
	text-decoration:none;
}




/* liens */
		.bloc_liens { margin-top:2px; margin-left:3px; float:left;}

		.lien { width:70px; height:70px; float:left; margin-top:2px; }
		
		.lien1{ background-image:url("image_lien/foo.png"); }
		.lien1:hover { background-position:0px 70px; }

		.lien2{ background-image:url("image_lien/oko.png"); }
		.lien2:hover { background-position:0px 70px; }
		
		.lien3{ background-image:url("image_lien/fetedulibre.png"); }
		.lien3:hover { background-position:0px 70px; }
		
		.lien4{ background-image:url("image_lien/cycloptik.png"); }
		.lien4:hover { background-position:0px 70px; }
		
		.lien5{ background-image:url("image_lien/radiobing.png"); }
		.lien5:hover { background-position:0px 70px; }
		
		.lien6{ background-image:url("image_lien/freeart.png"); }
		.lien6:hover { background-position:0px 70px; }
		
		.lien7{ background-image:url("image_lien/meln.png"); }
		.lien7:hover { background-position:0px 70px; }
		
		.lien8{ background-image:url("image_lien/triplex.png"); }
		.lien8:hover {background-position:0px 70px;}
	
		.lien9{ background-image:url("image_lien/terredebrut.png"); }
		.lien9:hover { background-position:0px 70px; }
		
		.lien10{ background-image:url("image_lien/sarkofiottes.png"); }
		.lien10:hover { background-position:0px 70px; }
		
		.lien11{ background-image:url("image_lien/kalimity.png"); }
		.lien11:hover { background-position:0px 70px; }
		
		.lien12{ background-image:url("image_lien/cdpub.png"); }
		.lien12:hover { background-position:0px 70px; }
		
		.lien13{ background-image:url("image_lien/teckno.png"); }
		.lien13:hover { background-position:0px 70px; }
		
		.lien14{ background-image:url("image_lien/fakir.png"); }
		.lien14:hover { background-position:0px 70px; }
		
		.lien15{ background-image:url("image_lien/elabo.png"); }
		.lien15:hover { background-position:0px 70px; }
		
		.lien16{ background-image:url("image_lien/cgrenelle.png"); }
		.lien16:hover { background-position:0px 70px; }
		
		.lien17{ background-image:url("image_lien/cqfd.png"); }
		.lien17:hover { background-position:0px 70px; }
		
		.lien18{ background-image:url("image_lien/decroissance.png"); }
		.lien18:hover { background-position:0px 70px; }
		
		.lien19{ background-image:url("image_lien/leplanb.png"); }
		.lien19:hover { background-position:0px 70px; }
		
		.lien20{ background-image:url("image_lien/plpl.png"); }
		.lien20:hover { background-position:0px 70px; }

		.lien21{ background-image:url("image_lien/infok.png"); }
		.lien21:hover { background-position:0px 70px; }
		


	.lien_info {
		width:500px;
		margin-left:3px;
		float:left;
	}
	
		.info1 {	width:495px; height:43px; border:1px #4f4f4f solid;       /* blocs d'infos des liens */
				margin-top:2px; padding-top:25px; padding-left:5px;
				color:black; font-family:comic sans ms; font-weight:bold; font-size:10px; 
				background-image:url("image_lien/fond3.jpg"); background-repeat:repeat-x; background-position:bottom; }

/* --------------------------------plan du site---------------------------------------------*/
.bkg_plan {
	width:1100px;
	height:600px;
	background-repeat:no-repeat; 
	background-position:right;
	margin:auto;
}

.li3 {	display:inline; float:left; padding-left:10px;}

	.plan00 {	width:87px; height:60px; background-image:url("image_plan_site/accueil.png");}

			.plan01 {	width:87px; height:60px; background-image:url("image_plan_site/encre_a_oeil.png");}
			
			.plan02 {	width:87px; height:60px; background-image:url("image_plan_site/sonik.png");}
			
			.plan03 {	width:87px; height:60px; background-image:url("image_plan_site/graphik.png");}
					.plan_gra {	width:87px; height:60px; background-image:url("image_plan_site/graphorama.png");}
						
			.plan04 {	width:87px; height:60px; background-image:url("image_plan_site/video.png");}
			
			.plan05 {	width:87px; height:60px; background-image:url("image_plan_site/photo.png");}
					.plan_dia {	width:87px; height:60px; background-image:url("image_plan_site/graphorama.png");}
					.plan_pho {	width:87px; height:60px; background-image:url("image_plan_site/graphorama.png");}
			
			.plan06 {	width:87px; height:60px; background-image:url("image_plan_site/livredor.png");}
			
			.plan07 {	width:87px; height:60px; background-image:url("image_plan_site/liens.png");}

	.plan08 {	width:87px; height:60px; background-image:url("image_plan_site/artlibre.png");}
	

	
	


/* ---------------------------------Graphorama-------------------------------------------------*/
.fond { background-image:url("bkg/graphorama.jpg"); background-color:#767676; background-position:top center; background-repeat:no-repeat;}

.affichage {  
	width:1050px; 
	height:445px;
	background-image:none;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin:auto; 
	padding-top:20px;
}

#pict01 {
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}

.bande_defilante {width:1400px; height:75px;}



/*-----------------------------------Photorama------------------------------------------------*/
.affichage2 {  width:1050px; height:385px; margin:auto; padding-top:80px;}

.bande_defilante2 {width:2270px; height:80px;}

.ph001 { width:1000px; height:222px; background-image:url("photorama/photo/london01.jpg"); margin:auto; }
.ph002 { width:1000px; height:222px; background-image:url("photorama/photo/london02.jpg"); margin:auto; }
.ph003 { width:1000px; height:222px; background-image:url("photorama/photo/london03.jpg"); margin:auto; }
.ph004 { width:1000px; height:222px; background-image:url("photorama/photo/london04.jpg"); margin:auto; }
.ph005 { width:1000px; height:222px; background-image:url("photorama/photo/london05.jpg"); margin:auto; }
.ph006 { width:1000px; height:222px; background-image:url("photorama/photo/london06.jpg"); margin:auto; }
.ph007 { width:1000px; height:222px; background-image:url("photorama/photo/london07.jpg"); margin:auto; }

		
/* ----------------------------blocs de défilement vertical--------------------------------*/
.defilement_lien {
	width:620px;
	height:288px;
	margin-top:10px;
	padding-bottom:2px;
	padding-right:3px;
	overflow:auto;
}

.defilement_photo {
	width:500px;
	height:auto;
	margin-top:10px;
	overflow:auto;
	float: left;
	margin-left: 15px;
}

.defilement_sonik {
	padding-left:10px;
	padding-top:2px;
	width:370px;
	height:280px;
	margin-top:10px;
	margin-left:90px;
	overflow:auto;
}

.defilement_graphik {
	padding-left:10px;
	padding-top:2px;
	margin-left:90px;
	width:370px;
	height:280px;
	margin-top:10px;
	overflow:auto;
	float: left;
}

.defilement_graphorama {
	width:1200;
	height:100px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
	overflow:auto;
}

.defilement_photorama {
	width:1200;
	height:100px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
	overflow:auto;
}
/* -------------------------------------------------------footer---------------------------------------- */
.footer {
	margin:auto;
	text-align:center;
	margin-bottom:5px;
}

.li2 {
	display:inline;
	padding-left:25px;
	padding-right:30px;
	font-family:comic sans ms;
	font-size:10px;
	font-weight:bold;
}
.caroussel2 {
	float: left;
	height: 90px;
	width: 450px;
	position: relative;
	left: 40px;
}