/* CSS Document */

*{
  margin: 0;
  padding: 0;
}

html, body{
  height:100%;
}


body{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 12px;
  font-style: normal;
  color: #fff;
  background: #01466d;
  min-height:100%;
  height:auto !important; /* ie6 ignores it */
  height:100%; /* fix */
  position: relative;
}

h1 {font-size:24px; color:#949494; font-weight: normal; text-transform:uppercase; margin:0; padding-top: 10px; }
h2 {font-size:12px; color:#949494; font-weight: normal;}
h3 {font-size:18px; color:#3096d3; font-weight: normal; padding-bottom:5px;}
h4 {font-size:16px; color:#01659e; font-weight: normal; padding-bottom:5px;}

a { text-decoration:none; color:#3096d3;}
a:hover { color:#01659e;}

#page{
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.block-content{
  width: 950px; 
  margin: 0 auto;
  display: block;
}

#header{
  background:url(header.jpg) repeat-x center top;
  height: 128px;
  position: relative;
  z-index: 10;
  color: #fff;
}

#titre{
  padding: 20px 0 0 20px;
}

#menu{
  padding: 10px 0 0 55px;
}

#menu li{
display: inline;
list-style-type: none;
padding-right: 20px;
font-size: 13px;
color:#38a4e6;
}

#menu li.soustitre{
padding-right: 150px;

}

#menu li a{
text-decoration: none;
color:#38a4e6;
}

#menu li a:hover{
color:#01659e;
}

a img {border:none}

#subheader{
  background:url(subheader.jpg) repeat-x center top;
  padding: 0 20px;
  height: 109px;
  position: relative;
  z-index: 10;
  color: #fff;
}

#subheader img { float:right; margin-top:45px; }

#content{
  min-height:550px;
  padding: 20px;
  background:#151d26;
  position: relative;
  z-index: 10;
  color: #fff;
}

div.pro {       
display:block;
margin: 15px;
}

div.pro a img {
margin: 0 15px 0 0;
float: left;}

img.thumb {
border: 2px solid #fff;
margin: 0 15px 0 0;
float: left;
}

img.thumb3 {
border: 2px solid #fff;
margin: 0 15px 0 0;
float: right;
}

img.thumb2 {
border: 2px solid #3096d4;
margin: 10px 0;
float: left;
}

a img {border:none}

a img.thumb {}
	
a:hover img.thumb {border: 2px solid #3096d4}

p { margin-bottom:5px;}

div.clear{ clear: both;height:5px; }

#footer{
  background:url(footer.jpg) #01466d repeat-x center top;
  height: 62px;
  padding:15px;
  position: relative;
  z-index: 10; 
  color:#38a4e6;
  font-size: 12px;
}

#footer a{
text-decoration: none;
color:#38a4e6;
}

#footer a:hover{
color:#01659e;
}

#w3c{
background:url(w3c.png) no-repeat right;
}

/* forms */

input, textarea, select{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 100%;
  margin: .2em 0;
}

input, textarea{
  padding: .2em .4em;
}

input.radio, input.checkbox{
  background: #fff;
  padding: 2px;
}

form label{
  font-weight: normal;
  font-size:16px; color:#01659e; font-weight: normal; padding-bottom:5px;
}

fieldset{
  padding: .8em;
  border: 1px solid #d2c7af;
}

legend{
  padding: 2px 15px 10px 15px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 115%;
}

#last { 
	background:url(last.jpg) no-repeat center top;
	height:130px;
	padding:15px;
	padding-top:8px;
	font-size:18px; color:#3096d3; font-weight: normal;
	}
	
#last img { float:right; margin-top:5px; }	#page #content .block-content .pro p {
	margin-bottom: 15px;
}