/* pour la mise au point 
-------------------------
div {
	border: thin; border-style:solid;border-color: Black;
}
*/
 
/* règles générales
-------------------- */
body {
		background-image: url('/style/modbkgnd.jpg');
		margin:0 1em 0 1.5em;
		}
body, td, div, p, a	{
	font-family:verdana,arial,sans-serif;
	font-size:1em;
	 }

h1, h2, h3, h4, h5, h6 {font-weight: normal;color:#002984;}
h1, h2 {
	clear:both;
	background-color: #e5ecf9;
	border-top: 2px solid #3366cc;
}
h3 {
	clear:both;
	background-color: #e5ecf9;
}
h4	{font-weight:bold;}

ol	{  margin-right:40px;}

li	{  margin-bottom:10px;}

ul	{list-style-image:url('/style/amodbul2.gif');}
  
ul ul {list-style-image:url('/style/amodbul3.gif');}
  
ul ul ul {list-style-image:url('/style/amodbul3.gif');}	
  
dt {font-weight: bold; background-color:#E6E6E6;}

img	{
/*	display: block; */
	border: 0px none;
	}
.clairB	{
	visibility:hidden
}

.bignumber {
	font-size: 2em;
	color: red;
}

.red	{color:red;}
.blue	{color:blue;}
.smaller, .small	{ font-size:smaller;}
span.cursor {cursor:pointer}
img.cursor {cursor:pointer}

.pave {
  margin-left: 5%;
  text-align: left;
  color:black; 
  background-color:#B5EDBC ;
  width:80%;
  font-size:90%;
  }

/* General linkology
---------------------- */
a {
	text-decoration: none;
	font-weight: bold;
	color: #FF3300;
	cursor: pointer;
}
	
pre {
	font-size:1em;
	color:blue;
	}

a:link, a:visited {
	text-decoration : none;
	color: #CC0000;
	background: transparent; 
	}

a:hover {
	font-weight : bolder; 
	text-decoration : underline;
	color: red;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #FFCC33;
	background: transparent;  
	}

/* Style Article
------------------*/

#logo	{float:left;}
div.separ	{clear:both;}
.article {margin:5px 0 0 0;}
.article h1 {margin-top:0;}

p.sommaire {
  clear:left;
  font-size:0.8em;
  }
p:first-letter {
	font-weight:bolder;
	font-size: 1.1em;
	}
p.archive {
	font-weight:bolder;
	font-size: 1.1em;
	color:red;
	}

.img-shadow {
  float:right;
  background: url('/style/shadow.gif') no-repeat bottom right !important;
  margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.clear-right {clear: right;} 
.clear-left {clear:left;}

/* Pour la barre d'outils des articles
-------------------------------------------*/  
.article-outils {margin: 8px 0px 0px 0px; }

.article-outils a {
	float: left;
	display: block;
	padding: 2px 3px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #CCC #999 #999 #CCC;
	margin: 0 0 0 5px;
	min-height: 18px;
	color: #444 !important;
	font-size: 9px !important;
	font-weight: bold !important;
	text-decoration: none;
	background-color: #FFFFEF;
}

.article-outils a img {margin: 0 3px -3px 0;}
.article-outils a span {font-size:1em; color: Maroon;  padding-top: 3px; }

.article-outils a:visited {color: #444 !important;}

.article-outils a:hover {
	background-color: #FFC;
	color: #00CC66 !important;
	text-decoration: none !important;
}

.article-outils a:active {
	border-color: #999 #CCC #CCC #999;
	border-width: 2px 1px 1px 2px;
}

 
 /* Pour le menu du site
 -------------------------------------*/

#menu {
	clear:both;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px;
	}

#menu ul {
	padding: 0;
	list-style-type: none;
	}

#menu ul li {
	display:block;
	background-color:#204a87;
	float: left;
	width: 14.2%;
	font-size: 90%;
	text-align: center;
	padding: 0;
	margin: 0 0 2px 0;
}

#menu ul li a img {vertical-align:text-bottom}

#menu ul li a {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #204a87; 
	border-right: 2px solid #fff;
	margin: 0;
	color: white; 
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	padding-left:0.5em; padding-right:0.5em; padding-top:0; padding-bottom:0;
	}

#menu ul li a:hover {
	color: #000;
	background: #ccc;
	text-decoration:underline;
	}

#menu a:active	{
	background: #c60;
	color: #fff;
	}

body#Accueil #menu li#one a, 
body#Publications #menu li#two a,
body#Technologie #menu li#three a,
body#Site_a_voir #menu li#four a,
body#Demonstrations #menu li#five a,
body#Contact #menu li#six a	{
	background-color: white;
	border-top: 2px solid  #204a87;
	border-left: 2px solid #204a87;
	border-bottom: 0px solid #204a87; 
	border-right: 1px solid #204a87;
	color: #204a87; 
	font-weight: bold;
	text-decoration:none;
	}
	
	
#footer {
	clear:both;
	width:100%;
	background-color: #e5ecf9;
	border-top: 2px solid #3366cc;
	font-size:0.8em;
	text-align:center;
}

#footer img	{
	vertical-align:text-bottom;
}

/* Pour la pub Google
---------------------------------*/
.pub{
	width:728px; margin:auto;
	margin-top:5px;
	margin-bottom:5px;
}

/* Pour la recherche Google
-------------------------------- */
#search		{
	padding: 5px 10px 5px 30px;
	margin-top:18px;margin-bottom:5px; float:right;
	background: url('/style/bleu-1x60.png') repeat-x;
	font-size:0.75em;font-weight:bold;
	color:#eeeeec;
 }
.ftarea	{
	font-size: 1em;
	Width: 12em;
	border-left:  1px solid #204a87; 
	border-top:  1px solid #204a87; 
	background-color:#eeeeec;
}
.ftbutton { 
	font-size:1em;
	font-weight:bold;
	Width: 3em;
	height: 2em;
	background-color:#204a87;
	color:white;
	vertical-align:baseline;
}

/* Première page
----------------------------*/

.head-rubrik {
	text-align: center;
	background-color: #e5ecf9;
	border-top: 2px solid #3366cc;
	color:#002984;
	font-size: 0.8em;
	font-weight: bolder;
}

.centerImage {text-align:center;
	margin-top:0px;
    margin-bottom:0px;
    padding:0px;}

#rubrik-1 div ul li {padding:0; border:0px none;margin:0}
#rubrik-1 img {vertical-align:middle;}

.liste-small ul {
   text-align:left;
	padding-left:1em; 
	font-size: 0.7em;
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url('none');
}
#ultraleftcontent {
	margin-left: 2%;
	width:20%;
	float:left;
	background-color: #F0F0F0;
	border: 1px solid #204a87;
	margin:0 0 0 0;
}
#ultraleftcontent ul {
	margin-left: 2%;
	margin-right:1%;
	padding-left:0;
	border-left:0px none;
	font-size: 0.6em;
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url('none');
}
	
#leftcontent {
	margin-left:1%;margin-right:1%;
  	width:50%;
   float: left;
	border: 1px solid #204a87;;
	text-align:left;
  }

#leftcontent ul {
		font-size: smaller;
}

#rightcontent {
  float:left;
  width:26%;
  text-align: center;
  border: 1px solid #204a87;
  }
 
.floatleft {float:left; width:33%; margin:1px; border: 0px solid #204a87; color:#002984;font-weight:bolder;}

.carte-de-visite{
	width:400px;
	font-size:80%;
	margin: 5% 5% 5% 5%;
	padding:1%;
	clear:left;
	border-style: solid;
	border-color: #6699FF;
	border-width: 1px 3px 3px 1px;
}


/* A supprimer avec la modif pour envoyer un email */
.tablestandardtitre {
 background-color:#163C76;
 text-align:center;
 vertical-align:middle;
 width: 100%;
 height:20px;
 color:white;
 font-weight:bolder;
 }
 
 .tablestandard {
 background-color:#E6E6E6;
 text-align:left;
 color:black;
 }
 
  .alignright {
 text-align:right;
 } 
 
 
  #RSS-left {
 	background-color:  #EBEBEB;
	width:25%;
	float:left;
	border: 1px solid #204a87;
	margin-left:1%;
	margin-right:1%;
	padding: 10px;
	font-size:0.6em;
 }
 #RSS-content {
 	background-color:  #DFEAFF;
	width:65%;
	float:left;
	padding: 10px; 
	border: 1px dotted #204a87;
	font-size:0.7em;
	margin-bottom:1em;
 }
 .RSS-date {
 	color: #73A5FF;
 }