/* Start of CMSMS style sheet 'vdf : Left sidebar + 1 column' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	line-height: 1em;
}
/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img, #main table a, #main table a:link {
	border: 0;
	border-bottom: 0;
}
/*default link styles*/
a, a:link {
	text-decoration: none;
	color: #7F56A1;
}
a:visited {
	text-decoration: none;
color: #7F56A1;
}
a:hover {
/* remove underline on hover */
	text-decoration: none;

/* using a different color makes the hover obvious */
	color: #7F56A1;
}
a.external {background: url(images/external.png) no-repeat 100% -100px; padding: 0 15px 0 0}
a.external:hover {background: url(images/external.png) no-repeat 100% 0;}
.contenu a, .contenu a:link,
#main a, #main a:link {border-bottom:1px dotted; }

.contenu a.colorbox, .contenu a.colorbox:link, #main a.colorbox, #main a.colorbox:link {border-bottom: 0;}

.contenu a:visited, #main a:visited,
.contenu a:focus, #main a:focus{color: #777;}

.contenu a:hover, 
#main a:hover  {border-bottom:0 none; 	color: #777;}

.contenu a:active, #contenu a:active {color: #777;}

.floatLeft {float: left}
.floatRight {float: right;}
.clearLeft {clear: left}
.clearRight {clear: right;}
.clearBoth {clear: both;}
#content .nomargin {margin-bottom:0.17em}
.contenu img {border-bottom: 5px solid #7F56A1}
.contenu .noborder {border-bottom: 0 none;}
.contenu .greyBorder {border:1px solid #ccc}

/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #F1EFF6 url(images/bg-body.png) no-repeat center top;
}
div#pagewrapper {
	width: 938px;
	margin: 0 auto;
	background: #fff url(images/bg-pagewrapper.jpg) no-repeat top center;
	padding: 0 21px;
	overflow: hidden
}
#accueil #pagewrapper {background: #fff url(images/bg-pagewrapper-accueil.jpg) no-repeat top center;}
div#top {height: 24px; padding-top: 6px; overflow: hidden; color: #9F7FB8; font-family:Arial, Helvetica, sans-serif; width: 938px; margin: 0 auto; }
div#top p {float: left;font-size: 0.909em; line-height: 17px; padding:0; margin: 0}
div#top a {text-decoration: none; color: #9F7FB8}
div#top .top-link {margin-left: 15px;}
div#top .top-link img {vertical-align:text-bottom;}

div#header {
/* adjust according your image size */
	height: 194px;
	margin: 0;
	padding: 0;
/* you can set your own image here, will go behind h1 a image */
	/*background: #fff;*/
	border-top: 5px solid #7F56A1
}

div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
/* this will keep IE6 from flickering on hover */
	background: url(images/logo-vdf.png) no-repeat left top;
	float: left;
	width: 361px;
	height: 194px;
}
#accueil #header h1 {background: url(images/logo-vdf-accueil.png) no-repeat left top;}
#accueil div#header h1 a {background: url(images/logo-vdf-accueil.png) no-repeat left top;}
div#header #bandeau {float: right; margin: 0; padding: 0; display: inline;background: url(images/bandeau.jpg) no-repeat; width: 577px; height: 194px; position: relative}
div#header #bandeau .lien-bandeau {display: block; width: 160px; height: 50px; position: absolute; text-indent: -9000em;}
div#header #bandeau #lien-innover {top:111px; left:39px;}
div#header #bandeau #lien-developper {top:137px; left:217px;}
div#header #bandeau #lien-accompagner {top:146px; right:16px;}

div#header h1 a {
/* you can set your own image here */
	background: url(images/logo-vdf.png) no-repeat left top;
	display: block;
	width:361px;
	height: 194px;
	text-indent: -999em;
	text-decoration: none;
}

div#content {
	padding: 21px 0 50px;
	margin: 0;
}

/**************************

------ SIDEBAR LEFT -------

**************************/
div#sidebarLeft {
	float: left;
	width: 178px;
	display: inline;
	margin: 0px 0px 20px;
	padding: 0px;

}

div#menuCle {background: url(images/bg-menuCle.png) repeat-y; color: #fff; margin-bottom: 15px; padding: 0}
#content div#menuCle h3 {background: url(images/menuCle-top.png) no-repeat top; color:#FECE9E; font-weight: normal; font-family:Arial, Helvetica, sans-serif; line-height: 1.1em; font-size: 1em; padding: 13px 0 5px 20px; border-bottom:0 none; margin: 0 0 0.5em 0}
div#menuCle h3 span {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.455em; display: block}
#content div#menuCle ul {background: url(images/menuCle-bottom.png) no-repeat bottom;  padding-bottom: 17px; margin: 0; list-style-type: none;}
*html #content div#menuCle ul {padding-bottom:0;}
*html div#menuCle {margin-bottom: 30px;}
#menuCle a {text-decoration: none; color: #fff;}
#content div#menuCle ul ul {padding-bottom: 0; background: url(images/menuCle-niv2.png) repeat-y 11px top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.909em; margin: 0 0 18px}
#content div#menuCle ul li {list-style-type: none; margin: 0; padding:0; }
div#menuCle ul li li a, div#menuCle ul li.menuactive li a {background: url(images/menuCle-niv2-puce.png) no-repeat 2px -24px; }
div#menuCle ul li li.menuactive a, div#menuCle ul li li a:hover {background: url(images/menuCle-niv2-puce.png) no-repeat 2px 3px; }
div#menuCle ul ul li {}
#menuCle ul li {  display: inline; margin: 0; padding: 0;}
#menuCle ul li a {margin: 0 20px 12px 0; }
#menuCle ul li li a {margin: 0 20px 3px 10px; }
#menuCle ul li a { background: url(images/menuCle-puce.png) no-repeat left -23px; display: block}
#menuCle ul li a span {padding-left:20px; display: block}
#menuCle ul li li a span {padding-left: 25px}
#menuCle ul li.menuactive a,
#menuCle ul li a:hover {
	background: url(images/menuCle-puce.png) no-repeat left 2px ;
}
#menuCle .clearb {height:0}


div#sidebarLeft #langues {top:0; padding: 0 0 0 15px; height: 20px; line-height: 20px;}
div#sidebarLeft #langues a {text-decoration: none; color: #999;}
div#sidebarLeft #langues a.selected, div#sidebarLeft #langues a:hover {color: #7F55A0}

.sidebar-encart {display: block; text-indent: -9000em; text-decoration: none; width: 178px; background-repeat: no-repeat; background-position: 0 0; margin-top: 15px}

#encart-adhesion {height: 55px;  background: url(images/encart-adhesion.png) no-repeat -0 0; width:178px;}
#encart-adhesion:hover {background-position: 0 bottom}
#encart-nl { height: 60px; background: url(images/encart-nl.png) no-repeat 0 0; width:178px}
#encart-nl:hover {background-position:0 -60px}
#encart-temoignages {height: 108px; background-image: url(images/encart-temoignages.jpg); padding-bottom: 25px}


/*
Chiffres clés
*******************************/

#chiffres-cles {background: url(images/bg_chiffres-cles.png) repeat-y; font-family: Arial, Helvetica, sans-serif; margin-bottom:25px; }
#chiffres-cles .wrap {background: url(images/bottom_chiffres-cles.png) no-repeat bottom; padding: 5px 9px 9px 13px; }
#content #chiffres-cles h3 {background: url(images/titre_chiffres-cles.png) no-repeat; width:178px; height:30px; text-indent:-9000em; margin:0; height: 27px; border-bottom:0}
#chiffres-cles p {margin:0; padding: 0 0 7px; overflow: hidden; line-height:1.1em;font-size:1.091em; overflow: hidden; height:1%}
#chiffres-cles .chiffres {font-weight: bold; font-size: 1.273em; display: block; float: left; width: 35px; text-align: right}
#chiffres-cles .texte {display: block; width: 115px; float: right }

/**************************

------ MAIN (CENTRE) ------

**************************/
div#main {
	float: left;
	width: 494px;
	padding: 21px 16px 0 30px

}
#accueil #main {padding: 111px 16px 0 30px}
#accueil #content h2 {text-indent: -9000em; height: 0; margin: 0}
div.contenu {padding: 0 7px}

/**** breadcrumbs ****/
div.breadcrumbs {
	font-size: 90%;
	margin: 0 0 10px;
	background: #CFCFCF;
	height: 23px; 
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	position: relative
}
div.breadcrumbs #crumbs {list-style-type: none; overflow: hidden; margin: 0; height: 23px; line-height: 23px; color: #fff; float: left}
div.breadcrumbs a:hover {color: #7F56A1}
div.breadcrumbs #crumbs li {list-style-type: none; float: left;  margin: 0; padding-left:6px; }
div.breadcrumbs #crumbs li a, div.breadcrumbs #crumbs li span {display: block; padding:0 15px 0 0;background:url(images/crumbs.png) no-repeat right center; color: #fff; text-decoration: none;}
div.breadcrumbs #crumbs li.first {background: url(images/home-bc.png) no-repeat 3px 40%; text-indent: -9000em;}
div.breadcrumbs #crumbs li.first a {width: 8px;}

div.breadcrumbs .floatRight {width: 55px;}
#main div.breadcrumbs .floatRight a {margin: 0; padding:0; display: block; float: left; padding-top:5px;  border-bottom: 0 none;}
div.breadcrumbs .floatRight a#print {padding-right: 10px}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 3px; 
	width: 3px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
#hautgauche {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/coin_hg.png);
}
#hautdroit {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(images/coin_hd.png);
}
#basgauche {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(images/coin_bg.png);
}
#basdroit {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(images/coin_bd.png);
}


div.breadcrumbs #crumbs li span.lastitem {background: none; padding: 0;}
div.breadcrumbs span.lastitem {
}

/**************************

------- SIDEBAR RIGHT -----

**************************/
div#sidebarRight {float: right; width:220px; padding-top: 21px;}
div#search {
/* position for the search box */
	padding: 32px 0 0 15px;
	background: url(images/bg-search.png) no-repeat;
	height: 52px;
	
}
#content #sidebarRight h3 {margin:0; padding: 0; border-bottom:0}
input.search-input {border: 0 none; float: left; padding-top: 5px; color: #B0B0B0; font-family: Verdana, Geneva, sans-serif; font-size: 1em; width: 146px;}
div#search label {display: none;} 
/* a class for Submit button for the search input box */
input.search-button {
	border: none;
	height: 22px;
	margin-left: 5px;
	padding: 22px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;
	background: none;
	overflow: hidden
	
}
#encart-agenda {background: url(images/encart-agenda.png) no-repeat; display: block; width:198px; height: 33px; line-height: 33px; text-align: right; padding-right: 22px; text-decoration: none; color: #F0F0F0; font-family: Arial, Helvetica, sans-serif; font-size:0.857em; font-weight:normal}
#encart-agenda:hover{color: #fff}
#encart-agenda :visited {color: #F0F0F0;}

#texte-carte {background: #F3F3F3; padding:20px 15px; width: 446px;}
/**************************

---------- FOOTER --------

**************************/
div#footer {
	padding: 0px 18px 0px 0;
	overflow: hidden;
	clear: both
}
div#footleft {
	width: 354px;
	padding-top: 64px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/caillou-footer.jpg) no-repeat bottom left;
}
div#footrt {background:#B3B3B3 url(images/bg-footrt.jpg) no-repeat top; width:554px; /*padding-top: 77px;*/ margin: 0;}
#footrt .poleLink {display: block; width: 185px; height:77px; text-indent:-9000em; background-color: none;}
div#footer-bottom {width:538px; line-height: 32px; color: #9D9D9D; padding-left: 16px; font-family: Arial, Helvetica, sans-serif }
#footer-bottom a {color: #9D9D9D; text-decoration:none}
.menu-sep {height:1px; border-bottom: 1px solid #C7C7C7; clear: left; margin: 0 0 12px;}
*html .menu-sep {padding: 0;border-bottom:0 none; margin: 0}
div#menu-footer {background:  url(images/bg-footrt-bottom.png) no-repeat bottom;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; padding: 0 14px 9px; overflow: hidden}
div#menu-footer a {color: #fff; text-decoration: none; }
div#menu-footer a:hover {color: #7F56A1;}
.footer-link {font-size:1.182em; font-weight: bold; float: left; width:31%; padding: 0 1%; height:45px; cursor: pointer;}
#footer .footer-link.hovered, .footer-link.hovered a {color:#7F56A1!important;background: none}
*html .footer-link {height:25px}
.footer-link span{font-size:0.846em; font-weight: normal}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}
div#content h2 {
	color: #7F56A1;
	font-size: 1.727em;
	text-align: left;
	line-height: 1.1em;
	margin: 0 0 1.1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal
}
div#content h3 {
	color: #7F56A1;
	font-size: 1.273em;
	line-height: 1.1em;
	margin: 2.2em 0 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0.2em;
	border-bottom:1px solid #e2e2e2
}
div#content h4 {
	color: #7F56A1;
	font-size: 1.1em;
	line-height: 1.283em;
	margin: 1.924em 0 0.641em;
	font-family: Arial, Helvetica, sans-serif;
}
div#content h5 {
	color: #7F56A1;
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 0 0 0.25em 0;
	font-family: Arial, Helvetica, sans-serif;
}
h6 {
	color: #FD840B;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 1.4em 0;
	line-height:1.4em;
	padding: 0;
}
blockquote {
	background: url(images/open-quote.png) no-repeat top left!important;
	padding:0 20px 10px 30px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}


strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

/************************

---- MENU ADHERENTS ----

***********************/
#menu-adherents {background: url(images/bg-menu-adherents.png) repeat-y; margin:15px 0}
#menu-adherents a {text-decoration: none; color: #333}
#menu-adherents a:hover {color:#7F56A1} 
#menu-adherents li.currentpage a {font-weight: bold} 
#menu-adherents form {background: url(images/menu-adherents-top.png) no-repeat top; height: 70px; padding: 7px 6px 0;}
#menu-adherents form p {margin: 0;}
#menu-adherents p {padding-left: 15px; line-height: 1.2em;}
#menu-adherents p#info-adherents {margin: 0 0 5px; padding: 0}
#menu-adherents p#info-adherents img {padding-right: 5px;}
#menu-adherents ul.menu {background: url(images/menu-adherents-bottom) no-repeat bottom; padding: 0 6px 9px 15px; list-style-type: none;}
#menu-adherents ul.menu li a {font-weight: bold; padding: 5px 0}
#menu-adherents ul.menu ul {padding-top: 5px;}
#menu-adherents ul.menu li li { list-style-type: none; background: url(images/puce-grise.png) no-repeat left 2px; padding-left: 13px; margin: 0 0 5px; font-weight: normal;}
#menu-adherents ul.menu li li a {font-weight: normal; padding: 0}

table td {line-height:1.2em;}

/*
SLIDE TEXTE
-------------------------------------------*/

#content #slideTxt h4	{ cursor:pointer; margin: 0.641em 0 0.641em; font-weight: normal; color: #7F56A1;font-size: 1em;background: url(images/puce_slideTxt.png) left -34px no-repeat;padding-left: 1.5em;}
#content #slideTxt h4.active, #content #slideTxt h4:hover,
#content #slideTxt2 h3.active, #content #slideTxt2 h3:hover	{ color:#fd840b; color: #777; background-position: 0 4px; }

#content #slideTxt h4 span {border-bottom:1px dotted;}
#content #slideTxt h4 span:hover { border-bottom: 1px solid #fff; }

#slideTxt div , #slideTxt2 div{ height:0; overflow:hidden; position:relative; margin-left: 2em;}
#slideTxt div p, #slideTxt2 div p	{ padding:0; margin:0.35em 0 1.75em; }

#content #slideTxt2 h3 {cursor:pointer; background: url(images/puce_slideTxt.png) left -34px no-repeat;padding-left: 1.5em;}
/* End of 'vdf : Left sidebar + 1 column' */