@charset "UTF-8";
/* Sommaire */
/* _selecteurs_html, _toolbox, _emplacements, _menu, _module_actualite, _module_article, _pagination, _formulaire, _divers, _toolbox, */

/* Constantes */
/*
	bleu 18659A
	marron 9A5A1D
*/

 /*** _selecteurs_html ***/
	body {
		height:100%;
		margin: 0;
		padding: 0;
	}
	body, select, td, input, div, textarea{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
		/* utilisé pour éviter à fckeditor dans l'admin d'avoir le fond de page défini dans body 
		utiliser ce sélecteur pour définir la couleur de fond du body */
		#body {
			background: url(../media/fond.png) center repeat-y;
		}
	
	p {margin: 0 0 10px 0;}
	div {margin: 0;}

	img {
		border:0; 
		vertical-align:top; 
		text-align:left;
	}
	
	a:link,a:visited,a:active {
		text-decoration: none;
		color: #18659A;
	}
	a:hover {
		text-decoration: none;
		color: #9A5A1D;
	}
	
	a.marron:link,a.marron:visited,a.marron:active {
		text-decoration: underline;
		color: #9A5A1D;
		background: url(../media/puce_marron.gif) 0 4px no-repeat;
		padding-left: 10px;
		font-weight: bold;
	}
	a.marron:hover {
		text-decoration: none;
	}
	
	a.bleu:link,a.bleu:visited,a.bleu:active {
		text-decoration: underline;
		color: #18659A;
		background: url(../media/puce_bleu.gif) 0 4px no-repeat;
		padding-left: 10px;
		font-weight: bold;
	}
	a.bleu:hover {
		text-decoration: none;
	}
	
	h1 {
		font-size: 14px;
		margin: 0 0 8px 0;
	}
	h2 {
		font-size: 12px;
		margin: 0 0 8px 0;
	}
	h3 {
		font-size: 12px;
		margin: 0 0 8px 0;
	}

 /*** _toolbox ***/
	.clear {
		clear: both;
		height: 0px;
		padding: 0;
		margin: 0;
		font-size: 0;
		visibility: hidden;
	}
	
 /*** _emplacements ***/
 	.emplacement {
 		
 	}
	#conteneur {
		margin: 0 auto;
		background: url(../media/pointille.gif) 0 234px repeat-x ;
	}

	#emplEntete {
		background: url(../media/fr/les_amis_de_marcel_peltier.gif) 0 0 no-repeat;
	}
	 
	#emplGauche {
	}
	
	#emplCentre {
		min-height: 500px;
		padding-bottom: 50px;
	}
	body.association #emplCentre {
		background: url(../media/fr/fond_l_association.gif) 0 100px no-repeat;
	}
	body.artiste #emplCentre {
		background: url(../media/fr/fond_l_artiste.gif) 0 100px no-repeat;
	}
	body.galerie #emplCentre {
		background: url(../media/fr/fond_galerie.gif) 0 100px no-repeat;
	}
	body.oeuvre #emplCentre {
		background: url(../media/fr/fond_l_oeuvre.gif) 0 100px no-repeat;
	}
	body.association #emplCentre #arianne, body.artiste #emplCentre #arianne, body.galerie #emplCentre #arianne, body.oeuvre #emplCentre #arianne {
		padding: 0 0 60px 15px;
	}
	#emplDroite {
		padding: 38px 0 30px 0;
	}
	
	#emplPied {
		font-size: 10px;
		background-color: #4a4d50;
		color: #FFF;
		text-align: center;
	}
	#emplPied a:link, #emplPied a:active, #emplPied a:visited {
		color: #FFF;
		font-weight: bold;
	}
	#emplPied a:visited {
		color: #FFF;
		font-weight: bold;
	}
	
	#signature {
		position: absolute;
		top: 111px;
		margin-left: 567px;
		z-index: 100;
	}
	#outils {
		position: absolute;
		margin: 247px 0 0 869px;
		z-index: 101;
	}
	#outils img {
		margin-right: 8px;
	}
	#slideshow1 {
		position: absolute;
		width: 950px;
		height: 205px;
		display:block;
		overflow:hidden;
		top: 27px;
		background: #FFF;
		padding:0px;
		border:0;
	}
	#slideshow1 .slideShowCtrl {
		display:none;
	}
	#slideshow1 .slideShowImageWrapper {
		margin:0;
	}
	.menuHaut {
		position: absolute;
		z-index: 101;
		margin-top: 8px;
		width: 630px;
		height: 49px;
	}
		.menuHaut .first_level li {
			list-style-type: none;
			float: left;
			padding: 0;
			margin: 0;
		}
		.menuHaut ul {
			padding: 0;
			margin: 0;
		}
		.menuHaut .first_level li a {
			display: block;
			background-image: url(../media/fr/nav.jpg);
			background-repeat: no-repeat;
			height: 69px;
			margin-top: -20px;
		}
		.menuHaut .first_level li a:hover, .menuHaut .first_level li.active a {
			background-image: url(../media/fr/nav_on.jpg);
		}
		.menuHaut .first_level li {
			height: 49px;
			overflow: hidden;
		}
		.menuHaut .first_level #li1 {
			width: 126px;
		}
		.menuHaut .first_level #li1 a {
			background-position: 0 20px ;
		}
		.menuHaut .first_level #li2 {
			width: 126px;
		}
		.menuHaut .first_level #li2 a {
			background-position: -126px 20px ;
		}
		.menuHaut .first_level #li3 {
			width: 126px;
		}
		.menuHaut .first_level #li3 a {
			background-position: -252px 20px;
		}
		.menuHaut .first_level #li4 {
			width: 126px;
		}
		.menuHaut .first_level #li4 a {
			background-position: -378px 20px;
		}
		.menuHaut .first_level #li16 {
			width: 126px;
		}
		.menuHaut .first_level #li16 a {
			background-position: -504px 20px;
		}
		.menuHaut .first_level li a:hover, .menuHaut ul li.active a {
			
		}
		
	#arianne {
		background: url(../media/fond_arianne.gif) 2px 2px no-repeat;
		padding: 0 0 19px 15px;
		margin-top: 69px;
	}
	.borderMarron {
		border-right: 3px solid #9A5A1D;
		padding-right: 10px;
	}
	.borderBleu {
		border-right: 3px solid #18659A;
		padding-right: 10px;
	}
	.borderBlanc {
		border-right: 3px solid #FFF;
		padding-right: 10px;
	}
	
 /*** _pagination ***/
	.pagination {
		clear: both;
		text-align: center;
		padding-bottom: 10px;
	}
		.pagination .mil {
			
		}
		.pagination select{
			height: 19px;
			padding: 0;
			margin: 0;
			font-weight: bold;
			color: #000;
			margin-right: 5px;
		}
		 
		.pagination select option {
			color: #000;
			font-weight: bold;
		}
		.pagination .pageCourante {
			color: #000;
			font-weight: bold;
		}
		.pagination .pageS {
			float: right;
			margin: 0 5px;
			font-weight: bold;
		}
		.pagination .pageP {
			float: left;
			height: 17px;
			margin: 0 5px;
			font-weight: bold;
		}
		.pagination .pageRetour {
			height: 17px;
			margin: 0 5px;
		}
		.pagination a:link, .pagination a:visited, .pagination a:active {
			padding: 2px;
			display: block;
		}
		.pagination a:hover{
			text-decoration: none;
		}
		.pagination .pageRetour a:link, .pagination .pageRetour a:visited, .pagination .pageRetour a:active {
			
		}
		.pagination .pageRetour a:hover{
			text-decoration: none;
		}
 
 /*** _formulaire ***/
	.formulaireContact {
		padding: 0 20px;	
	}
		.formulaireContact #message {
			padding: 10px 0;
			color: #FF0000;
		}
		.formulaireContact .ligne {
			clear: both;
		}
		.formulaireContact .ligne.erreur label{
			color: #FF0000;
		}
		.formulaireContact .ligne.erreur .champ{
			border: 1px solid #FF0000;
		}
		.formulaireContact label {
			float: left;
			width: 120px;
			padding-bottom: 4px;
		}
		.formulaireContact .champ {
			float: left;
			width: 380px;
			padding-bottom: 4px;
		}
		.formulaireContact .champ input[type=text], .formulaireContact .champ textarea, .formulaireContact .champ select {
			width: 220px;
		}
		.formulaireContact .champ textarea {
			height: 100px;
		}
		.formulaireContact input[type=button]{
			clear: both;
			margin-left: 120px;
		}
		
/*** _module_actualite ***/
	#actualiteListe {
			background: url(../media/fr/fond_actualites.gif) top left no-repeat;
			padding-top: 35px;
			margin-bottom: 25px;
		}
	 	#actualiteListe .actualite {
	 		padding-left: 19px;
	 		margin-bottom: 12px;
	 		
	 	}
 		/*#actualiteListe .actualite.impair {
	 		background-color: #F5F5F5;
	 		border: 1px solid #ECECEC;
	 	}*/
	 	#actualiteListe .imgActu {
	 		float: left;
	 	}
	 	#actualiteListe .droiteActu {
	 		float: right;
	 		width: 430px;
	 		background: url(../media/fond_actu_filet.gif) bottom left no-repeat;
	 		border-right: 3px solid #18659A;
	 		padding-bottom: 5px;
	 	}
	 	#actualiteListe .imgActu a img {
	 		margin: 1px;
	 	}
	 	#actualiteListe .imgActu a img:hover {
	 		margin: 0px;
	 		border: 1px solid #C70E0C;
	 	}
	 	#actualiteListe h2 {
	 		font-size: 11px;
	 		margin-bottom: 3px;
	 	}
	 	#actualiteListe h2 a:link, #actualiteListe h2 a:visited{
	 		color: #18659A;
	 	}
	 	#actualiteListe h2 a:hover{
	 		color: #000;
	 	}
	 	#actualiteListe .date {
	 		color: #9A9A9A;
	 		margin-bottom: 5px;
	 	}
	 	#actualiteListe .texte {
	 		
	 	}
	 	#actualiteListe .texte p {
	 		/*display: inline; */
	 	}
	 	#actualiteListe .permalien {
	 		display: inline; 
	 	}
	 	#actualiteListe .permalien a, #actualiteListe .permalien a:link, #actualiteListe .permalien a:visited {
	 		color: #18659A;
	 		font-weight: bold;
	 	}
	 	#actualiteListe .permalien a:hover {
	 		color: #000;
	 	}
	 	
	 	#actualiteListe .liste {
	 		display: block;
	 		padding: 0 6px;
	 	}
	 	#actualiteListe .liste .imgActu, #actualiteListe .liste .texte, #actualiteListe .liste .permalien {
	 		display: none;
	 	}
	 	#actualiteListe .liste h2 {
			display: inline;
			overflow: hidden;
			margin: 0;
			padding: 0 0 0 10px;
			background: url(../media/puce_liste.gif) 0 9px no-repeat;
	 	}
	 	#actualiteListe .liste .date {
			display: inline;
			margin:0 0 0 5px;
	 	}
	 	#actualiteListe .liste h2 a{
			font-size: 12px;
			font-weight: normal;
	 	}
	#actualite {
 		padding: 5px;
 	}
 		#actualite h1 {
	 		
	 	}
	 	#actualite .imgActu {
	 		float: right;
	 		margin: 0 0 5px 5px;
	 	}
	 	#actualite .date {
	 		color: #9A9A9A;
	 		margin-bottom: 5px;
	 	}
	 	#actualite .categorie {
	 		margin-bottom: 5px;
	 		font-style: italic;
	 	}
	 	#actualite .texte {
	 		font-weight: bold;
	 	}
	 	#actualite .detail {
	 		
	 	}
	 	#actualite .addthis_button, #actualite .addthis_toolbox {
	 		float: right;
	 	}
	 	
	.toutesLesActus {
		text-align: right;
		padding-right: 18px;
	}
	.widgetActDevant {
			border: 1px solid #818181;
			color: #838383;
			margin-bottom: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#widgetActDevant .imgActu {
			text-align: center;
			margin-bottom: 5px;
		}
		#widgetActDevant .texte {
			padding: 0px 8px 0px 8px;
		}
		#widgetActDevant .permalien {
			padding: 0px 8px 5px 8px;
		}
		#widgetActDevant .toutesLesActus {
			padding: 0px 8px 5px 17px;
			margin-top: 5px;
			background: url(../media/puce_liste.gif) 9px 6px no-repeat;
		}
	/*.widget h3 {
		padding: 2px 8px 2px 8px;
		margin-bottom: 5px;
		background: #C70E0C;
		font-size: 11px;
		color: #E5E5E5;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-radius-topleft: 4px;
		-webkit-border-radius-topright: 4px;
		
	}
		.widget h3 a:link, .widget h3 a:visited, .widget h3 a:hover {
			color: #E5E5E5;
		}*/

/*** _module_widget_libre ***/
	.widget {
			margin-bottom: 15px;
		}
		.widget .img {
			float: left;
			margin-right: 10px;
		}
		.widget p {
			padding: 0px 14px 0px 15px;
		}
	
	.temoignage p {
		padding: 0;
		margin: 0;
	}
	.revueDePresse p {
		padding: 0;
		margin: 0;
	}
	.revueDePresse {
		padding-bottom: 10px;
	}
	.collectionneur {
		background: url(../media/fr/bandeau_collectionneurs.png) top right no-repeat;
		padding-top: 65px;
	}
	.nousContacter {
		background: url(../media/fr/nous_contacter.png) top right no-repeat;
		padding-top: 45px;
	}
	.document {
		background: url(../media/fr/bandeau_documents.png) top right no-repeat;
		padding-top: 65px;
	}
	.pointilleBas {
		background: url(../media/pointille.gif) bottom repeat-x;
	}

/*** _module_article ***/
	#artIntroduction {}
		.accueil #artIntroduction{
			background: url(../media/fr/le_mot_du_president.gif) 0 0 no-repeat;
			padding: 40px 0 0 0px;
		}
		.accueil .pIntroduction {
			border-right: 3px solid #9A5A1D;
			padding-right: 10px;
		}
		#artIntroduction .imgIntroduction {
		 	margin: 0 10px 5px 20px;
			float:left;
		}
		#artIntroduction h1{
			font-size: 11px;
		}
		#artIntroduction p {
			text-align: justify;
		}
	
	#artSommaire {}
		#artSommaire h1{
			font-size: 10px;
		}
		#artSommaire li{
			position: relative;
		}
		#artSommaire li span{
			position:absolute;
			left:430px;
			display:none;
		}
	
	#artPage {
			border-right: 3px solid #DDDDDE;
			padding-right: 10px;
		}
		#artPage h1 {
			font-size: 13px;
		}
		#artPage .paragraphe {
			margin: 15px 0px 15px 0px;
		}
		#artPage .paragraphe p {
			
		}
		.imgDroite1 {
			float: right;
			margin: 0px 0px 5px 5px;
		}
		.imgDroite2 {
			
		}
		.imgGauche1 {
			float: left;
			margin: 0px 5px 5px 0px;
		}
		.imgGauche2 {
			
		}
		.imgHaut {
			
		}
		.imgBas {
			
		}
		.imgSeule {
			
		}
 
/*** oeuvre ***/
#oeuvreCategorie {
		padding-left: 0px;
	}
	#moteur {
		background: url(../media/fr/moteur_de_recherche.gif) 15px 0 no-repeat;
		padding: 0 0 20px 195px;
	}
	#moteur span {
		float: left;
		margin-top: 3px;
	}
	#moteur input[type=text] {
		border: 1px solid #cfdae5;
		margin: 0; 
		padding: 2px 5px;
		width: 215px;
		float: left;
		margin-left: 15px;
	}
	#moteur input[type=submit] {
		border: 0;
		margin: 0; 
		padding: 0;
		width: 22px;
		height: 21px;
		background: url(../media/bonton_recherche.gif) 0 0 no-repeat;
		float: left;
		margin: -3px 0 0 10px;
	}
	#categorie {
		background: url(../media/fr/catalogue_thematique.gif) 15px 0 no-repeat;
		padding: 34px 0 10px 30px;
	}
	#categorie2 {
		background: url(../media/fr/fond_livres.gif) 0 0 no-repeat;
		padding: 34px 0 20px 30px;
		clear:both;
	}
	#widgetLibre5 {
		padding: 34px 0 0 0px;
		clear:both;
	}
	#widgetLibre5 img {
		margin: 0;
	}
	#widgetLibre5 p {
		padding: 0;
	}
	.categorie {
		width: 103px;
		text-align: center;
		float: left;
		margin: 0 17px 17px 17px;
		font-weight: bold;
	}
	.categorie img {
		border: 1px solid #BABABA;
		margin-bottom: 2px;
		margin-top: 3px;
	}
	.categorie img:hover {
		border: 4px solid #18659A;
		margin-bottom: -1px;
		margin-top: 0;
	}
	.categorie a {
		text-decoration: underline;
	}
	.nihilo .dijitTooltipContainer {
		font-size: 10px;
		color: #18659A;
		border-color: #c8c8c8;
	}
	
	a.retour {
		float: right;
		font-weight: bold;
		color: #4a4d50;
		text-decoration: underline;
		margin-right: 15px;
	}
	#categorieNom {
		float: left;
		background: url(../media/pointille.gif) bottom repeat-x;
		display: inline;
		padding-bottom: 3px;
		margin-left: 3px;
		color: #18659A;
	}
	#categorieNom strong {
		font-size: 12px;
	}
	#oeuvre {
		padding: 0 0 0 15px;
	}
	.oeuvreListe {
		width: 148px;
		height: 148px;
		text-align: center;
		float: left;
		margin: 0 5px 35px 0;
		font-weight: bold;
	}
	.oeuvreListe img {
		border: 1px solid #BABABA;
		margin-bottom: 2px;
		margin-top: 3px;
	}
	.oeuvreListe img:hover {
		border: 4px solid #18659A;
		margin-bottom: -1px;
		margin-top: 0;
	}
	.oeuvreListe a {
		text-decoration: underline;
	}
	
/*** _divers ***/
	
	/*
	largeur du tooltip
	.nihilo .dijitTooltipContainer {
		width: 500px;
	}*/