/* CSS Document */
		body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Verdana", helvetica, sans-serif;
			background: White url(../images/fond.gif) repeat-x;
		}
		
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left;
			border: 1px solid #DCDCDC;
			background: White;
		}
		
		h1#header
		{
			height: 158px ;
			margin: 0 ;
			background: url(../images/logo_cscs.gif) no-repeat left top;
		}
		
		h1#header a
		{
			width: 400px ;
			height: 70px ;
			display: block ;
			background: url(title.gif) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../images/bg_menu.gif) repeat-x 0 -25px;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: auto;
			line-height: 25px ;
			margin-left : 15px;
			font-size: 12px;
			font-weight: bold ;
			letter-spacing: 1px ;
			color: #93CCAD;
			display: block ;
			text-decoration: none ;
			/*border-right: 2px solid #dea ;*/
		}
		
		ul#menu li a:hover
		{
			background: url(../images/bg_menu.gif) repeat-x 0 0 ;
		}
		ul#menu li a:visited
		{
			color: #DAA520;
		}
		div#accueil_contenu
		{
			padding: 0 50px 0 50px ;
			margin-left: 15px ;
			margin-right: 15px ;
			background-position:  0% 100%;
	        background-repeat: no-repeat;
			background-image: url(../images/bonhomme_big.gif);
		}
		div#accueil_contenu h2
		{
			padding-left: 0px ;
			line-height: 25px ;
			font-size: 1.4em ;
			text-align: right;
	        font-weight: bold ;
			
			/*background: url(../images/small_logo.gif) no-repeat left bottom;*/
			color: #93CCAD ;
			/*border-bottom: 1px solid #93CCAD ;*/
		}
		
		div#accueil_contenu h3
		{
			margin-left: 15px ;
			padding-left: 15px ;
			border-bottom: 1px solid #333662 ;
			border-left: 3px solid #333662;
			color: #333662 ;
		}
		
		div#accueil_contenu p
		{
			/*margin-left: 250px ;*/
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.3em ;
			color: #333662;
		}
		
		div#accueil_contenu a
		{
			color: #93CCAD ;
		}
		
		div#accueil_contenu a:hover
		{
			color: #7FB296 ;
		}
		
		div#accueil_contenu ul {
		margin-left: 250px ;
		color: #333662;
        list-style-type: square;
        }
		
		div#contenu
		{
			padding: 0 50px 0 50px ;
			margin-left: 15px ;
			margin-right: 15px ;
			border-top: 1px solid #C1C2CF ;
		}
		
		div#contenu h2
		{
			padding-left: 0px ;
			line-height: 25px ;
			font-size: 1.4em ;
			text-align: right;
	        font-weight: bold ;
			
			/*background: url(../images/small_logo.gif) no-repeat left bottom;*/
			color: #93CCAD ;
			/*border-bottom: 1px solid #93CCAD ;*/
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #333662 ;
			/*border-left: 3px solid #333662;*/
			color: #333662 ;
		}
		
		div#contenu p
		{
			/*text-align: justify ;*/
			/*text-indent: 2em ;*/
			line-height: 1.3em ;
			color: #333662;
		}
		
		div#contenu a
		{
			color: #93CCAD ;
		}
		
		div#contenu a:hover
		{
			color: #7FB296 ;
		}
		
		div#contenu a:visited
		{
			color: #DAA520;
		}
		
		div#contenu ul {
		color: #333662;
        list-style-type: square;
        }
		
 #smenu {
	height: 85px;
	margin : 10 0 0 0;
	padding: 0 0 0 0;
}

#smenu div {
	height: 85px;
}

#smenu ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: left;
}

#smenu ul li {
	margin: 0;
	padding: 0 0 0 2%;
	display: inline;
}

#smenu img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid black;
}

#smenu a:hover img {
	border: 1px solid #769712;
}
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 20px ;
			text-align: right ;
			color: #93CCAD ;
		}
		p#footer_2
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 20px ;
			text-align: right ;
			color: #93CCAD ;
		}
		pre
		{
			border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #F0B802;
	padding: 1em;
	margin: 1em;
	font-size: 100%;
	background: #ffffcc;
	width: 85%;
	overflow: auto;
	-moz-border-radius:6px;
	border-radius:6px;
		}
		
		* html pre
		{
			width: 636px ;
		}
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}

.page { float: left; width: 100%}
.col2 { float: left; width: 50%; margin: 0.5em 
}
.col3 { float: right; width: 30%; margin: 0.5em 
}

.coltab1 { float: left; width: 40%; margin: 0.5em 
}
.coltab2 { float: right; width: 40%; margin: 0.5em 
}

#listing {
	/*margin: 1em 0 1em 20px;*/
	list-style-type: square;
	padding: 0;
}

/* Formulaire */
div#contenu textArea {
	border: 1px solid #ccc;
	color: #000;
	background-color: #EAEAEA;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#contenu select {
	border: 1px solid #ccc;
	background-color: #EAEAEA;
	color: #000;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#contenu input {
	border: 1px solid #ccc;
	color: #000;
	background-color: #EAEAEA;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}