/*---------------------------------------------------------
// File : style_global1.css
// définition des styles communs à toutes les pages 
// By   : ELT
// date :
//   - 25/08/14 creation 
//-------------------------------------------------------*/

/*---------- colors used ----------------------------------
    #283d5c : bleu nuit (body)
    #ca090c : rouge - fond col1
    #345079 : bleu - form
    #91a8c7 : bleu ciel
    #EEEAD8 : gris clair (contact)
    #CFCDBE : gris foncé (contact)
---------------------------------------------------------*/

h1 {
    margin-top:5px;
    color:white;
    text-align:center;
    /*font: small-caps 1.1em/10px Calibri,Verdana, Arial, Helvetica, sans-serif;*/
    font-family: "Calibri","Verdana","Times New Roman","Arial" ;
    font-size:20px;
}
h2 {
    color:white;
    margin-top:0px;
    text-align:center;
    /*font: small-caps 1.1em/10px Calibri,Verdana, Arial, Helvetica, sans-serif;*/
     font-family: "Calibri","Verdana","Times New Roman","Arial" ;
    /*font-style:italic;*/
    font-size:18px;
}

/*---------------------------------------------------------
  -------------- La fenêtre (Cadre_Form)-------------------
  ---------------------------------------------------------
    La fenêtre se divise en 2 lignes
    Ligne 1 : l'entête
    ligne 2
	colonne 1 : menu + bas de page
	colonne 2 : zone interactive + bas page(éventuellement)
  ---------------------------------------------------------*/
    #Cadre_Form{
        min-height: 100%;
        width: 950px;
        height: 800px;
        margin: 0 auto;
	position: relative;
        background-color:#345079;
        /*border:solid;
        border-color:white;
        border-top-width: 0px ; 
        border-right-width: 1px; 
        border-bottom-width: 0px; 
        border-left-width: 0px;*/
    }
    /*---------- fin Cadre_Form pour la fenêtre ---------*/

    /*-------------------------------------------------------
    -------------- Header                 -------------------
    ---------------------------------------------------------
    Header (#Cadre_Header) se divise en 3 parties
	- le logo (#Cadre_Logo)
	- le titre
	- l'espace langue
    ---------------------------------------------------------*/
    #Cadre_Header{
        width:950px;
        height:75px;
        color:white;
        float:left;
        background-color:#345079;/*#ca090c;*/
	background: url(../Pictures/Background_header_2.jpg) no-repeat left bottom;	
	/*border-left:1px solid white;
	border-top: 1px solid white;
	border-bottom:1px solid white;
	border-left:1px solid black;
	border-right:0px solid white;*/
    }
    #Cadre_Logo{
	width:220px;
        height:75px;
        color:white;
        float:left;
        background-color:transparent;/*#345079;/*#ca090c;*/
	
        /*border-left:1px solid white;
	border-top: 1px solid white;
	border-bottom:1px solid white;
	border-left:1px solid black;
	border-right:0px solid white;*/
    }
    #Cadre_Title{
        width: 629px;
        height:28px;
	margin-top: 26px;
	/*float:right;*/
        background-color:transparent;/*#345079;/*#ca090c;*/
	/*background: url(../Pictures/Background_header3.png) no-repeat left bottom;			      */
	float:left;
	
	font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-size:20px;
	/*border-bottom:1px solid white;*/
	font-style:italic;
	text-align: center;
	color: white;/*#283d5c;*/
	/*border-left:1px solid #283d5c;
	border-top: 1px solid white;
	border-right:0px solid white;*/
    }
    /***  Zone pour l'image zoomée  ***/
 #Cadre_Home_Zoom1{
    width:100%;
    height:350px;
    margin-top: 26px;
    float:left;
    background-color:#345079;
    /*border-top: 1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
    border-left:1px solid white;*/
    }
/*    .Cadre_Lang{
	width: 100px;
        height:75px;
        background-color:transparent;
	background: url(../Pictures/Background_lang1.png) no-repeat left bottom;
	float:left;
	
    }
    .Cadre_Lang img {

	margin-top: 52px;
	margin-left: 5px;
	height: 18px;
	width: 18px;
	cursor:pointer;
    }
    .Cadre_Flat_Lang{
	width: 100px;
        height:75px;
        background-color:transparent;
	background: url(../Pictures/Background_lang1.png) no-repeat left bottom;
	
	position: absolute;
	left:850px;
	top: 0px;
    }
    .Cadre_Flat_Lang img {

	margin-top: 52px;
	margin-left: 5px;
	height: 18px;
	width: 18px;
	border: none;
    }
*/
    /*------------------------------------------------------
    -------------- ligne n°2 /Colonne n°1    ---------------
    --------------------------------------------------------
    Colonne 1 (Cadre_Col1) se divise en 2 parties
	- le menu : choix des rubriques (Cadre_Col1_Menu)
	- le bas de page : copyrigth (Cadre_Col1_Footer)
    -------------------------------------------------------*/
    #Cadre_Col1{
        width:140px;
        height:695px;
        color:white;
        float:left;
	background-color:#ca090c;
	border-right:1px solid white;
    }
    #Cadre_Col1_Menu{
        width:140px;
        height:450px;
        float:left;
	/*border-top: 1px solid green;
	border-right:1px solid red;
	border-bottom:1px solid green;
	border-left:1px solid red;*/
    }
    .Cadre_Col1_Footer{
        width:140px;
        height:30px;
        background-color: black;
        float:left;
	text-align:center;
	position: absolute;
	bottom: 0px; 
	border-top: 1px solid white;
	border-right:1px solid black;
	/*border-bottom:1px solid black;
	border-left:1px solid red;
	*/
    }
    .Cadre_Col1_Footer h4 {
        color:white;
	margin-top:5px;
	font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-style:italic;
        font-size:14px;
	filter : alpha(opacity=70); /*IE*/
	opacity : 0.7; 
    }
    /*---------- fin pour la colonne n°1 -------------------*/

    /*--------------------------------------------------------
    ----------- Ligne n°2 / Colonne n°2  ---------------------
    ----------------------------------------------------------
    La Colonne n°2 (Cadre_Col2) cette zone dépend de la 
    rubrique sélectionnée
    ---------------------------------------------------------*/
    #Cadre_Col2{
        width: 809px;
        height:725px;
        color:white;
        float:left;
        background-color:#345079;
	border-top: 1px solid white;
	/*margin-top:1px;   */
        /*border-left:1px solid red;
	border-top: 1px solid red;
	border-bottom:1px solid red;
	border-right:0px solid red;*/
    }
     /* La zone intéractive	*/
    .Cadre_Col2_Interactif{
        width: 100%;
        height:700px;
        /*background-color:#9B2120; */
        float :left;
        position:relative;
        margin-left: 0px; /* décalage à gauche */ 
        margin-top : 0px; /* décalage en hauteur */
        margin-right: 0px;
        margin-bottom : 0px;
        padding:0;
        border-style: solid ;
        border-color: white;
        border-top-width: 1px ; 
        border-right-width: 0px; 
        border-bottom-width: 1px; 
        border-left-width: 1px;
        text-align:center;
    }
    /* La zone intéractive	*/
    .Cadre_Col2_Interactif1{
        width: 100%;
        height:772px;
        float :left;
        position:relative;
        margin-left: 0px; /* décalage à gauche */ 
        margin-top : 0px; /* décalage en hauteur */
        margin-right: 0px;
        margin-bottom : 0px;
        padding:0;
        border-style: solid ;
        border-color: white;
        border-top-width: 0px ; 
        border-right-width: 0px; 
        border-bottom-width: 0px; 
        border-left-width: 0px;
        text-align:center;
    }
    /* Le bas de page	*/
    .Cadre_Col2_Footer{
        height:30px;
        width:810px;
        color:white;
        float:left;
	position: absolute;
	bottom: 0px; 
        background-color: black;
	border-top: 1px solid white;
	/*border-left:1px solid white;*/
        /*border-style: solid ;
        border-color: white;
        border-top-width: 1px ; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px;*/
    }
    .Cadre_Col2_Footer h4 {
        color:white;
	text-align:center;
        margin-top:5px;
	font-family: "Calibri","Verdana","Times New Roman","Arial" ;
        font-style:italic;
        font-size:14px;
	filter : alpha(opacity=70); /*IE*/
	opacity : 0.7; 
    }
  /*---------- fin de colonne n°2 ---------------*/