/*    mambo */

acronym, abbr {
	border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .08em;
}

a.image, a.image:hover {
	border: 0;
}


p .bodytext{
	font-family: Verdana,'Lucida Grande',  Arial, Sans-Serif;
}

.tx-gooffotoboek-pi1 td img{
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

.bodytext img, .csc-textpic csc-textpic-left csc-textpic-above img{
margin: 0px 15px 5px 0px;
padding: 0px 15px 5px 0px;
}
/*
.csc-textpic-imagewrap img{
margin: 0px 15px 5px 0px;
padding: 0px 10px 5px 0px;
}*/
#actu{
width: 190px;
text-align: left;
padding : 10px 5px 5px 7px;
margin: 2px 0 10px 15px;
border: 1px dashed #ccc;

}

#actu dl, #actu dd, #actu dt, #actu dt a{
color:#333;
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
z-index: 50;
text-align: left;
padding: 0;
margin: 0;
text-decoration: none;
}

#actu dd, #actu dd a{
color:#333;
text-decoration: none;
font:bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
}
#actu dd a:hover, #actu dt a:hover{
text-decoration : underline;
}

#actu h1 {
text-align: left;
color:#333;
font: bold 16px 'Lucida Grande', Verdana, Arial, Sans-Serif;
border-bottom: 2px solid;
}

#cpt {
text-align: left;
color:#333;
height: 150px;
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
background : url("images/pancarte.gif") no-repeat top center;
}
#maj {
padding-top: 150px;
text-align: center;
color:#333;
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
vertical-align: bottom;
}

#navig{
width: 720px;
text-align: left;
color: #fff;
border-bottom: 1px solid;
margin: 0;
padding : 0;
}



#navig ul{
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0 0 2px 0;
	display: list-item;
	list-style-type: none;
 }

 #navig ul li{
	/*text-align: left;
	margin: 0 14px 10px 0px;*/
	margin: 10px 10px 0 2px;
		padding: 0;
	display: inline;
	list-style-type: none;
 }


#navig ul li a{
	margin: 10px 10px 0 2px;
	text-decoration: none;
	color: #FAFAFA;
		padding: 0;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	list-style-type: none;
}
#navig ul li a:hover  {
	border-bottom: 5px solid;
	margin: 10px 10px 0px 2px;
	text-decoration: none;
	color: #FAFAFA;
		/*padding: 0 0 2px 0;*/
	list-style-type: none;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	z-index: 10;
}

body {
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #d5d6d7;
	color: #333;
	text-align: center;
	margin-top: 4px
}
#haut {
background : url("../images/haut_4.gif") no-repeat top center;
height: 30px;}
#milieu {
background: transparent url("../images/milieu2.jpg") repeat-y top;
height: auto;
/*padding : 2px 5px 2px 5px;*/
}
#entete{
text-align: center;
background: url("../images/h_automne.jpg") no-repeat top center;
height: 200px;
padding :1px;
padding-left: 20px;
}

#logo{
width: 600px;
text-align: left;
padding: 95px 0 0 0;
margin: 0px 10px 20px 0px;
color: #fff;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#logo h1, #logo a{
text-decoration: none;
font: bold 30px Comic Sans MS,'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #fff;
}

#logo a:hover{
text-decoration: underline;
font: bold 30px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #fff;
}

#contenu{
padding: 10px 0 0 0;
margin: 10px 0 0 0;
text-align: left;
width: 740px;
height: auto;
}



div#gauche{
height: auto;
float: left;
width: 230px;
color: #666;
	/*font-size: 62.5%;*/
		font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#gauche a{
vertical-align: bottom;
	margin: 0;
	text-align: center;
	color: #333;
	text-decoration: none;
		font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;

}
#gauche a:hover, #gauche a:active{
text-decoration : underline}


div#droite{
/*margin: 0;*/
float: right;
padding:0 10px 0 5px;
width:490px;
}

a.gris, a.spip_in{
vertical-align: bottom;
	margin: 0;
	text-align: center;
	color: #666;
	text-decoration: underline;
font-weight:bold;
}



a.maron {
color: #663125;
text-decoration:none;
font-weight:bold;
}
a.maron:hover {
text-decoration: underline;
font-weight:bold;
}

a.vert {
color: #669f40;
text-decoration:none;
}
a.bleu {
color: #0085ce;
text-decoration:none;
}
#droite dl{
padding:5px 20px;
list-style-position: outside;
list-style: disc;
}
#droite dd a{
list-style :disc;
color: #663125;
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-decoration:none;
list-style-position: outside;
list-style: disc;
}/*
#droite dt a, .csc-menu a{
list-style :disc;
list-style-position: outside;
color: #663125;
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-decoration:none;
}

#droite a{
color: #663125;
font: bold 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-decoration:none;
}
*/
ul.csc-menu csc-menu-1 {
list-style :disc;
list-style-position: outside;
}

#droite dt a:hover, .csc-menu a:hover{
text-decoration:underline;
}
h1 {
padding: 0;
/*margin : 0 15px 0 5px;*/
color: #333;
font: bold 16px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


#colonne1{
padding: 210px 2px 0 0;
background: url("../images/automne1.jpg") top center no-repeat;
float: left;
width: 160px;
height: auto;
}
#colonne1plan{
padding: 10px 2px 200px 0px;
margin-right: 2px;
background: #fff;
float: left;
width: 162px;
height: auto;
}
#colonne1 h1 , #colonne1plan h1{
border-bottom: 2px solid #663125;
padding: 0;
margin : 0 15px 0 5px;
color: #333;
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#colonne1 ul li, #colonne1 ul li a, #colonne1plan ul li ,#colonne1plan ul li a, #menu li.marron a{
text-decoration: none;
margin: 0;
padding: 0;
color: #663125;
font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;}


#colonne2{
padding-top: 210px;
background: url("../images/potiron.jpg") top center no-repeat;
float: left;
width: 160px;
}
#colonne2plan{
padding: 10px 2px 200px 0px;
margin-right: 2px;
background: #fff;
float: left;
width: 165px;
} 

#colonne2 h1 , #colonne2plan h1{
border-bottom: 2px solid #669f40;
padding: 0;
margin : 0 0 0 10px;
color: #333;
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
width: 140px;
}

#colonne2 ul li, #colonne2 ul li a , #colonne2plan ul li ,#colonne2plan ul li a{
text-decoration: none;
margin: 0;
padding: 0;
color: #669f40;
font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#colonne3{
padding-top: 210px;
margin : 0;
background: url("../images/automne2.jpg") top center no-repeat;
float: left;
width: 160px;
}

#colonne3plan{
padding: 10px 2px 200px 0px;
margin-right: 0px;
background: #fff;
float: left;
width: 162px;
}

#colonne3 h1, #colonne3plan h1{
/*text-indent: 10px;*/
border-bottom: 2px solid #0085ce;
padding: 0;
margin : 0 0 0 10px;
color: #333;
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#colonne3 ul li, #colonne3 ul li a, #colonne3plan ul li, #colonne3plan ul li a{
text-decoration: none;
margin: 0;
padding: 0;
color: #0085ce;
font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#colonne1 ul li a:hover, #colonne2 ul li a:hover, #colonne3 ul li a:hover, #colonne1plan ul li a:hover, #colonne2plan ul li a:hover, #colonne3plan ul li a:hover{
	
	text-decoration: underline;
}

/*****************menu gauche******************/
#menu{
padding : 0px 10px 0px 0px;
margin:  0px;
text-align:top;
	}

#menu ul.maron, #menu ul.vert, #menu ul.bleu{
padding:0 0 10px 15px;
color: #333;
margin : 0;
list-style: none;
font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#menu ul{
padding:0 0 0 15px;
color: #333;
margin-left : 5px;
list-style: none;
}
/******* maron*********/
#menu li.maron h1{
border-bottom: 2px solid #663125;
color: #333;
padding:0px;
margin:5px 0;
}

#menu li.maron1, #menu li.maronon1 ,
#menu li.bleu1, #menu li.bleuon1,
#menu li.vert1, #menu li.verton1 {
color: #333;
list-style:none;
padding: 0 0 2px 0;
text-decoration:none;
}

#menu li.maron1 a, #menu li.maronon1 a,
#menu li.bleu1 a, #menu li.bleuon1 a,
#menu li.vert1 a, #menu li.verton1 a {
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
list-style:none;
color:#333;
text-decoration:none;
}
#menu li.maron2, #menu li.maronon2,
#menu li.bleu2, #menu li.bleuon2,
#menu li.vert2, #menu li.verton2 {
list-style:none;
}
#menu li.maron2 a, #menu li.maronon2 a{
font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#663125;
}

#menu li.maron3, #menu li.maronon3,
#menu li.bleu3, #menu li.bleuon3,
#menu li.vert3, #menu li.verton3 {
list-style-position: outside;
list-style: disc;
padding:0 0 2px 0;
}

#menu li.maron3 a, #menu li.maronon3 a{
font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#663125;
}

#menu .maron2 a:hover,#menu .maronon2 a:hover, #menu .maron3 a:hover, #menu .maronon3 a:hover,
#menu .bleu2 a:hover,#menu .bleuon2 a:hover, #menu .bleu3 a:hover, #menu .bleuon3 a:hover,
#menu .vert2 a:hover,#menu .verton2 a:hover, #menu .vert3 a:hover, #menu .verton3 a:hover {
text-decoration:underline;
}

#menu .maronon1 ,.maronon2, .maronon3,
#menu .bleuon1 ,.bleuon2, .bleuon3,
#menu .verton1 ,.verton2, .verton3 {
background : #EFEFEF;
/*padding: 0 0 4px 0;*/
}
#menu .maronon1 a,.maronon2 a, .maronon3 a,
#menu .bleuon1 a,.bleuon2 a, .bleuon3 a,
#menu .verton1 a,.verton2 a, .verton3 a {
color: #333333;
}

/******* bleu*********/
#menu .bleu h1{
border-bottom: 2px solid #0085ce;
color: #333;
padding:0px;
margin:5px 0;
}

#menu li.bleu2 a, #menu li.bleuon2 a{
font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#0085ce;
}


#menu li.bleu3 a, #menu li.bleuon3 a{
font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#0085ce;
}



/******* vert*********/
#menu .vert h1{
border-bottom: 2px solid #669F40;
color: #333;
padding:0px;
margin:5px 0;
}

#menu li.vert2 a, #menu li.verton2 a{
font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#669F40;
}


#menu li.vert3 a, #menu li.verton3 a{
font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#669F40;
}




table.contenttable {
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
width : 100%;
background-color: #fff;
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
table.contenttable tr.row_first {

}

table.contenttable tr.row_odd {
        background-color: #ccc;
}
/*
table.spip tr.row_even {
        background-color: #F0F0F0;
}
*/
table.contenttable td {
padding: 2px;
margin : 0;
text-align: left;
 vertical-align: center;
background-color: #f9f9f9;
border : #d5d6d7 1px solid;
}





#footer { background: #eee url("../images/bas.jpg") no-repeat bottom; border: none;
height: 63px;}


#footer {
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
top: 20px;
vertical-align: bottom;
color: #999;
line-height: 60px;
	padding: 0px 0;
	margin: 15px auto;
	width: 760px;
clear: both;
}
#footer a{
vertical-align: bottom;
	margin: 0;
	text-align: center;
	color: #999;
	text-decoration: none;
}
#footer a:hover{
text-decoration : underline}
blockquote {
	margin: 15px 30px 20px 10px;
	padding-left: 20px;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;}
.center { text-align: center;}




.csc-mailform-field{
width: 350px;}
.csc-mailform{
border:0;
}

img {
border: 0;
float: left;
/*fpadding: 0px 0px 5px 0px;
margin: 5px 5px 0px 5px !important;*/
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
}
.clear{
clear:both;}