html, body {
        margin: 0;
        margin-bottom: 20px;
        background: #95B3DC url("../images/fond-bleu.jpg") top left repeat;
        padding: 0;
        text-align: left;
        font-family: arial,verdana;
        font-size: 12px;
    }

    div {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
	
	a {
		text-decoration:none;
		color:#ffffff;
	}
	
	a:hover,a:active,a:focus
	{
		color:#0255A6;
	}
	
	b {
		text-decoration:none;
		color:#0255A6;
	}
	
    p {
        margin: 0px 0 10px 20px;
        text-align: justify;
    }

	/* ================================================          définition des blocs  de positionnement        ==================================*/

	div#haut_page {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 100%;
        height: 130px;
    }

    div#menu {
        position: absolute;
        top: 180px;
        left: 30px;
        width: 210px;
        padding: 0px 0px 0px 0px;
        font-weight: bold;
        font-size:18px;
    }

	
    div#contenu_principal {
        position: absolute;
        top: 200px;
        left: 235px;
        width: 600px;
        height: 360px;

        /*margin-top: 10px;
        margin-left: 10px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;*/
        /*border-radius: 10px;
        -moz-border-radius: 10px;*/
        /*background-color: #5F88C8;*/
        padding: 10px;
        color: #ffffff;
    }
	

	  div#photo {
        position: absolute;
        top: 145px;
        left: 780px;
        /*width: 230px; height: 330px;*/

        margin-top: 10px;
        margin-left: 10px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        /*border-radius: 10px;
        -moz-border-radius: 10px;*/
        background-color: #5F88C8;
        padding: 10px;
        color: #ffffff;
		
    }
	
	 div#bas{
        position: absolute;
        top: 600px;
        left: 250px;
        width: 600px;
        height: 25px;

        margin-top: 10px;
        margin-left: 10px;
        
        text-align: center;
		font-weight: bold;
        font-size:16px;
        color: #5F88C8;
		font-family: Arial;
    }

	div#citation{
        position: absolute;
		top: 130px;
        left: 250px;
        width: 500px;
        height: 20px;
		font-weight: normal;
        font-size:16px;
		color: #ffffff;
		text-align: right;
    }
	
	div#citation2{
        position: absolute;
		top: 130px;
        left: 230px;
        width: 520px;
        height: 20px;
		font-weight: normal;
        font-size:13px;
		color: #ffffff;
		text-align: right;
    }
	
  div#auteur{
        position: absolute;
		top: 175px;
        left: 350px;
        width: 400px;
        height: 20px;
		font-weight: normal;
        font-size:12px;
		color: #ffffff;
		text-align: right;
    }
	
	  div#langue{
		position: absolute;
		top: 430px;
        left: 31px;
        width: 200px;
        height: 20px;
        margin-top: 0px;
		margin-left: 0px;
		font-weight: bold;
        font-size:10px;
    }
	
	/* ================================================          définition des blocs  de style  (titre, texte...)        ==================================*/
	
  div#titre_page{
        margin-top: 0px;
		margin-left: 10px;
		margin-bottom: 10px;
		font-weight: bold;
        font-size:24px;
		color: #0255A6;
    }
	
 div#texte_principal{
        margin-top: 0px;
		margin-left: 10px;
		margin-right: 60px;
		font-size:12px;
		color: #fffff;
		text-align: justify;
    }

 div#haut_page a img {
		border-top: 0px solid #fff;
        border-right: 0px solid #fff;
        border-bottom: 0px solid #fff;
        border-left: 0px solid #fff;
	}
	
 div#haut_page  a {
		text-decoration:none;
	}
	
  div#contenu_principal  a {
		text-decoration:underline;
	}
	
  .langue_active a{
        color: #ffffff;
  }
  
  .langue_inactive a{
        color: #0255A6;
  }
  
	/* ================================================          gestion du menu (gauche)      ==================================*/
	
	div#menu .menu_non_actif a {
		color:95B3DC;
		padding-top:15px;
		padding-left:50px;
		padding-bottom:5px;
		
		background:url('../images/carre_menu1.gif') 0px 0px no-repeat;
		
	}
	
	
	div#menu a:hover, div#menu a:active, div#menu a:focus
	{
		color:#0255A6;
	}
	
	div#menu  .menu_actif a {
		color:0255A6;
		padding-top:15px;
		padding-left:50px;
		padding-bottom:5px;
		
		background:url('../images/carre_menu2.gif') 0px 0px no-repeat;
	}
	
		
	/* ================================================          gestion du mode impression du site      ==================================*/
		
	
@page { size:21.0cm 29.7cm;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:2cm
}