body {
  	background-color: #fffff5; /* couleur de fond */
  	margin:0 0 15px 0; /* suppression de toutes les marges */
  	padding:0;
	background: url(../images/general/fond_pages_ss_logo.jpg) no-repeat left top;
	background-attachment: scroll;
	font: 0.8em Arial, Helvetica, sans-serif; color: #333;
}

p {line-height: 20px ;}

h1 {
	font: bold 2.4em Arial,Verdana,Helvetica,sans-serif;
	color:#0178C4;}

h2 {border-bottom:2px solid #036;
color:#036;
font: bold 2em Arial,Verdana,Helvetica,sans-serif;
margin-top: 1.3em;
}

caption, h3 {
color:#036;
font: bold 1.6em Arial,Verdana,Helvetica,sans-serif;
border-bottom: 1px solid #9cf;
}

h4, .table  {font: bold 1.4em Arial, Helvetica, sans-serif; color: #333;}
.table {background-color:#fff;}

table { border-top: 2px solid #666;}
th {
	text-align:left; 
	border-bottom: 1px solid #f60; 
	padding:3px;
	padding-top:1.5em; 
	font: bold 1.2em Arial, Helvetica, sans-serif; 
	color: #000;}
	
td {border: 1px solid #666; font: 1em Arial, Helvetica, sans-serif; color: #000;}

img {border:0;}

a:link {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: none;
}
a:visited {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: none;
}
a:hover {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline;
}
a:active {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline overline;
}

fieldset {padding:5px; width:90%;}
legend {font: bold 1.2em Arial, Helvetica, sans-serif; color: #036;}

#global {
	position: absolute;
	width: 1000px;}
	
#actu {
	margin-top: 15px;}
#actu dd {
	border-bottom: 1px solid #78aed0;}
	
#actu li{float:left;
	list-style:none;
	margin-left:20px;
	width:150px;
	height:20px;
	background-color:#78aed0;
	text-indent: 3pt;
	white-space: nowrap;
	}
#actu li, #actu li a{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
#actu li a:hover {text-decoration:underline;}
#actu li.menuhaut {
	background-color: #0071b8;
	border-right: 10px solid #f60;}

#menugauche {
	float:left;
	margin:10px 0 0 10px;
	width:150px;
	background-color:#0071b8;
	border: 5px solid #fff;
	}
html>body #menugauche {width:150px;}
#menugauche dt {padding:5px; background: url(../images/general/fl_bleu.gif) no-repeat left;}
#menugauche dt a {
	display:block;
	color:#fff;
	padding-left:16px;
	font: bold 14px Arial, Helvetica, sans-serif;
	}
#menugauche dd {
	margin:4px;
	padding:0;
	background-color:#fff;
	}
#menugauche ul{	list-style: none;margin:0; padding-left:10px;}
#menugauche li {margin:3px; padding-bottom:3px; border-bottom: 1px solid #f90;}
#menugauche li a {font: 14px Arial, Helvetica, sans-serif; color:#333;}
#menugauche li.dernier {border-bottom: none;}

#contenu {
	float:left;
	width:608px;
	padding:5px;
	margin:10px;
	}
html>body #contenu {width:610px;}
#contenu a:link {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #00f;
	text-decoration: underline;
}
#contenu a:visited {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #800080;
	text-decoration: underline;
}
#contenu a:hover {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #f60;
	text-decoration: underline;
}
#contenu a:active {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #f60;
	text-decoration: underline overline;
}
#contenu img.flotte {float:left; margin: 0 5px 5px 0;}

#ariane {
	border-top: 1px solid #fca300;
	border-bottom: 1px solid #fca300;
	}
#ariane, #ariane a:link, #ariane a:visited, #ariane a:hover, #ariane a:active
{font: 10px arial, helvetica, sans serif; text-decoration:none; color:#000;}

#droite {
	float:left;
	width:180px;
	font: 13px Arial, Helvetica, sans-serif;}
#droite a:link {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: none;
}
#droite a:visited {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: none;
}
#droite a:hover {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline;
}
#droite a:active {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline overline;
}	
#actudroite {
	width:180px;
	border: 1px solid #F90;
	margin: 10px 0;
	}
#etudes {
	width:180px;
	border: 1px solid #F90;
	margin-bottom:10px;
	}
#lesplus {
	width:180px;
	border: 1px solid #F90;
	}
html>body #actudroite, html>body #lesplus, html>body #etudes {width:186px;}

#actudroite dt, #lesplus dt, #etudes dt {
	padding:2px 0;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	color:#fff ;
	text-align:center;
	text-decoration:none; 
	background-color:#0071b8;}

#actudroite dd, #lesplus dd, #etudes dd {margin:0 4px; padding:0;}
#actudroite ul, #etudes ul {list-style: url(../images/general/puce.gif) inside; margin:0; padding:0;}
#lesplus ul {list-style: url(../images/general/plus.gif) inside; margin:0; padding:0;}
#actudroite li, #lesplus li, #etudes li {margin:3px; padding-bottom:3px; border-bottom: 1px solid #f90; text-indent: -0.75em;}
html>body #actudroite li, html>body #lesplus li, html>body #etudes li {text-indent: 0;}
#actudroite li.dernier, #lesplus li.dernier, #etudes li.dernier {border-bottom: none;}

#footer {
	clear: both;
	border-top: 1px solid #0071b8;
	text-align: right;
	}
#footer ul {list-style: none; margin: 0 0 15px 0; padding:0;}
#footer li {float: left; padding:0 10px 20px;}