﻿body {padding:1em 0; text-align:center; font: 14px Ubuntu, Verdana; background: #ccccff;} 

a, a:visited {
	font-weight:bold;
	color:#114477;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#ff6633;
}

#cell_home {
	background:#ddd;
	margin: 0;
	padding: 7px 6px 6px;
	line-height: 100%;
	border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);	
}
p {
-moz-border-radius:8px;
-webkit-border-radius: 8px; 
border-radius: 8px; 
}
     
article > p {display:inline-block; text-align:center; width:auto; padding:8px; background:#eee;
-moz-box-shadow: 1px 1px 13px #999;
-webkit-box-shadow: 1px 1px 13px #999;  
box-shadow: 1px 1px 13px #999
} 

p+p {margin-left:5px} 
     
diapo > p {display:inline-block; text-align:center; width:auto; padding:8px; background:#eee; vertical-align:top;
-moz-box-shadow: 1px 1px 13px #999;
-webkit-box-shadow: 1px 1px 13px #999;  
box-shadow: 1px 1px 13px #999
}
blockquote {background:#555; color:#fff; padding:10px; width:auto;
-moz-box-shadow: 2px 2px 13px #999;
-webkit-box-shadow: 2px 2px 13px #999;  
box-shadow: 2px 2px 13px #999;
-moz-border-radius:8px;
-webkit-border-radius: 8px; 
border-radius: 8px; 
} 

blockquote ~ p {font-weight: bold; vertical-align:top; width:auto;
/* background:#999; */
	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #888,  #fff); /* for firefox 3.6+ */
color: black;
}

blockquote a, a:visited {
color : #ccccff;
}

blockquote a:hover{
	color:#ff6633;
}

#r5 {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
}

#rm3 {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform : rotate(-3deg);
}

#titre_menu {font: 14px Verdana; text-align: center;}
p a { text-decoration: none; color: #114477}
p a:visited {text-decoration: none; color: #114477}
p a:hover {text-decoration: none; color: #ff6633}

/* Menu */
a {
	color: #333;
}

#nav {
	margin: 0;
	padding: 7px 6px 6px;
	line-height: 100%;
	border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #fff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
	border: solid 1px #6d6d6d;;
	display: inline-block;
}

#pied
{
	margin: 8px;
	padding: 7px 6px 6px;
	line-height: 100%;
	border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #fff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fafafa,  #7a7a7a); /* for firefox 3.6+ */
	border: solid 1px #6d6d6d;;
	display: inline-block;
}