@font-face
{
font-family: myFirstFont;
src: url(OPENSANS-REGULAR.TTF);
}
html {
width:100%;
height:100%;
margin:0;
}
body {
width:100%;
margin:0;
background-color:#eeeeee;
font-family:myFirstFont;
font-size:14px;
}
#header {
padding-top:5px;
width:100%;
text-align:center;
position:fixed;
top:0;
left:0;
height:60px;
background-color:#ff5f0f;
box-shadow: 1px 1px 20px #fb4202 inset;
-moz-box-shadow: 1px 1px 20px #fb4202 inset;
-webkit-box-shadow: 1px 1px 20px #fb4202 inset;
}
#wrapper {
width:700px;
padding:20px;
min-height:100px;
margin:auto;
margin-top:60px;
background-color:#ffffff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#bas {
color:#bbbbbb;
font-size:12px;
text-align:center;
margin-top:15px;
}

input[type=text] {
font-size:14px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width:300px;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
input[type=text]:focus{
    -moz-box-shadow: 0 0 8px #0f9bff;
    -webkit-box-shadow: 0 0 8px #0f9bff;
    box-shadow: 0 0 8px #0f9bff;
    border: 1px solid #0f9bff;
}
button{
font-size:14px;
cursor:pointer;
color:#ff5f0f;
background-color:#ffffff;
    border:1px solid #ff5f0f;
    padding: 7px;
    margin:0px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

button:hover{
background-color:#ff5f0f;
color:#ffffff;
}

#pr div {
width:203px;
padding:0px 10px;
padding-bottom:10px;
display:block;
float:left;
margin-top:20px;
margin-bottom:10px;
font-size:11px;
    -moz-box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    box-shadow: 0 0 8px #ddd;
    border: 1px solid #ddd;
border-top:none;
}

#pr h3 {
text-align:center;
color:#ff5f0f;
}

#pr ol {
margin:0;
padding-left:20px;
margin-bottom:11px;
}

#link-list li {
width:304px;
height:105px;
overflow:hidden;
display:block;
float:left;
margin-bottom:10px;
font-size:12px;
color:#ff5f0f;
}

#link-list li img {
float:left;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
	border: 1px solid #cccccc;
}

#link-list li img:hover {
    -moz-box-shadow: 0 0 8px #ff5f0f;
    -webkit-box-shadow: 0 0 8px #ff5f0f;
    box-shadow: 0 0 8px #ff5f0f;
    border: 1px solid #ff5f0f;
}

#link-list li a.titre {
display:block;
font-size:14px;
font-weight:bold;
color:#222222;
padding-top:0px;
padding-bottom:10px;
text-decoration:none;
}

#link-list li a:hover{
color:#000000;
}

.dessus {
float:left;
padding:10px;
padding-top:5px;
width:180px;
}

h1{
color:#fd390b;
}

h2{
color:#333333;
}

i {
color:#0f9bff;
}

a{
color:#0f9bff;
}

#stuck a {
text-decoration:none;
}

hr {
    border: 0;
	margin-top:15px;
    height: 1px;
    background: #0f9bff;
    background-image: linear-gradient(to right, #ddd, #0f9bff, #ddd);
}