/* Conteneur du document */

#mainContent 
{        
    width:985px;
}

/* Sections principales du document */

/* Pages publiques */

/* en-tête */
#header
{
    float:none;
    
    width:999px;
    height:148px;
    
    background-image: url('../images/header_bis.jpg');
	background-repeat:no-repeat;
	background-position: 0px 0px; 
	
	z-index:2;    
    
}

/* menu de gauche par niveaux */
#colOne
{   
    float:left;
    
    width:132px;
    
    background-image: url('../images/colOne_bis.jpg');
	background-repeat:repeat-y;
	background-position: 0 0;  
	
	z-index:2; 
}

/* 2ème colonne */
#colTwo
{   
    float:left;
    
    width:820px;
    height:612px;
	
	z-index:1; 
}

/* page d'accueil avec les couvertures */
#Accueil
{   
	width:800px;
    height:612px;   
    
    background-image: url('../images/presentation_bis.jpg');
	background-repeat:no-repeat;
	background-position: -1 0;  
	
	overflow:hidden;
	cursor:  pointer;
	
	z-index:1;  
    
}

/* menu de gauche par niveaux */
#leftMenu
{
    float:left;
    width:132px;
    z-index:3; 
}

/* fond de la page de présentation du site */
#Presentation
{   
    background-image: url('../images/presentation_bis2.jpg');
	background-repeat:no-repeat;
	background-position: 0 0;  
	
	width:800px;
    height:612px;
	
	z-index:2; 
}  

/* texte de présentation du site */
#txtPresentation
{   
    position:absolute;
    
    width:490px;
    height:420px;
    overflow:scroll;
    
    top:270px;
    left:350px;
    
    z-index:3;  
}

/* liste contenu les 5 premiers documents d'un niveau */
#listeDocuments
{
    float:left;
    width:170px;
    height:320px;
    
    padding-top:5px;
    padding-left:5px;
    
    display:block;
    
    z-index:5; 
}

#tabListDoc 
{
    height:400px;
}

/* contient la couverture et la présentation du document actif */
#contentDocument
{
    float:left;
    width:450px;
    padding-left:10px;
}

/* contient le sommaire du livret  et les réalisateur s*/
#rightMenu 
{
    float:right;
    width:180px; 
    height:430px;
    overflow:auto;
}

/* contient la couverture du document */
#couverture img
{
    width:50%;    
    padding-left:15%;
    padding-right:15%;
    padding-top:3%;
}

/* contient une rubrique du document */
#contentRubrique
{
    float:left;
    width:620px;
    height:450px;
        
    font-family: "Trebuchet MS", helvetica;
    font-size: 9pt;
    
    padding-left:5px;
    padding-right:5px;
    
    overflow:auto;
}

/* contient le texte de copyright */
.Copyright 
{
    font-family: "Trebuchet MS", helvetica;
    font-size: 10pt;
}

/* Style des pages d'administration */
#header_Admin
{
    float:none;
    
    width:1000px;
    height:50px;
    
    background-image: url('../images/header_admin.jpg');
	background-repeat:no-repeat;
	background-position: 1px 0px; 
	
	z-index:2;    
    
}

#colOneAdmin
{   
    float:left;
    
    width:776px;
 
	
	z-index:2; 
}

#contentAdmin
{
    float:left;
    width:780px;
    
    font-family: "Trebuchet MS", helvetica;
    font-size: 9pt;
        
    border-right-style:solid;
    border-right-color:#ff3300;
    border-right-width:2px;    
}

#colTwoAdmin
{
    float:left;
    
    width:90px;
    padding:5px;
 
}



/* Styles dans les différentes section */

/* Styles pour le header */
#header table 
{
    float:right;
    
    width:230px;
    
    margin-top:50px;
    padding-right:20px;
}

#header th
{
  	font-family: "Trebuchet MS", helvetica;
	color: #FFFFFF;
	font-size: 10pt;
	text-align:left;  
}

#header input
{
    font-family: "Trebuchet MS", helvetica;
    font-size: 9pt;
    font-weight:bold;
}

/* Styles pour le menu de gauche */
#leftMenu table 
{
    width:100%;
    padding:5px;
    
    text-align:right;
}

#leftMenu th
{
	font-family: "Trebuchet MS", helvetica;
	color: #FFFFFF;
	font-size: 12pt;
	text-align:right;
	
	text-decoration:none;
	
	line-height:14px;
}

#leftMenu td
{
    line-height:12px;
}

#leftMenu th a
{
	font-family: "Trebuchet MS", helvetica;
	color: #FFFFFF;
	font-size: 12pt;
	text-align:right;
	
	text-decoration:none;
}

#leftMenu th a.Sel
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 12pt;
    background-color:White;
	
	text-decoration:none;
}


#leftMenu th a:hover
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 12pt;
    background-color:White;
	
	text-decoration:none;
}

#leftMenu td a 
{
	font-family: "Trebuchet MS", helvetica;
	color: #FFFFFF;
	font-size: 10pt;
	
	text-decoration:none;
}

#leftMenu td a.Sel
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 10pt;
	background-color:White;
	
	text-decoration:none;
}

#leftMenu td a:hover 
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 10pt;
	background-color:White;
	
	text-decoration:none;
}

#leftMenu .bo
{
	float:right;
}

#leftMenu .bo a 
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 10pt;
	background-color:White;
	
	text-decoration:none;
}

/* Styles pour la liste des documents */

#listeDocuments table 
{
    width:186px;
    text-align:left;
}


#listeDocuments .titre a 
{
	font-family: "Trebuchet MS", helvetica;
	color: #ff3300;
	font-size: 10pt;
	font-weight: bold;
	line-height:14px;
	
	text-decoration:none;

}

#listeDocuments .titre a:hover
{
	font-family: "Trebuchet MS", helvetica;
	color: White;
	font-size: 10pt;
	line-height:14px;
	font-weight: bold;
    background-color:#ff3300;
	
	text-decoration:none;

}

#listeDocuments .auteurs 
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style:italic;
	
	line-height:10px;

}

#listeDocuments .editeurs 
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
	
	line-height:10px;
}

#listeDocuments .niveaux 
{
	font-family: "Trebuchet MS", helvetica;
	color: #d73594;
	font-size: 9pt;
	font-weight: bold;
	
	line-height:10px;

}

/* Style pour le corps du document */
#contentDocument
{
    font-family: "Trebuchet MS", helvetica;
}

#contentDocument .titre
{
    font-size: 16pt;
    color: #ff3300;
    
    padding-left:10px;
}

#contentDocument .auteurs
{
    font-size: 11pt;
    font-style:italic;
    font-weight:bold;
    
    padding-left:20px;
}

#contentDocument .editeurs
{
    font-size: 10pt;
   
    padding-left:20px;
}

#contentDocument .niveaux
{
    font-size: 11pt;
    font-weight:bold;
    
    color: #d73594;
   
    padding-left:20px;
}

#contentDocument p
{  
	font-size: 8pt;
	padding-left:15px;
}

#contentDocument h2
{
	font-size: 16pt;
	color: #ff3300;
	
	padding-left:5px;
}

#contentDocument h3
{
	font-size: 9pt;
	color: #d73594;
	
	padding-left:10px;
}

#contentDocument h4
{
	font-size: 8pt;
	font-style:italic;
	color: #ff3300;
	
	padding-left:10px;
}

#contentDocument table
{
    width:100%;
    padding-left:2%;
}

/* Styles de rightMenu */
#rightMenu h2
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 12pt;
	color: #d73594;
	
	line-height:8px;
}

#rightMenu .rub_menu
{
 	font-family: "Trebuchet MS", helvetica;
	font-size: 10pt;
	color: #d73594; 
	text-align:left;  
	
	line-height:10px;
}

#rightMenu  h3
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 12pt;
	
	color: #d73594;
	
	line-height:8px;
}

#rightMenu .titre
{
    font-size: 16pt;
    color: #ff3300;
    font-family: "Trebuchet MS", helvetica;
    font-weight:bold;
    padding-left:10px;
    
    line-height:18px;
}

#rightMenu .auteurs
{
    font-size: 10pt;
    font-style:italic;
    font-weight:bold;
    font-family: "Trebuchet MS", helvetica;
    
    padding-left:20px;
    
    line-height:10px;
}

#rightMenu .editeurs
{
    font-size: 10pt;
    font-family: "Trebuchet MS", helvetica;
   
    padding-left:20px;
    
    line-height:10px;
}

#rightMenu .niveaux
{
    font-size: 10pt;
    font-weight:bold;
    font-family: "Trebuchet MS", helvetica;
    
    color: #d73594;
   
    padding-left:20px;
    
    line-height:10px;
}

#rightMenu .realisateurs
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
}

#rightMenu .titreMenu
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 12pt;
	color: #d73594;
	font-weight:bold;
	
	line-height:14px;
}

#rightMenu .rubriques
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;  
}

#rightMenu a.livretPDF
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	
	color: #d73594;
}

#colTwo a:hover.livretPDF
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 12pt;
	font-style:italic;
	font-weight:bold;
	
	color: #d73594;
}

#rightMenu a
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
	font-weight:bold;
	
	text-decoration:none;
	margin-right:20px;
	
	color: #000000;
	line-height : 16px;
}

#rightMenu a:hover
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
	font-weight:bold;
	
	text-decoration:none;
	
	color: #d73594;

}

#rightMenu table
{
    width:90%;
    margin-left:2px;
    
}

#rightMenu img
{
    width:30%;
    padding-left:2%;
}

#colOne img.Error 
{
    width:10%;
}

#rightMenu li
{
    list-style-image: url('../images/puce_mini.jpg');
    line-height:14px;
}

/* Styles de la deuxieme colonne Admin */

#colTwoAdmin a
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
	font-weight:bold;
	
	text-decoration:none;
	margin-right:20px;
	
	color: #000000;
}

#colTwoAdmin a:hover
{
	font-family: "Trebuchet MS", helvetica;
	font-size: 8pt;
	font-weight:bold;
	
	text-decoration:none;
	
	color: #d73594;

}


/* Styles pour la présentation */
#Presentation
{
    font-family: "Trebuchet MS", helvetica;
}

#Presentation h2
{
    font-size: 16pt;
    color: #ff3300;
}

#Presentation h3
{
    font-size: 12pt;
    color: #ff3300;
}

#Presentation h4
{
    font-size: 11pt;
    color: #d73594;
}

#Presentation p
{
    font-size: 9pt;
}



/* Styles pour la rubrique */
#contentRubrique p
{
    font-size: 9pt;
}

#contentRubrique table
{
    font-size: 9pt;
    border-style:solid;
    border-width:1px;
    border-collapse:collapse;
}

#contentRubrique td
{
    font-size: 9pt;
    border-style:solid;
    border-width:1px;
}

#contentRubrique th
{
    font-size: 9pt;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
}

#contentRubrique h2
{
    margin-top:10px;
    font-size: 14pt;
    color:#FFFFFF;
    background-color:#ff3300;
    text-align:center;
}

#contentRubrique h3
{
    font-size: 12pt;
    color: #ff3300;
}

#contentRubrique h4
{
    font-size: 10pt;
    color: #d73594;
}

#contentRubrique h3
{
    font-size: 12pt;
    color: #ff3300;
}

#contentRubrique li
{
    font-size: 9pt;
}


/* Style pour la connexion */
#connexion 
{
    font-family: "Trebuchet MS", helvetica;
	font-size: 9pt;
}

/* Style pour Presentation */
#Presentation
{
    font-family: "Trebuchet MS", helvetica
}

#Presentation p
{
    font-size: 9pt;
    line-height:14px;
}

#Presentation ul 
{
   line-height:10px; 
}

#Presentation li
{
    font-size: 9pt;
    line-height:14px;
}


#Presentation a
{
	font-size: 10pt;
	font-weight:bold;
	
	text-decoration:none;
	text-align:center;
	
	color: #000000;
	
	line-height:14px;
}

#Presentation a:hover
{
	font-size: 10pt;
	font-weight:bold;
	
	text-decoration:none;
	text-align:center;
	
	color: #d73594;

}

#Presentation h1
{
	font-size: 16pt;
	color: #ff3300;
	
	padding-left:5px;
	line-height:14px;
}

#Presentation h2
{
	font-size: 14pt;
	color: #d73594;
	
	padding-left:5px;
	line-height:12px;
}

#Presentation .texte
{
	font-size: 9pt;
	font-style:italic;
}

#Presentation .texte h1
{
	font-size: 11pt;
	font-style:italic;
}

/* Styles pour contentAdmin */
#contentAdmin h1 
{
    font-size:14pt;
    color: #ff3300;
}

#contentAdmin h2 
{
    font-size:12pt;
    color: #d73594;
}

#contentAdmin h3 
{
    font-size:11pt;
}


#contentAdmin table 
{
    border-style:solid;
    border-width:1px;
    width:98%;
}

/* Styles pour headerAdmin */
#header_Admin h1
{
   font-family: "Trebuchet MS", helvetica;
   text-align:center;
   vertical-align:middle;
   font-size:20pt;
   color: #FFFFFF; 
}

/* Style pour la 2ème colonne */
#colTwoAdmin
{
    font-family: "Trebuchet MS", helvetica;
}

#colTwoAdmin table
{
    margin-left:5px;
    border-style:solid;
    border-width:1px;
}

#colTwoAdmin th
{
    font-size:12pt;
    color: #ff3300;
}
#colTwoAdmin td
{
    font-size:11pt;
}