*{margin:0;padding:0;}
body{background:#A3D4F5 url(/img/fond-jour.jpg) fixed repeat;color:#000;font-family:Helvetica,Arial,Verdana,serif;font-size:medium;}
p{margin:13px 0;}hr{color:#DBDBD5;height:0;clear:both;border:0;margin:-0.5em 0;}
h1,h2{color:#752222;font-size:1.7em;margin:12px 0;}
h3,h4,h5,h6 {
	color: #752222;
	margin: 10px 0;
}
img{padding:3px;background:#fff;border:1px solid silver;text-align:center;}
img:hover{background:#fff;background:rgba(255,255,255,0.5);}
a{color:#282828;}
a:visited{color:#811919;}
a:hover{color:#194382;}

@-webkit-keyframes pluie {
     
        0%    { 
         }
       
       100% {
         -webkit-transform: translate(400px,0);
       }
      }

#meteo-rain, #meteo-light-rain, #meteo-light-rain-with-thunder {
	background: transparent url(/img/meteo/goutte.png) repeat;
}
.header-sunny, .header-fog {
    background: transparent url(/img/meteo/soleil.png) no-repeat 80px 0;
	height: 288px;
}
.fair {
		background: transparent url(/img/meteo/soleil.png) no-repeat 80px 0;
		height: 300px;
}
.header-fair {
	background: url(/img/meteo/nuages.png) repeat-x;
	height: 350px;
	-webkit-animation-name: pluie;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
.header-mostly-cloudy, .header-partly-cloudy, .header-cloudy, .header-rain, .header-light-rain {
	background: transparent url(/img/meteo/nuages.png) repeat-x;
	height: 350px;
	-webkit-animation-name: pluie;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
.header-thunderstorm, .header-light-rain-with-thunder {
	position: relative;
	background: transparent url(/img/meteo/eclairs.png) repeat-x;
	height: 400px;
}

#boite{margin:20px auto 50px auto;width:960px;text-align:center;}
#titre{text-align:left;background:#F0F0F0 url(http://thierrybelangerclermont.com/img/asf.png) bottom center no-repeat;height:270px;padding:15px;clear:both;}
#description{font-family:Jesaya,Arial,serif;background:#074C8B url(http://thierrybelangerclermont.com/img/fond-description.jpg) bottom left no-repeat;color:#fff;padding:15px;text-align:left;line-height:1.2;font-size:1.5em;}
#description h2,#plus h2{color:#fff;font-size:1.2em;}#description li{list-style-type:square;margin-left:25px;}
#description h1,#description a{color:#fff;}#description a:hover{color:#e4e4e4;color:rgba(255,255,255,0.5);}
#portfolio,#article {
	background:#DBDBD5;
	font-family:Jesaya,Georgia,Verdana,serif;
	color:#181818;
	line-height:1.2;
	font-size:1.2em;
	text-align:left;
	padding:15px 15px 25px 15px;
	-moz-border-radius-bottomleft:9px; 
	-webkit-border-bottom-left-radius:9px;
	-moz-border-radius-bottomright:9px; 
	-webkit-border-bottom-right-radius:9px;
	}
#portfolio h2{font-family:Jesaya,Georgia,Verdana,serif;font-size:2em;}#plus{background:#074C8B url(http://thierrybelangerclermont.com/img/fond-description.jpg) top left no-repeat;color:#fff;padding:30px 15px;text-align:left;line-height:1.2;font-size:1.3em;}
#texte{width:67%;float:left;}#sidebar{padding:10px;border-left:1px dotted silver;width:30%;float:right;font-size:.85em;}
#col1{width:50%;float:left;}#col2{width:46.5%;float:right;}
#contact{background:#000;background:rgba(0,0,0,0.9);text-align:left;color:#efefef;font-size:1em;margin:0;padding:12px;width:360px;}
#col1 img, #col2 img { -webkit-transform: rotateY(30deg);
   -moz-box-shadow:0 3px 10px #888; -webkit-box-shadow:0 3px 10px #888;
   -webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#contact h2,#contact a{color:#efefef;font-family:Jesaya,Georgia,Arial,serif;font-size:1.7em;}
#contact a:hover{color:#e4e4e4;color:rgba(255,255,255,0.5);}
#nuit{background:#transparent;background:rgba(255,255,255,0.1);padding:15px;font-family:Jesaya,Helvetica,Verdana,Georgia,Arial,serif;font-size:1.5em;color:#fafafa;clear:both;text-align: left;-moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px;-moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px;}
#nuit a{color:#fafafa;}
#nuit a:hover{color:#e4e4e4;color:rgba(255,255,255,0.5);}
#menu{width:960px;background:transparent;margin:auto;text-align:center;font-size:1.5em;}
#menu li{float:left;list-style-type:none;padding:8px;margin:0 8px 0 0;}#menu li a{color:#fff;font-size:1em;}
#menu li a:hover{color:#e4e4e4;color:rgba(255,255,255,0.5);font-size:1em;}@font-face{font-family:Jesaya;src:url('/polices/jesaya_free.eot');src:local('Jesaya'),url('/polices/jesaya_free.ttf');}
#animaux {
	background: transparent url('http://www.jacinthechevalier.com/titi/jour.png') repeat-x;
	height: 400px;
}
#gazon {
	background: transparent url('/img/gazon.png') bottom left repeat-x;
	height: 400px;
}