body
{
	background: #385468;
	color: #333;
}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 0.8em Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
address {
margin: 10px 0 20px 0;	
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	border-left: #385468 4px solid;
	color: #385468;
	font-size: 1.3em;
	margin: 0.5em 0;
	padding: 0 0.5em;
}
h2 {
	color: #385468;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0 0.5em;
}
h3 {
	color: #333;
	font-size: 0.9em;
	padding: 0 0.5em;

}
h4, h5, h6 {
	background: #eaedea;
	border: #eee 1px solid;
	font-size: 1em;
	padding: 0.5em;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
img {
border: 0;
vertical-align: middle;
}
ol {
	list-style: decimal;
}

ul {
	
}

li {
	list-style: square;
	margin-left: 20px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	
}
a
{
	color: #3399ff;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	overflow: hidden;
	padding: 0.5em;
}
.right {
	text-align: right;	
}
form p {
	background: #f3f3f3;
	border-left: #eee 1px solid;
	border-right: #eee 1px solid;
	border-bottom: #eee 1px solid;
}
form.Plan p {
	background: none;
	border: 0;
}
form {
margin: 0;
padding: 0;
}
textarea {
width: 99%;	
}
container_16 select {
width: 99%;	
}

.droite {
text-align: right;	
}
p.Ariane {
	color: #666;
font-size: 0.9em;	
margin: 0 0;
padding: 2px 0;
text-align: right;
}
div.clear {
height: 20px;	
}

div#OmbreFond {
background:  url(img/FondOmbre.jpg) repeat-y top center;

}
div#OmbreTop {
	background: #385468 url(img/TopOmbre.jpg) no-repeat bottom center;
	min-height: 184px;
	overflow: hidden;
}
.container_16
{
	background: #fff;
	overflow: hidden;
}
div.NoBackground {
background: none;	
}

img.Logo {
margin: 55px 0;	
}



div#Menu ul li {
color: #666;
float: left;
font-weight: bold;
list-style-type: none;
margin: 0 10px 0 0;
}
div#Menu ul li.active {
background: #fff url(img/FondMenuLi.jpg) repeat-x top left;
padding: 6px 30px;
}
div#Menu ul li a {
background: url(img/FondMenuLiOff.png) repeat-x bottom left;
color: #fff;
display: block;
padding: 6px 30px;
text-decoration: none;
}
div#Menu ul li a:hover {
background: url(img/FondMenuLiOver.png) repeat-x bottom left;
color: #46b0f0;
}

div.ImgHome {
	
	background: #eee;
}
div.ImgHome img {
	
	border: #eee 10px solid;
}
/*  Pour l'accueil, le menu de gauche */
div.actualites {
background: #eee;
margin: 10px 0 0 0;
overflow: hidden;
padding: 0;
}

div.Actu {
margin: 5px;
overflow: hidden;
padding-right: 5px;
}
div.Actu p {
margin: 5px;
padding: 0;
}
div.Actu h3 {
margin: 5px 0 0 0;
}
div.Actu p.right {
margin: 0;
}
div.Actu:hover {
background: #ddd;
overflow: hidden;
}
div.Actu img {
border: #ddd 5px solid;
border-bottom: #ddd 15px solid;
float: left;
margin-right: 10px;
}
div.actualites ul {
margin: 8px 0;
}
div.actualites ul li {
background: url(img/puce.png) no-repeat center left;
list-style-type: none;
margin: 0 5px;
padding: 2px 0 2px 15px;
}
div.actualites ul li:hover {
background: #ddd url(img/PuceOver.png) no-repeat center left;
}
div.actualites ul li.active {
background: url(img/PuceOver.png) no-repeat center left;
}
div.actualites ul li a {
color: #333;
display: block;
text-decoration: none;
width: 100%;
}
div.actualites ul li a:hover {
color: #3399ff;
}
div.Menu h3 {
padding: 5px;
}

/* Pour les listes des articles ou des news, liens, etc..  */
div.Liste {
margin: 10px 0 0 0;
overflow: hidden;
padding-right: 5px;
}
div.Liste p {
margin: 5px;
padding: 0;
}
div.Liste h3 {
margin: 0;
}
div.Liste p.right {
margin: 0;
}
/* div.Liste:hover {
background: #f6f6f6;
overflow: hidden; 
} */
div.Liste img {
border: #ddd 5px solid;
border-bottom: #ddd 15px solid;
float: left;
margin-right: 10px;
}

div.Tarifs {
	border-bottom: 1px solid #eee;
padding: 10px 0;
} 
div.Tarifs:hover {
background: #f4f4f4;
} 
p.Prix {
color: #000;
font-size: 0.9em;
padding: 0 5px;
}

p.Image {
text-align: center;	
}
p.Resume {
font-style: italic;
}
div.Encadre {
border: #ddd 1px solid;
float: right;
margin: 10px 5px;
width: 300px;	
}
div.Encadre p {
color: #666;
font-size: 0.9em;
}
p.Signature {
	font-weight: bold;
}
p.Date {
font-size: 0.8em;	
margin: 0;
padding: 0;
}
div.Illustration {
border: #ddd 1px solid;
float: left;
margin: 10px 5px;
width: 200px;	
}

div.footer {
background: #f6f6f6 url(img/footer-ombre.png) repeat-x top left;	
color: #666;
}
div.footer h2 {
background: none;	
border: none;
color: #666;
}
div#OmbreFooter {
background: url(img/FooterOmbre.jpg) no-repeat top center;	
color: #999;
}
div#OmbreFooter ul {
margin: 5px 0 10px 0;
}
div#OmbreFooter ul li {
display: inline;
}
div#OmbreFooter ul li.first {
margin: 0;
}
div#OmbreFooter ul li a {
color: #999;
}
div#OmbreFooter ul li a:hover {
color: #fff;
}