/* NOUVEAU CSS 2008 */

body {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:0px;
padding-top:0px;
}

a.lien_bandeau_haut {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#333333;
}

a.lien_bandeau_haut:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
color:#333333;
}

a.menu_haut {
display: block;
padding-top:2px;
padding-left:5px;
padding-right:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
padding-bottom:5px;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
background:#29C1F2;
}
a.menu_haut:hover {
display: block;
padding-top:2px;
padding-left:5px;
padding-right:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
padding-bottom:5px;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
background:#EE6A0B;
}
a.menu_haut_active {
display: block;
padding-top:2px;
padding-left:5px;
padding-right:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#FFFFFF;			
background: url(../../maj/phototheque/photos/charte/fleche_menu1.gif) no-repeat center bottom;	
padding-bottom:5px;
border-left:1px solid #FFFFFF;
background:#EE6A0B;
}
a.menu_haut_active:hover{
display: block;
padding-top:2px;
padding-left:5px;
padding-right:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
background: url(../../maj/phototheque/photos/charte/fleche_menu1.gif) no-repeat center bottom;
padding-bottom:5px;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
background:#EE6A0B;
}

a.sous_menu_haut {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#FFFFFF;
}
a.sous_menu_haut:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#9DDBEA;
}
a.sous_menu_haut_active {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#9DDBEA;
}
a.sous_menu_haut_active:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#9DDBEA;
}

#infospratique {
width:214px;
}

div.pages {
text-align:right;
}

/* NOUVEAU CSS 2008 */

/* --------- CSS MENU HAUT -------- */
#menu_haut{
	width:100%;
	line-height:20px;
	border-top:2px solid #FFFFFF;
}

#menu_haut ul {
    margin: 0;
    padding: 0;
	list-style:none;
    float: right;
	border:0px solid #000000;
}

#menu_haut li {
	
	float: left;
	text-align:center;
	border:0px solid #000000;
}

/*
#menu_haut li a {
	display: block;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;			
	padding-bottom:5px;
}
#menu_haut li a:hover,#menu_haut li a.active:hover{
	display: block;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;		
	background: url(../../maj/phototheque/photos/charte/fleche_menu1.gif) no-repeat center bottom;
	padding-bottom:5px;
}
#menu_haut li a.active {
	display: block;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#A63C2C;			
	background: url(../../maj/phototheque/photos/charte/fleche_menu1.gif) no-repeat center bottom;	
	padding-bottom:5px;
}
*/

/* --------- CSS MENU ARTICLE -------- */
#menu_article {
margin-top:10px;
}
#menu_article td
{
line-height:15px;
}

.a_menu_article{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}
.a_menu_article:Hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	
}
.a_menu_article_Actif{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}
.a_menu_article_Actif:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}
.sousmenuart {
	padding: 5px;
	text-align:right;
}
.inter {
	height: 8px;
	line-height: 8px;
	font-size: 8px;
}

/* ---------------- CSS CONTENU -------------*/
.margin {
	padding: 10px 0 0 0px;
}
div#contenu {
	overflow: visible;
	margin-left:25px;
	margin-top:15px;
	width:740px;
}
/*
#contenu table{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-bottom: 15px;
}
*/

#anim {
width:533px;
height:146px;
margin-left:15px;
margin-top:15px;
position:absolute;
z-index:1;
}

#zone_anim {
width:533px;
height:146px;
margin-left:15px;
margin-top:15px;
position:absolute;
z-index:2;
}

/* ---------------- CSS CONTENU -------------*/
.droite1, .droite1 a {
	color: #0B9331;
	font: 11px Arial;
	text-decoration: none;
}
.droite1 div {
	width: 140px;
	overflow: visible;
	padding: 5px;
	background-color: #F2F4DD;
	border: 1px solid #0B9331;
}
.droite2, .droite2 a {
	color: #756242;
	font: 11px Arial;
	text-decoration: none;
}
.droite2 div {
	width: 140px;
	overflow: visible;
	padding: 5px;
	background-color: #F1D79E;
	border: 1px solid #756242;
}
.droite3, .droite3 a {
	color: #045FB0;
	font: 11px Arial;
	text-decoration: none;
}

.droite3 div {
	width: 140px;
	overflow: visible;
	padding: 5px;
	background-color: #ABCDE9;
	border: 1px solid #045FB0;
}
.droite4, .droite4 a {
	color: #78343D;
	font: 11px Arial;
	text-decoration: none;
}
.droite4 div {
	width: 140px;
	overflow: visible;
	padding: 5px;
	background-color: #D6BFB9;
	border: 1px solid #78343D;
}
.droite1 a:hover, .droite2 a:hover, .droite3 a:hover, .droite4 a:hover {
	text-decoration: underline;
}

.droite3:hover{
	text-decoration: underline;
}

.guide {
	color: #E3001B;
	text-decoration: none;
}
.guide:hover {
	color: #E3001B;
	text-decoration: underline;
}


/* articles */
div.article3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0A58AA;
	padding: 5px;
	margin-top: 10px;
	width: 435px;
}

td.article img {
	float: left;
	margin-right: 10px
}
table.article1, .article1 td {
	color: #0B9331;
	background-color: #F2F4DD;
	margin-top: 10px;
	padding-right: 5px;
	font: 11px Verdana;
	vertical-align: bottom;
}
table.article1 td div {
	margin-top: 20px;
}
table.article1 {
border:1px solid #019934;
}
table.article2, .article2 td {
	color: #756242;
	background-color: #F1D79E;
	margin-top: 10px;
	padding-right: 5px;
	font: 11px Arial;
	vertical-align: bottom;
}
table.article2 td div {
	margin-top: 20px;
}
table.article2 {
border:1px solid #F6A800;
}
table.article3, .article3 td {
	color: #045FB0;
	background-color: #ABCDE9;
	margin-top: 10px;
	padding-right: 5px;
	font: 11px Arial;
	vertical-align: bottom;
}
table.article3 td div {
	margin-top: 20px;
}
table.article3 {
border:1px solid #005EA8;
}
table.article4, .article4 td {
	color: #78343D;
	background-color: #EFC18A;
	margin-top: 10px;
	padding-right: 5px;
	font: 11px Arial;
	vertical-align: bottom;
}
table.article4 td div {
	margin-top: 20px;
}
table.article4 {
border:1px solid #E3001B;
}

/* page */
div.page {
	font: 11px Arial;
	margin: 5px;
	padding: 10px;
	float: left;
	border: 1px solid #93817F;
	background-color: #9CDCF0;
}
div.page a {
	color: #796B53;
	text-decoration: none;
}
div.page a:hover {
	color: #796B53;
	text-decoration: underline;
}

td.bas {
	text-align:right;
	padding:5px;
	font: 11px Arial;
}
.bas a{
	text-decoration: none;
}
.bas a:hover {
	text-decoration: underline;
}

/* metiers */
a.metier {
	font: bold 13px Arial;
	color: #F6A800;
	text-decoration: none;
}
a.metier:hover {
	font: bold 13px Arial;
	color: #F6A800;
	text-decoration: underline;
}
.div_annonce {
	font: bold 13px Arial;
	color: #FFFFFF;
	background-color: #29C1F2;
}

/* contact */
input.txt, textarea {
	border: 1px solid #29C1F2;
}
.contact .submit {
	padding: 0 15px;
	font: 11px Arial;
	border: 1px solid #29C1F2;
}

/* print */
.print * {
		font: 11px Arial;
}

/* magasin */
a.magasin {
	display: block;
	width: 100%;
	font: 11px Arial;
	padding: 5px 3px;
	background-color: #F9ECCC;
	color: #4B4C4D;
	text-decoration: none;
}
a.magasin:hover, a.magasin_actif, a.magasin_actif:hover {
	display: block;
	width: 100%;
	font: 11px Arial;
	padding: 5px 3px;
	background-color: #E6C8AE;
	color: #4B4C4D;
	text-decoration: none;
}

.ariane {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#333333;
}
.ariane:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#333333;
}