/*-----------------------------------------------
// File : style_Films.css
// définition des styles pour la page Films
// By   : ELT
// date :
//   - 31/10/14 created
//-----------------------------------------------*/
/*************************************************/
/*---------- colors used -------------------------
    #283d5c : bleu nuit (body)
    #ca090c : rouge - fond col1
    #345079 : bleu - form
    #91a8c7 : bleu ciel
    #EEEAD8 : gris clair (contact)
    #CFCDBE : gris foncé (contact)
-------------------------------------------------*/
	/* Entête dans la zone Col2 (texte en blanc sur un fond bleu ciel)*/
	.Cadre_Title_col2{
        height:auto;
        width:750px;
        margin-top:5px;
		margin-left:30px;
		background-color:#91a8c7  ;
		border-style: solid ;
        border-color: white;
        border-top-width: 1px ; 
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px; 
        
		color:white;
		padding-top:5px;
		padding-bottom: 5px;
		font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-style:italic;
        font-size:18px;
		text-align:center;

    }
	/* Commentaire dans la zone Col2 (texte en noir sur un fond blanc)*/
	.Cadre_Text_col2{
        height: auto;
        width:750px;
        margin-top:5px;
        margin-left:30px;
		background-color:white;
        text-align: left;
		/*border-style: solid ;
        border-color: white;
        border-top-width: 1px ; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px;*/
    }
	.Cadre_Text_col2 h5 {
        color:black;
		text-align:left;
        /*margin-top:5px;*/
		padding-top:10px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 20px;
		font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-size: 14px;
        font-style:normal;
	}
	.Cadre_Text_col2 a {
        color:black;
		text-align:left;
		padding-top:0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 0px;
		font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-size: 14px;
        font-style:italic;
	}
	/* Onglet titre et commentaire ex: film*/
	.Cadre_Title_onglet{
        height:25px;
        width:250px;
        margin-top:10px;
        margin-left:30px;
        background-color:#91a8c7;
        font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-size:18px;
        padding-left:20px;
    }
	.Cadre_Text_onglet{
        height: auto;
        width:750px;
        margin-left:30px;
		padding-top:10px;
		padding-top:5px;
        padding-bottom:10px;
		background-color:white;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        color: black;
    }
	.Rubrique_accessories{
		overflow: hidden;
        height: auto;
		width:750px;
		margin-left:30px;
        padding-top:5px;
        padding-bottom:10px;
        background-color:white;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        color: black;
    }
    .Sous_Rubrique1{
		width:50%;
        background-color:white;
		float:left;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        color: black;
	
    }
    .Sous_Rubrique2{
		width:50%;
		float:right;
        background-color:white;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        color: black;
	
    }
    
    .Doc{
        width:80%;
        margin-top:5px;
        margin-left:5px;
        /*padding-top:10px;*/
        /*padding-bottom:10px;*/
        background-color:transparent;
        text-align:center;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        color: white;
    }
    
    .Logo{
        height:45px;
        width:798px;
        margin-top:5px;
        margin-bottom:0px;
        margin-left:5px;
        padding-top:1px;
        background-color:white;
        text-align:center;
    }
    .Footer{
        height:70px;
        width:810px;
        position:absolute;
        bottom:0;
        background-color:black;
        text-align:center;
    }
    .Footer img{
            
        max-height:50px;
        padding-top:10px;
    }
    table{
		width:300px;
		height : 156px;
		text-align:center;
		background-color :white;
		border-collapse: collapse; /* Les bordures du tableau seront collées*/
		margin-left:30px;
		margin-top:10px;
		margin-bottom:10px;
    }
    td {
        height:15px;
        width:30px;
        text-align: center;
        vertical-align: top;
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        font-style:normal;
        border: 1px solid black;
    }
   
    li {
		list-style-type: none; /* on annule la puce par défaut */
		background-repeat: no-repeat; /* on annule la répétition par défaut */
		margin-left:30px;
        display : list-item;
        list-style-image : url(../Pictures/puce0.gif);
        font-family: "Calibri","Times New Roman", "Arial" ;
        font-size: 14px;
        font-style:normal;
    }
    /* zone reservée pour la scrollbar */
		.Footer_Scrollbar{
        height:135px;
        width:810px;
        position:absolute;
        bottom:0;
        background-color:black;
    }