/* squelette html */
html{
	overflow:scroll;
}
body{
	margin:0px;padding:0px;
	background:#e5e5e5;
	*text-align:center;
}
body,table,a{
	font-size:12px;
	font-family:arial,helvetica,verdana;
	color:#575757;
}
img{
	border:none;
}
a{
	text-decoration:underline;
}
a:hover{
	color:#C50007;
}
#conteneur{
	position:relative;
	margin:auto;padding:0px;
	*text-align:left;
	background:#f5f5f5;
	background-color:white;
}

/* header */
#header{
	margin:0px;padding:0px;
	width:100%;
	height:87px;
	background:#c50007;
}
#logoVendeeTourisme{
	position:absolute;
	top:20px;left:Opx;
	width:100%;height:47px;
	text-align:right;
}
#logoVendeeTourisme img{
	margin-right:10px;
}

#gauche,#droit{
	vertical-align:top;
}
#gauche{
	margin:0px;padding:0px;
	width:70%;
	background:white;
}
#droit{
	margin:0px;padding:0px;
	width:30%;
	background:#f5f5f5;
}

/* menu */

#menu{
	margin:0px;padding:0px;
	border-top:solid 2px white;
	border-bottom:solid 2px white;
	width:100%;
	height:33px;
	background:#cacaca;
}
#menu li{
	 cursor:pointer;
}
ul.dropdown{
	margin:auto;
	width:605px;
}

ul.dropdown a{
	font-size:15px;letter-spacing:3px;
	color:#535353;
	text-decoration:none;
}
ul.dropdown ul a{
	letter-spacing:2px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	 list-style: none;
	 padding: 0;
}

ul.dropdown {
	 position: relative;
	 z-index: 597;
	 float: left;
}

ul.dropdown li {
	 float: left;
	 vertical-align: middle;
	 zoom: 1;
	 padding:8px 20px 0px 20px;
	 border-right:solid 2px white;
	 height:25px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	 position: relative;
	 z-index: 599;
	 cursor: default;
}

ul.dropdown ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 *left:-40px;
	 z-index: 598;
	 width: 100%;
}

ul.dropdown ul li {
 float: none;
 padding:3px 0px 3px 2px;
 text-align:left;
 cursor:pointer;
}

ul.dropdown ul ul {
	 top: 0px;
	 left: 100%;
	 background:#d9d9d9;
	 border:solid 1px white;
}
ul.dropdown ul {
	width:180px;
	margin-top: 0px;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown li li {
	display:block;
	border-style:solid;
	border-width: 0px 1px 1px 0;
	border-color: #fff #d9d9d9 #d9d9d9;
	background-color: #CACACA;
	padding:5px 2px 5px 10px;
	font-weight:normal;
	height:auto;
}

ul.dropdown li li.hover,
ul.dropdown li li:hover {
	background-color: #7F7F7F;
}

ul.dropdown li li a{
	font-size:11px;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #535353;text-decoration:none; }
ul.dropdown a:active	{ color: #535353;text-decoration:none; }

li.actif{
	background:#7f7f7f;
	color:white;
}
li.actif a{
	color:white;
}

/* contenu */
#contenu{
	width:100%;
	background:white;
	padding-bottom:10px;
}
/* liste de résultats */
#listeResultats{
	margin:0px;padding:20px 0px 30px 20px; 
}
.uniteListe{
	width:95%
}
.cornerTL{
	height:7px;width:7px;
	background:url(../gfx/cornerTL.png) no-repeat;
}
.top{
	height:7px;
	background:url(../gfx/top.png) repeat-x;
}
.cornerTR{
	height:7px;width:6px;background:url(../gfx/cornerTR.png) no-repeat;
}
.left{
	width:7px;
	background:url(../gfx/left.png) repeat-y;
}
.right{
	width:6px;
	background:url(../gfx/right.png) repeat-y;
}
.cornerBL{
	height:6px;width:7px;
	background:url(../gfx/cornerBL.png) no-repeat;
}
.bottom{
	height:7px;
	background:url(../gfx/bottom.png) repeat-x;
}
.cornerBR{
	height:6px;width:6px;background:url(../gfx/cornerBR.png) no-repeat;
}
.uniteListe h2 span{
	color:#575757;
	font-weight:normal;
	letter-spacing:2px
}

/* pagination */
#pagination_panel{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
}
a.page{
	padding:2px 5px 2px 5px;
	border:solid 1px #C50007;
	background:white;
	font-weight:bold;
	color:#C50007;
	text-decoration:none;
}
a.page:hover{
	background:#C50007;
	color:white;
}
.pagination_page_number a{
	color: #575757 !important;
}
.pagination_page_number a:hover{
	color: white !important;
}
.pagination_current_page_number a{
	color: white !important;
	background:#C50007;
}
.btPagination{
	padding:3px 4px 3px 6px;
	font-weight:bold;
	color:white;
	background:#C50007;
}
/* moteur recherche + carte */
#moteur{
	margin:0px;padding:0px;
	width:100%;	height:250px;
	border-top:solid 2px white;
	border-bottom:solid 2px white;
	background:url(../gfx/blanc.png) repeat-y #e3e1e2;
	background-position:top left;
}
#information{
	margin:0px;padding:0px;
	margin-bottom:15px;
}

/* footer */
#footer{
	margin:0px;padding:0px;
	height:73px;
	width:100%;
	background:url(../gfx/bordureFooter.png) repeat-x white;
	background-position:top left;
}
#lien_cdtv{
	font-size:15px;
	text-decoration:none;
	color:#b41c1b;
}
#cdtv{
	margin:2px 0px 0px 0px;
}
#logo-vendee-events{
	margin-right:0;
}
#copy{
	font-size:9px;
	text-align:center;
}
#copy a{
	text-decoration:none;
	font-size:10px;
}
/* ARTICLES */
#contact{
	margin:0px 0px 10px 0px;padding:5px;
	border:none;
	background:#f5f5f5;
	width:173px;
}
#contact span{
	color:#c50007;
	font-weight:bold;
}
#contact p{
	font-size:0.9em;
}
#contact a, #retour,.plus{
	text-decoration:underline;
}
.titreRougePuceRouge{
	margin:0px 0px 10px 0px;padding:0px 0px 0px 25px;
	font-size:20px;
	color:#C10007;
	background:url(../gfx/puceRouge.png) no-repeat;
	background-position:0px 4px;
	font-weight:normal;
	letter-spacing:1px;
}
.titreRougePuceRougeMini{
	margin:0px 0px 10px 0px;padding:0px 0px 0px 15px;
	font-size:14px;
	color:#C10007;
	background:url(../gfx/puceRougeMini.png) no-repeat;
	background-position:0px 3px;
	font-weight:bold;
	letter-spacing:1px;
}
#article{
	margin:0px;padding:0px;
}
#article table,#contenuArticle{
	margin:0px 20px 30px 20px;
	width:94%;
}
#contenuArticle{
	padding-bottom:20px;
}
.colG,.colD{
	vertical-align:top;
}
.colG{
	width:200px;
}
.colD{
	text-align:justify;
	padding:0px 0px 0px 20px;
}
#article{
	margin:0px;padding:0px;
}
#chapeau{
	font-weight:bold;
}
.retour{
	display:block;
	text-align:right;
}
/* ZONE INFORMATIVE */
#texteUtile{
	margin:10px 0px 0px 50px;padding:0px;
	width:200px;
	letter-spacing:1px;
	line-height:15px;
	font-weight:bold;
}
#infoPratique{
	margin:50px 0px 0px 0px;
	text-align:center;
	
}
#infoPratique h2, #infoPratique h3,#infoPratique h4,#infoPratique div,#savoirPlus{
	margin-left:auto;margin-right:auto;
	width:270px;
	text-align:left;
}
#infoPratique h2{
	width:254px;
}
#infoPratique h3{
	margin-top:0px;
	padding-left:31px;
	font-size:1.1em;
}
#infoPratique h4{
	margin-top:10px;
}
#infoPratique div{
	margin-top:-5px;
}
#savoirPlus{
	text-align:right;
	display:block;
}