/* Copié collé du skin de base de DotClear */

/* De base:
fond gris clair, contenu ( a savoir, <div id = "conteneur" > ) centré.
Pas de marges ni de padding.
*/
html, body{
	background: #EEE;
	font-size: 90%;
	line-height: 1.6em;
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font:	Georgia,Serif;

	text-align: center;
	margin: 0;
	padding: 0;
}



/*
Le conteneur : Largeur fixe, prend au minimum toute la hauteur de la page.
même couleur de fond
Pas de marges verticales, mais automatiques ( centré ) en horizontal
*/
#conteneur{
	width: 700;
	height: 100%;
	margin: 0 auto;	
	background: #EEE;

}

	/*
	Contient les onglets et le séparateur.
	*/

	#onglets_cont {
		width: 25px;
		height: 450px;
		background: #EEE;
		float: left; 
		padding: 0 0;
		margin: 0 0;
	}


		/*
		Barre verticale d'onglets.
		32 pixels exactement de large, mais sur toute la hauteur de la page.
		Plaqué à gauche du conteneur.
		*/

		#onglets {
			width: 20px;
			height: 450px;
			float: left; 
			margin: 100 0;
		}

		/*
		séparateur; exactement pareil.
		*/
		#separateur {
			width:5px;
			height: 450px;
			background: #FF0000;
			float: right; 
			margin: 0 0;
			padding : 0 0;
		}

	/*
	contenu principal : le header, le contenu ( constitué de 2 colonnes ) et le footer 
	*/
	#main_cont {
		width: 675px;
		/*height: 100%;*/
		background: #FFF;
		float: right; 
		position: relative; 
		padding: 0 0;
		margin: 0 0;
	}
	
		/* 
		Les composants du contenu principal.
		Taille définie, sauf pour celui du milieu, qui s'adapte.	
		*/
		#top{
			position:relative; 
			background-color:#0F0; 
			width:675px;
			float:right;
			background:url(img/filet_droite2.gif) right;
		}
		#header{
			position:relative; 
			height:168px; 
			background-color:#F00; 
			width:675px;
			background:url(img/top_bg2.gif) right no-repeat ; 

		} 
		/* Contenu réel.*/
		#contenu {
			width: 460px;
			height:auto; 
			float: left; 
			text-align: left;
			margin: 0 auto;
			background-color:#FFF; 

		}
		#sent{
			color: #FF0000;
		}
							#contenu{
								font: normal 30px/30px   font: Georgia,Serif;
/*arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;*/
								margin: 5px 5px 5px 5px;
								padding: 0;
								color: #55A;
							}

							#contenu table{
								font: normal 13px/22px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
								margin: 5px 5px 5px 5px;
								padding: 0;
								color: #55A;
							}


							#contenu h1{
								font: normal 18px 'lucida grande';
								margin: 0px 20px 0px 20px;
								padding: 0;
								color: #A44;
							}
							#contenu a{
								text-decoration: none ;
								color: #A44;
							}
							#contenu a:hover{
								color: #DDAA88;
							}

		
		
		/* Barre sur le côté permettant l'affichage des sous-menus.*/
		#sidebar {
			width: 190px;
			background: #FFF;
			float: left; 
			text-align: left;

			margin: 0 auto;
		}
		
							#sidebar p{
								padding: 0;
								margin: 0;
							}
							#sidebar h1{
								font: normal 16px 'lucida grande';
								color: #494;

							}
							#sidebar li{
								background: transparent url(img/grey_arrow.gif) 0px 4px no-repeat;
							}
							#sidebar li:hover{
								background: transparent url(img/orange_arrow.gif) 0px 4px no-repeat;
							}
							#sidebar li a{
								font: normal 14px 'lucida grande';
								color: #888888;
								padding: 6px 0 6px 22px;
								text-decoration: none 
							}
							#sidebar li a:hover{
								color: #DDAA88;
							}
		
		#footer{
			position:relative; 
			height:34px; 
			background-color:#CCC; 
			width:675px;
			clear: both;
			background:url(img/footer2.gif);
		} 





ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

p {
	margin: 15px 20px 20px 30px;
}
	
/* Copié collé de CSS Tab Creator 2 */
	
	
#onglets li a {
  	height: 100px;
	text-decoration: none;

}

#onglets ul, li {
	margin:0;
	padding: 0;
	list-style-type: none;
}

#onglets ul {
	position: relative;
	height: 100px;
	width: 20px;
	left: 0px;

}

#onglets li{
	float: left;
	width: 20px;
	height: 100px;

}

#onglets li a { 
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
  	voice-family: inherit;
	width: 20px;
	height: 100px;
}



#onglet_home{
background: url(img/home.gif) top left no-repeat;
background-position: 0px 0%;
}
a#onglet_home:hover {
background: url(img/home.gif) top left no-repeat;
background-position: -20px 0%;
}
#onglet_home_curr{
background: url(img/home.gif) top left no-repeat;
background-position: -20px 0%;
}


a#onglet_projets {
background: url(img/projets.gif) top left no-repeat;
background-position: 0px 0%;
}
a#onglet_projets:hover {
background: url(img/projets.gif) top left no-repeat;
background-position: -20px 0%;
}
a#onglet_projets_curr {
background: url(img/projets.gif) top left no-repeat;
background-position: -20px 0%;
}

a#onglet_divers {
background: url(img/divers.gif) top left no-repeat;
background-position: 0px 0%;
}
a#onglet_divers:hover {
background: url(img/divers.gif) top left no-repeat;
background-position: -20px 0%;
}
a#onglet_divers_curr {
background: url(img/divers.gif) top left no-repeat;
background-position: -20px 0%;
}



#separateur li {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
}

#tab_begin{
	height: 100px;
	width: 5px;
	display: block;
	background: url(img/onglets_top.gif);
}
#tab_end{
	height: 100px;
	width: 5px;
	display: block;
	background: url(img/onglets_fin2.gif);
}

	
#tab_closed{
	height: 100px;
	width: 5px;
	display: block;
	background: url(img/onglets_closed.gif);
}
	
#tab_open{
	height: 100px;
	width: 5px;
	display: block;
	background: url(img/onglets_open.gif) 0px 0px;
}

.tuto_link{
	background-color:#FFFFFF;
	border: 1px dashed #999999; 
/*	DISPLAY: none; */
	POSITION: relative; 
	padding:4px; 
	margin:2px; 
	border-left:5px solid #a2c2e1;
}
p.tuto_link{
	font: normal 11px/22px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	padding:4px; 
	margin:2px; 
	color: #888888;
}

p a.tuto_link, p a.tuto_link :link,  p a.tuto_link :visited{
	font: normal 11px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #ff6633;
	text-decoration: none;
}

.screens{
	background-color:#55CB55;
	border: 0px ; 
	POSITION: relative; 
	padding:4px; 
	margin:2px; 
	border-left:5px solid #55AA55;
	font: normal 11px/22px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #222222;

}

.screens a, .screens a:link, .screens  a :visited{
	font: normal 11px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #CB55CB;
	text-decoration: none;
}

.archives{
	background-color:#CB5555;
	border: 0px ; 
/*	DISPLAY: none; */
	POSITION: relative; 
	padding:4px; 
	margin:2px; 
	border-left:5px solid #AA5555;
	font: normal 11px/22px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #222222;
}

.archives  a, .archives a:link, .archives  a :visited{
	font: normal 11px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #55CBCB;
	text-decoration: none;
}


#raam BODY {
	background-color:#FFFFFF;
}

#raam A {
	color: #000000;
	text-decoration: none;
}

#raam A:hover {
	text-decoration: underline;
}

#raam {
	width:400px;
	padding:0px;
	border: 1px dotted #CDD2D6;
	text-align:left;
	position: relative;
	margin: 0 auto;
}

#infoala {
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	width:400px;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

#upload {
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	width:680px;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

#veateade
{
	width:300px;
	background-color:#FFE4E1;
	font-family:Verdana;
	font-size:10px;
	color:#000000;
	padding:7px;
	position: relative;
	margin: 10px auto;
	text-align:center;
	border: 1px dotted #CDD2D6;
}

input
{
	font-family:Verdana;
	font-size:10px;
	border: 1px solid #CDD2D6;
}

.tabel {
	width: 400px; 
	font-family: Verdana; 
	font-size: 11px;
}

.rida_yks {
	background-color:#fcfdfe;
}

.rida_kaks {
	background-color:#f8f9fa;
}