body {padding:1em 0; text-align:center; font: 1em Ubuntu, Verdana; background: #ccccff; width: 80%; margin: auto;} 

@media only screen and (orientation: portrait) {
body { font-size: 2em; width:95%; }
}

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;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);	
}	
	
p {
border-radius: 12px; 
}
     
article > p {display:inline-block; text-align:center; width:155px; padding:8px; background:#eee;
box-shadow: 1px 1px 13px #999
} 

nouvelle > p {
    display:inline-block; 
    text-align:center;
    font-weight:bold;
    color: #FFFFFF;
    width:500px;
    padding:16px;
    background: linear-gradient(to bottom, #EC21C5, #F4BCE9);
    box-shadow: 1px 1px 13px #999
} 

@media only screen and (orientation: portrait) {
article > p {width:200px; }
}

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

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

blockquote a:hover{
	color:#ff6633;
}

@media only screen and (orientation: landscape) {
#r5 {
transform: rotate(5deg); }
#rm3 {
transform: rotate(-3deg); }
}

#titre_menu {font: 1em 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;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: linear-gradient(to bottom,  #a9a9a9,  #7a7a7a);
	border: solid 1px #6d6d6d;;
	display: inline-block;
}

#pied
{
	margin: 0;
	padding: 7px 6px 6px;
	line-height: 100%;
	border-radius: 0.6em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: linear-gradient(to bottom,  #fafafa,  #7a7a7a);
	border: solid 1px #6d6d6d;;
	display: inline-block;
}