/* -------- Styles de base ---------*/
/*commun - typos*/
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #DEDEDE;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 80%;
}
img {
	margin: 0px 0px 0 0;
	border: none;
}

form {
	margin: 0; 
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0.8em 0 0 0; 
    line-height: 1.1;
    font-weight: bold; 
    font-style: normal;
}
h1 {
    font-size: 1.6em;
}
h2 {
  padding: 0;
  font: bold 1.5em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  color: #2E78B9;
} 
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1em;
}
ul{
	margin-top: 0.5em;
}
h1#top {
	background :#FFFFFF;
	margin-top: 0px;
	margin-bottom: 4px;
}

h1#top img {
	margin: 0px 0px 0 0;
	border: none;
}

table {
border-collapse:collapse;
width:80%;
}
th, td {
border:1px solid black;
text-align:center;
}
caption {
font-size:0.8em;
font-weight:bold;
}
table.center {margin-left:auto; margin-right:auto;}


/*titre*/
#banner {
	padding-top:0px;
	margin-left:0; margin-right:500px; margin-top:0em; margin-bottom:0em;  
	background: #000084;
 }

#titre{
	padding-top:0px;
	margin: 0 0 0em 0;
	color: #2E78B9;
	font: bold 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: #FFFFFF;
	text-align:center;
	width:350px;
	float:right;
}

#titre .envaleur {
	font: bold 1.2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FF0000;
}
#titre .soutien{
	color: #000000;
	font: bold 0.8em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align:center;
}

#btn_valider
{
	margin-top:10px;
	align:center;
	border:1px solid #374b88;
	color: #374b88;
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #DDDDDD;
}

#acces_abonne{
	padding-top:0px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom :5px;
	border-width:1px;
	border-style:double;
	border-color:#6477AD;
	color:#FFFFFF;
	font: 0.9em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: #6275AE;
	text-align:right;
	width:190px;
	float:right;
}
#acces_abonne .envaleur{
	color: #000000;
	font: bold 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align:left;
}

#acces_abonne .btn_deconnecte {
	margin-top:10px;
	align:center;
	padding-left:3px;
	padding-right:3px;
	border:1px solid #374b88;
	color: #374b88;
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #DDDDDD;
}

#acces_abonne a {
	text-decoration: none;
	color: #1D1852;
	font-weight: bold;
}


/* ----------- Menu -------------*/
#menu, #menu li {
	color: #000000;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	height: 24px;
	background:#F9D966 url('images/menu.jpg') no-repeat top left;
	padding-left:5px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em;
}

#menu li {
  border-left: 1px solid #fff;
  float:left;
}

#menu li#last {
  border-right: 1px solid #fff;
}

#menu li#actif a {
   color: #1D1852;
   border-bottom: 4px solid #C3D5F9;
}

#menu li a {  
	color: #E9F3F5;
	font: bold 1em/24px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
	float:left;
	width:220px;
	text-align:center;
}
  
#menu a:hover {
	color: #1D1852;
	background: transparent url(images/menu.jpg) top left no-repeat;
}
#menu a#item1:hover {
	background-position: -26px -28px;
}
#menu a#item2:hover {
	background-position: -120px -28px;
}
#menu a#item3:hover {
	background-position: -200px -28px;
}
#menu a#item4:hover {
	background-position: -300px -28px;
}
#menu a#item5:hover {
	background-position: -400px -28px;
}
	  
/* -----------positionnement des blocs------------- 
- #global : contient tout le reste
- #contenu : pour le descriptif produit, etc..
- #sidebar : info technique et prix : positionnement à droite ; largeur 270 pixels
- #acces_abonne : pour saisi du login / mot de passe abonne : à droite ; au dessus de la sidebar
-#footer : pour les contacts commerciaux : positionné en dessous des autres blocs
----------------------------------------------------------*/
#global {
	background: #fff;
	text-align: left;
	width: 900px ;
	margin:5px auto;
	padding:5px;
	border-width:1px;
	border-style:double;
	border-color:#3E5599;
}
/*-----------INFOS DE DESCRIPTION -------------------*/
#contenuDemo {	
  padding-top:0px;
  background: #0; 
  margin-left:0px; margin-right:0px; margin-top:1em; margin-bottom:0;
}
#contenuDemo .envaleur {
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #2E78B9;	
}

#contenuDemo .btn_demo {
	margin:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #374b88;
	color: #374b88;
	font: bold 1.5em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #DDDDDD;
}    
#contenuDemo h1 {
  color: #2E78B9;
  background:url('images/puce.gif') no-repeat 0% 50%;
  border-bottom:1px solid #FBC469;
  padding-left:35px;
}
#contenuDemo a {
	text-decoration: none;
	color: #49428C;
	font-weight: bold;
}
#contenuPresent {	
  padding-top:0px;
  background: #0; 
  margin-left:120px; margin-right:0px; margin-top:1em; margin-bottom:0;
}
/*---------------------*/
#contenu {	
  padding-top:0px;
  background: #fff; 
  margin-left:0; margin-right:290px; margin-top:1em; margin-bottom:0;
}
#contenu .chapeau {
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#contenu .envaleur {
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #2E78B9;	
}

#contenu h1 {
  color: #2E78B9;
  background:url('images/puce.gif') no-repeat 0% 50%;
  border-bottom:1px solid #FBC469;
  padding-left:35px;
}
/*---------------------*/
#imageaccueil{	
   padding-top:0px;
  background: #fff; 
  margin-left:0; margin-right:290px; margin-top:1em; margin-bottom:0;
}

#ContenuAccueilAbonne{
	margin: 0 0 1em 0 ;
	font: 1.4em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	float:right;
	width:570px;
}
#ContenuAccueilAbonne a {
	text-decoration: none;
	color: #49428C;
	font-weight: bold;
}
/*----------------- INFOS COMMERCIALES, VISUELS ------------- */ 
#sidebar {
	margin: 0 0 1em 0 ;
	color: #555;
	font: 0.9em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: #E9E9E9; 
	float:right;
	width:270px;
   background:url(images/gris.png) no-repeat bottom;
}

#sidebar h1{
	margin-top: 0;
	padding: 10px 5px 0 5px;
	color: #E9E9E9; /* même couleur que le fond */
	font: 0.2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; /* tout petit, car juste fait pour l'accesibilité, et non visible */
	background:url(images/top.gif) no-repeat top;
}
#sidebar h2 {
  margin-top: 0;
  font-size: 1.3em;
  padding: 10px 5px 0 5px;	  
  color:black; 
  }

#sidebar h3 {
  padding-left:5px }

#sidebar p {
	padding:0 5px 0 5px; 
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	text-align:justify;
}
#sidebar .enexpe {
	color: #FF0000;	
}

#sidebar a {
	text-decoration: none;
	color: #DF9A32
	font-weight: bold;
}

/*----------------- DOC ACCESSIBLES ------------- */ 
#contenuAccess{	
  padding-top:0px;
  background: #0; 
  margin-left:0px; margin-right:0px; margin-top:1em; margin-bottom:0;
}
#contenuAccess .envaleur {
	font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #2E78B9;	
}

#contenuAccess h1 {
  color: #2E78B9;
  background:url('images/puce.gif') no-repeat 0% 50%;
  border-bottom:1px solid #FBC469;
  padding-left:35px;
}
#contenuAccess a {
	text-decoration: none;
	color: #49428C;
	font-weight: bold;
}
#QCM_accessible{	
  padding:5px;
  background: #fff; 
  margin-left:50; margin-right:250px; margin-top:1em; margin-bottom:0;
}

#QO_accessible {
    padding:5px;
    background: #fff; 
	margin: 0 0 1em 0 ;
	float:right;
	width:450px;
	}

/*------------ pied de page ---------------*/
#footer {
	font-size: 0.8em;
	clear:both;
	height: 24px;
	text-align:center;
	color: #FFFFFF;
}
#footer ul {
	padding:0px;
	margin:0.2em 0 0.2em 0;
	text-align: center;
	background:#365D98;
}

#footer ul li {
	display: inline;
	padding-right:30px;
}

#footer ul a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
}

#footer ul a:hover, #footer-menu ul a:focus, #footer-menu ul a:active {
	color:#1D1852;
} 


#contact {
	height: 32px;
	background:#FFFFFF;
	text-align:center;
	padding-left: 2em;
    border:1px solid #FBC469;
	color: #0000;
	font-size: 0.9em;
	clear:both;
}
#contact .envaleur {
	font: bold 1.2em;
	color: #FF0000;
} 
#contact a {
	text-decoration: none;
	color: #1D1852;
	font-size: 1em;
	font-weight: bold;
}

/* zoom d'image */
.thumb {
  position:relative; 
  top:0;
  left:0; 
  text-align : center;
  }
  
.thumb a {
  margin:0;
  text-decoration:none;
  }

.thumb a:hover {
  background-color:none;	
  }

.thumb a .grand {
  display:block;
  position:absolute; 
  width:0px; 
  }	  
  
.thumb a:hover .grand { 
  position:relative; 
  top:-140px;
  left:-428px;
  width:676px; 
  height:450px; 
  }
  
.illustration{
	margin : 20px 0  0 0;
   	text-align:center;
    font-style: normal;
    font-size: 1em;
    font-variant: small-caps;
}
.lettrine {
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	padding-right:0.2em;
	line-height: 2em;
}
#sidebar h2#video {
   	text-align:center;
   	padding-left:0.2em;
}
.illustrationaccueil {
	float: left; 
	text-align:center;
	margin : 20px 0  0 0;
	padding-left:8em;
	line-height: 2em;
    font-style: normal;
    font-size: 0.8em;
    font-variant: small-caps;
 }