/* Style commun ****************************/

body{
	font-family: Arial, Verdana, sans-serif;
	margin: 10px;
	padding: 0px;
}
#cadregeneral{
	width: 800px;
}
a{
	text-decoration: none;
	color: #0094A9;
}
a:hover{
	text-decoration: underline;
	color: #007E8F;
}
.clear{
	clear: both;
}
.floatleft{
	float: left;
}
.titrepage{
	font: bold 15px Arial, Verdana, sans-serif;		
	color: #666666;
	background: #F6F6F6;
	margin: 10px 0px 10px 0px;
	padding: 2px 15px 3px 15px;
	border-bottom: solid 1px #CCCCCC; 
}
a.top{
	display: block;
	float: right;
	color: #999999;
	font: normal 10px Verdana, Arial, sans-serif !important;
	clear: both;
}
a.top:hover{
	background: #DDDDDD;
}
a.react{
	display: block;
	text-align: center;
	border: solid 1px #DDDDDD;
	padding: 5px;	
}
a.react:hover{
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;	
}
acronym{
	border: none;
}
#prix a.react{
	width: 100px;
	color: #000000;
}
#nbresult{
	position: absolute;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #666666;
	width: 160px;	
}
#noresult{
	position: relative;
	font: bold 12px Verdana, Arial, sans-serif;
	border: solid 1px #CCCCCC;
	background: #F3F3F3;
	color: red;
	text-align: center;
	margin: 50px;	
}
#rapporttechnique #nbresult{
	left: 620px;
	top: 190px;	
}
#codex #nbresult, #publication #nbresult{
	left: 620px;
	top: 176px;	
}
#notes{
	clear: both;
	text-align: center;
	border: solid 1px #FFFFFF;
	margin-top: 40px;	
}
#notes div{
	font: normal 10px Verdana, Arial, sans-serif;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: left;
	width: 95%;
}
form label{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #444444;
}
label{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #444444;
}
form input.ok, #recherche input.ok{
	border: solid 1px #999999;
	background-color: #CCCCCC;
	color: #333333; 
	font: bold 14px Arial, Verdana, sans-serif;
}
form input.ok:hover{
	background-color: #BBBBBB;
}
form input.button, form a.button{
	border: solid 1px #999999;
	background-color: #CCCCCC;
	color: #333333; 
	font: bold 11px/20px Verdana, Arial, sans-serif;
	height: 20px;
}
form a.button{
	display: block;
	width: 200px;
	text-align: center;
}
form input.button:hover, form a.button:hover{
	text-decoration: none;
	color: #333333;
	background-color: #BBBBBB;
}
form input.superbutton{
	border: solid 1px #999999;
	background-color: #0094A9;
	color: #FFFFFF; 
	font: bold 12px Verdana, Arial, sans-serif;
	height: 22px;
	float: right;
	margin-top: 10px;
}
form input.superbutton:hover{
	background-color: #007E8F;
}

/* Codex ***************************************************************************************************************************************/

/* Commun *************************************************************/
#prescri{
	border: solid 1px #FFFFFF;
	width: 400px;
	margin-bottom: 10px;
}
.prescri{
	float: left;
	width: 80px;
	height: 20px;
	border-bottom: solid 1px #F6F6F6;
	text-align: center;
	font: normal 12px Verdana, Arial, sans-serif;
}
.legendeprescri{
	float: left;
	width: 300px;
	height: 20px;
	border-bottom: solid 1px #F6F6F6;
	font: bold 10px Verdana, Arial, sans-serif;
}


/* Page de recherche **********************************************/


/* Page de resultat **********************************/

/* elts communs */
#recherche div, #liste div{
	font: bold 11px Verdana, Arial, sans-serif;
	color: #444444;
}
#publication #liste{
	width: 310px;
	float: left;
	margin: 0;
}
#publication #listechapitre{
	margin: 10px 0 0 15px;;
	width: 210px;
	float: left;
}
#informations div a{
	font: normal 14px Arial, Verdana, sans-serif;
}

/* Codex Resultat */
#listechapitre{
}
#listechapitre li{
	list-style-type: square;
	color: #666666;
	padding: 0;
	margin: 0;
}
#listechapitre ul{
	background-color: #DDD;
	padding: 0;
	margin: 0;
}
#listechapitre li a{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #666666;
}
#resultatpage .chp{
	margin-top: 20px;
	margin-bottom: 30px;
}

#resultatpage .chp a{
	font: bold 16px Verdana, Arial, sans-serif;
	color: #666666;
}
#resultatpage .sschp{
	margin-top: 15px;
	margin-bottom: 20px;
}
#resultatpage .sschp a{
	font: bold 12px Verdana, Arial, sans-serif;
	color: #666666;
}
#resultatpage .fiche a{
	text-decoration: none;
}
#resultatpage .fiche a:hover{
	text-decoration: underline;
}

.capsuleFiche, #detailfiche{
	border: solid 1px #3FA12B;
}
.capsDivLeft{
	float: left;
	text-align: center;
}
#codex #resultatpage .divPrescri a{
	font: normal 12px Verdana, Arial, sans-serif;
	color: #000000;
}
#codex #resultatpage .capsDivLeft{
	width: 52px;
}
#codex #resultatpage .divPrescri{
	width: 35px;
	float: left;
	text-align: center;
}
#codex #resultatpage .divPrixCommande{
	width: 70px;
}
#codex #resultatpage .divInfos{
	width: 391px;
}
#publication #resultatpage .divInfos{
	width: 370px;
}
#publication #resultatpage .capsDivLeft{
	padding-bottom: 5px;
	width: 77px;
}
#publication #resultatpage .divPrixCommande{
	width: 101px;
}
#rapporttechnique #resultatpage .divInfos{
	width: 390px;
}
#rapporttechnique #resultatpage .capsDivLeft{
	width: 57px;
}
#rapporttechnique #resultatpage .divPrixCommande{
	width: 101px;
}
#resultatpage .divInfos img{
	margin: 0px 3px 1px 3px;
}
#codex #resultatpage .divInfos a{
	padding: 1px;
	color: #2B6E1E;
}

#publication #resultatpage .divTitre{
	margin: 10px 0 10px 0;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #3C5CCE;
}
#publication #resultatpage .divInfos a{
	padding: 1px;
	color: #3C5CCE;
	background-color: #FFF;
	margin-bottom: 5px;
}

.capsuleFiche .capsDivLeft a{
	font: bold 12px Verdana, Arial, sans-serif;
	color: #3FA12B;
}
#resultatpage .annulation{
	color: #CC0033;
}
#resultatpage .infofiche{
	display: inline;
	color: #2B6E1E;	
}
#resultatpage .capsuleFiche a.react{
	padding: 0px;
}

.capsulePublication, #detailpublication{
	border: solid 1px #3C5CCE;
}
.capsulePublication .capsDivLeft a{
	font: bold 12px Verdana, Arial, sans-serif;
	color: #3C5CCE;
}
.capsulePublication .capsDivLeft img{
	width: 55px;
	margin: 10px 0 5px 0;
}

/* Page liste des chapitres *****************************************/
#arbrechapitres{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
#arbrechapitres .chapitre{
	font: bold 14px Verdana, Arial, sans-serif;
	margin-top: 10px;
}
#arbrechapitres .sschapitre{
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}
#arbrechapitres img{
	margin: 0px;
	padding: 0px;
}

/* Publication *********************************************************************************************************************************/

/* Rapporttechnique ****************************************************************************************************************************/

/* Page de resultat */
.capsuleRapporttechnique{
	border: solid 1px #D43E24;
}
.capsuleRapporttechnique .capsDivLeft{
	font: bold 12px Verdana, Arial, sans-serif;
	color: #D43E24;
}
.capsuleRapporttechnique .DivInfos{
	color: #D43E24;
}
.capsuleRapporttechnique .divTitre{
	font-size: 10px;
	color: #000000;
}
.capsuleRapporttechnique .divTitre i{
	font-style: normal;
	display: block;
	color: #cc0033;
}
.capsuleRapporttechnique .divTitre div{
	margin-top: 0px;
	margin-bottom: 2px;
	border-bottom: solid 2px #FFFFFF;
}

/* Commun **************************************************************************************************************************************/

/* Page de recherche */
#recherche{
}
#recherche .margeinterne, #liste .margeinterne, #informations .margeinterne{
	margin: 12px 0px 15px 25px;
}
#recherche .titre, #liste .titre, #informations .titre{
	width: 100%;
	font: bold 13px Verdana, Arial, sans-serif;
	color: #666666;
	border-bottom: dotted 1px #999999;
	margin: 0px 0px 0px 10px;
}
#recherche form{
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#recherche .entree{
	width: 68%;
	float: left;
}
#recherche .submit{
	width: 28%;
	float: left;
	text-align: right;
}
#recherche input, #recherche select{
	background-color: #FFFFFF;
	font: normal 12px Arial, Verdana, sans-serif;
}
html>body #recherche input, #recherche select{
	margin-bottom: 3px;
}

/* Page de resultat */
.capsuleFiche, .capsulePublication, .capsuleRapporttechnique{
	margin: 10px;
	background-color: #F9F9F9;
}
.divTitre{
	height: 22px;
	margin-bottom: 2px;
	font: normal 12px Arial, Verdana, sans-serif;	
}
html>body .divTitre{
	height: auto;
	min-height: 22px;
}
.divInfos{
	font: normal 10px Verdana, Arial, sans-serif;
	text-align: left;
	float: left;
}
.divInfos a{
	font: normal 10px Verdana, Arial, sans-serif;
	color: #666666;
	text-align: center;
	float: left;	
	display: block;
	margin-right: 10px;
	border: solid 1px #DDDDDD;
}
.divInfos a:hover{
	text-decoration: none;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.divPrixCommande{
	float: right;
	
}
.divPrixCommande a.commande{
	display: block;
	text-align: right;
	border: solid 1px #DDDDDD;
	padding: 2px;
	margin: 2px;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #000000;
}
.divPrixCommande a.commande:hover{
	text-decoration: none;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
/* Page de details */

/* Panier **************************************************************************************************************************************/
#auth{
	padding: 10px;
	border: dotted 2px #DDDDDD;
	background-color: #FDFDFD;
	margin-bottom: 5px;
	width: 500px;
	
}
#auth form.auth, #auth #resumeclient{
	padding: 24px;
	border-right: dotted 2px #DDDDDD;
}
#auth label{
	display: block;
}

#auth form.auth, #auth .options, #auth #resumeclient{
	float: left;
}
#auth .options a{
	margin-top: 30px;
	margin-left: 24px;
}
.msgerreur, .msg, .question{
	margin-top: 4px;
	margin-bottom: 4px;
	font: normal 10px Verdana, Arial, sans-serif;
	text-align: center;	
}
.msgerreur{
	background-color: #FFDDDD;	
}
.msg{
	background-color: #E2FFDD;
}
.question{
	font: bold 14px Verdana, Arial, sans-serif;	
}

/* Contenu panier */
#contenupanier .divPrixCommande a.supprimer{
	font: normal 10px Arial, Verdana, sans-serif;
	color: red;
	margin-left: 8px;
}
#contenupanier .divInfos{
	width: 250px;
}
#contenupanier .divPrixCommande input{
	margin-left: 12px;
	margin-top: 5px;
}
#contenupanier .divPrixCommande {
	font: normal 12px Arial, Verdana, sans-serif;
	margin-left: 6px;
	text-align: right;
}
#contenupanier .divPrixCommande{
	width: 169px;
}
#contenupanier .capsDivLeft{
	width: 100px;
}
#contenupanier .capsDivLeft img{
	display: none;
}
#panierlegende{
	background-color: #FFFFFF;
	border: solid 1px #DDDDDD;
	margin: 10px;
	padding: 2px;
	width: 100%;
}
#panierlegende #numero, #panierlegende #titre, #panierlegende #calcul, #panierlegende #calcul div{
	float: left;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #AAAAAA;	
}
#panierlegende #numero{
	text-align: center;
	width: 100px;	
}
#panierlegende #titre{
	width: 273px;
}
#panierlegende #calcul #prix{
	text-align: right;
	width: 71px;
}
#panierlegende #calcul #quantite{
	text-align: center;
	width: 48px;
}
#panierlegende #calcul #supprimer{
	width: 50px;
}
#comptes{
	border: solid 1px #FFFFFF;
}
.ligne{
	clear: both;
	margin-left: 20px;	
}
.cellule1, .cellule2, .cellule3, .vide{
	font: normal 12px Verdana, Arial, sans-serif;	
	float: left;
	width: 20%;
	border: solid 1px #CCCCCC;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	min-height: 18px;
}
.cellule1{
	width: 50%;	
}
.vide{
	border: solid 1px #FFFFFF;
	width: 50%;
}
.cellule3, .cellule2{
	text-align: right;
}
form.fonctions{
	border: solid 1px #FFFFFF;
	margin-top: 20px;
	text-align: right;
}

#formclient{
	border: dotted 3px #CCCCCC;
	padding: 20px;
	background-color: #FDFDFD;
	
}
#formclient label{
	display: block;
	margin-top: 10px;
}
#formclient label.obligatoire{
	color: #333333	;
	font-style: italic;
	font-weight: normal;
}
#navinterne{
	text-align: center;
	height: 30px;
}
#navinterne a.button, form.fonctions a.button{
	float: left;
	margin: 10px;
}
#etape{
	position: absolute;
	top: 216px;
	left: 660px;
	font: bold 12px/24px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #DDDDDD;
	height: 24px;
	width: 120px;
	text-align: center;
}

#resultatinscription{
	text-align: center;
	border: dotted 2px #DDDDDD;
	background-color: #FDFDFD;
	font-size: 120%;
}
/* Etat commande */
#etatcommande .divPrixCommande #input{
	border: solid 1px #FFFFFF;	
}
#etatcommande a.supprimer{
	display: none;	
}
/* Validation commande */
#choixexpedition form div{
	margin: 10px;
}

/* box */
#box{
	position: relative;
}
#codex #box{
	float: left;
	margin-top: 20px;
	margin-left: 35px; 
}
#publication #box, #rapporttechnique #box{
	float: right;
}
#rightpart #box{
	float: right;
	margin-top: 20px; 
}

/* Pages de detail **********************/

/* Commun */
#detailfiche, #detailpublication{
	font-size: 12px;
	background-color: #F9F9F9;
	margin-left: 5px;
}
#detailfiche .margeinterne, #detailpublication .margeinterne{
	margin: 15px;
}
#prix{
	color: #000000;
}

#detailfiche label, #detailpublication label{
	display: block;
	margin-top: 5px;
}

#titre{
	float: left;
	font: bold 14px Verdana, Arial, sans-serif;
	color: #666666;	
}
#prixcommande{
	float: right;
}
#download{
	float: left;
	margin: 15px;
}
#prixcommande a{
	float: left;
	width: 80px;
}
#infos{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#top{
	border: solid 1px #F9F9F9;
}

/* Codex */
#code{
	font: bold 14px Arial, Verdana, sans-serif;	
}
#typedoc{
	font: normal 10px Arial, Verdana, sans-serif;	
}
#languesdispo{
	float: right;
	text-align: right;
}
#detailfiche #infos{
	margin: 10px;
	position: relative;
}
#detailfiche #centre{
	margin: 10px;
}
#languesdispo img{
	margin: 10px;
}
#codeetlangue{
	text-align: center;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
}
#resume p, #resume li, #resume a{
	font: normal 10px Verdana, Arial, sans-serif;
}
#resume{
	display: block;
	margin: 20px;
}

/* publication */
#detailpublication #resume{
	display: block;
	margin: 10px 0 10px 0;
}
#detailpublication .couverture{
	font: normal 10px Verdana, Arial, sans-serif;
	margin: 2px;
}
#left{
	float: left;
	width: 63%;
}
#right{
	float: left;
	text-align: right;
	width: 30%;
}
div#cadredroite #img{
	margin-bottom: 40px;
}
#detailpublication #titre{
	width: 100%;
}
#detailpublication #sstitre{
	font: normal 14px Verdana, Arial, sans-serif;
	color: #666666;
	margin-bottom: 20px;
}
#detailpublication #contact{
	margin-top: 20px;
}
#detailpublication #auteur, #detailpublication #datepar{
	font: normal 12px Arial, Verdana, sans-serif;
}
#detailpublication #prix{
	float: right;
	margin: 20px;
}