/* ***** BEGIN LICENSE BLOCK *****
#
# This is part of Aorakits, a set of themes for DotClear. 
# Copyright (c) 2006 Kozlika and contributors. All rights
# reserved.
#
 * ***** END LICENSE BLOCK *****
 
 
 STRUCTURE POUR DEUX COLONNES, SIDEBAR A DROITE, LARGEUR FIXE
 
 
 --------------------------------------------------------------
	AVANT TOUTE CHOSE
	remise à zéro de toutes les marges des grands blocs pour que 
	tous les navigateurs calculent depuis le même point de départ 
--------------------------------------------------------------- */
html, body, #page, #top, #prelude, #footer, #main, #content, #sidebar, #container{
	margin : 0;
	padding : 0;
	color:#444242;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* --------------------------------------------------------------
	CENTRAGE DE LA PAGE DANS LA FENETRE DU NAVIGATEUR.
	(supprimer ces lignes si on ne veut pas centrer)
	Note : on peut remplacer la valeur (ici 0) des marges au-dessus 
	et en dessous de la page par la valeur de son choix (px ou em).
--------------------------------------------------------------- */
body {
	text-align : center;
	overflow:visible;
	}

#hid_left {
width:94px;
text-align : left;
float:left;
}

#page {
	
	text-align : left;
	
	}
	

/* -------------------------------------------------------------
	STRUCTURE FIXE - 2 COLONNES - SIDEBAR A DROITE
	Vous pouvez modifier 760px par la valeur de votre choix.
	Vous pouvez modifier 200px par la valeur de votre choix
	et 210px par votre nouvelle valeur +10px
--------------------------------------------------------------- */
#page {
		
	width:812px;
	background-image:url(../styleimages/_12bcent.jpg);
	background-repeat:repeat-y;
	float:left;
		z-index:3;
	/*padding: 0 10px;*/
    }
#top {
	height : 161px; /* a modifier par la valeur de votre choix */
	width:1000px;
	}
	
#publeft {
	position:absolute;
	top:162px;
	left:4px
	width:93px;
	height:270px;
	}	

#publeft1 {
	position:absolute;
	top:432px;
	left:4px
	width:93px;
	height:120px;
	}

#pubright {
	top:162px;
	width:60px;
	height:120px;
	float:right;
	}

#bottom {
	clear:both;
	height : 22px; /* a modifier par la valeur de votre choix */
	width:1000px;
	}

#top h1 {
	margin : 0;
	padding : 0;
	height : 147px; /* idem que pour #top */
	
	}
#main {
	width: 585px;
	float : left;
	overflow:hidden;
	}
	
#main_acc{
	margin:0px;
	padding:0px;
	width:400px;
	float : left;
}

#content {
	margin-top:20px;
	margin-left:35px;
	color:#444242;
	/*min-height:300px;*/
	}

#footer {
	clear : both;
	text-align:center;
	height : 30px;
	}
	
#sidebar {
	width : 214px;
	background-image:url(../styleimages/sidebar_bk.jpg);
	background-repeat:repeat-y;
	float:right;
	
	}

#sidebar_acc {
	width : 190px;
	float:right;
	}
	
#sidebar_left {
	width : 170px;
	height:100%;
	float:left;
	padding-left:20px;
	padding-right:10px;
	}

.intersb {
margin-top:10px;
padding:0;
	background-image:url(../styleimages/sidebar_bkinter.jpg);
	background-repeat:no-repeat;
	height:13px;
	width:214px;
}
.intersb_acc {
background-image:url(../styleimages/sidebar_bkinter_acc.jpg);
width:190px;
}
.icoright{
	float:right;
}
#icoleft {
	float:left;
}

.textop {
margin-top:0px;
font-family:Tahoma, Verdana, Arial;
font-size:9px;
color:#FFFFFF;
}
	/* mise en page des elements top*/

#container {
position: relative;
margin-left: auto;
margin-right: auto;
width:1000px;
height:100%;

}

#id-1_ {
	position:absolute;
	left:0px;
	top:0px;
	width:77px;
	height:161px;
	background-image: url(../styleimages/_1bg.jpg);
	background-repeat: repeat-x;
}

#id-1a_ {
	position:absolute;
	left:0px;
	top:0px;
	width:83px;
	height:120px;
	background-image: url(../styleimages/_1bg.jpg);
	background-repeat: repeat-x;
}

#id-2_ {
	position:absolute;
	left:77px;
	top:0px;
	width:34px;
	height:161px;
	background-image: url(../styleimages/_2.jpg);
	background-repeat: no-repeat;
}

#id-3_ {
	position:absolute;
	left:111px;
	top:0px;
	width:27px;
	height:120px;
	background-image: url(../styleimages/_3.jpg);
	background-repeat: no-repeat;
}

#id-4_ {
	position:absolute;
	left:138px;
	top:0px;
	width:104px;
	height:93px;
}

#id-5_ {
	position:absolute;
	left:242px;
	top:0px;
	width:256px;
	height:93px;
	background:url(../styleimages/_5.jpg) no-repeat;
}

#id-5a_ {
	position:absolute;
	left:242px;
	top:0px;
	width:93px;
	height:93px;
	background:url(../styleimages/_5.jpg) no-repeat;
}

#id-5b_ {
	position:absolute;
	left:335px;
	top:0px;
	width:93px;
	height:93px;
	background:url(../styleimages/_5.jpg) no-repeat;
}

#id-5c_ {
	position:absolute;
	left:428px;
	top:0px;
	width:93px;
	height:93px;
	background:url(../styleimages/_5.jpg) no-repeat;
}

#id-6_ {
	position:absolute;
	left:498px;
	top:0px;
	width:267px;
	height:93px;
	background:url(../styleimages/_6.jpg) no-repeat;
}

#id-7_ {
	position:absolute;
	left:765px;
	top:0px;
	width:116px;
	height:27px;
	background:url(../styleimages/_7.jpg) no-repeat;
}

#id-8_ {
	position:absolute;
	left:881px;
	top:0px;
	width:36px;
	height:120px;
	background-image: url(../styleimages/_8.jpg);
	background-repeat: no-repeat;
}

#id-9_ {
	position:absolute;
	left:917px;
	top:0px;
	width:83px;
	height:161px;
	background-image: url(../styleimages/_1bg.jpg);
	background-repeat: repeat-x;
}
#id-9a_ {
	position:absolute;
	left:907px;
	top:0px;
	width:83px;
	height:120px;
	background-image: url(../styleimages/_1bg.jpg);
	background-repeat: repeat-x;
}

#id-10_ {
	position:absolute;
	left:765px;
	top:27px;
	width:116px;
	height:25px;
	background-image: url(../styleimages/_10.jpg);
	background-repeat: no-repeat;
}
#id-10_ p {
margin-top:5px;
}

#id-11_ {
	position:absolute;
	left:765px;
	top:52px;
	width:116px;
	height:19px;
	background-image: url(../styleimages/_11.jpg);
	background-repeat: no-repeat;
	
}

#id-12_ {
	position:absolute;
	left:765px;
	top:71px;
	width:116px;
	height:22px;
	background-image: url(../styleimages/_12.jpg);
	background-repeat: no-repeat;
}

#id-13_ {
	position:absolute;
	left:138px;
	top:93px;
	width:180px;
	height:27px;
}

#id-14_ {
	position:absolute;
	left:318px;
	top:93px;
	width:180px;
	height:27px;
}

#id-15_ {
	position:absolute;
	left:498px;
	top:93px;
	width:180px;
	height:27px;
}

#id-16_ {
	position:absolute;
	left:678px;
	top:93px;
	width:180px;
	height:27px;
}

#id-17_ {
	position:absolute;
	left:858px;
	top:93px;
	width:23px;
	height:27px;
	background-image: url(../styleimages/_17.jpg);
	background-repeat: no-repeat;
}

#id-18_a {
	position:absolute;
	left:111px;
	top:120px;
	width:770px;
	height:27px;
	background-image: url(../styleimages/_18a_bg.jpg);
	background-repeat: repeat-x;
	padding-top:5px;
}

#id-18_b {
	position:absolute;
	left:111px;
	top:147px;
	width:770px;
	height:14px;
	background-image: url(../styleimages/_18b.jpg);
	text-align:right;
	background-repeat: no-repeat;
	
}
#id-18_c {
	position:absolute;
	left:111px;
	top:147px;
	width:770px;
	height:14px;
	background-color:#FFFFFF;
	text-align:right;
}


#id-19_ {
	position:absolute;
	left:881px;
	top:120px;
	width:36px;
	height:41px;
	background-image: url(../styleimages/_19.jpg);
	background-repeat: no-repeat;
}
#id-19_acc {
	position:absolute;
	left:881px;
	top:120px;
	width:36px;
	height:41px;
	background-image:url(../styleimages/_19acc.jpg);
	background-repeat: no-repeat;
}

#id-1_bo {
	float:left;
	width:114px;
	height:22px;
	background-image:url(../styleimages/_7bo.gif);
	background-repeat: no-repeat;
	z-index:1;
}

#id-2_bo {
	float:left;
	width:772px;
	height:22px;
	background-image:url(../styleimages/_13bo.jpg); 
	background-repeat: repeat-x;
}

#id-3_bo {
float:left;
	width:114px;
	height:22px;
	background-image:url(../styleimages/_9bo.gif);
	background-repeat: no-repeat;
}