/*****Positionnig*********/

/* Header */
#header				{ width: 100% ; height: 340px ;  top: 0px; left: 0px; z-index: 100; }


/* Colonnes*/
#coldroite				{ width: 330px; position: absolute; top: 360px; left: 675px;	/*margin: 0px 0px 0px 0px;
	padding: 10px 10px*/  }
#colgauche				{ width: 330px; position: absolute; top: 360px; left: 5px;	/*margin: 0px 0px 0px 0px;
	padding: 10px 10px*/  }
#colcentrale				{ width: 330px; position: absolute; top: 360px; left: 340px;	/*margin: 0px 0px 0px 0px;
	padding: 10px 10px*/  }
#collarge	{ width: 660px; position: absolute; top: 360px; left: 5px;	/*margin: 0px 0px 0px 0px;
	padding: 10px 10px*/  }


#menudroite			{
	position : absolute;
	width : 150px;
/*	height: 100px;*/
	top : 123px;
	left : 796px;
	}
#menugauche			{
	position : absolute;
	width : 150px;
/*	height: 100px;*/
	top : 121px;
	left : 50px;
		
}


/*généraux*/

#col { padding: 5px 5px;}


body			{
	font-family: "lucida grande", "Lucida Sans Unicode", verdana, sans-serif;
	font-size: 12px;
	/*line-height: 14px;*/
	color: #000;
	margin: 0px; padding: 0px; 

}
h1					{ font-size: 24px; line-height: 24px; }
h2					{ font-size: 20px; line-height: 20px; }
h3					{
	font-size: 14px;
	line-height: 14px;
}
h1, h2, h3, h4, h5		{ margin: 0px; padding: 0px; }

#col a:link				{ color: #900; }
#col a:visited				{ color: #900; }
#col a:hover				{ color: #f60; }
#col a:active				{ color: #f60; }



/*colonnes*/

#col table		{width : 100% ; position : center}
#col h3			{ text-shadow: 2px 2px 2px #ccc;background: url(icon.gif) top left no-repeat; height: 15px; margin-top : 12 px;	margin-bottom: 12px; padding: 1px 0px 8px 20px; border-bottom: dotted 1px #900;  }
#col h3 a:link		{ text-decoration: none; }
#col h3 a:visited	{ text-decoration: none; }
#col h3 a:hover	{ text-decoration: underline; }
#col h3 a:active	{ text-decoration: underline; }

#col .figure	{text-align : center}
#col .petit	{font-size: 11px ; padding-left:20 px;}
#col .date		{ font-size: 10px; color: #666; }
#col cite		{
	background: #E4E4E4 no-repeat;
	padding: 8px;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	display: block;
	color: #000000;
}

#col .titrepetit {
text-align : center;
vertical-align:middle ;
color : #FFFFFF;
background-image:url(col/fondlateral.gif);
height:30px;
width:330px;
font-size:12px;
font-weight:bold;
}

#col .titrelarge {
text-align : center;
vertical-align:middle ;
color : #FFFFFF;
background-image:url(col/fondlarge.gif);
height:30px;
width:660px;
font-size:12px;
font-weight:bold;
}


#col .citation		{
	background: #E4E4E4 no-repeat;
	margin-top : 8 px;
	margin-bottom:8 px;
	padding : 50 px;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	border: 5 px;
}



#content li			{  padding: 5px; }
#content ul			{margin-top : 12px;margin-bottom : 12px; margin-left: 20px;}

#content .comment	{ border-top: dotted 1px #900; }
#content td {padding:7px}

#col  .titre 	{
	
	font-weight: bold;
	height: 40px;
	width: 100%;
	float: none;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	color : #CCCCCC;
	background-image: url(fondaccueil.gif);
	background-repeat: repeat;
}



#col .description	{
	font-weight: normal;
	float: none;
	word-spacing: normal;
	text-align: justify;
	vertical-align: middle;
	left: 0px;
	color: #000000;
	clear: none;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	white-space: normal;
	clip: rect(auto,auto,20px,auto);
}


/*  links */

#links				{ font-size: 10px; }
#links div			{ margin-bottom: 10px; }
#links .linkcontent		{ background: url(links/box_background200.gif) bottom left no-repeat; padding: 10px; }
#links #rubriques table	{ width: 160px; }
#links #rubriques h4	{ background: url(links/top_rubriques200.gif) no-repeat; height: 35px; text-indent: -1000em; overflow: hidden; }
#links #contacts h4		{ background: url(links/top_contacts200.gif) no-repeat; height: 35px; text-indent: -1000em; overflow: hidden; }
#links #archives h4	{ background: url(links/top_archives200.gif) no-repeat; height: 35px; text-indent: -1000em; overflow: hidden; }
#links #search h4		{ background: url(links/top_search200.gif) no-repeat; height: 35px; text-indent: -1000em; overflow: hidden; }
#links #categories h4		{ background: url(links/top_categories200.gif) no-repeat; height: 35px; text-indent: -1000em; overflow: hidden; }
#links li			{
text-indent: 12 px ;
list-style-type:none;
margin : 10 px}


#links .titre {
text-align : center;
vertical-align:middle ;
color : #FFFFFF;
background-image:url(links/fondlateral.gif);
height:30px;
width:200px;
font-size:12px;
font-weight:bold;
}

#links  .description	{
	font-weight: normal;
	/*	float: none;*/
	word-spacing: normal;
	text-align: left;
	vertical-align: text-top;
	color: #000000;
	clear: none;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 10px;
}
.image	{
	font-weight: normal;
	height:150px;
	
	float: none;
	vertical-align: middle;
	color: #000000;
	clear: none;
	font-size: 12px;
}

/* Header */

#header				{ background: url(background_header_orange.png) repeat-x; }
#header h1			{ background: url(header_title_orange.jpg) no-repeat; height: 60px ; text-indent: -1000em ; overflow: hidden; }

#header h2			{ background: url(header_subtitle.gif) ; height: 20px; text-indent: -1000em; overflow: hidden; }

#header h3			{  height: 25px; margin-left : 20px ; font-size : 12px ; margin-top : 3px}

/* menu*/

#menu {
	font-size : 10 px ;
	color:#FFFFFF; 
	
	}
#menu h4 { font-style :bold ; font-size:10px;}

#menu .middle{ 
	background:url(menu/middle.png) ;
	padding-right:10px;
	padding-left:10px;
	font-size:10px;
}

#menu .bottom {height:10 px;
	background:url(menu/bottom.png) no-repeat top;

}
#menu .top {height:10 px ;
	background:url(menu/top.png) no-repeat bottom;

}
#menu i{font-size : 9 px ;}

		/*liens*/
#menu a:link				{ color: #FFFFFF; font-style:normal }
#menu a:visited				{ color: #FFFFFF; }
#menu a:hover				{ color: #f60; }
#menu a:active				{ color: #f60; }

/*boite*/

#box {width:330px}
#box .top {
	
background:url(box/top.png) no-repeat top;
}
#box .middle { background:url(box/middle.png) ;
	padding-right:10px;
	padding-left:10px;
	padding-top : 3px;
	font-size:10px;
	color:#CCCCCC}
#box .bottom {height:10 px;
	background:url(box/bottom.png) no-repeat top;

}
#box h4{font-size:12px; text-align:center; color:#FFFFFF;
background:url(box/top.png) no-repeat top; padding:5px}

#box a:link				{ color: #CCCCCC; }
#box a:visited				{ color:#CCCCCC; }
#box a:hover				{ color: #f60; }
#box a:active				{ color: #f60; }

#citation		{
background-color:#E4E4E4;
	padding:10px;
}