/* CSS Document */

body {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
padding:0;
margin:0;
background-color:#050402;
background-image:url(/images/artemixto/2009/fond-body.jpg);
background-position:top;
background-repeat:repeat-y;
}
#effet-top {
background-image:url(/images/artemixto/2009/fond-top.jpg);
background-position:top;
background-repeat:no-repeat;}
body.videos {
width:500px;
background-color:#FFFFFF;}
#header {
	width:925px;
	margin:auto;}
img.logo_ivan {
	margin: 0 0 0 520px;}
#menu {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fcf2e2;
	font-size:16px;
	font-style:italic;}
#menu div  {
	display:inline;}
#menu div a{
	padding:5px 13px 7px 13px;
	text-decoration:none;
	color:#fcf2e2;
	}
	/* modèle de uli
			
	#menu div:hover,
	 #menu div.active {	
		background-image:url(fond-menu-actif.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		}
		#menu div a:link, #menu div a:visited {
		color:#000000;
		display:inline-block;
		margin:0 0 0 0;
		padding:9px 15px 9px 15px;
		font-size:16px;
		text-decoration:none;
		_padding-bottom:8px;}

		#menu div a:hover , 
		#menu div.active a:link, #menu div.active a:visited {
		background-image:url(fond-coin-menu-actif-li.png);
		background-position:right top;
		background-repeat:no-repeat;
		color:#fdb73c;
		}
				
		---- pour ie 6 --- 
		#menu div a:hover {
		_background-image:url(fond-menu-actif.jpg);
		_background-position:left top;
		_background-repeat:no-repeat;
		}
	
	*/

#menu div a.ouvert, #menu div a:hover {
background-color:#181818;


	/* seulement pour firefox*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;

}
div#content {
	width:925px;
	margin:auto;
	
	background-color:#151515;
	color:#ffffff;
	background-image:url(http://www.ecoleartemis.be/images/artemixto/2009/fond-content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px 0 15px 0;}
div#content.hp {
background-image:url(http://www.ecoleartemis.be/images/artemixto/2009/fond-hp.jpg);
background-position:top;
background-repeat:no-repeat;
padding:0 0 3px 0;
background-color:#181818;}
div.marge {
margin:0 50px;}
tr {
vertical-align:top;}
.date {
font-weight:bold;
color:#FCECCB;
}

/* old
td.colg-video {
height: auto;
width:365px !important;
padding:0;
background-color:#fce9c9;
}
tr.milieu {
background-color:#fce9c9;}
.contenu {
padding:8px 12px 5px 0px;
text-align:justify;
height: 260px;
overflow:auto;
}
.contenu-video {
padding:8px 12px 5px 0px;
text-align:justify;
background-color:#fce9c9;
}
tr.bas {
	background-image:url(/images/artemixto/fond-bas.jpg);
	background-position:top;
	background-repeat:repeat-x;}*/
h1 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FCECCB;
	font-weight:normal;
}
.hp h1 {
margin:8px 0;}
h2 {
font-size:150%;
color:#990505;}
h3 {
font-size:130%;
color:#FFFFFF;}
a:link, a:visited  {
color:#fcf2e2;}
a:hover {
color:#fcf2e2;
text-decoration:none;}
strong {
	color:
	#FFFFCC !important;
	}
#footer {
	width:925px;
	margin:auto;
	color: #ffffff;
	background-color:#6a0101;
	background-image:url(/images/artemixto/2009/fond-footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:14px 0;
	text-align:center;
}
#footer a:link, #footer  a:visited  {
color:#ffffff;}
#footer a:hover {
color:#ffffff;
text-decoration:none;}
.invisible {
display:none;}
.contenu img, .contenu-video img {
margin:5px;
padding: 3px;
border: 1px solid #990505;
background-color:#F1DAB3;}
.contenu img.noborder, .contenu-video img.noborder{
border:0;
padding:0;}
.galerie {
height: 260px;
padding:8px 12px 5px 0px;
overflow:auto;}
.galerie img {
/*float:left;*/
margin:5px;
}