html,
body
{
background: url("Image/sky16.jpg");
color: black;
font-family: Tahoma;
margin : auto;
padding : 0;
font-size: 1em;
height: 100%;
}
#wrapper 
{
	min-height:100%;
	position:relative;
}
header
{
margin-bottom: 3%;
height: 10%;
position: relative;
text-transform: uppercase;				
 text-align : center;
 border: 1px solid black;
 }
 footer
 {
 	width:100%;
	height:100px;
	position: absolute;
	bottom:0;
	left:0;
	 clear: both;
	 border: 1px solid black;
 /* 
 padding: 1%;
 
 position: bottom;
 margin-top: 3%;
 clear: both;
 height: 20%;
 border: 1px solid black;
 padding: 1%;*/
 }
 #content {
	padding-bottom:100px; /* Height of the footer element */
	}
	
 #bloc_page
{	text-align: justify;							
    margin: auto;
	width : 60%;
	/*height: 65%;*/
}
  #menu
{

clear:left;
padding-top: 1%;
padding-right: 1%;
float : left;
width: 17%;							
border: 1px solid black;
}
#logo
{
float : right;
width: 50%;
}
#liste
{clear: right;
}

#pic1
{
float: right;
margin-top: 1%;
margin:1%;
width: 24%;
}

#pic2
{
clear: left;
float: left;
margin-top: 5%;
margin: 1%;
width:24%
}

#para
{	
	text-align: justify;						
    margin: auto;
	width : 55%;
	}
	


h3
 {
 font-weight: bold;
 }
 
 em
 {
 font-style: italic;
 }
 
  #previous
 {float : right;}

 table
{
    border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}

.left
{
text-align: center;
 font-weight: bold;
 font-size : 1.3 em;
 }
 
 #previous
 {float : right;}
 
 .right
 {
 padding : 1%;
 text-align : justify;
 margin : auto;
 }
 

 

 #fleft
 {
 margin-left:1%;
 float: left;
 /*width: 25%;*/}
 
 #fright
 {
margin-right:1%;
 float:right;
 /*width : 25%;*/
 }

#photo
{float : right;
width : 23%;
margin-left : 3%;
margin-bottom: 2%;
}


 
 /*home*/
 
 #picHome5
{
margin-top: 7%;
float: right;
width: 25%;
}
#picHome3
{
clear: right;
float: right;
width: 25%;
margin-left: 6%;
margin-bottom:2%;
}

#picHome2
{
clear: left;
float: left;
margin-top: 2%;
width:20%
}

/*training*/

 .compliment
 {

float: right;
width : 40%;
border: 1px solid black;
text-align : justify;
margin-left : 3%;
margin-bottom: 3%;
padding: 2%;
font-family: Lucida Handwriting;
font-size: 0.8em;
}
.sig
{
float : right;
font-style: italic;
}
#compliment1
 {
float: left;
width : 48%;
border: 1px solid black;
text-align : justify;
margin-bottom: 3%;
padding: 2%;
font-family: Lucida Handwriting;
font-size: 0.8em;
}

#compliment2
 {
float: left;
width : 48%;
border: 1px solid black;
text-align : justify;
margin-top : 4.4%;
margin-bottom: 3%;
padding: 2%;
font-size: 0.8em;
font-family: Lucida Handwriting;
}

/*envLeg*/


 .complimentEnvLeg
 {
 font-size: 0.7em;
clear : right;
float: right;
width : 40%;
border: 1px solid black;
margin-left : 3%;
margin-bottom: 5%;
padding: 2%;
font-family: Lucida Handwriting;
}

/*Publication*/

.Pleft
{
margin : 5%;
text-align: center;
 font-size : 1.3 em;
 }
 
 .Pright
 {
 padding : 1%;
 text-align : justify;
 margin : auto;
 }
  
  /*Climate and Environment Assessment*/
  #pic
 {
 float : right;
 width: 35%;
 margin-left : 3%;
margin-bottom: 2%;
 }
 /*Contact*/
 #picSeal
 {
 float : right;
 width: 45%;
 }
 
 #pic5
{
margin-top: 7%;
float: right;
width: 25%;
}
#pic3
{

margin-top:5%;
clear: right;
float: right;
width: 25%;
}
#pic4
{
margin-top:10%;
clear: left;
float: left;
width: 25%;
}
#pic6
{
float: left;
width: 25%;
}

/* --------------------------training2-------------------------*/


#training
{
border-collapse: separate;
table-layout: auto;
border-style:none;
font-size: 0.8em;
font-family: Lucida Handwriting;
}

.Text
{font-size: 1.3em;
font-family: Tahoma;
border-style: none;
width:50%;
padding-right:2%;
padding-bottom:2%;

}

.Compliment
{
padding-left:2%;
padding-bottom:2%;
border-style: none;
margin:2%;}

.sig
{
font-family: Tahoma;
text-align: right;
}
.textCompLeft
{
margin-top:1%;
border:1px solid black;
padding:2%;
}
.textComp
{

width:80%;
padding:2%;
border:1px solid black;}