/* Général */
body {
	width: 100%;
	color: black;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
object {
	overflow: hidden;
}
.center {
	text-align: center;
}
.right {
   text-align: right;
}
/* Panneau de gauche */
#panneau {
   position: absolute;
   top: 0;
   left: 0;
	width: 231px;
	padding: 4px;
}
#panneau.logiciel {
	width: 304px;
}
#panneau ul {
   margin-left: 0;
	list-style-type: none;
	font-size: 1.2em;
}
#panneau li {
   background: transparent url("../images/puce_menu.png") no-repeat scroll center left;
   border-bottom: 1px dotted #ccc;
   padding: 3px 14px 3px 14px;
}
#panneau li.encours, #panneau li:hover {
   background: transparent url("../images/puce_menu.png") no-repeat scroll center right;
   background-color: #eee;
}
#panneau li.encours {
   list-style: none outside none;
   color: black;
   text-align: right;
}
#panneau a {
   display: block;
}
#panneau a:link, #panneau a:visited {
	color: black;
	text-decoration: none;
}
#panneau a:hover, #panneau a:focus {
	background-color: #eee;
   text-decoration: none;
}
/* En-tête */
#entete {
   margin: 0 0 14px 0;
   padding: 4px 0 0;
}

/* Contenu principal */
#centre {
   min-height: 660px;
	margin-left: 239px;
   background-color: white;
}
#centre.logiciel {
	margin-left: 312px;
}
#contenu {
	padding: 0.1em 1em 1em;
	text-align: left;
}
p, ul {
   max-width: 90em;
}
p.right {
   max-width: inherit;
   margin-right: 5%;
}
p {
	margin: 0 0 .5em 0;
   line-height: 1.5em;
}
p.statuts {
   padding: 0 0.5em;
}
abbr[title], acronym[title] {
   border-bottom: 1px dotted;
   cursor: help;
}
.droite {
   float: right;
   margin: 1em 10% 1em 2em;
}
.gauche {
   float: left;
   margin: 1em 2em 1em 1em;
}
#centre .retrait {
   margin-left: -239px;
}
#centre.logiciel .retrait {
   margin-left: -312px;
}
table {
	border: none;
}
thead {
   text-align: center;
   color: #0e5185;
	font-size: 1.2em;
}
td {
	padding: 0.5em;
}
td.bottom {
	vertical-align: bottom;
}
td.middle {
   vertical-align: middle;
}
.plan tr {
   background-color: #eee;
}
.plan td {
   padding: 0 1em;
}
a:link {
	text-decoration: underline;
	color: black;
}
a:visited {
	text-decoration: underline;
	color: gray;
}
a:hover, a:focus {
	text-decoration: none;
	background-color: #494949;
	color: white;
}
a:active {
	text-decoration: underline;
	color: black;
}
a.image:hover, a.image:focus {
   text-decoration: none;
   background-color: white;
}
h3 {
	margin: 1em 0 1em;
	padding: 0 0 0 3em;
   color: #0e5185;
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	text-indent: -1.5em;
	letter-spacing: -0.05em;
}
h3:first-line {
	font-weight: 600; /*bold=700*/
}
h3.image {
   padding: 0;
   text-indent: -0.5em;
}
h3.simple {
   margin-right: 1.5em;
   text-indent: 0;
}
h3 a {
	color: #0e5185;
	text-decoration: none;
}
h3 a:link, h3 a:visited {
	color: #0e5185;
	text-decoration: none;	
}
h3 a:hover, h3 a:focus, h3 a:active {
	color: #0e5185;
	text-decoration: none;
	background-color: white;
}
h3.image img.gauche {
   margin-top: -7px;
   padding: 0 10px 0 0;
}
img.gauche + h3 {
   text-indent: -0.5em;
}
ul {
   list-style: disc outside url("../images/puce.gif");
   margin-left: 5em;
}
img.photo {
	padding: 15px;
	border: 1px solid black;
	box-shadow: 2px 2px 5px #555;
  -moz-box-shadow: 2px 2px 5px #555;
  -webkit-box-shadow: 2px 2px 5px #555;
	text-align: center;
}
table img.photo {
	padding: 8px;
}
img.top {
   vertical-align: top;
}
img.bottom {
   vertical-align: bottom;
}
p.legend {
	font-style: italic;
}
span.petit {
   font-size: smaller;
}
abbr.logiciel, span.logiciel {
   color: #c00;
   font-family: "Comic Sans MS", cursive;
   font-size: 1.2em;
   font-weight: bold;
   font-style: normal;
   letter-spacing: 1px;
}
a:hover abbr.logiciel, a:hover span.logiciel, a:focus abbr.logiciel, a:focus span.logiciel {
   color: white;
}
.col3, .col3-1 {
	float: left;
	width: 25%;
   min-width: 130px;
	padding: 0 3%;
	text-align: justify;
}
.col2, .col2-1 {
   float: left;
   width: 33%;
   min-width: 230px;
	padding: 0 3%;
	text-align: justify;
}
.col3, .col2 {
   border-left: 1px solid #ccc;
}
.col3-1, .col2-1 {
   padding-left: 0;
}
.col3 img.gauche, .col3-1 img.gauche {
   margin: 0;
   padding: 5px 10px 5px 0;
}
hr.saut {
	clear: both;
	background-color: white; /*Firefox*/
	color: white; /*IE*/
	border: 0;
	border-color: white; /*Opera*/
}
.plus {
	border-left: none;
   text-align: right;
	font-style: italic;
}
.plus img {
	vertical-align: text-top;
}
.historique tr, .historique td {
   vertical-align: top;
}
.date p {
   background: url("/images/societe/fond-date.gif") no-repeat scroll 0 0 transparent;
   color: white;
   font-size: 1.4em;
   font-weight: bold;
   min-height: 40px;
   padding: 0.4em 1.5em 0;
   width: 220px;
   line-height: 1.2em;
}
table.form {
   width: 50em;
}
.form label {
   color: #555555;
   font-weight: bold;
}
.form label.radio, .form label.checkbox {
   color: black;
   font-weight: normal;
}
input[type=text], textarea {
   border: 1px solid #ccc;
	color: black;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input[type=text]:focus, textarea:focus {
   border-color: #0e5185;
}
.indice {
   font-size: 0.8em;
   vertical-align: super;
}
.indicealerte {
   color: red;
   font-size: 1.25em;
   font-weight :bold;
}
.nota {
   font-size:0.8em;
   font-style:italic;
}
#ssii {
	width: 390px;
	height: 208px;
	padding: 10px 320px 0 20px;
	background: url("../images/noflash/infodev_ssii.jpg") no-repeat;
	color: white;
}
#ssii_origine {
   font-size: 3em;
   font-weight: bold;
}
#offrelogiciels {
   float: left;
   width: 223px;
   height: 180px;
   background: url("../images/logiciels/offre-logiciels.jpg") no-repeat;
   padding: 10px 10px 10px 265px;
   color: white;
}
#offrelogiciels h3, #ssii h3 {
   padding: 0;
   text-indent: 0;
   text-align: center;
   color: white;
}
.exergue {
   max-width: 56em;
   font-size: 1.6em;
   font-weight: bold;
   font-style: italic;
   color: #0e65cc;
}
a.module {
   background-color: #0e5185;
   color: white;
   padding: 5px;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   font-weight: bold;
   text-decoration: none;
}
.module img {
   vertical-align: bottom;
}
#intro {
   min-height: 140px;
}

.vcard .fn, .vcard .country-name {
   display: none;
}
/* Pied de page */
#pied {
   margin-bottom: 2em;
	clear: left;
	background-color: #0e5185;
	padding: 0.2em 0;
	font-size: 0.8em;
	color: white;
}
#pied ul {
	list-style-type: none;
	margin: auto;
	padding: 0;
	text-align: center;
}
#pied li {
	display: inline;
	margin: 0 5em;
	padding: 0;
}
#pied a:link, #pied a:visited, #pied a:hover, #pied a:focus, #pied a:active {
	background-color: #0e5185;
   text-decoration: none;
	color: white;
}

/* Remplacement du menu et de la barre de titre en Flash */
ul.menunoflash {
	background: url("../images/noflash/menu.png") no-repeat;
	height: 42px;
	width: 1040px;
	margin: 0;
	padding: 0;
}
ul.menunoflash li {
	float: left;
	width: 94px;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	text-align: center;
}
ul.menunoflash li a {
	text-decoration: none;
	font-size: 1.2em;
}
ul.menunoflash li a:link, ul.menunoflash li a:visited {
	color: black;
}
ul.menunoflash li a:hover, ul.menunoflash li a:focus, ul.menunoflash li a:active {
	color: #01d2d8;
}
h1.noflash {
	height: 70px;
	background: url("../images/noflash/fond_titre.png") repeat-x;
	margin: 0 0 0 1px;
	padding: 14px 0 0 1.5em;
	text-indent: 0.5em;
	color: black;
	font-size: 2.2em;
}
h2.noflash {
   margin: -2.1em 0 2em 1px;
   padding: 0 0 0 1em;
	color: white;
	font-size: 1.6em;
}