@charset "UTF-8";
	
	
	/*--[ generic ]-----------------------------------------------------------------------------------*/
	
	html, body, div, span, ul, li, h1, h2, h3, h4, p, img, a, table, tr, td, thead, tbody {
		border:					none;
		margin:					0;
		padding:				0;
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#5c5c5c;
	}
	
	body {
		text-align:				center;
	}
	
	h1 {
		font-size:				16px;
		text-transform:			uppercase;
	}
	
	h2 {
		font-size:				14px;
		margin-bottom:			10px;
	}
	
	li {
		list-style-type:		none;
		line-height:			18px;
	}
	
	a {
		color:					#5c5c5c;
		font-size:				inherit;									/* taille du contexte */
		text-decoration:		none;
	}
	
	img {
		border:					0 none;
	}
	
	p {
		margin-bottom:			10px;
	}

	.clr {
		clear:					both;
	}
	
	#sitepart1 {
		background:				url(../img/bg.jpg) repeat;
	}

	#sitepart2 {
		padding-top:			15px;
		background:				url(../img/bg-footer.jpg) repeat-x;
	}

	.page {
		width:					973px;
		position:				relative;
		margin-right:			auto;
		margin-left:			auto;
		text-align:				left;						/* rétablissement texte - bug IE5 */

	}
	

	/*--[ spip specific ]-----------------------------------------------------------------------------*/
	
	#contenu p .spip_documents_center {
		display:				block;
		text-align:				center;
	}
	
	
	
	
	
	/*--[ header ]------------------------------------------------------------------------------------*/

	#header {
		height:					250px;
	}
		
	#logo {
		float:					left;
		padding:				7px
	}
	
	.menu {
		position:				absolute;
		display:				block;
		top:					0;
		left:					214px;
		width:					728px;
		height:					145px;
		padding-left:			31px;
		background:				white url(../img/header-coin.jpg) no-repeat bottom right;
	}
	
	.menu.on {
		z-index:				10;
	}
	
	.menu.off {
		z-index:				1;
	}
	
	.menu li {
		display:				block;
		float:					left;
		width:					138px;
		text-align:				center;
	}
	
	.menu li.on {
		border:					1px #487781 solid;
		background-color:		#ABD1E7;
	}
	
	.menu li img {
		margin-top:				7px;
	}
	
	.onglet {
		position:				absolute;
		top:					145px;
		margin-left:			214px;
		text-align:				center;
	}
	
	.onglet h1 {
		display:				block;
		float:					left;
		width:					200px;
		height:					26px;
		padding-top:			4px;
		margin-right:			7px;
		background-color:		white;
		cursor:					pointer;
	}
	
	.onglet .on {
		background-color:		white;
	}
	
	.onglet .off {
		background-color:		#bdff5e;
		height:					25px;
		border-top:				1px #666666 solid;
	}	
	
	#header .onglet off {
		background-color:		#bdff5e;
	}
	
	#slogan {
		display:				block;
		width:					131px;
		margin-left:			7px;
		font-size:				10px;
		color:					white;
		text-align:				center;
	}
	
	/*--[ right column ]------------------------------------------------------------------------------*/
	
	
	#colonnedroite {
		position:				absolute;
		top:					7px;
		right:					7px;
		width:					338px;
	}

	#colonnedroite ul {
		margin-bottom:			30px;
	}
	
	#colonnedroite li {
		margin:					0 10px 0 30px;
	}
	
	#colonnedroite div {
		position:				relative;
		margin-bottom:			45px;
	}

	#serveurs {
		position:				absolute;
		bottom:					30px;
		right:					7px;
	}
	
	/*--[ content ]-----------------------------------------------------------------------------------*/
	
	
	
	#contenu {
		position:				relative;
		min-height:				600px;
		padding:				224px 359px 30px 7px;
		background:				white url(../img/bg-sitepart1.jpg) repeat-x bottom left;
	}

	#contenu .message {
		position:				absolute;
		top:					7px;
		left:					7px;
		margin:					-7px 0 7px -7px;
	}
	
	#contenu .article {
		margin:					0 69px;
	}
	
	#contenu .article h2 {
		margin:					15px 0;
	}
	
	#contenu .article .spip_logos {
		float:					left;
		padding-right:			7px;
	}
	
	#contenu h1 {
		padding:				20px 0;
	}
	
	#contenu li {
		margin-left:			30px;
		list-style-type:		circle;
	}

	#contenu table {
		border:					1px #333333 solid;
		border-collapse:		collapse;
		border-spacing:			0;
		margin-bottom:			20px;
	}
	
	#contenu .row_even {
		background-color:		#E3F4FF;
	}
	
	#contenu .row_odd {
	}
	
	#contenu td {
		vertical-align:			top;
	}
	
	#contenu table th {	
		padding:				10px 0;
		text-transform:			uppercase;
		padding-left:			61px;
	}

	#contenu table i {
		margin-left:			61px;
	}

	#documents_portfolio {
		margin:					30px 0;
	}
	
	#documents_portfolio img {
		margin:					0 0 10px 10px;
	}
	
	
	/*--[ footer ]-------------------------------------------------------------------------------------*/
	
	#sitepart2 .column1 {
		float:					left;
		margin-left:			76px;
		width:					131px;
	}
	
	#sitepart2 .column2 {
		float:					left;
		margin-left:			76px;
		width:					269px;
	}
	
	#sitepart2 h1,
	#sitepart2 h2,
	#sitepart2 h3,
	#sitepart2 p {
		font-size:				12px;
		font-weight:			normal;
		line-height:			25px;
	}
	#sitepart2 h1,
	#sitepart2 h2 {
		display:				block;
		margin:					5px 0 0 0;
		border-bottom:			dotted;
	}

	#sitepart2 p {
		text-align:				right;
	}

	
	/*--[ forms ]-------------------------------------------------------------------------------------*/

	.formulaire_spip fieldset {
		width:					407px;
		border:					1px #141414 solid;
		padding:				10px 0;
		margin:					10px 0;
	}
	
	.formulaire_spip fieldset legend {
		font-weight:			bold;
		margin-left:			20px;
	}
	
	.formulaire_spip label {
		display:				block;
		float:					left;
		width:					120px;						/* (60*3) + (10*3) - 10(marge gauche) */
		height:					25px;
		margin-right:			10px;
		text-align:				right;
	}
	
	.formulaire_spip input,
	.formulaire_spip select,
	.formulaire_spip textarea {
		border:					1px #141414 solid;
		float:					none;
		width:					260px;						/* (60*3) + (10*2) - 10(marge droite) */
		height:					25px;
		margin-bottom:			12px;
	}
	
	.formulaire_spip textarea {
		height:					160px;
	}
	
	.formulaire_spip>input {
		margin:					80px;
	}
	
	.formulaire_spip .erreur {
		display:				block;
		height:					25px;
		padding-left:			130px;
		color:					#FF0000;
	}
	
	
	#contenu .formulaire_spip ul {
		margin-left:			0;
	}
	
	#contenu .formulaire_spip li {
		list-style-type:		none;
		margin-left:			0;
	}