/************************** général ********************************/
* {
  margin : 0;
  padding : 0;
  font-family : Verdana, Arial;
}
body {
  /*background-image: url('images/filigrane3.jpg');
  background-attachment: fixed; /* pour le centrage IE uniquement */
 background-image: url('images/trame_bleu.gif');
   /*background-color: black;*/
}
img { 
  border: none;
} 
a:link {
  text-decoration : none;
  color : blue;
} 
a:visited{
  text-decoration : none;
  color : blue;
} 
a:active { 
  text-decoration : none;
  color : #ff0000;
}
a:hover { 
  text-decoration : underline;
}
a:link.news {
  text-decoration : none;
  color : #404040;
} 
a:visited.news {
  text-decoration : none;
  color : #404040;
} 
a:active.news { 
  text-decoration : none;
  color : #ff0000;
}
a:hover.news { 
  text-decoration : underline;
}
#footer a:active { 
  text-decoration : none;
  color : #ff0000;
}
#footer a:link {
  text-decoration : none;
  color : #808080;
} 
#footer a:visited {
  text-decoration : none;
  color : #808080;
} 
#footer a:hover { 
  text-decoration : underline;
}

/************************** listes **************************/
ol {
  list-style-position: inside;
  margin-left: 50px;
}
ul {
  margin-left: 50px;
}
.ul1 { 
  margin-left: 100px;
  text-align: justify;
  line-height: 20px;
  list-style-image:url(images/bullet_21.png);
}
ul .titre { 
  font-size: 11pt;
  /*color: #3269FD;*/
  color: #0F7CBE;
  font-weight: bold;
}
.ul2 { 
  margin-left: 50px;
  text-align: justify;
  list-style-image:none;
  list-style-type: none;
}

/********************************* couleur *************************/
.red {
  color : #ff0000;
}
.bleu {
  /*color: #3269FD;*/
  color: #0F7CBE;
}
.gris {
  color:#404040;
}
.blanc {
  background-color:#ffffff;
}
/************************ divs - corps des pages *********************/
/* annonce ***************************/
#annonce {
	z-index: 1500;
	position: absolute;
	width: 100%;
	top: 90px;
	text-align: center;
}
/*hack IE7*/
*:first-child+html #annonce {
  z-index: 1500;
	position: absolute;
	width: 980px;
	top: 90px;
	text-align: center;
}
/********************************/
#page{
    position: relative;
    width: 980px;
    margin: 0 auto 0 auto;
    padding:0 0 0 0;
    font-size: 10px;
    /*background-image: url('images/fond-page.jpg');
    background-repeat: repeat-x;
    background-position: bottom;*/
    background-image: url('images/motif-pages.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #EFF3F6;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
}
#corps {
    width:810px;
    text-align:justify;
    margin: 0 auto 0 auto;
    padding:0;
    font-size: 10pt;
    min-height:450px;
    height:auto !important;
    height:450px;
    /*background-image: url('images/fond-accueil5.png');
    background-repeat: no-repeat;
    background-position: 80% 200px;
    background-attachment: fixed;*/
}
#banniere {
    width: 980px;
    height: 119px;
    margin: 0 auto 0 auto;
    /*background-image: url('images/innovaltech2.jpg');
    background-image: url('images/innovaltech_new.jpg');*/
    background-image: url('images/innovaltech-ultime-banniere.jpg');
    background-color: none;
    text-align: center;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
}
#banniere p{
    text-align: center;
}
#erreur {
    color: #C00000;
}
#menu {
    width: 980px;
    /*height: 35px;*/
    height: 29px;
    margin: 0 auto 0 auto;
    background-image: url('images/fond-menu5b.jpg');
    background-repeat: repeat-x;
    text-align: center;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
}
#menu-accueil, #menu-pages {
    width: 980px;
    /*height: 29px;*/
    height: 7px;
    margin: 0 auto 0 auto;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
}
#menu-pages {
    background-image: url('images/sous-menu-pages.jpg');
}
#menu-accueil {
    background-image: url('images/sous-menu-accueil.jpg');
}
#ombre {
    /*position: absolute;*/
    top: 148px;
    z-index: 2;
    width: 980px;
    height: 6px;
    margin: 0 auto 0 auto;
    background-image: url('images/ombre-menu.png');
    background-repeat: repeat-x;
    text-align: center;
}
#ombre2 {
    z-index: 2;
    width: 980px;
    height: 6px;
    margin: 0 auto 0 auto;
    background-image: url('images/ombre-menu.png');
    background-repeat: repeat-x;
    text-align: center;
}
#footer {
    position: relative;
    width: 980px;
    margin: 0 auto 0 auto;
    height: 29px;
    background-image: url('images/fond-foot.jpg');
    background-repeat: repeat-x;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
}
#footer p {
    width: 33%;
    float: left;
    text-align: center;
    font-size: 7pt;
    color : #808080;
    line-height : 25px;
}
#flashcontent {
    float: left;
    text-align: left;
}
#team {
    text-align: center;
}
#container {
    width: 980px;
    margin: 0 auto 0 auto;
    border-left: 1px solid #5A5A58;
    border-right: 1px solid #5A5A58;
    background-image: url('images/fond-accueil-noir.jpg');
    background-repeat: no-repeat;
    /*background-color: #ffffff;*/
    background-color: #000000;
}
#voeux {
    width: 700px;
    margin: 20px auto 0 auto;
    border: 1px solid #5A5A58;
    background-color: #ffffff;
}
#spacer {
    height: 20px;
    width: 250px;
}
#login {
    width: 250px;
    height: 140px; 
    margin-right: auto;
    margin-left: auto;
    background-image: url('images/cadre-login.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
#realisation {
    width:570px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    /*background-color: red;*/
}
#realisation p{
    float: left;
    width: 170px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
#legende { 
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}
#legende p{ 
    width: 118px;
    float: left;
    color: #000000;
    text-align: center;
    padding: 0px 16px 0px 16px;
}	
#carte { 
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    background-color: #EFF5FF;
    border: 1px solid #949494;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
#adr { 
    width: 290x;
    float: right;
    margin-right: 100px;
    /*margin-left: auto;*/
    background-color: #EFF5FF;
    border: 1px solid #949494;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
#presse {
    margin-left: 100px;
}
#video {
    /*display: none;*/
    text-align: center;
}
#navig {
    width:400px;
    margin-right:auto;
    margin-left:auto;
    text-align:center
}
#navig p{
    float: left;
    text-align:center
}
#meta{
    position: absolute;
    display: block;
    z-index: -10;
    top: 141px;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: none;
    font-size: 8pt;
    /*color: #eaeaea;*/
    color: black;
}
#exposants {
  /*width: 160px;*/
  background-image: url('manifs/innovaltech_2011/cadre.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 5px;
}
#partenaires {
  width: 570px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('manifs/innovaltech_2011/cadre2.png');
  background-repeat: no-repeat;
  /*background-position: top;*/
  padding: 5px;
  text-align: center;
}
/********************** classes de mise en forme *******************/

.centre {
    text-align: center;
}
.souligne {
  text-decoration: underline;
}
.commentaire {
    font-style: italic;
    font-size: 8pt;
}
.gras {
  font-weight: bold;
}
.italique {
    font-style: italic;
}
.fright{
    float: right;
}
.fleft{
    float: left;
}
.cright {
    clear: right;
}
.cleft {
    clear: left;
}
.align{
    vertical-align: middle;
    display: inline-block;
}
.pad_tick { 
  padding: 5px 10px 5px 0px;
}
.photo { 
    width: 120px;
    height: 120px;
    text-align: center;
    float: left;
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
    font-style: italic;
}
.photo2 { 
    width: 118px;
    height: 120px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: bold;
}
.logo { 
    padding: 30px 30px 30px 30px;
    text-align: center;
}
.icone { 
    padding: 20px 12px 5px 12px;
    text-align: center;
}
.img_actu {
    border: 1px solid black;
    margin: 0px 0px 0px 10px;
}
.bordure {
    border: 1px solid black;
}
.noms_actu {
    width: 102px;
    display: -moz-inline-box; 
    display: inline-block;
    margin: 0px 10px 0px 10px;
    font-size: 8pt;
}
.adresse {
    width: 300px;
    border: 1px solid #000080;
    background-color: #EFF5FF;
    margin-left : auto;
    margin-right : auto;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
.img_modif {
    border: 1px solid black;
    margin: 5px 10px 5px 0px;
}
.taille_8 {
    font-size: 8pt;
}
.taille_11 {
    font-size: 11pt;
    font-weight: bold;
}
.sitemap1 {
    width: 130px;
    background:url('images/traith.gif');
    background-repeat:repeat-x;
    color : #404040;
}
.bordure2 {
    line-height: 20px;
    border: 1px solid #0F7CBE;
    padding: 0px 2px 1px 2px;
}
.bordure3 {
    line-height: 20px;
    border: 1px solid #949494;
    padding: 10px 10px 10px 10px;
}
.sitemap2 {
    width: 230px;
    background:url('images/traith.gif');
    background-repeat:repeat-x;
    color : #404040;
}
/**********************  TITRES DANS LE SITE ********************/
h1, h2, h3, h4 { 
    margin: 0px 0px 0px 0px;
    color:#404040;
}
h1{
  padding-top: 10px;
  font-size: 20px;
  text-align:center;
}
h2{
  font-size: 15px;
  text-align:center;
}
h3{
  font-size: 14px;
}
h4{
  font-size: 12px;
}	

	
/**************************** TABLEAUX ************************/
th {
    text-align: center;
    padding: 5px 5px 5px 5px;
}
.bord_bleu {
    border: 1px solid #949494;
}
.fond_bleu-f {
    background-color: #D8E6FF;
}
.fond_bleu-c {
    background-color: #EFF5FF;
}
.cell {
    text-align: center;
    padding: 5px;
}
.cell1 {
    text-align: left;
    padding: 5px;
}
.cell2 {
    text-align: left;
    vertical-align: top;
    padding: 10px;
}
.centrer_tableau {
    table-layout: auto;
    margin-left : auto;
    margin-right : auto;
}
.hidden-container {
    display: none;
}
/*********************** FORMULAIRES ***************************/
label {
    display : block;
    float : left;
    font-weight : bold;
    width : 190px;
}
#submit_form {
    margin-left : 190px;
    float: left;
}
#deconnex {
    height : 18px;
    width : 100px;
    font-size : 10px;
}
/*#sess {
    position: absolute;
    display: block;
    z-index: 10;
    top: 141px;
    width: 110px;
    height: 64px;
    text-align: center;
    font-size: 10px;
    color: #808080;
}*/
#adm {
	width: auto;
	padding-right: 850px;
	padding-top: 30px;
	font-size: 7pt;
	color: #ffffff;
	text-align: center;
}
#admin_user {
    width:700px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    background-image: url('images/users2.gif');
    background-position: top right;
    background-repeat: no-repeat;
    min-height:350px;
    height:auto !important;
    height:350px;    
}
#admin_news {
    width:880px; 
    margin-right:auto;
    margin-left:auto;
    background-image: url('images/news.gif');
    background-position: top right;
    background-repeat: no-repeat;
    min-height:350px;
    height:auto !important;
    height:350px;
}
#admin_projets {
    width:880px;
    margin-right:auto;
    margin-left:auto;
    background-image: url('images/projet.gif');
    background-position: top right;
    background-repeat: no-repeat;
    min-height:350px;
    height:auto !important;
    height:350px;
}

/********************** CSS pour les news *************************/
#droite {
	margin-right: 10px;
	float: right;
}
#news {
    /*overflow: auto;
    z-index: 2;*/
    width: 250px;
    height: 400px;
    border: 1px solid #000080;
    font-size: 7pt;
    /*padding: 10px 10px 10px 10px;*/
    background-color: #EFF3F6;
}
#lecture {
	overflow: auto;
	width: 250px;
	height: 315px;
}
#sticker {
  border: 1px solid blue;
  margin: 10px 15px 0px 10px;
  padding: 5px 0px 5px 0px;
}
#news h1 {
    font-size : 12pt;
    color : #404040;
}
#news h2 {
    font-size : 10pt;
    color : blue;
    text-align : left;
}
#news h2, #news p {
	margin-left: 20px;
	margin-right: 10px;
}
/************************** google maps ********************/
iframe {
  width:425px;
  height:350px;
  border: 1px solid black;
}

/**************************** highslide *******************/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.photo img {
	/*border:2px solid white;*/
}
.highslide:hover img {
	/*border:1px solid red;*/
}
.photo:hover img {
	/*border:2px solid gray;*/
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Arial;
    font-size: 8pt;
    padding: 1px;
    text-align: center;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url('highslide/graphics/loader.white.gif');
    background-repeat: no-repeat;
    background-position: 3px 1px; padding-right:2px; padding-top:2px; padding-bottom:2px
}
a.highslide-credits, a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover, a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url('highslide/graphics/fullexpand.gif') no-repeat;
	display: block;
	width: 34px;
	height: 34px; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:10px
}
/* ------------------------- html -----------------------*/

.highslide-html {
    background-color: white;
    font-size: 10pt;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}

/* Styles for the popup */
.highslide-wrapper, .visite-popup, .maj-popup {
	background-color: white;
}
.visite-popup .highslide-html-content{
    width: 380px;
    padding: 5px;
}
.maj-popup .highslide-html-content{
    width: 650px;
    height: 250px;
    padding: 5px;
}
.highslide-wrapper .highslide-html-content {
    width: 650px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul, .visite-popup .highslide-header ul, .maj-popup .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li, .visite-popup .highslide-header ul li, .maj-popup .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next, 
.visite-popup .highslide-header ul li.highslide-previous, .visite-popup .highslide-header ul li.highslide-next, 
.maj-popup .highslide-header ul li.highslide-previous, .maj-popup .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a, .visite-popup .highslide-header a, .maj-popup .highslide-header a {
	font-weight: bold;
	color: gray;
	/*text-transform: uppercase;*/
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover, .visite-popup .highslide-header a:hover, .maj-popup .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a, .visite-popup .highslide-header .highslide-move a,
.maj-popup .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer, .visite-popup .highslide-footer, .maj-popup .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize, .visite-popup .highslide-footer .highslide-resize,
.maj-popup .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url('highslide/graphics/resize.gif');
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}