/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  html, body { margin: 0pt;
    padding: 0pt;
    height: 100%;
    width: 100% ! important;
    }

  body { margin: 0pt;
    padding: 0pt;
    font-size: 0.9em;
    background-image: url(../img/fondHG.jpg)  ;
    /*background-size:1200px 750px, auto;
    background-origin: content-box;*/
    background-repeat: no-repeat; 
    font-family: Arial,Helvetica,sans-serif;
    }

  #page {
	position: relative;
	width: 60%;
	min-width: 300pt;
	height: 70%;
	min-height: 320pt;
	max-height: 440px;
	color: #000;
	background-color: #fFF;
	left: 30%;
	top: 15%;
	right: 10%;
	/*bottom: 15%;*/
    border: 1em ;
    border-style: solid;
   border-color: #ffF;
    border-radius: 30px;
    }
#main {
	width: 100%;
	height: 75%;
	color: #C53683;
	
	background-color: #FFF;
	left: 0%;
	top: 4%;
	right: 10%;
	bottom: 30%;
	position: relative;
    }

  p {
	color: #00FF00;
	text-align: left;
	vertical-align: middle;
	height: auto;
	width: auto;
	margin-top: 10pt;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0pt;
    }
	
  #header { background-color: transparent;
    position: absolute;
    top: 593px;
    left: 22%;
    width: 75%;
    z-index: 9;
    color: #FFF;
    }

  #acroche { color:#777;
  
    }
.ima1 {
	
	text-align: left;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	vertical-align: top;
	margin-top: 20pt;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 10pt;
	z-index: 9;
    }
 .ima2 {
	text-align: left;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	vertical-align: -60%;
	margin-top: 20pt;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0pt;
	z-index: 9;
	
    }
  .ima400 {
	text-align: left;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	vertical-align: top;
	margin-top: 20pt;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 30pt;
	z-index: 9;
    }

  #piedepage {
	
	float: right;
	position: relative;
	height: 28pt;
	/*width:30%;*/
	left:30pt;
	top:60pt;
	right:60pt;
	bottom:0px;
border: 3pt ;
border-style: solid;
   border-color: #fff;
   border-radius:3pt;
   z-index: 1;
    }
	
	a { color: #C10077;
    }
	
 a:hover, a:active { color: #777;
    }
	
	
  #gauche {
	position: absolute;
	text-align: justify;
	height: 90%;
	width: 10%;
	top: 0%;
	left: 0%;
	z-index: 5;
	background-color: #FF0;
    }

  #actu {
	margin: 0pt;
	padding: 0pt;
	position: absolute;
	top: 383px;
	left: 350px;
	height: 250px;
	width: 450px;
	z-index: 8;
	visibility: visible;
    }

  #pmp {
	position: absolute;
	top: 272px;
	left: 328px;
	height: 50px;
	width: 100px;
	z-index: 8;

    }

  #titrepage { position: absolute;
    top: -60px;
    left: -40px;
    height: 27px;
    width: 526px;
    z-index: 8;
    text-transform: lowercase;
	font-weight: normal;
    }

  #soustitrepage { position: absolute;
    top: 64px;
    left: 310px;
    height: 25px;
    width: 462px;
    z-index: 8;
    }


 

  


  #footer1 { position: relative;
    }

  

  
a { font-family: Arial,Helvetica,sans-serif;
	color:&09030;
	text-decoration: none;
	font-weight: bold;
    }
	

  h1, h2, h3, h4, h5 { font-family: Arial,Helvetica,sans-serif;

	font-weight: lighter;
    text-align: left;
    }

  h1 { margin: 0pt;
    color: #606060;
    font-size: 1.8em;
    }

  h2 { color: #AAA;
    font-size: 1.4em;
    }

  h3 { margin: 0pt;
    color: #606060;
    font-size: 1.2em;
    
    }

  #accrocheh3 { margin: 1.8em 0pt 1em 2em;
    color: #606060;
    font-size: 1.2em;
    }

  h4 { margin: 0pt 0pt 5px;
    color: #606060;
    text-indent: 4em;
    }

  h5 { margin: 0pt 0pt 5px;
    color: #606060;
    font-size: inherit;
    text-indent: 6em;
    }
  #gauche p { margin: 1px 1px 1px 1px;
    }