/* CSS Document */
/*généralités*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px; 
	background-color:#043448;
}
html {
	overflow:scroll;
	height:100%;
}

a {
	color:#FF0261;
	font-size:12px;
}
h1 {
	background-image:    url("charte/PuceDiam.gif");
	background-repeat:no-repeat;
	color:#005C89;
	font-size:16px;
	font-weight:bold;
	text-indent:30px;
	height:19px;
}
h2 {
	color:#128FCD;
	font-size:14px;
	font-weight:bold;
	text-indent:45px;
}
h3 {
	color:#043448;
	font-size:12px;
	font-weight:bold;
	text-indent:55px;
}
h4 {
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-indent:65px;
	text-decoration:underline;
}
strong {
	font: 14px bold;
	color:#FF0033;
	text-align:center;
}
img {	border-style: none; 
}


hr {
	height: 1px;
	margin: 0px 20px 0px 20px;
	padding: 0;
	color: #399ED0;
	background-color:#399ED0;
	border: 0;
}
li{
	color:#003366;
	font-size:11px;
	padding: 10px 10px 10px 10px;
}

/* fin de généralités*/

/*page accueil*/

#photo {
	background-color:#000000;
	background-position: center center;
	background-repeat:no-repeat;
	height: 370px;
}
#nouveaute {
	color:#113745;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	background-image:    url("charte/trans.png");
	margin:50px 10px 100px 10px;
	padding:10px 5px 10px 5px;
	position:relative;
}
#logos {
	background-color:#FFFFFF;
}
.texte {
	background:#FFF;
	padding:10px 20px 10px 20px;
}
/*fin de page accueil*/
/*mise en page*/
.titreCentre{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#227FB3;
}

.cadre1{
	background-color:#CCF5FF;
	border: 1px dotted #2F879D;
	margin: 0px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
}
.cadre2{
	background-color:#FFF8D9;
	border: 1px solid #FF7404;
	margin: 0px 30px 0px 30px;
	padding: 5px 5px 5px 5px;
}
/* Menu*/

td#totem{
	background:#399ED0;
	padding: 0 0 12px 0;
}
#Home{
	text-align:right;
	text-decoration:none;
	border:none;
	padding-bottom:5px;
}
#Menu{
	margin: 0;
	padding: 6px 5px 6px 10px;
	background:     url("charte/degMenu.jpg") repeat-x #399ED0;
	border-top: 1px solid #5FB8E4;
	border-bottom: 1px solid #144A65;
}
#Menu a {
	text-align:right;
	color:#FFF7DD;
	font-weight:bold;
	margin-left:10px;
	text-decoration:none;
}
#Menu a:hover{
	color:#144A65;
}
#Menu a:active{
	color:#B7FCFF;
}
#Menu2{
	margin: 0;
	padding: 6px 5px 6px 10px;
	background:     url("charte/degMenu_on.jpg") repeat-x #68D3FF;
	border-top: 1px solid #5FB8E4;
	border-bottom: 1px solid #68D3FF;
}
#Menu2 a {
	text-align:right;
	color:#0A364F;
	font-weight:bold;
	margin-left:10px;
	text-decoration:none;
}
#Menu3{
	background:#68D3FF url("charte/puce.gif") no-repeat;
	font-size:11px;
	padding: 4px 5px 6px 6px;
	text-indent:20px;
}
#Menu3 a {
	text-align:right;
	color:#00397F;
	font-weight:bold;
	margin-left:10px;
	text-decoration:none;
}
#Menu3 a:hover{
	color:#144A65;
	background:    url("charte/degMenu_on.jpg") repeat-x #68D3FF;
}
#Menu3 a:active{
	color:#B7FCFF;
}
/* fin du Menu*/
/*début page large avec bouton suivant et retour*/
.chemin{
	color:#FFFFFF;
	font-weight:bold;
	background:#399ED0;
	padding: 10px 5px 10px 20px;
}
.chemin a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.bouton{
	color:#FFFFFF;
	font-weight:bold;
	background:#399ED0;
	padding: 0px 5px 0px 0px;
}
.bouton a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}