@import url("htmlarea.css");
html,body,div,dl,dt,dd,ul,ol,li,pre,form,/*input,*/p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
ul,ol,li { list-style-type: none}
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
body, td, th {
	margin: 0px;
	padding: 0px
}


body { text-align: center; background: #EAEAEA; color: #4E4E4E;
}
body, td, th { font-family:  Arial, Helvetica, sans-serif; font-size: 12px}

/*  */
#tout {
	text-align: left;
	width: 924px;
	background: #FFF url(images/v2/bgTout.png) repeat-y center top;
	margin: 0px auto;
}
#header {
	background: #FFF url(images/v2/bgHeader.jpg) no-repeat center top;
}
#header div { 
	height: 108px;  margin-left: 13px}
.logo {
	display: block;
	height: 108px;
	width: 84px;
	background: url(images/v2/bagnols-sur-ceze.gif) no-repeat left  center;
	float: left;
}
#navTop { padding: 0 0 0 8px; margin: 0; float: left; }
#navTop li { padding: 0.4em 0px 0.4em 12px; margin: 0; list-style-type: none; background: url(images/v2/puceNavTop.gif) no-repeat left center; font-weight: bold}
#navTop img { border: none; margin-right: 8px}
#navTop #drapeaux { background: none; padding-left: 0}


/**/
#bgCentre { background: url(images/v2/bgCentre.png) no-repeat left bottom}
#centre {
	clear: both;
	margin: 0 0 0 13px;
	width: 898px;
	}
#content {
	vertical-align: top;
}
#main {
	margin: 18px 8px 14px 28px
}
#footer {
	height: 38px;
	padding: 4px 20px; 
	text-align: center;
	background: #EAEAEA url(images/v2/bgFooter.png) no-repeat center top; color: #FFF;
}
#footer * { color: #FFF;}
#footer a { font-weight: bold}
#footer .neteor { float: left; padding: 0; margin:0}
#up {
	margin: 0px 20px; height: 22px
}
#up a {
	display: block; padding-left: 14px; float: right;
	background: url(images/v2/up.gif) no-repeat 0 center;}

#left {
	vertical-align: top;
	width: 242px;
	padding: 0px 0px 220px 0px;
}
#leftContact {
	vertical-align: top;
	width: 240px;
	padding: 0px 0px;
	background: #DB0073 url(images/v2/bgMail.jpg) no-repeat right bottom
}


#topContent {
	margin-bottom: 14px;
	width: 100%;
}
#topContent td {
	vertical-align: top
	}
#topContent #mainTitle {
	padding-left: 24px;
	vertical-align: top;
}
#topContent h1{
	margin: 30px 0 14px 0px;
	font-size: 2em;
	font-weight: normal; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #D80071 url(images/v2/bgMainTitle.gif) no-repeat left bottom;
	padding: 0;
	}
#topContent h1 span{
	padding: 3px 4px 6px 14px;
	display: block; background: url(images/v2/bgMainTitle.gif) no-repeat right top; 
}
#topContent h1 span:first-letter { text-transform: uppercase }
	
#topContent p { }	
#topContent #tools { width: 190px; vertical-align: top}
/******		BALISES GENERALES	**********/
a { text-decoration: none;color: #0000FF}
a:hover { text-decoration: underline; color: #D80071}
p { padding: 2px; margin: 0px 0px 8px 0px; line-height: 130%}
h1, h2, h3, h4 ,h5, h6 {color: #575757; padding: 2px ; margin: 0px 0px 8px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 {
	padding: 2px;
	margin-bottom: 12px; color: #FFF;
	
}
h1 span {
}
h1:first-letter { text-transform: uppercase;}
h2 { color: #F5FDDB; font-size: 1.3em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 4px 4px 6px 14px; background: url(images/v2/bgH2.gif) no-repeat left bottom; }
h3{ color: #595959; font-size: 1.2em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 0px 4px 4px 14px; color:#595959; background: url(images/v2/bgH3.gif) no-repeat left bottom;} 
h4{ font-size: 1.1em; font-weight: bold; margin: 0; padding: 2px; color: #7EA400; font-family: Arial, Helvetica, sans-serif}
h5 { margin: 0px; padding: 0px; font-size: 1em }

input, textarea, select {
	border: 1px solid #7F9DB9;
}
input:focus, input:hover, textarea:focus, textarea:hover {
}
img { border: none}
ul, ol { margin: 0px 0px 14px 20px; }
li { padding: 2px 2px 2px 14px; margin: 0px 0px 1px 0px; background: url(images/v2/puceUl.gif) no-repeat 0 6px; list-style-type: none}
td, th { vertical-align: top}

form {}
fieldset {
	border: 1px solid #CCC;
}
legend { font-size: 13px; color: #666666; padding: 8px; font-weight: bold} 
/**/
#formSearch {
	padding: 4px 4px 4px 10px;
	background: #A50160 url(images/v2/bgSearch.gif) no-repeat;
	text-align: right;
}
#formSearch input {
	vertical-align: middle;
}
#left h1{
	color: #FFFFFF;
	padding:0px;
	margin: 0px;
	font-size: 14px;
	height: 55px;
	}

/*******	NAVIGATION		**************/
#nav1 {
	list-style-type: none;
	height: 30px;
	background: #FFFFFF;
	width: 898px;
	margin: 0px auto !important;
	margin: 0 13px;
}
#nav1 ul { padding: 0px; margin: 0px;}
#nav1 li { padding: 0; margin: 0px;
	float: left; list-style-type: none; background: none;
}
#nav1 li.on { background: #FFEBFA}
/*#nav1 a {
	display: block; 
	padding: 7px 12px 7px 18px;
	background: url(images/v2/bgNav1.gif) no-repeat 2px center;
	font-size: 1em; color:#0099FF
}
*/
#nav1 a {
	display: block; 
	padding: 7px 20px 7px 30px;
	background: url(images/v2/bgNav1.gif) no-repeat 9px center;
	font-size: 1em; font-weight: bold;
}
#nav1 a:hover { }
#nav1 .on a{
	background: #66003A; color: #FFF} 
.bgNav1 {
	border-bottom: 7px solid #970097;
	background-color: #FFFFFF;
	height: 20px
}

/*****NAV2******/

.nav2 {
	background:#FFF; width: 230px; font-size: 12px ;padding: 0; margin: 0px 0px 0px 5px;border-bottom: 1px solid #CACACA;
}
.nav2 ul { margin:0; padding: 0; }
.nav2 li{ padding:0px; margin: 0px;
	list-style-type: none; border: 1px solid #CACACA; border-bottom: none; background: none; height: 100%;
}
.nav2 a{
	font-weight: bold;
	font-family: arial;
	padding: 4px 0px 5px 26px;
	display: block; height: 100%;  background: url(images/v2/puceNav2Li.gif) no-repeat  6px center
	}
.nav2 li a:hover { background-color: #FFEBFA;}
.nav2 li.on { border-bottom: none; border-top: 1px solid #CACACA; border-left: 4px solid #A50160; border-right: 4px solid #A50160}
.nav2 li.on a{  background: #A50160; color: #FFF;}

/* LVL1 */
.nav2 li.lvl1 { background-color: #FFF; font-size: 0.9em; border-bottom: 1px solid #A50160;  border-top: 1px solid #A50160; border-left: 4px solid #A50160; border-right: 4px solid #A50160
	}
.nav2 li.lvl1 li{ border: none; margin: 0px; }

.nav2 .lvl1 a{ background:url(images/v2/puceNav2Lvl1.gif) no-repeat 26px center; padding-right: 6px; font-weight: normal; padding-left: 40px }
.nav2 .lvl1 .on1 { background: #FFEBFA}
.nav2 .lvl1 .on1 a { font-weight: bold; font-size: 1em; color: #DB0073}


/* LVL2 */

.nav2 .lvl2 {}
.nav2 .lvl2 ul{ background-color: #FFFFFF; border-bottom: 1px dotted #CECECE }
.nav2 .lvl2 a {
	border-top: 1px dotted #CECECE;
	padding: 3px 0px 3px 54px;
	font-size: 0.9em; font-weight: normal; font-style:normal; background: url(images/v2/puceNav2Lvl2.gif) no-repeat 40px center; }
.nav2 .lvl2 .on2 a{ font-weight: bold; font-size: 1em;}
	

/* NAV TOOLS*/
#navTools {
	background: url(images/v2/bgTools.gif) no-repeat;}
#navTools ul {
	margin: 0px;
	background: url(images/v2/botTools.gif) no-repeat left bottom;
	list-style-type: none;
	padding: 2px 1px 12px 10px;
}

#navTools li {
	padding: 0px;
	margin: 1px 0px 0px 0px;
	font: normal 0.8em arial; background: none; height: 100%
}
#navTools a { color: #FFFFFF; display: block; padding: 0px 2px 0px 24px; background:url(images/v2/puceTools.gif) no-repeat 16px center}
#navTools a:hover, #navTools li.on a { background: #FFEBFA; color: #A5025F}

/*********	HOME	*************/
#news {
	border-top: 1px dotted #999999;
	width: 626px; margin-left: 20px;
}
#news div.desc{
	margin: 2px 4px
}
#news td {
	font-size: 0.9em;
	width: 25%; vertical-align: top; border-right: 1px dotted #000; }
#news td img { display: block; border: 1px solid #C0C0C0}
#news h2{
	font-weight: bold; font-size: 1.1em;
	padding: 2px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	margin-bottom: 2px; background: none
}
#news img { margin-bottom: 5px}
.homebouger, .homevivre, .homeconnaitre {}
.homecitoyen h2{ color: #F88506;}
.homebouger h2{ color: #019AFF;}
.homevivre h2{ color: #EC2307;  }
.homeconnaitre h2{ color: #ACCA0A;}
#news td.homeconnaitre { border: none}

#news .view { font: bold 10px "Lucida grande", Verdana, Arial, Helvetica, sans-serif }
/********		DIVERS		******/

img.imgtoright, .imgtoright div.photo{
	float:right;
	margin-left:7px;
	margin-bottom:8px;
	border-left: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
img.imgtoleft, .imgtoleft div.photo{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

.imgBlock .photo{
	margin-bottom: 6px;
 	/*border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;*/
	padding: 0 0 0 10px !important;
	padding: 0 0 0 10px;
	background: #FFF 

}
.imgBlock { background:  #FFFFFF; margin-bottom: 10px }
.photo {
	position: relative; z-index: 10; background-color: #FFFFFF
	/*border: 1px solid #F1F1EA*/
}
.legende {
	font-size: 9px;
	color: #A4A4A4;
	text-align: right;
}
.date {
	font-weight: bold;
	margin-bottom: 2px;
	color: #666666;
}
.required {
	color: #CC0000;
	font-weight: bold;
	font-style: italic;
}
.blue {
	color:  #0000CC;
	font-weight: bold;
}
p.back {
	background: url(images/v2/back.gif) no-repeat 0px center;
	padding: 0.3em 0.3em 0.3em 16px;
	margin: 0;
}
.bold { font-weight: bold; }
.view { padding: 2px; margin:0px}
.icon { vertical-align: middle; margin-right: 3px;}
p.link { padding:2px 2px 2px 14px; border-bottom: 1px dotted #CCC; margin: 2px; background: url(images/v2/puceLink.gif) no-repeat 0 center}
/******DETAIL*************/
.ficheDetail {
	margin-bottom: 26px;
	padding: 0px;
}
.ficheDetail .titItemDetail { background: #0094AC url(images/v2/bgTitreBleu.gif) no-repeat left bottom; padding: 3px 4px 6px 14px;
	color: #FFF;
	font-size: 1.2em;
	padding: 3px 3px 3px 18px;
	margin: 0;
}
h2.titCat { background: url(images/v2/bgNav1.gif) no-repeat 0 center; padding-left: 16px}
.ficheDetail table { width: 100%;}
.ficheDetail table.infoClient { width: 100%;}
.ficheDetail table.infoClient td { width: 50%}
.ficheDetail table th{ width: 170px}
.ficheDetail tr.line1 th, .ficheDetail tr.line1 td{ background-color: #A50160; color: #FFF}
.ficheDetail2 {
	margin-bottom: 6px;
	padding: 2px;
	line-height: 14px;
	border: 1px solid #A8C6EA;
	color: #666666; /*line-height: 140%*/
}
.ficheDetail div {
}
.paves1 {
	line-height: 140%;
	/*background: url(images/v2/bgPaves1.png) repeat-x left bottom;*/
	background-color: #F7F7F7;
	padding: 4px;
}
.paves2 { margin: 4px;}
.paves3 { margin: 4px; padding: 4px 4px 8px 4px}
.coords{ padding: 4px 4px 8px 4px;}
.desc{
	padding: 4px 4px 8px 4px;
	line-height: 140%;
}
.desc span { font-weight: bold}

.paves1 span { font-weight: bold}
.paves2 span, .coords span, .ficheDetail2 .desc span  { font-weight: bold}
.paves3 span { font-weight: bold}

/*	MENU CANTINE	*/
table.cantine { width: 100%; margin-bottom: 10px}
table.cantine td{ padding:4px }
table.cantine td.tit { 
	 color: #FFF; font-size: 12px; background: url(images/v2/bgTitreBleu.gif) no-repeat left bottom; padding: 3px 4px 6px 14px;
	 border-bottom: 3px solid #FFF; font-weight: bold;
	font-size: 11px;
}	
table.cantine td.desc { background: #EFF9FA; border: 1px solid #FFF; }
table.cantine td.desc img { float: right; margin: 0px 0px 6px 6px; background: #E7F1D8}

/****		PAGINATION		**********/	
ul.pagine {
	text-align: center;
	margin: 0px;
	list-style-type: none;
	}
ul.pagine li{
	margin: 0px 2px;
	padding: 0px;
	display: inline;
	background: none;
	}
.pagine li.on { font-weight: bold; padding-top: 3px; color: #000000}
.pagine li a { color: #0099FF}
.pagine li a:hover{ color: #DB0073}
/******		DONNEES TABULAIRES		***********/
.tablo {
	border-collapse: collapse;
	margin-bottom: 10px;
}
.tablo th { text-align: right;
	border: 1px solid #DEDEDE; background: #F8F8F8;
	padding: 6px;}
.tablo td {
	border: 1px solid #DEDEDE;
	padding: 5px;
}
.champs { background-color: #F3F9EC; color: #0A6850}

/*********		LISTING		*********/
.listing {
	margin-top: 10px;
	margin-bottom: 26px;
	color: #666666;
}
.listing dt {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 8px; background: #0094AC url(images/v2/bgTitreBleu.gif) no-repeat left bottom; padding: 3px 4px 6px 14px
}
.listing dd {
	border: 1px solid #A8C6EA;
	margin-bottom: 3px;
	padding: 4px 4px 8px;
}
.listing .objet a { font-weight: bold}

ul.listings2 { }
.listings2 li{ margin-bottom: 6px; padding: 2px 2px 2px 14px; border-bottom: 1px dotted #CCCCCC}
.listings2 a { font-weight: bold}

/* LISTE DES ACTIONS SOCIALES  */
.listActions { background: #FFF url(images/v2/bgListActions.gif) no-repeat; margin-left: 10px;  width: 201px;}
.listActions div { background: url(images/v2/botListActions.gif) no-repeat left bottom; height: 14px}
.listActions h2 { color: #A50160; font-weight: bold; font-size: 1.3em;  margin: 0px 0px 0px 6px; padding: 0.3em; background: none; color: #A50160;}
.listActions dl { padding: 0px 8px; border-top: 1px dotted #CACACA; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; }
.listActions dt{ padding: 4px 4px 2px 0px; font-weight: bold}
.listActions dd{ padding: 0px 4px 8px 0px;  border-bottom: 1px dotted #A50160;}
.listActions dl{}
.listActions ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 6px
}
.listActions li {
	padding-left: 8px;
	background:url(images/v2/puceListActions.gif) no-repeat 0px 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.listActions li a{ display: block}

/* Listing de categories d'associations */
.listingCat { width: 400px; margin-bottom:14px}
.listingCat h2{ }
.listingCat td { padding: 0px; width: 50%; font-weight: bold}
.listingCat a{ display: block; padding: 4px 6px 4px 10px; background: url(images/v2/puceUl.gif) no-repeat left center}
.listingCat a span{ color: #666666}

/**********		FORMULAIRE		********/
.btn { width: auto; overflow: visible; border: 1px solid #66003A; background: #FFF url(images/v2/bgBtn.png) repeat-x left bottom; padding: 2px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; cursor: pointer
}

/*****		CMS		************/
table.cms {
	margin-bottom: 14px;
	width: 100%;
}
div.cms { margin-bottom: 14px}
.cms td {
	padding: 4px 0px;
	vertical-align: top;
}

.cms { /*padding-right: 10px*/}
.cms h1{}
.cms h2 {/* position: relative; left: -11px;*/ color: #F5FDDB; font-size: 1.3em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 4px 4px 6px 14px; background: url(images/v2/bgH2.gif) no-repeat left bottom; }
.cms h3{ /*position: relative; left: -11px;*/ color: #595959; font-size: 1.2em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 0px 4px 4px 14px; color:#595959; background: url(images/v2/bgH3.gif) no-repeat left bottom;} 
.cms h4{ font-size: 1.1em; font-weight: bold; margin: 0; padding: 2px; color: #7EA400; font-family: Arial, Helvetica, sans-serif}
.cms h5 { margin: 0px; padding: 0px; font-size: 1em }

.cms h3:first-letter { text-transform: uppercase}

.cms p { margin-bottom: 12px}


.preview {
	text-align:center;
	margin-bottom: 10px;
}
.preview img { margin-right: 6px}
.preview .photo{ margin: 0px auto}


/* */
#formNeteor {
color: #666666
}
#formNeteor h3 { background-color:#E69417}
#formNeteor th{ width: 70px; text-align: right; padding: 4px }
#formNeteor td{
	padding: 4px;
	border: 1px solid #FFFFFF;
} 
#formNeteor table{
	margin: 0px auto;
	width: 400px;
} 
.answerMail {
	width: 400px;
	margin: auto; padding: 10px 0px;
	text-align: center; border: 1px dotted #CCCCCC
}
.answerMail  p { padding: 2px; margin:0}
.answerMail img { vertical-align: middle}

/************		AGENDA		********/
div#agenda {
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 230px; margin-left: 4px;
	color: #444444;
}
div#agenda div{
	padding: 3px 5px 5px 5px; border: 1px solid #CACACA; margin: 0 0 4px 0px; background: #FFF; 
	}
div#agenda h1 { background: url(images/v2/titNewsHome.png) no-repeat left bottom}
div#agenda h2 {
	margin: 0;
	padding:0;
	background: none;
	font-size: 1em; font-weight: bold; color: #666
}
div#agenda .view { text-align: right}
div#agenda p{ padding: 0px 2px 0px 0px; margin: 0}

table#agenda h3 {
	padding: 2px;
}

div#agenda .line1{ background: #F5F5F5}
#agenda a{ color: #000 }

.type1 h2,.type2 h2,.type3 h2,.type4 h2,.type5 h2,.type6 h2,.type7 h2{
	padding: 3px 4px 6px 14px;
	margin-bottom: 2px;
	color: #FFF; font-weight: bold; font-size: 12px
}
.type1 h3, .type2 h3,.type3 h3,.type4 h3, .type5 h3,.type6 h3,.type7 h3{
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background-image: none; font-size: 1.5em; font-weight: normal
}

#agenda .young_audience { background-image: url(images/event_young_audience.png); background-repeat: no-repeat; background-position: right center; padding-right: 46px; }
.event_week_end {
	background-color:#FFFFDF;
}
/*.type1 { border-bottom: 1px dotted #019AFF}
.type2 { border-bottom: 1px dotted #CC6600}
.type3 { border-bottom: 1px dotted #FF9900}
.type4 { border-bottom: 1px dotted #CC0000}
.type5 { border-bottom: 1px dotted #0066CC}
.type6 { border-bottom: 1px dotted #00937B}*/

.type1 h3{ color:#0094AC; border-top: 2px dotted #0094AC; border-bottom: 2px dotted #0094AC}
.type2 h3{ color:#EC7404; border-top: 2px dotted #EC7404; border-bottom: 2px dotted #EC7404}
.type3 h3{ color:#F6A800; border-top: 2px dotted #F6A800; border-bottom: 2px dotted #F6A800}
.type4 h3{ color:#DB0073; border-top: 2px dotted #DB0073; border-bottom: 2px dotted #DB0073}
.type5 h3{ color:#00768A; border-top: 2px dotted #00768A; border-bottom: 2px dotted #00768A}
.type6 h3{ color:#96BF0D; border-top: 2px dotted #96BF0D; border-bottom: 2px dotted #96BF0D}

.type1 h2{ background: #0094AC url(images/v2/bgTitreBleu.gif) no-repeat left bottom; }
.type2 h2{ background: #EC7404 url(images/v2/bgTitreOrangeFonce.gif) no-repeat left bottom;}
.type3 h2{ background: #F6A800 url(images/v2/bgTitreOrange.gif) no-repeat left bottom;}
.type4 h2{ background: #DB0073 url(images/v2/bgTitreRose.gif) no-repeat left bottom;}
.type5 h2{ background: #005C6C url(images/v2/bgTitreBleuFonce.gif) no-repeat left bottom; }
.type6 h2{ background: #96BF0D url(images/v2/bgTitreVert.gif) no-repeat left bottom;}

/*.type1 .box{
	border: 1px solid #6491D5}
.type2 .box{ border: 1px solid #CC6600}
.type3 .box{ border: 1px solid #FF9900}
.type4 .box{ border: 1px solid #CC0000}
.type5 .box{border: 1px solid #0066CC}
.type6 .box{ border: 1px solid #00937B}*/

/*****************************/
.mail {
	background: url(images/v2/mail.gif) no-repeat 0 center;
	padding-left: 26px;
	height: 17px;
}
.box {
	width: 100%;
	margin-bottom: 6px;
}
.lighBlue {
	background: #F3F7FC;
}
.titH4 {
	border-bottom: 1px dotted #333;
	padding-bottom: 2px;
}
/******************/
.formtit {
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624200;
	font-weight: bold;
	background-color: #CBE6AE;
}
.formtext1 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624200;
}
.formtext2 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624200;
	background-color: #EBF5E0;
}
.form {
	font-size: 11px;
}
.formtable {
	border-top: 1px solid #999999;
	border-right: 3px solid #00937B;
	border-bottom: 3px solid #00937B;
	border-left: 1px solid #999999;
}

/* Download box */
div.download {
	background: #F6F6F6 url(images/v2/bgDownloadLeft.gif) no-repeat; width: 100%; clear: right
}
div.download  div{ background: url(images/v2/bgDownloadRight.gif) no-repeat right bottom;}
div.download h4{ font-size: 1.3em; padding: 10px 6px 8px 6px; margin: 0px 0px 0px 6px ; color: #666666; background: url(images/v2/bgDownloadTop.gif) no-repeat right top;}
div.download p { background: url(images/v2/bgDownloadBottom.gif) no-repeat left bottom; padding: 0 0 20px 8px; margin: 0 10px 0px 0}
div.download p a img { vertical-align: middle}
div.download a { display: block; padding: 4px}
div.download a:hover { background: #FFF }

/*********		BOX		***********/
.myBox {
	background: url(images/v2/topBox.jpg) repeat-y;
}
.myBox .topBox {
	padding: 4px 10px;
}
.myBox .botBox {
	background: url(images/v2/botBox.jpg) no-repeat left bottom;
	height: 14px;
	}
.borderBot {
	padding-bottom: 3px;
	border-bottom: 1px solid #0A6850;
}

/*********	GABARIT ALBUM	***********/
h2.titAlbum {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0px
}

#datacontainer {
	width: 550px;
	overflow:auto;
	height:125px;
	border: 1px solid #CCC;
	margin: 0px 0px 10px 0px;
	}

.noline {
	border: none;
}
.line2 {
	background: #F3F3F3;
}
.titH3 {
	color: #E69417;
	background: none;
	font-size: 12px;
}
.titH2 {
	color: #E69417;
	background: none;
	padding: 0px;
	border-bottom: 1px dotted #0A6850;
}


.titre4 { font-weight: bold}
div.contactMairie {
	color: #FFFFFF; padding: 6px
}
div.contactMairie h2{ color: #FFF; font-size: 14px; padding: 60px 0px 0px 0px; margin: 0; background: none}
div.contactMairie p{ }
div.contactMairie p span{ font-weight: bold }

/*  */
p.infos { padding: 0; margin: 0 0 8px 0}
p.infos span { font-weight: bold }


/*	MESSAGES SYSTEM */

.required-field { background-color: #ffef89 !important;}
.validMessage, .errorMessage { margin: 0 0 5px 0; font-weight:bold; }
.errorMessage img, .validMessage img { vertical-align: middle; }
div.validMessage {
	background-color: #C6E2FF;
	color:#000000;
	border: 1px dotted #0099FF;
}

div.errorMessage {
	background-color: #FFC1C1;
	color:#000000;
	border: 1px dotted #CC0000;
}

/* SONDAGE */
#sondage { font-size: 13px; }

.link-question { padding: 2px 2px 2px 20px; margin: 2px; background: url(images/questionnaire.gif) no-repeat 0 center; }
.link-question a { color: #FFF; font-weight:bold; }
.link-question a:hover { color: #D80071; }
/*.question-title { background: none; padding: 0; margin: 0 0 0.5em 0; line-height: 1.2em; font-weight: bold; font-size: 1em; }*/
.question-title { color: #000; font-size: 1em; font-weight: bold; margin: 0 0 6px 0; padding: 0px 4px 4px 6px; color: #595959; background-image: url(images/v2/bg-question-title.gif); background-repeat: no-repeat; background-position: left bottom; position: relative; }
.question-title div { padding-left: 8px; }
.question-title .noBold { font-weight: normal; }
.questions-list, .questions-list li  { padding: 0; margin: 0; list-style-image: none; list-style-type: none;  }
.questions-list { padding-left: 10px}
.questions-list li { background: none; }
.questions-pave { margin-bottom: 12px; padding: 0.4em; }
.questions-pave .questions-pave { border: none; margin-left: 20px; }
.question-pave label {}
.test { background: #930; padding: 0; margin: 0; }
.oblig { background: url(images/v2/bg-question-title-oblig.gif) no-repeat 0 4px; }
.explication { font-size: 10px; }