/* tailles */
body{
  font-size: 13px;
}
h1{font-size: 130%}
h2, h3{font-size: 110%}
h4{font-size: 100%}

/* polices */
body {font-family: geneva, arial, Helvetica, sans-serif;}
html *{margin: 0;padding:0}
body{
	background: #4B7DE3;
	color: black;
	text-align: center;
}
a{color:#333}
#logo{
	position: absolute;
	right:0;
	bottom:10px;
}
ul {margin: 0 0 1em 16px}
ol{margin-left: 2em}
li{
	margin: 0;
	padding-left: 0;
}
#bloccentral {
	position: relative;
	width:700px;
	text-align: left;
	margin: 67px auto;
	padding: 0 35px 10px 0;
}
#contenu {
	margin: 0;
	padding: 0.5em 1em 1em 15px;
	text-align: left;
	background:white;
	color: Black;
	min-height:400px;
}
#ISO{
	margin:5px auto;
	color:white;
	font-weight:bold;
	text-align:center;
}
h1 {
	margin:0;		
	padding: 0 0;
	text-align: left;
	font: bold 30px Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	background: White;
}
h3{
	font-weight: normal;
	margin: 1.2em 0 1em;
	padding:0 0.5em 0 15px;
	background: url(puce.png) no-repeat 0 5px;
}
.structure{display:none}
.art-unique{text-align:center}
.titre-texte{text-transform: uppercase}
h2.soustitre{
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom:1em;
}
.chapo {font-weight: bold;margin-bottom:0.3em}
div, p.spip{margin: 1em 0 0}
#contenu{overflow: auto; /* pour éviter les débordements de float */}
table {margin-left:15px}
caption{caption-side:bottom}
td {vertical-align: top}
a {color:black;border:none}
p:first-letter{text-transform:uppercase}
#navp{
	background: Black;
	width: 100%;
	margin: 0;
}
#navp .masque{display: none}
#navp table{
	width:100%;
	margin-left: 0;
}
#navp td{
	vertical-align: middle;
	text-align: center;
	height: 25px;
}
#navp a {
	text-decoration:none;
	color: white;
	padding-left: 30px;
	background: url(b_menu_on.png) no-repeat 0 -2px;
}
#navp .secteur a,
#navp a:hover{
	background-image: url(b_menu_on_h.png);
}
#navp .secteuroff a{background: url(b_menu_off.png) no-repeat 0 -3px}
#navp .secteuroff a:hover{background: url(b_menu_off_h.png) no-repeat 0 -3px}
#navp .rubriqueoff a, #navp .rubriqueoffterm a{background-image:none}
.nomEntreprise {text-transform: capitalize}
#tc_login{
	font-family: arial;
	margin: 50px 12px 0 0;
}
#tc_login h2 {
	font-weight:normal;
	padding: 0.2em;
	margin: 0;
	background: #FFA500;
	color: White;
}
form img{display:inline;float:none}
#tc_login{visibility:visible}
#tc_login.hidden{visibility:hidden}

#zone_login{
	margin: 0;
	border: 1px outset #FFA500;
	background: #eee;
	color: #222;
	padding: 0.3em;
	text-align: center;
}
#zone_login label input{width:90%}
#zone_login label{display: inline}
#zone_login p, #zone_login div {margin: 0}
#zone_login a {
	text-decoration: none;
	color: #777;
	display: inline;
}
#zone_login a:hover {text-decoration: underline}
#zone_login h3 {color:#c90}
table.spip{width:100%;margin-left:0}
table.spip td{padding: 0.3em}
.spip_documents{
	margin-top:6px;
	padding:0 5px 5px 0;
}
.spip_documents_left{
	float:left;
	margin:4px 4px 0 0;
}
.spip_documents_right{
	float:right;
	margin:4px 0 0 4px;
}
dl.spip_documents_center img{
	display: block;
	margin: 0 auto;
}
dt.spip_doc_titre{margin: 0 auto}
.spip_poesie div{
	margin:0;
	padding:0;
}
div.alaligne {clear:both;height:1px}
a img{border: none}
a{text-decoration:none}
a:hover{text-decoration:underline}
img.spip_puce{
	border: none;
}
#styleswitcher {
	position: fixed;
	top: 95%;
	left:0;
	text-align: center;
}
#styleswitcher img {
	border:1px solid #AAA;
}
#styleswitcher a{
	display: inline;
}
.spip_surligne {background:yellow}
#logoTC{
	position: fixed;
	bottom: 0;
	right: 0;
	width:18px;
	height: 103px;
	background: url(realisationTC.png) no-repeat;
}
#news{font: 12px Geneva, Arial, Helvetica, sans-serif}
#news h2{
	font-weight: normal;
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing: normal;
}
#news h2 a{color:#666;text-decoration: none;}
#news h2 a:hover{text-decoration: underline;}
#news h3{
	margin: 0.5em 0 0;
	padding:0.3em;
	background-image: none;
	background: #D3D3D3;
	color:#4b7ee3;
	font-weight: normal;
}
#news p{margin: 0}
#untiers{
	width: 40%;
	text-align: justify;
}
#deuxtiers{
	width: 45%;
	float: right;
}
#uncinquieme{
	width:14%;
	margin-top:0;
}
#uncinquieme div{margin-top: 25px}
#quatrecinquiemes{
	float:right;
	width: 79%;
	margin:0;
	padding:0;
}
#quatrecinquiemes img{
	position:absolute;
	left:20px;
	bottom:50px;
}
/* pour la rubrique Présentation */
#pres{margin:90px -13px 0 -15px}
#pres_bloc1{
	width:160px;
	margin-right:2px;
	background: #00694a;
}
#pres_bloc2{
	width:160px;
	margin-right:2px;
	background: #12B30D;
}
#pres_bloc3{
	width:130px;
	margin-right:2px;
	background: #00B877;
}
#pres_bloc4{
	width:244px;
	background: #90D1BC;	
}
#pres li{
	list-style: none;
	margin:1em 1em 1em 0;
}
#pres a{
	color: White;
	text-transform: uppercase;
	text-decoration: none;
}
#texte_process{
	float:left;
	margin:-50px 0 20px 230px;
	padding-left:2px;
	background: url(fleche1.gif) no-repeat 0 bottom;
}
#texte_process a.popup{
	position: absolute;
	top:100px;
	left:15px;
}
#texte_process p.spip{
	margin:0;
	padding:0.5em;
	padding-left:15px;
	border-left:4px solid black;
}
#process table{text-align: center}
#process td{
	padding-bottom: 10px;
	vertical-align: middle;	
}
/* page contacts */
.contact{
	list-style: none;
	margin: 50px 0 0 0;
}
.contact li{
	float:left;
	width:150px;
	margin:0 9px;
	text-align:center;
}
.contact img{
	margin-bottom: 20px;
}
#skip, #main{position: absolute; left: -1000em; width: 20em;}