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, td h2 {font: bold 1.4em Arial, Helvetica, sans-serif; color: #333; border-bottom:none;}
.table {background-color:#fff;}

/*----------------------------------*/
/* mise en avant des téléchargements */
/*----------------------------------*/
#focus {
margin-left:10px;
	float: right;
	width:200px;
	height:100px;
	background: url(../images/entreprises/focus_dl.gif) no-repeat left top;
	color:#fff; 
	text-align:center;
	vertical-align:middle; 
	padding-top:20px;
	}
html>body #focus {padding-top:5px;}

#focus p {
	font:bold 1.2em Arial, Helvetica, sans-serif;}
#focus p a:link, #focus p a:visited, #focus p a:hover, #focus p a:active {color:#fff;}

p.btn_dl {
	background: url(../images/entreprises/bouton_dl_roll.gif) no-repeat scroll 0%; 
	width:228px; 
	height: 48px;
	text-align:center;
	font: bold 1.6em Arial, Helvetica, sans-serif; color: #000;
	padding-top:0.8em;}
/*----------------------------------*/
/* fin téléchargements */
/*----------------------------------*/

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;}

/*----------------------------------*/
/* Tableaux formations */
/*----------------------------------*/
#table_global {border:none;}
#table_global td {width:300px; vertical-align:top; border:none; margin-left:5px; padding: 0 5px;}
#table_global th {padding-top:0.3em;}
#table_global th.cell_full {background-color: #0071B8; color:#fff;}
#table_global caption {
	font: bold 1.6em Arial,Verdana,Helvetica,sans-serif;
	background-color: #0071B8; 
	color:#fff;}
/*----------------------------------*/
/* ----- */
/*----------------------------------*/

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;}

/*----------------------------------*/
/* menu haut */
/*----------------------------------*/	
#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 #f90;}

/*----------------------------------*/
/* menu gauche */
/*----------------------------------*/
#menugauche {
	float:left;
	margin:10px 0 0 10px;
	width:150px;
	background-color:#f90;
	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:#06c;
	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 central */
/*----------------------------------*/
#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 #f90;
	border-bottom: 1px solid #f90;
	}
#ariane, #ariane a:link, #ariane a:visited, #ariane a:hover, #ariane a:active
{font: 10px arial, helvetica, sans serif; text-decoration:none; color:#000;}

/*----------------------------------*/
/* colonne droite */
/*----------------------------------*/
#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;
}
/*----------------------------------*/
/* BLOCS colonne droite */
/*----------------------------------*/
#special_reach {
	width:180px;
	border: 1px solid #F90;
	margin-bottom:10px;
	}
#actudroite {
	width:180px;
	border: 1px solid #F90;
	margin: 10px 0;
	}
	
#publication {
	width:180px;
	border: 1px solid #F90;
	margin-bottom:10px;
	}
#lesplus {
	width:180px;
	border: 1px solid #F90;
	}
html>body #special_reach, html>body #actudroite, html>body #publication, html>body #lesplus {width:186px;}

#special_reach dt, #actudroite dt, #publication dt, #lesplus dt {
	padding:2px 0;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	color:#06c;
	text-align:center;
	text-decoration:none; 
	background-color:#f90;}

#special_reach dd, #actudroite dd, #publication dd, #lesplus dd {margin:0 4px; padding:0;}
#special_reach ul, #actudroite ul, #publication 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;}
#special_reach li, #actudroite li, #publication li, #lesplus li {margin:3px; padding-bottom:3px; border-bottom: 1px solid #f90; text-indent: -0.75em;}
html>body #special_reach li, html>body #actudroite li, html>body #publication li, html>body #lesplus li {text-indent: 0;}
#special_reach li.dernier, #actudroite li.dernier, #publication li.dernier, #lesplus li.dernier {border-bottom: none;}

/*----------------------------------*/
/* Footer */
/*----------------------------------*/
#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;}