/* structure --------------------------------------------------------------------------------------------------------------------------- */
* { margin : 0; padding : 0; outline:0; border:none; }
body 	{ margin : 0; padding : 18px 10px 10px; background: url(img/bodyBG.gif) repeat-x left -225px; }
h1 { display: none; }

#map { display : block; }

#page 	{ width : 955px; margin : 0 auto; }

#index { width: 630px; margin : 0; padding : 0; float : left; display : inline;}
	#index li { position : relative; float : left; width : 269px; height : 205px; display : inline; margin : 0 10px 11px 0; padding: 0 18px;}
	#index a { display : block; width: 269px; height: 180px; padding: 0; margin: 18px 0 0 0; }
	#index #ludo { width : 584px; }

#sidebar { width : 305px; float : left; display : inline; }
	#sidebar div { padding : 0 10px; margin-bottom : 18px; }
	#news, #agenda { height : 162px; }
	#chroniques { height : 144px; }
	#sidebar #forum { height : 116px; margin-bottom : 0; position: relative; }
	
	#launch-forum { display : block; position: absolute; bottom: 0; width : 285px; height : 40px; background : url(img/link-forum.jpg) no-repeat scroll left top; }
	#launch-forum:hover { background-position : left bottom; }
	
/* Visuel -------------------------------------------------------------------------------------------------------------------------------- */
#index li 				{ background: url(img/indexBG.jpg) no-repeat left bottom; }
#index li:hover 	{ background-position : right bottom; }

#index li#recherche:hover 	{ background-position : left bottom; }


#index #ludo			{ background-position : left top; }
#index #ludo:hover{ background-position : left -205px; }

#ludo a { 
    padding: 36px 0 0 200px;
    width: 392px; height: 144px;
}

#index li a 			{ background: url(img/sprite_background.png) no-repeat -18px top; }

li#formations a 	{ background-position: -31px -360px; }
#formations p { padding-left:160px; }

li#actions a 			{ background-position: 0 -540px; }
#actions p { padding-left:180px; }

#index #recherche { position : relative; width: 305px; padding : 0; }
#index #recherche h2 { position: absolute; top: 19px; left: 36px; }

#recherche p {
	position : absolute; left: 200px; top: 58px;
	width: 100px;
}

#index #publications a { 
	width: 269px; height: 180px; padding: 0;
	background-position: center -180px;
	text-align: center;
}

#sidebar ul { list-style : none; }
#sidebar li { padding-left : 10px; background: url(img/bullet.gif) no-repeat scroll left 7px; }

.headline { clear : both; display : block; width : 620px; color : #666; margin : 0 auto; padding : 18px 5px 10px 50px; background : url(img/ccfc.jpg) no-repeat left top;}

/* Typo   -------------------------------------------------------------------------------------------------------------------------------- */
body { font-family : Helvetica, Arial, sans-serif; font-size : 62.5%; line-height: 18px; }
small { font-size : 1em; color : #06C; }

h2, h3 { font-family : Trebuchet ms, Helvetica, Arial, sans serif; color : #09F; }
h2 { font-size : 1.6em; position: relative; top: 3px;  }
h3 { font-size : 1.3em; padding-bottom : 7px; color : #FC0; position: relative; top: 4px; }

#index a { text-decoration: none; }
#index h2,
#index p { color : #FFF; }

#index h2 { text-align: center; font-size: 1.8em; top: 1px; margin-bottom: 17px; }
#ludo h2 { text-align: left; }

#index p { font-size: 1.2em; }

p,
#sidebar li { font-size : 1.2em; position : relative; top: 5px; }
#sidebar a { color: #09F; display: block; }
	#sidebar a:hover { color : #F00; }
	#sidebar small { display: block; color : #FC0; font-size : .75em; position : relative; top: 1px; }

	#sidebar p { color : #333; margin-bottom : 18px; }
	a#launch-forum { color : #FFF; line-height : 40px; text-align : center; font-size : 1.4em; font-weight : bold; text-decoration : none; }
	a#launch-forum:hover { color : #FFF; }

/* DEBUG ------------------------------------------------------------ *
html { background: url(img/baseline.gif) repeat left -1px; }
body { opacity: .5; }
/* ------------------------------------------------------------------ */