/* 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:12px;
text-decoration:none;
color:#333333;

}


a.lien_bandeau_haut:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
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;
}

.input_news{
	font-size:12px;
	width:150px; border:1px solid #29C1F2;
}

.boutton_news{
	background-color:#29C1F2;
	color:#FFF;
	border:0px
}

.boutton_news:hover{
	background-color:#F6A901;
	color:#FFF;
		border:0px
}

#bloc_logo{
position:absolute;
margin-left:520px;
margin-top:30px;
}

#logo_bbc{
background: url('../../maj/phototheque/photos/charte/logo_bbc.jpg') no-repeat;
width:143px;
height:102px;
cursor:pointer;

}