/****************************************************/
/**                                                **/
/**    Projet : S.N.H.F				   			   **/
/**    Client : Société Nationale d'Horticulture   **/
/** 			de France  						   **/
/**    Auteur : Urbilog							   **/
/**    Date : 	08/09/09						   **/
/**                                                **/
/****************************************************/

/****************************************************/
/**    Rédéfinition des marges et padding          **/
/****************************************************/
* { 
	margin: 0;
	padding: 0;
}
ul,ol,blockquote {
    margin-left:20px;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
form, ul, ol, dl, fieldset, address, pre {
    margin-bottom: 1em;
}

.souligner, .underline{
	text-decoration:underline;
}

.bold {
	font-weight: bold;
}
/****************************************************/
/**    Styles présents sur toutes les pages        **/
/****************************************************/

body {
	font-family: arial, helvetica, sans-serif; 
	font-size: 0.8em;
	text-align: center;
	color: #3F352F;
}
div#contener {
	margin: 0 auto;
	width: 997px;
	text-align: left;
	position: relative;
	overflow:auto;
}
div#contener p{
	text-align:justify;
}
/****************************************************/
/**               Haut de pages                    **/
/****************************************************/
/** Logo **/
div#contener div#bandeau div#logo {
	float:left;
}
div#contener div#bandeau div#logo a img {
	border:0;
	margin-top:24px;
	margin-left:11px;
}
/** Accès rapides **/
div#contener div#bandeau div.bandeauHaut ul {
	margin: 5px 0 2px 16px;
	float: left;
}
div#contener div#bandeau div.bandeauHaut ul li {
	display:inline;
	margin:0 20px 0 0;
}
div#contener div#bandeau div.bandeauHaut ul li a {
	text-decoration:none;
	color:#87746A;
	padding-left:20px;
}
div#contener div#bandeau div.bandeauHaut ul li a:active, div#contener div#bandeau div.bandeauHaut ul li a:focus, div#contener div#bandeau div.bandeauHaut ul li a:hover {
	color:#9a1114;
}
div#contener div#bandeau div.bandeauHaut ul li a.mailAmi {background: url("../images/hiver/lettre.jpg") left no-repeat;}
div#contener div#bandeau div.bandeauHaut ul li a.accMenu {background: url("../images/hiver/maison.gif") left no-repeat;}
div#contener div#bandeau div.bandeauHaut ul li a.accContenu {background: url("../images/hiver/contenu.gif") left no-repeat;}
div#contener div#bandeau div.bandeauHaut ul li a.mailAmi:hover,
div#contener div#bandeau div.bandeauHaut ul li a.mailAmi:active,
div#contener div#bandeau div.bandeauHaut ul li a.mailAmi:focus {background: url("../images/hiver/lettreHover.gif") left no-repeat;}
div#contener div#bandeau div.bandeauHaut ul li a.accMenu:hover,
div#contener div#bandeau div.bandeauHaut ul li a.accMenu:active,
div#contener div#bandeau div.bandeauHaut ul li a.accMenu:focus {background: url("../images/hiver/maisonHover.gif") left no-repeat;}
div#contener div#bandeau div.bandeauHaut ul li a.accContenu:hover,
div#contener div#bandeau div.bandeauHaut ul li a.accContenu:active,
div#contener div#bandeau div.bandeauHaut ul li a.accContenu:focus {background: url("../images/hiver/contenuHover.gif") left no-repeat;}

div#contener div#bandeau div.bandeauHaut h1 {
	background: url("../images/flecheAccesAdherent.jpg") left no-repeat;	
	font-size: 0.8em;
	text-transform: uppercase;
	padding-left:20px;
	margin:9px 75px 0 0;
	float :right;
	color:#3f352f;
}
div#contener div#bandeau div.bandeauBas {
	background: url("../images/hiver/fond.jpg") left no-repeat;
	float:left;
	width:769px;
	height:107px;
	margin-left:13px;
}
/** Identification **/
div#contener div#bandeau div.bandeauBas div.ident {
	float: right;
	background:#A9AFA3;
	width:206px;
	height:107px;
}
div#contener div#bandeau div.bandeauBas div.ident form {
	margin: 4px 0;
}
div#contener div#bandeau div.bandeauBas div.ident form p {
	color:#fff;
	margin-left:15px;
	margin-bottom:2px;
	clear: left;
}
div#contener div#bandeau div.bandeauBas div.ident form p input, button.button,input#valider{
	border:1px solid #87746a;
	font-size: 0.8em;
	display: block;
	width: 140px;
	color: #87746A;
	float:left;
}
input#valider{
	float:none;
	display: inline;
}
button.button {
	margin-left: 195px;
}
div#contener div#bandeau div.bandeauBas div.ident form p input:focus {
	border-color: #9a1114;
}
div#contener div#bandeau div.bandeauBas div.ident ul {
	list-style-type: none;
	float: left;
	margin: 4px 0 0 15px;
}

div#contener div#bandeau div.bandeauBas div.ident ul a {
	color:#fff;
	font-size:0.8em;
	text-decoration:none;
	background:url("../images/hiver/chevron.gif") left no-repeat;
	padding-left:8px;	
	border-bottom: 1px solid #fff;
	clear : left;
	float: left;
}
div#contener div#bandeau div.bandeauBas div.ident ul a:hover, 
div#contener div#bandeau div.bandeauBas div.ident ul a:focus, 
div#contener div#bandeau div.bandeauBas div.ident ul a:active {
	background:url("../images/hiver/chevronHover.gif") left no-repeat ;
	color:#9a1114;
	border-bottom: 1px solid #9a1114;
}
div#contener div#bandeau div.bandeauBas div.ident form p input.connexion {
	float: left;
	color:#fff;
	width: auto;
	background: #A9AFA3;
	border:0;
	text-decoration: underline;
	margin: -1px 0 0 3px;
	font-size: 1em;
}
div#contener div#bandeau div.bandeauBas div.ident form p input.connexionHover {
	color: #9a1114;
}
/****************************************************/
/**                    Menu                        **/
/****************************************************/
div#contener div#menu {
	margin-top: 4px;
	float: left;
}
/** bienvenue **/
div#contener div#menu h1.bienvenue {
	background: url("../images/hiver/bienvenue.gif") no-repeat;
	margin-right: 4px; 
	font-size: 0.8em;
	width: 270px;
	border: 1px solid #9A1114;
	height: 53px;
	float:left;
	color: #9A1114;
	text-align: center;
}

/** Menu principal **/
div#contener div#menu ul.menu {
	list-style-type: none;
	float: left;
	margin: 0;
}
div#contener div#menu ul.menu li {
	float:left;
}
div#contener div#menu ul.menu li.item1 {
	display:none;
}
div#contener div#menu ul.menu li a{
	float: left;
	border: 1px solid #A9AFA3;
	background: #A9AFA3;
	width: 132px;
	height: 18px;
	margin-left: 4px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 12px 0 0 6px;
	text-decoration: none;
	text-transform: uppercase;
}
div#contener div#menu ul.menu li.active a,
div#contener div#menu ul.menu li.survol a,
div#contener div#menu ul.menu li a:focus, 
div#contener div#menu ul.menu li a:active, 
div#contener div#menu ul.menu li a:hover {
	border: 1px solid #9a1114;
	background: #9a1114;
}
/** Menu secondaire **/
div#contener div#menu ul.menu li ul {
	list-style-type: none;
	float: left;
	margin: 0;
	width: 696px;
	position: absolute;
	top: -1000px;
	left: 300px;
	overflow:auto;
}
div#contener div#menu ul.menu li.active ul,
div#contener div#menu ul.menu li.survol ul {
	top: 166px;
	min-height: 38px;
} 
div#contener div#menu ul.menu li.degage ul {
	top: -1000px;
} 
div#contener div#menu ul.menu li ul li {
	float:left;
	margin-left: 4px;
	background: url('../images/hiver/tiretSsMenu.gif') left 8px no-repeat;
	padding-left: 8px;
}
div#contener div#menu ul.menu li ul li a,
div#contener div#menu ul.menu li.active ul li a{	
	color: #87746A !important;
	font-size: 1em;
	text-decoration: none;
	float: none;
	border: 0 !important;
	background: #fff !important;
	width: auto;
	height: auto;
	margin-left: 0;
	font-weight: normal;
	padding: 0;
	text-transform: none;
	white-space: nowrap;
}
div#contener div#menu ul.menu li ul li.active a,
div#contener div#menu ul.menu li ul li a:focus, 
div#contener div#menu ul.menu li ul li a:active, 
div#contener div#menu ul.menu li ul li a:hover {
	color: #9a1114 !important;
	text-decoration: none;
}
div#contener div#menu ul.menu li ul li.active a {
	font-weight: bold;
}
/****************************************************/
/**                   Contenu                      **/
/****************************************************/
div#contener div.contenu {
	margin-top:6px;
	float: left;
}

/****************************************************/
/**              Partie Gauche                     **/
/****************************************************/
/** Recherche **/
div#contener div.contenu div.encartGauche {
	float:left;
	border:1px solid #A9AFA3; 
	border-width: 1px 0;
	padding-top:7px;	
	padding-bottom:7px;	
	width:260px;
}
div#contener div.contenu div.encartGauche div.recherche {	
	background:#A9AFA3;	
	width:250px;
	height:50px;
	margin-left:10px;
	position: relative;
}

div#contener div.contenu div.encartGauche div.recherche form p label {
	position:absolute;
	top:12px;
	left:14px;
	text-transform: uppercase;
	font-size: 0.9em;
}
div#contener div.contenu div.encartGauche div.recherche form p label.actif {
	top: -1000px;
}
div#contener div.contenu div.encartGauche div.recherche form p input {
	border:1px solid #87746a;
	margin-top:10px;
	margin-left:10px;
}
div#contener div.contenu div.encartGauche div.recherche form p input.saisie {
	width: 230px;
}
div#contener div.contenu div.encartGauche div.recherche form p input.saisie:focus {
	border-color: #9a1114;
}
div#contener div.contenu div.encartGauche div.recherche form p input.recherche {
	color:#fff;
	background:#A9AFA3;
	border:0;
	text-decoration: none;
	font-size:0.8em;
	margin:2px 7px 0 0;
	float: right;
	background:url("../images/hiver/chevron.gif") left 6px no-repeat #A9AFA3;
	padding-left:6px;
	border-bottom: 1px solid #fff;
}
div#contener div.contenu div.encartGauche div.recherche form p input.rechercheHover {
	background:url("../images/hiver/chevronHover.gif") left 6px no-repeat #A9AFA3;
	color: #9a1114;
	border-bottom: 1px solid #9a1114;
}
/** article en dessous de la recherche **/
div#contener div.contenu div.encartGauche div.frontnews{
	margin-left:10px;
	margin-bottom:10px;
	margin-top:20px;
}
div#contener div.contenu div.encartGauche div.articleGauche {	
	border-top:1px solid #A9AFA3; 
    margin-bottom: 10px;
    margin-top: 7px;
    padding: 7px 0 0 5px;
}
div#contener div.contenu div.encartGauche div.articleGauche h2,div#contener div.contenu div.encartGauche div.frontnews  h2 {	
	margin: 7px 0 5px 0; 
	color:#87746A;
	font-size:1.2em;
	text-transform: uppercase;
}
div#contener div.contenu div.encartGauche div.articleGauche p {	
	font-size:0.9em;
	text-align:justify;
}
div#contener div.contenu div.encartGauche div.articleGauche p a ,div.frontnews a{	
	color:#87746A;
	text-decoration:underline;
}
div#contener div.contenu div.texte ul.fleche li{
	list-style-type:none;
	background: url("../images/puce.png") left 3px  no-repeat;
	padding-left:15px;
}
div#contener div.contenu div.encartGauche div.articleGauche p a:active, div#contener div.contenu div.encartGauche div.articleGauche p a:focus, div#contener div.contenu div.encartGauche div.articleGauche p a:hover,
div#contener div.contenu div.texte div.milieu div.articleMil p a:hover, div#contener div.contenu div.texte div.milieu div.articleMil p a:focus, div#contener div.contenu div.texte div.milieu div.articleMil p a:active,
div.frontnews a:hover,div.frontnews a:focus,div.frontnews a:active,ul.listArticle li a:hover,ul.listArticle li a:active,ul.listArticle li a:focus{
	color:#9A1114;
}
div#contener div.contenu div.encartGauche img {
	border: 1px solid #A9AFA3;
}
/** partenaire **/
div#contener div.contenu div.encartGauche div.partenaireGauche {	
	margin: 0 0 5px 0;
}
/*div#contener div.contenu div.encartGauche div.partenaireGauche p {
	margin:0;
}*/


/****************************************************/
/**              Partie Centrale                   **/
/****************************************************/
div#contener div.contenu div.contenuGeneral {
	border-left:1px solid #A9AFA3;
	float: left;
	margin-left: 14px;
}
div#contener div.contenu div.texte {
	border-top:1px solid #A9AFA3;
	float:left;
	margin-left:10px;
	width:710px;
}

div#contener div.contenu div.milieu {
	width:470px;
	float: left;
}
/********************/
/** Titres         **/
/********************/
div#contener div.contenu div.milieu h2,
div#contener div.contenu div.milieu h1.componentheading {
	margin:8px 0;	
	color: #87746A;
	font-size: 1.3em;
	text-transform: uppercase;
}
div#contener div.contenu div.milieu h2{
	font-size: 1em;
	text-transform: uppercase;
	color:#3F352F !important;
}

div#contener div.contenu div.milieu h1.componentheading {
	font-size: 1.4em;
}

div#contener div.contenu div.milieu h1.contentheading{
	color: #87746A;
	font-size: 1.5em;
	clear:left;
}
div#contener div.contenu div.milieu h3 {
	color: #3F352F;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom: 0;
}

div#contener div.contenu div.milieu h4{
	color:#000;
}
div#contener div.contenu div.milieu h5{
	font-size:0.9em;
	color:#87746A;
	text-decoration:underline;
	font-style:italic;
}
div#contener div.contenu div.milieu h6{
	font-size:0.8em;
	color:#87746A;
	text-decoration:underline;
}

div#contener div.contenu div.texte div.milieu div.articleMil {
	border-bottom:1px solid #A9AFA3;
	padding-bottom:4px;
	float:left;
	text-align: justify;
}
div#contener div.contenu div.texte div.milieu div.articleMil p {
	clear: left;
}
div#contener div.contenu div.texte div.milieu div.articleMil p, div#contener div.contenu div.texte div.articleMil img {
	font-size:0.9em;
	padding-left:1px;
}
div#contener div.contenu div.texte div.milieu div.articleMil p.chevron {
	background: url("../images/chevron.jpg") left 5px no-repeat;
	text-indent:9px;
}
div#contener div.contenu div.texte div.milieu div.articleMil p a {
	color:#87746A;
}

div#contener div.contenu div.texte div.milieu div.mediatheque h2 {
	font-size: 1em;
	color:#9A1114;
	margin: 0 0 3px 0;
	border:0;
}
div#contener div.contenu div.texte div.milieu div.mediatheque {
	background: url("../images/livres.jpg") left no-repeat #d1d7c8;
	margin-top:7px;
	margin-bottom: 3px;
	width: 324px;
	padding: 2px 15px 1px 130px;
	font-size: 0.9em;
	color:#9A1114;
}
div#contener div.contenu div.texte div.milieu div.mediatheque p {
	margin-bottom: 4px;
}
div#contener div.contenu div.texte div.milieu div.mediatheque p a {
	color:#9A1114;
	font-size:0.9em;
	background: url("../images/hiver/doubleChevrons.gif") left no-repeat;
	padding-left:14px;
	border-bottom: 1px solid #9A1114;
	text-decoration: none;
}
div#contener div.contenu div.texte div.milieu div.mediathequeHover p a {
	background: url("../images/hiver/doubleChevronsHover.gif") left no-repeat;
}
div#contener div.contenu div.texte div.milieu div.mediathequeHover {
	background-color: #9A1114;
	color:#fff;
}
div#contener div.contenu div.texte div.milieu div.mediathequeHover h2, 
div#contener div.contenu div.texte div.milieu div.mediathequeHover p a,
div#contener div.contenu div.texte div.milieu div.mediathequeHover p a:hover,
div#contener div.contenu div.texte div.milieu div.mediathequeHover p a:focus,
div#contener div.contenu div.texte div.milieu div.mediathequeHover p a:active {
	color:#fff;
	border-color: #fff;
}
div#contener div.contenu div.texte div.milieu div.articleMil dl {
	margin-bottom: 3px;
}
div#contener div.contenu div.texte div.milieu div.articleMil dl dt {
	background: #A0CF67 url("../images/tiretNiveaux.gif") 10px 12px no-repeat;
	width: 356px;
	float: left;
	clear: left;
	border: 1px solid #A9AFA3;
	height:18px;
	padding:3px 0 3px 20px;
	margin-bottom: 3px;
}
div#contener div.contenu div.texte div.milieu div.articleMil dl dt span {
	font-size: 0.8em;
}
div#contener div.contenu div.texte div.milieu div.articleMil dl dd {
	float:left;
	width: 90px;
	border:1px solid #A9AFA3;
	height: 22px;
	margin-bottom: 3px;
	padding: 1px 0;
}
div#contener div.contenu div.texte div.milieu div.articleMil dl dd img {
	border-left: 0;
	vertical-align: middle;
}



div#contener div.contenu div.texte div.milieu div.articleMil div.cadrePetit {
	width:219px;
	padding: 0 4px;
	min-height:56px;
	background:#9A1114;
	float:left;
	margin-top:10px;
	font-size: 0.8em;
	color: #fff;
	text-align: left;

}
div#contener div.contenu div.texte div.milieu div.articleMil div.don{
	margin-left:5px;
}
div#contener div.contenu div.texte div.milieu div.articleMil div.cadrePetitHover {
	background: #87746A;
}

div#contener div.contenu div.texte div.milieu div.articleMil div.don {
	float:right;
}
div#contener div.contenu div.texte div.milieu div.articleMil div.cadrePetit h2{
	margin:5px 0 5px 0;
	font-size: 1.3em;
}
div#contener div.contenu div.texte div.milieu div.sansBords {
	border:0;
	width: 100%;
}

div#contener div.contenu div.texte div.milieu div.articleMil div.cadrePetit a {
	color: #fff;	
	text-decoration: none;
}
div#contener div.contenu div.texte div.milieu div.articleMil div.cadrePetit img{
	border:0;
}
/********************/
/** pages internes **/
/********************/
div#contener div.contenu div.texte a {
	color:#87746A;
}
div#contener div.contenu div.texte a:hover,
div#contener div.contenu div.texte a:focus,
div#contener div.contenu div.texte a:active{
	color:#9A1114;
}

/** recherche **/
div#contener div.contenu span.highlight,
div#contener div.contenu div.searchintro strong{
	font-weight: bold;
	color:#9A1114;
}
div#contener div.contenu div.results ol li h4 {
	margin: 0.8em 0 0 0;
}
div#contener div.contenu div.results ol li p {
	margin:0 0 0.4em 0;
}
div#contener div.contenu  form.search_result fieldset {
	border:0;
	margin-left: 20px;
}
div#contener div.contenu  form.search_result h3 {
	margin-bottom: 0.4em;
}
/** article **/

div#contener div.texte p {clear: both;}
div#contener div.texte *.left,
div#contener p.left {text-align: left;}
div#contener div.texte *.right,
div#contener p.right {text-align: right;}
div#contener div.texte *.center,
div#contener p.center {text-align: center;}
div#contener div.texte *.justify,
div#contener p.justify {text-align: justify;}
div#contener div.texte p img.gauche,div#contener div.contenu div.frontnews p img.gauche {
	margin : 3px 14px 5px 0;
	float: left;
	border:none;
}
div#contener div.texte p.test{
	text-align:left !important;
	width:164px;
}
div#contener div.texte p img.droite {
	margin : 0 0 5px 8px;
	float: right;
}
/****************************************************/
/**    			Partie droite                      **/
/****************************************************/

div#contener div.contenu div.texte div.encartsDroits {
	float: right;
	width: 213px;
}
div#contener div.contenu div.texte div.encartsDroits div.bloc {text-align: center;}
div#contener div.contenu div.texte div.encartsDroits h2 {
	margin:8px 0 0 0;	
	color: #87746a;
	text-transform: uppercase;
	font-size: 1.3em;
}
div#contener div.contenu div.texte div.encartsDroits div.bloc div {margin-top:10px;}
div#contener div.contenu div.texte div.encartsDroits img,
div#contener div.contenu div.texte div.encartsDroits div.jardinFrance {
	border: 1px solid #A9AFA3;
}
div#contener div.contenu div.texte div.encartsDroits div.jardinFrance img{
	/*margin: 9px 0 6px 0;*/
	border:0;
}
div#contener div.contenu div.texte div.xmap ul.level_2{
	display:none;
}
div#contener div.contenu div.texte div.xmap ul li a{
	color:#87746A;
	text-decoration:underline;
	font-weight:bold;

}
div#contener div.contenu div.texte div.xmap ul li a:active,div#contener div.contenu div.texte div.xmap ul li a:focus,div#contener div.contenu div.texte div.xmap ul li a:hover{
	color:#9A1114;
}
ul.listArticle{
	list-style-type:none;
}

div.articleGauche ul{
	margin-left:0;
	list-style-type: none;
}

ul.listArticle li {
	border-bottom:1px solid #87746A;
	background: url(../images/chevron.jpg) no-repeat left 6px;
	margin-bottom:5px;
}
ul.listArticle li a{
	color:#87746A;
	text-decoration:none;
	padding-left:12px;
	border-bottom:1px solid #87746A;
	margin-bottom:5px;
}
/****************************************************/
/**    		article similaire                **/
/****************************************************/
div.extranews{
	border:1px solid #A9AFA3;
}
ul#relateditemlist{
	text-align:left;
	margin-left:6px;
}
div#relateditemtitle{
	font-size:1.2em;
	color:#87746A;
}
ul#relateditemlist li{
	list-style-type:none;
	background: url(../images/puce.gif) no-repeat left 7px;
	padding-left:12px;
}
/****************************************************/
/**    			Pied de page                       **/
/****************************************************/
div#contener div.contenu div.texte div.pied {
	float: left;
	width: 100%;
	border-top: 1px solid #A9AFA3;
	margin-top: 8px;
}
div#contener div.contenu div.texte div.pied ul {
	clear: left;
	list-style-type: none;
	float: left;
	margin-left: -2px;
	margin-top: 5px;
}
div#contener div.contenu div.texte div.pied ul li {
	float:left;
}
div#contener div.contenu div.texte div.pied ul li a{
	float: left;
	border: 1px solid #A9AFA3;
	background: #A9AFA3;
	margin-left: 2px;
	color: #fff;
	font-size: 0.8em;
	padding: 8px;
	text-decoration: none;
}
div#contener div.contenu div.texte div.pied li a:focus, 
div#contener div.contenu div.texte div.pied li a:active, 
div#contener div.contenu div.texte div.pied li a:hover {
	border: 1px solid #9a1114;
	background: #9a1114;
	color: #fff;
}
div#contener div.contenu div.texte div.pied a.rss {
	float: right;
	margin-top: 12px;
}
div#contener div.contenu div.texte div.pied a.rss img{
	border:0;
}

/****************************************************/
/**    			Contact                                              **/
/****************************************************/

div.contact_email div{
	margin:8px 0;
	color:#87746A ;
}
div.contact_intro{
    color: #87746A;
    float: left;
    margin: 0 0;
}
div label.emaillabel{
	font-size:0.8em;
	
}
div.contact_email label{
	width:180px;
	float:left;
	margin-right:5px;
	text-align:right;
}
#contact_email_copy{
	margin-left:24px;
}
.validate{
	border:1px solid #fff;
	background-color:#A9AFA3;
	color:#fff;
	font-size:1em;
}
.centrer{
	text-align:center;
	padding-top:15px;
}
.centre{
	text-align:center !important;
}
/****************************************************/
/**    			tableau contenu                                 **/
/****************************************************/
#contenuSite table{
	margin-bottom:15px;
	/*border-collapse:collapse;*/
	border:1px solid #A9AFA3;
}

#contenuSite table caption{
	font-size:1.3em;
	color:#87746A;
}
#contenuSite table tr td,#contenuSite table tr th{
	border:1px solid #A9AFA3;
	padding:2px;
}
#contenuSite table.contenttoc,#contenuSite table.contenttoc tr td,#contenuSite table.contenttoc tr th{
	border:none;
	text-align:left;
}
#contenuSite table.marge10 {margin-left:10px;}
#contenuSite table.marge20 {margin-left:20px;}
#contenuSite table.marge30 {margin-left:30px;}
#contenuSite table.marge40 {margin-left:40px;}
#contenuSite table.marge50 {margin-left:50px;}
#contenuSite table.marge60 {margin-left:60px;}
#contenuSite table.marge70 {margin-left:70px;}
#contenuSite table.marge80 {margin-left:80px;}
#contenuSite table.marge90 {margin-left:90px;}
#contenuSite table.marge100 {margin-left:100px;}
#contenuSite table.marge110 {margin-left:110px;}
#contenuSite table.marge120 {margin-left:120px;}
#contenuSite table.marge130 {margin-left:130px;}
#contenuSite table.marge140 {margin-left:140px;}
#contenuSite table.marge150 {margin-left:150px;}
#contenuSite table.marge160 {margin-left:160px;}
#contenuSite table.marge170 {margin-left:170px;}
#contenuSite table.marge180 {margin-left:180px;}
#contenuSite table.marge180 {margin-left:190px;}
#contenuSite table.marge200 {margin-left:200px;}
#contenuSite table.marge200 {margin-left:220px;}
/****************************************************/
/**    			niveau de lecture                           **/
/****************************************************/
div#niveauLecture{
	float:left;
	width:250px;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:5px;

}
div.joomla_add_this{
	float:right;
	margin-top:40px;

}

div#blocLecture{
	clear:both;
	height:70px;
	border-bottom:1px solid #A9AFA3;
 }
 /****************************************************/
/**    			lire la suite PDF                        **/
/****************************************************/
div#contener div.contenu div.texte p.lireLaSuite{
	float:right;
/* 	width:350px ;*/
 }
div#contener div.contenu div.texte p.boutonSuite{
	float:right;
}
div#contener div.contenu div.texte p.lireLaSuite a, div#contener div.contenu div.texte p.boutonSuite a{
	background:#9A1114 url("../images/chevronFondTransp.png") 5px 12px no-repeat;
	color: #fff;
	font-weight:bold;
	padding:5px 5px 5px 15px;
	text-decoration:none;
 }

div#contener div.contenu div.texte p.lireLaSuite a:hover, 
div#contener div.contenu div.texte p.lireLaSuite a:focus, 
div#contener div.contenu div.texte p.lireLaSuite a:active{
	color:#fff;
	background-color: #A9AFA3;
 }
 
 div#contener div.contenu div.texte p.boutonSuite a:hover, 
div#contener div.contenu div.texte p.boutonSuite a:focus, 
div#contener div.contenu div.texte p.boutonSuite a:active{
	color:#fff;
	background-color: #A9AFA3;
 }
 
div#glossarycredit,div#glossarysearch{
	display:none;
}
div#glossary h2{
	color:#87746A;
	font-size:1.4em !important;
	text-align:left;
}
table.sansBordures,table.sansBordures tr,table.sansBordures tr  td{
	border:none !important;
}
 /****************************************************/
/**    		message d'erreur                    **/
/****************************************************/
div.error{
	color:#87746A;
}
div dt.error{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
div.error li{
	list-style-type:none;
}
 /****************************************************/
/**    		modification utilisateur                    **/
/****************************************************/

div#modifUser p{
	color:#3F352F
}
div#modifUser p span{
	display:block;
	float:left;
	width:290px;
}
div#modifUser label,div#modifUser p span.gauche{
	float:left;
	width:164px;
	margin-right:15px;
	text-align: left;
	margin-top: 1px;
	font-size: 0.9em;
	font-weight: bold;
}
div.touteLaFrance label{
	float:none !important;
}
div.touteLaFrance input{
	border:1px solid red;
}
div.touteLaFrance p{
	float:left;
	width:180px;
	text-align:right !important;
	margin-right:15px;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1px;
}
div#modifUser input,div#modifUser textarea {
	border: 1px solid #A9AFA3;
}	
div#modifUser textarea {
	width:261px;
	height:160px;
}
input#validerProposition{
	margin-left:180px;	
	width:140px;
}

div#modifUser div.name,div#modifUser div.email,div#modifUser div.user_name,div#modifUser div.pass,div#modifUser div.verify_pass{   
	margin-bottom:5px;
	clear:left !important;
}
div#modifUser div.name{
	margin-top:15px;
	margin-bottom:15px;
	clear:none;
}
div#modifUser div span.texteLong{
	clear:left;
	width:440px;
	margin-left:15px;
	margin-top:5px;
}
div#modifUser p#file{
	padding-top:15px;
}
div#modifUser div
div#modifUser img{
	text-align:center;
}
 /****************************************************/
/**    		affichage plante                **/
/****************************************************/
div.nomCommun{
	width:48%;
	float:left;
}
div.nomBotanique{
	float:right;
	width:48%;
}

/****************************************/
/********** quizz           ************/
/**************************************/

form.quizz p {
	margin-bottom: 0;
}
form.quizz input {
	margin-right: .5em;
	float: left;
	margin-top: 2px;
}

table.listemembre {
	width: 100%;
}
table.listemembre th {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	color: #fff;
	background: #A9AFA3;
}
div.detailImage p {
	font-weight: bold;
	font-size: 0.9em;
	text-align: center !important;
}
div#webgallery{
	clear:left;
	padding-top:20px;
	margin:0 auto;
}

div.webgalleryMultiple{
	text-align:center;
}
div.webgalleryMultiple li{
	list-style-type:none;
}
div.webgalleryMultiple hr{
	display:none;
}
/******************style proposition article************************/
.editor fieldset{
	padding:20px;
}
.editor fieldset legend{
	font-weight:bold;
}
div.save {
	padding:1em 0;
}
div.save button.button{
	margin-left:0;
	margin-right:15px;

}
#editor-xtd-buttons{
	margin-top:12px;
}
/* -- buttons -> STILL NEED CLEANUP*/

.button1,
.button1 div{
	height: 1%;
	float: right;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button1 { background: url(../images/j_button1_left.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(../images/j_button1_next.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}
.button2-left span,
.button2-right span { cursor: default; color: #999; }
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }
.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }
.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }
.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }
.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }
.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }
.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }
.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }
.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }
.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }
.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }
.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }
.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }
/*** style recapitulation manif**/
div.recapManif{
	float:left;
	margin-top:30px;
	margin-left:30px;
	width:100%;
}
/******************style annuaire membre************************/
p.adh{
	margin-top:20px;
}	
#modifUser div.acceptation{
	margin:10px 0 10px 25px;
	font-size:0.8em;

}
#modifUser div.acceptation label{
	float:none;
	margin-left:20px;	
	text-decoration:underline;
}
/********deatail manifestation****/

div#detailManif div.rens{
	border:1px solid #000;
	margin:20px 0;
}
div#detailManif div.rens {
	padding-left:5px;
}
div#detailManif p.sansMarge{
	margin:0;
}
/**pagination*/
div.limit{
	display:none;
}
ul.pagination li{
	list-style-type:none;
	display:inline;
	margin-right:10px;
}
div.cadre p  {
	text-align:center !important;
}
div.tooltip, div#popup{
	background-color:#F5F5B5;
	border:1px solid #DECA7E;
	color:#303030;
	font-family:sans-serif;
	font-size:12px;
	width:300px;
	line-height:18px;
	padding:10px 13px;
	position:absolute;

	text-align:center;
	z-index:2;
	left: -5000px;
}
.tooltip p, #popup p{
	margin:0;
}


/* Composant RAQ */

div.formulaireQuestion p {
	margin: 5px 0;
	float: left;
}

div.formulaireQuestion p label {
	display: block;
	width: 147px;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	font-size:0.9em;
	margin-left: 10px;
	margin-right: 30px;
}

div.formulaireQuestion p input {
	width: 267px;
	float: left;
	border:1px solid #98877D;
}

div.formulaireQuestion p select {
	width: 278px;
	border: 1px solid #98877D;
}
div.formulaireQuestion p input.grand {
	width: 288px;
}

div.formulaireQuestion p textarea {
	width: 267px;
	float: left;
	border:1px solid #98877D;
}
div.formulaireQuestion p select {
	display: block;
	width: 269px;
	float: left;
}

div.formulaireQuestion p.add {
	width: 100%;
}

div.formulaireQuestion input.add {
	float: right;
	width: auto;
	margin-right: 35px;
}

div.formulaireQuestion input#validerProposition {
	margin-left:142px;
	border:1px solid #A9AFA3;
}

div.error dt{ 
	display: none;
}

div.error ul{
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
	text-align: center;
}

ul.listArticle2{
	list-style-type:none;
}

ul.listArticle2 li {
	background: url(../images/chevron.jpg) no-repeat left 6px;
	margin-bottom:5px;
}
ul.listArticle2 li a{
	color:#87746A;
	text-decoration:none;
	padding-left:12px;
	border-bottom:1px solid #87746A;
	margin-bottom:5px;
	display: block;
}

div#contener div.contenu div.formulaireQuestion a.bouton {
	display: block;
	width: 300px;
	height: 20px;
	text-align: center;
	background-color: #948230;
	color: #fff;
	margin: 10px auto;
	text-decoration: none;
	padding: 2px;
}

div#contener div.contenu div.formulaireQuestion a.bouton:hover, div#contener div.contenu div.formulaireQuestion a.bouton:focus, div#contener div.contenu div.formulaireQuestion a.bouton:active {
	background-color: #7F5723;
	color: #fff !important;
}

div#contener div.contenu div.formulaireQuestion p.checkbox input {
	width: auto;
	width: auto;


	margin-left: 15px;
    margin-right: 5px;
	margin-top: 8px;
}

div#contener div.contenu div.formulaireQuestion p.checkbox label {
	width: 410px;
	font-weight: normal;
	float: left;
	text-align: left;
	margin-right: 10px;
}
 div.iframe{
	width:991px;
	margin-top:6px;
	float: left;
} 
div#cboxLoadedContent{
	text-align:left;
}
div#popin h1{
	color:#948230;
	font-size:1.4em;
}

div#intro_raq p {
	float: none;
}

div.articlesRAQ {
	float: left;
	clear: left;
	font-size: 0.9em;
}

div.article-Gauche {
	float: left;
	width: 225px;
	text-align: left;
	border-right: 1px solid #948230;
	min-height: 100%;
}

div.article-Gauche h2, div.article-Droit h2 {
	text-align: left;
}

div.article-Droit {
	float: left;
	width: 225px;
	margin-left: 12px;
	text-align: left;
	min-height: 100%;
}

div.article-Gauche ul, div.article-Droit ul  {
	margin-left: 0;
}

div.article-Gauche ul li, div.article-Droit ul li {
	margin-bottom: 5px;
	float: left;
	clear: left;
	list-style-type: none;
	padding: 0;
}

*+html div#contener div.contenu div.texte div.article-Droit  {
	margin-top: -14px;
}

*+html div#contener div.contenu div.texte div.article-Gauche ul li , *+html div#contener div.contenu div.texte div.article-Droit ul li {
	width: 220px !important;
}

div#contener div.contenu div.texte div.article-Gauche ul li a, div#contener div.contenu div.texte div.article-Droit ul li a {
	background: url("../images/raq/chevron-vert.jpg") left center no-repeat;
	padding-left: 10px;
	text-decoration: none;
	clear: left;
    float: left;
}

div#contener div.contenu div.texte div.article-Gauche ul li a:hover, div#contener div.contenu div.texte div.article-Gauche ul li a:focus, div#contener div.contenu div.texte div.article-Gauche ul li a:active,
div#contener div.contenu div.texte div.article-Droit ul li a:hover, div#contener div.contenu div.texte div.article-Droit ul li a:focus, div#contener div.contenu div.texte div.article-Droit ul li a:active {
	text-decoration: underline;
}
.item67>a>span{
	float: left;
	margin-top: -12px;
	margin-bottom: 12px;
}

div#contener div.contenu div.milieu h2.titre-theme {
	color: #87746A !important;
    text-transform: none;
}

p.reponse-satisfaisante {
	margin-top: 40px;
}

p.reponse-satisfaisante span.question {

}

/* ajout Adrien boutique */
.vmSnapshot .productText {
	font-size: 10px;
}
.vmSnapshot .priceContainer {
    width: 131px;
}
