/* CONTENU */

a {color: #7AA04E}
a:hover {color: #4E6D31}

#content {padding: 15px; padding-bottom: 0; ; overflow: hidden}
#content ul {margin:10px 0 10px 1.5em}
#content ul li {list-style-type: disc; margin: .2em 0 0 0}

#primary h2 {color: #4E6D31; clear: both; background: transparent url(surlignage-titre.gif) repeat-x left bottom;
    font-size: 2.4em; line-height: 1.2em; margin: 0; margin-bottom: 17px}

p.callout {color: #974836; font-weight: bold}
a img {border: none}

#primary, #secondary {float: left; margin: 0 15px 15px 0; padding: 0}
#primary {width: 640px; overflow: hidden}
#secondary {margin-right: 0; width: 271px}

#secondaryhead {display: block}
#secondary div.block6 {background: #cfddb4; color: #000; margin-bottom: 0; padding: 10px; min-height: 355px}
#secondary div.block7 {background: #cfddb4; color: #000; margin-bottom: 0; padding: 10px; min-height: 380px}
#secondary h2 {background: #89B556 url(guide-secondary-back) repeat-x left top; border-top: solid 2px #fff;
    border-bottom: solid 3px #BBC8A4; color: #fff; font-size: 1.25em; min-height: 27px;
    height: expression(this.height < 27? 27 : true); line-height: 1.5em; margin: 0; padding-left: 10px}
#secondary div.block {background: #CFDDB4;text-align:center;padding-top: 10px}

/* CONDUCTEUR */

#content ul.conducteur {margin: 0; margin-bottom: 15px}
#primary ul.conducteur li {display: inline; background: transparent url(conducteur.png) no-repeat left center;
    margin-left: 4px; padding-left: 10px}
#primary ul.conducteur li.first {background: 0; margin-left: 0; padding-left: 0}
#primary ul.conducteur a {background: transparent; padding-right: 0; color: #7AA04E}
#primary ul.conducteur a:hover {color: #4E6D31}

/* BLOC MENU LATERAL */

div.voyage {background: #a16954; clear: right; color: #fff; float: left;
    margin: 0 10px 10px 0; overflow: hidden; width: 200px}
div.voyage a {background: transparent url(ancre.gif) no-repeat right center;
    color: #fff; text-decoration: none; padding-right: 9px}
div.voyage a:hover {color: #aaa; text-decoration: underline}
div.voyage div.section1 {background: #5B6870 url(voyage-middle.gif) no-repeat left bottom; padding-bottom: 5px}
div.voyage div.section1 p {background: #8f4129 url(voyage-top.gif) no-repeat left top;
    font-size: 1.1em; font-weight: bold; min-height: 12px; margin: 0; padding: 10px; text-transform: uppercase}
div.voyage div.section1 ul {padding-right: 9px} 
div.voyage div.section2 {padding: 10px; background: transparent url(voyage-bottom.gif) no-repeat left bottom;
	margin: 0pt; padding: 0pt; height: 5px}

/* MENU ARTICLE */

#primary .focus {float:left; width:660px; text-align:left; border:0px; margin-left:0px;margin-top:7px; margin-bottom:7px}
#primary .focus a {background:#FFF; color:#444; margin:3px 10px 3px 0px; padding-top:1px; padding-bottom:1px; 
	text-indent:2px; float:left; overflow:hidden; width:188px; height:18px; font-size:12px; display:block; 
	border:solid 1px #E2EDD5; text-decoration:none; padding-left: 15px; background:url(puce-voyage.gif) no-repeat}
#primary .focus a:hover {color:#FFFFFF; background:#8CB55A url(puce-voyage.gif) no-repeat; padding-left: 15px}

/* MENU RUBRIQUE */

#secondary .focus {float:left; width:260px; text-align:left; border:0px; margin-left:0px;margin-top:7px; margin-bottom:7px;
	background: #CFDDB4}
#secondary .focus a {background:#FFF; color:#444; margin:3px 10px 3px 0px; padding-top:1px; padding-bottom:1px; text-indent:2px;
	float:left; overflow:hidden; width:102px; height:18px; font-size:12px; display:block; border:solid 1px #E2EDD5; 
	text-decoration:none; padding-left: 15px; background:url(puce-voyage.gif) no-repeat}
#secondary .focus a:hover {color:#FFFFFF; background:#8CB55A url(puce-voyage.gif) no-repeat; padding-left: 15px}

/* COMMENTAIRE DANS IMAGE DE HOMEPAGE GUIDE */

#about {background-image:url('about-back.png'); padding:10px }
#about p {font-size:14px; line-height:19px; 
font-weight:bold; color:#FFFFFF}
#about.draggable {width:265px; height:80px; z-index:2}
#content div.draggable {position:absolute; float:none}

/* CARTE POSTALE */

#primary div.cartepostale {background: url(carte-bottom.gif) no-repeat left bottom; padding-bottom: 6px}
#primary h2.carte {background: url(carte-top.gif) no-repeat left top; border: 0; height: auto;
    line-height: 1.1em; margin: 0; min-height: 12px; padding: 15px 0 10px 10px; text-transform: uppercase; color:#fff;
	font-size:14px; font-weight:bold; color:#FFFFFF}
#flashcontent {height: 520px}