* { padding: 0; margin: 0; }


body {
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

/* WRAPPER */

#wrapper {
  width: 100%;
  height: auto;
  clear:both;
}


/* HEADER */

#header{
  width:100%;
  margin: 0 auto;
    background-color: #fff;
  clear:both;
}

#header-gray {
background-color: #f6f6f6;
}

#header-blue {
background-color: #60C0B1;
}






/* IMAGES */

img { max-width: 100%; height: auto; }
img { width: auto; /* IE8 */}

 img.logo { 
padding-top: 7%;
padding-bottom: 9%;
 }
 
 img.thumbnails { 
padding-top: 15%;
 }
 
  img.icon { 
padding: 25%;
 }
 
  img.pixelcon { 
padding: 2%;
 }
 
 

/* H1 */


h1 {
  font-size: 125%;
    font-weight: 400;
  color:  #2F3437;
  line-height: 35px;
    text-transform: uppercase;
  text-align: left; 
  padding-top: 10%;
  padding-bottom: 2%;
 }

 

h4 {
  font-size: 95%;
    font-weight: 300;
  color:  #fff;
  line-height: 35px;
    text-transform: uppercase;
  text-align: left; 
	padding-top: 13%;
 }
 



/* FONT */

.box-message {
  font-size: 115%;
  font-weight: 300;
  color:  #2F3437;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  padding-bottom: 5%;
}

.box-index {
  font-size: 115%;
  font-weight: 300;
  color:  #2F3437;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  padding-bottom: 5%;
}

.box-liste {
  font-size: 115%;
  font-weight: 300;
  color:  #2F3437;
  line-height: 40px;
  text-decoration:none;
  text-align: left;
  padding-bottom: 5%;
}


.box-footer {
  font-size: 95%;
  font-weight: 300;
  color:  #2F3437;
  line-height: 25px;
  text-decoration:none;
  text-align: center;
    padding: 2%;
}





/* LINKS */


a.readmore {
  font-size: 80%;
  font-weight: 300;
  color:  #fff;
  background: #60C0B1;
  line-height: 25 px;
  text-decoration:none;
  text-transform: uppercase;
  padding: 6px;
 
}
 
a.readmore:hover {
  color:  #fff;
background: #2F3437;
}

a.readmore2 {
  font-size: 100%;
  font-weight: 300;
  color:  #101010;
  line-height: 25 px;
  text-decoration:underline;
}
 
a.readmore:hover {
  color:  #fff;
background: #101010;
}




a.readmore3 {
  font-size: 95%;
  font-weight: 300;
  color: #fff;
  line-height: 30px;
  text-decoration:none;
  text-transform: uppercase;
 
}
 
a.readmore3:hover {
  border-bottom: 1px solid #fff;
}

a.link{
  color:  #444;
  font-size: 85%;
  float: right;
  padding-top: 8%;
   text-decoration:none;
}

a.link:hover {
  color:  #47A3DA;
}