@import url(habillage.css);
@import url(nav.css);
@import url(thickbox.css);
@import url(panier.css);

* {margin: 0; padding: 0;}

html {font: 76% Verdana, sans-serif;}
body {font-size: 1.16em; line-height: 1; color: #333; background: #FFF;margin: 0; padding: 0;}

.accroche {
	float:right;
	/*border-left: 1px solid #ccc;
	padding-left:.5em;*/
	width:19em;
}

#conteneur .accroche a:hover {
	text-decoration: underline!important;
}

.chapo{ margin:0; border-top: 1px solid #333; border-bottom: 1px solid #333;}
* html .chapo {margin-bottom:1em}
#conteneur{ background: #FFF url('ligne_v.gif') 35em 0 repeat-y; font-size: 0.92em;}
#conteneur .texte {text-align: left; line-height: 1.8em; margin: 0 0 1em;}
#conteneur p {margin: 0 0 1em;}
#conteneur #contenu {width: 34em; }
#contenu-large {	background: #fff url('ligne_v.gif') 32em 0 repeat-y;}
#contenu-large h1{ background:#fff;}

p.en-savoir-plus{
	margin-top: -.6em;
	font-weight:bold;
	text-align: right;
}

#header {width:100%;}
#header h1 {background: #FFF url("Les-Provinciales.jpg") 10px 10px no-repeat;height:160px;}
#header h1 a {display:block; height:130px; width:100%; text-indent:-99999em;}


.intro .spip_logos {float : none; margin:0;}
.intro { margin:0 0 2em 6px; float:left; }
.intro .descriptif{ float:right; width: 19em;padding:0;}
.intro p { font-size: 1.1em;}
#conteneur h1.titre {font: 1.8em Georgia, Times, serif; text-align:center; padding-bottom:1em;}
.intro h2, h2.titre {font: 1.2em Georgia, Times, serif;}


  
.img-shadow {
  clear: both;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin:0 10px 0 0;
}

.img-shadow a {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  width:151px;
  height:201px;
}

* html .img-shadow a {
  height:199px;
}

#navigation {
	width: 16em;
	text-align:left;
}
#navigation p{
	line-height: 1.1em;
	text-align:left;
	padding-left:0;
	padding-right:0;
	font-size: 1em;
}
#navigation h2 {
	font: 1.5em Georgia, Times, serif; 
	padding-top:.5em;
	padding-bottom:.3em;
}
#navigation h2 small{
	font: .7em Georgia, Times, serif; 
}
#navigation img {
	border:1px solid #999;
	padding:6px;
	margin: .5em auto 1.5em auto;
}
#navigation a > img {
	display:block;
	text-align:center;
}
#navigation #auteurs {
	margin-top: .3em;
	background: transparent url('tirets.png') top left repeat-x;
}
#navigation ul {
	list-style: square outside;
	margin-left:1em;
	color: #CCC;
}
 #navigation li:hover {
	color: #333;
}
#navigation li{
	padding:0;
	margin:0;
	padding-bottom:1ex;
}
#navigation li a{
	color: #333;
}
#navigation .infos_annexes {
	background: transparent url('tirets.png') top left repeat-x;
	padding: .5em 0 .7em;
}

#page {	margin-top:0!important; position:relative;}
.ps { font-size:1em;}
.ps hr {margin:.5em 0; color: #aaa}

.texte_info {text-align:right}

.resume-livre { 
	padding : 0 0 2em 125px ;
 	min-height:150px;
}

* html .resume-livre {
	height: 160px;
}

.resume-livre .intro {
	padding-right: 20em;
	margin-right: -20em;
	float:left;
	background-color:none;
}

.resume-livre .intro h2{
	font-size:1.3em;
	font-weight:bold;
	width:16em;
}

#navigation .temoignage p.texte_info{
	margin-top: -2.4em;
	margin-right: -1em;
	padding-top: 1.6em;
}

#contenu .temoignage{
	margin-bottom: 1.5em;
}

.temoignage {
	background: transparent url('guillemets_g.gif') top left no-repeat;
	padding: .5em 1em .7em 1em;
}
.temoignage p.texte_info{
	margin-top:  -2.4em;
	margin-right: -1em;
	background: transparent url('guillemets_d.gif') top right no-repeat;
	padding-top: 2.4em;
	text-align:right;
}

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 6px -6px -6px 6px;
	background: url(shadow.gif) repeat;
}

.ydsf img {border:1px solid black;}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(shadowAlpha.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -6px;
	top: -6px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}