/* As hex codes 

.color-primary-0 { color: #CB0000 }	
.color-primary-1 { color: #FF4848 }
.color-primary-2 { color: #FA0F0F }
.color-primary-3 { color: #A60000 }
.color-primary-4 { color: #7B0000 }*/



/* As RGBa codes 

.rgba-primary-0 { color: rgba(203,  0,  0,1) }	
.rgba-primary-1 { color: rgba(255, 72, 72,1) }
.rgba-primary-2 { color: rgba(250, 15, 15,1) }
.rgba-primary-3 { color: rgba(166,  0,  0,1) }
.rgba-primary-4 { color: rgba(123,  0,  0,1) }
*/




html {
background:#000;

}
body {
display:inline-block;
}

.titre {
margin-bottom:30px;
width:100%;
}

#pendule {
/**/
background: url("image4.jpg") no-repeat scroll 100% 50% #000;
position:fixed;
right:0px;
top:20px;
height: 300px;
}
a {
text-decoration:none;
}

h1.bouton1 {
padding:5px;
color:DeepSkyBlue;
font-size:1.2em;
font-weight:bold;
float:left;
width:300px;
border:1px solid tansparent;
border-radius: 4px;
box-shadow: 2px 2px 5px rgba(203,  0,  0,1) inset;
}
h1.bouton1:hover {
box-shadow: -2px -2px 5px rgba(203,  0,  0,1);
}
h1.bouton2 {
padding:5px;
font-size:1em;
float:left;
width:100px;
color:DeepSkyBlue;
}
h1.bouton2:hover {
text-shadow: 5px 5px 5px #f00;
}
h2 {
font-size:22px;
color:#ccc;	
  transition: border 0.5s linear 0s, box-shadow 0.5s linear 0s,	background 0.5s linear 0s,color 0.5s linear 0s, width 0.5s ease 0.5s;
}

h2:hover {
	 color: #f00;
    transition: border 0.5s linear 0s, box-shadow 0.5s linear 0s,	background 0.5s linear 0s,color 0.5s linear 0s, width 0.5s ease 0.5s;

}

.image {
float:left;
height:153px;
width:200px;
border:0px solid transparent;
border-radius:10px;
margin:5px;
background:  rgba(0,0,0,1);

}
.image:hover {

background: rgba(255,255,255,1);

}