/* Ètablir ou rÈtablir les styles gÈnÈraux */
*{color:#000;list-style:none;text-decoration:none;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px}
a:hover, #sousMenuLiens a.selected{color:#F00}/*couleur des liens survolÈs*/
body{background-repeat:repeat-y;border-top:solid 16px #fff}/*dÈfint le comportement de l'image de fond + petit hack pour le dÈcalage vertical du fond de la page*/
img{border:0}/*pas de bordure sur les images-liens*/
h1{font-weight:bold}
body h1#main_title, body div#access_nav {
	position: absolute;
	left: -9999px;
}
/* maquette gÈnÈrale */
#logo{position:absolute;top:32px;width:60px}/*logo la maison de l'accordÈon en haut ‡ gauche*/
#contenu{position:absolute;left:60px;top:16px;width:913px;border-top:solid 16px #dfeaf5; padding-left: 16px;}/*contenu du site, - le logo*/
.mentions{color:#ccc;
margin-top: 5px;
float: left;}


/*--------------------- menu et sous_menu--------------------------------------*/
#menu,#sousMenu{width:169px;float:left;margin-right:13px} /*colonnes menu et sous-menu*/
#menu ul{background-color:#F00;padding-top:5px;height:229px;margin-bottom:8px;}/*ul correspond au menu gŽnŽral en rouge*/
#menu ul li a{display:block;color:white;text-decoration: none;padding:2px 7px 4px 7px;line-height:1.1em;font-size:12px;}
#menu ul li a:hover {color: black;background-color:#FC0}
#menu ul li a.gras {font-weight: bold;}
#menu a.vignette{margin-bottom:8px;display: block;width:169px;height: 113px;text-indent:-5000px;background-repeat: no-repeat;background-position: 0 0;font-size:1px;line-height:1px;vertical-align:middle}
#menu a.vignette:hover {background-repeat: no-repeat;background-position: 0 -113px;}
#vignette a.general1 {
	background-image:url(/img/menuLeft/general_1.png);
}
#vignette a.general2 {
	background-image:url(/img/menuLeft/general_2.png);
}
#vignette a.general3 {
	background-image:url(/img/menuLeft/general_3.png);
}
#vignette a.castagnari1 {
	background-image:url(/img/menuLeft/castagnari_1.png);
}
#vignette a.castagnari2 {
	background-image:url(/img/menuLeft/castagnari_2.png);
}
#vignette a.fisart1 {
	background-image:url(/img/menuLeft/fisart_1.png)
}
#vignette a.fisart2 {
	background-image:url(/img/menuLeft/fisart_2.png)
}
#sousMenu ul{padding:9px}
#sousMenu li{padding-left:1em;background-image:url(../img/styles/puce.png);background-repeat:no-repeat}/*toute liste du sous menu (en fait des hyperliens)*/
#sousMenu li.titreSousMenu {
	background-image: url(null);
	padding-left: 0px;
	font-weight: bold;
}
#sousMenu li.noBullet {
	background-image: url(null);
	padding-left: 0px;
}
#sousMenu p{font-weight:bold}/*titres des listes du sous-menu*/
#sousMenu li,#sousMenu p{margin-bottom:7px}
#sousMenu input{margin-bottom:1em}/*champ texte pour la recherche rapide*/
.extrait {
border-top: solid 1px #ccc;
padding: 5px 0px;
color:#ccc;
}
.organic {
border-top: 1px solid rgb(204, 204, 204); 
margin-top: 5px; 
padding-top: 5px; 
color: rgb(204, 204, 204);
}
#organicweb {
float: left;
margin: 5px;
}
#volonte div h2, #lieu div h2, #news li h2 {
color: #000;
}

.barre {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 3px;
}



/* -----------------------------------------------FONDS DES DIFFERENTES PAGES----------------------------------------------*/
#contact{background-image:url(/img/styles/fond_moyen.png)}
#atelier,#resultatRecherche, #admin{background-image:url(/img/styles/fond_petit.png)}
#catalogue{background-image:url(/img/styles/fond_petit_moyen_petit.png)}
#ressources{background-image:url(/img/styles/fond_blanc.png)}/*page ressources dÈsactivÈe pour le moment*/
#recherche,#ficheModele{background-image:url(/img/styles/fond_petit_moyen.png)}
#introFisart,#introCastagnari,#atelierIntro, #liens {background-image:url(/img/styles/fond_petit_grand.png)}
#accessoiresLibrairie{background-image:url(/img/styles/fond_grand.png)}
#magasin{background-image:url(/img/styles/fond_moyen_moyen.png)}

/*-------------------------------------------------------------------PAGE MAGASIN---------------------------------------------- */
#volonte,#lieu,#images{float:left;margin-right:13px;margin-bottom:8px; }
#volonte div, #lieu div {
min-height: 510px;
}
#plans div{height:218px;padding:9px}
#volonte,#lieu{width:351px}
#volonte img,#lieu img{border-bottom:8px solid #dfeaf5}
#volonte div,#lieu div{padding:9px; background-color:#FFF}
.hauteur1{height:95px}
.hauteur2{height:216px}
#volonte div p,#lieu div p{margin-bottom:1.3em;line-height:1.3em}
#magasin div h1{margin-bottom:0.7em}
#news li{margin-bottom:1.3em}
#news li h2 {
color: #000;
text-decoration: underline;
}
#news h1{text-decoration:underline}
#news li p{color:#F00}
#news li p.titre {
	color: black;
	font-weight: bold;
}
#news li div {
	background-color: transparent;
	min-height: 0;
	margin: 0;
	padding: 0;
}
#news li div p {
	margin: 0;
	padding: 0;
}
#news{height:216px;padding:9px;border-bottom:8px solid #dfeaf5;background-color:#FC0;line-height:1.3em;overflow:auto}

/*----------------------------------------------------------------------------ATELIER---------------------------------------------- */
#fiche{float:left;width:533px; min-height: 510px;} /*colonne de chaque fiche*/
#fiche div{margin-bottom:8px} /*chaque Ètape est illustrÈe d'une photo et d'u npetit comentaire, ceci est le bloc qui contient ce tout*/
#fiche div.paysage{height:234px; float: left;}/*pour les photos en paysage*/
#fiche div.portrait{height:476px; float: left;}/* pour les photos en portrait*/
#fiche div.paysage p{height:216px; position: absolute;right: 0; width: 150px; background-color: #fff;padding: 10px 10px 8px 10px; margin-right: 16px;}
#fiche div.portrait p{height:458px; position: absolute; right: 0;width: 150px; background-color: #fff;padding: 10px 10px 8px 10px; margin-right: 16px;}
#fiche img{float:left}/*photo de chaque Ètape*/
#fiche {float:left;width:151px;line-height:1.3em;}/*commentaire de chaque Ètape*/
#titreFiche {
background-color:#FFCC00;
height:95px;
padding:9px;
width: 515px;
float: left;
padding-right: 10px;
}
#fiche #titreFiche.hauteurDeux {height:216px;line-height:1.4em;}
#fiche p.type{margin-bottom:1em;color:white}
/* liens */
#listeLiens{float:left;width:533px} /*colonne de chaque fiche*/
#listeLiens dl{margin:9px} /*chaque Ètape est illustrÈe d'une photo et d'u npetit comentaire, ceci est le bloc qui contient ce tout*/
#listeLiens dt{margin-bottom:0.5em}
#listeLiens dd{margin-bottom:1.3em}
#listeLiens a {border-bottom: 1px dotted black;}
#listeLiens h2 {margin:0.7em;}

/*-------------------------------------------------- ACCESSOIRES ET MAGASIN ------------------------------------------------------------*/
#accessoires,#introAccessoires{width:533px;float:left;}/*colonne de la partie accessoires et librairie*/
#accessoires,#introAccessoires img{border-bottom:8px solid #dfeaf5}/*grande image*/
#accessoires,#introAccessoires div{padding:9px}/*texte d'intro*/
#accessoire {width: 533px; float: left;}
#accessoire #outils {margin-top:0.7em;margin-bottom:0.7em;padding-top:0.7em;padding-bottom:0.7em;border-top:#000 1px solid;border-bottom:#000 1px solid}
#accessoire ul, #accessoire li {margin-bottom:0.4em;}
/* Introduction des pages Castagnari, Fisart et Atelier*/
#intro{float:left;width:533px; background-color: #fff;}
#intro img{border-bottom:8px solid #dfeaf5}
#intro div{padding:9px;}
#intro div p,#intro div h1{line-height:1.4em;margin-bottom:1.4em}
#intro div a {border-bottom:#000 dotted 1px;}
#intro div a:hover {color: red;}
/*-------------------------------------------------------------------------------------------------------------*/
/*óóóóóóóóóóóóóóóóóó*/
/* PARTIE DYNAMIQUE */
/*óóóóóóóóóóóóóóóóóó*/

/* ----------------------------------------------------------FICHES DES INSTRUMENTS----------------------------------------------------------*/
#ficheModele #instrument{width:351px;float:left;margin-right:13px} /*colonne de la fiche modËle sans les vignettes*/
#ficheModele #specifications span{font-weight:bold} /*spÈcifications techniques (sans les intiulÈs)*/
#ficheModele #specifications li, #ficheModele #specifications ul p{margin-bottom:0.4em}/*liste des spÈcifications techniques plus Èventuels sous-rubriques*/
#ficheModele #specifications ul p{color:#666}/*sous rubriques des spÈcifications techniques*/
#ficheModele #instrument img{border-bottom:8px solid #dfeaf5;width:351px;background-color:white;}/*grande image*/
#ficheModele #vignettes{width:169px;float:left}/*colonne des vignettes*/
#ficheModele #vignettes img{margin-bottom:8px}/*vignettes*/
#nomModele{margin-bottom:1em;font-weight:bold}/*nom du moodËle*/
#specifications{padding:9px}/*liste des spÈcifications*/
#mainDroite,#mainGauche{margin-top:1em;width:156.5px}/*petites colonnes spÈcifiques main droite et main gauche*/
#mainDroite{float:left}
#mainGauche{float:right}
.main{font-weight:bold;padding-bottom:0.3em;margin-bottom:0.7em;border-bottom:#000 1px solid;line-height:1.3em}/*titre des petites colonnes*/
#descriptionModele{margin-bottom:1.3em;padding-bottom:0.7em;border-bottom:#000 1px solid;color:#f00}/*texte de description du modele*/
#descriptionModele * {color:#f00;}
#ficheModele #outils {margin-top:0.7em;margin-bottom:0.7em;padding-top:0.7em;padding-bottom:0.7em;border-top:#000 1px solid;border-bottom:#000 1px solid}/*petite barre d'outils*/
#mp3Player {clear:both;}
#mp3Player li {border-bottom: 1px dotted #666;}
.rouge {color:red;}
/*-----------------------------------------------------------FORMULAIRE DE CONTACT ET PLAN-----------------------------------------------------------*/
#formulaire{width:333px;float:left;margin-right:13px;padding:9px} /*colonne du formulaire de contact*/
#formulaire textarea{margin-top:0.5em;margin-bottom:1em;width:100%}
#formulaire input{margin-top:0.5em}
#Contactnom,#Contactprenom,#Contacttelecopie,#Contacttelephone,#Contactcourriel,#envoyer{width:50%;display:block;margin-bottom:1em}
#Contactnom{margin-top:1em}
.raison input,.typeDemande input{vertical-align:text-bottom;margin-right:0.5em}
.raison{margin-right:1em; display:block;}
.typeDemande{vertical-align:text-bottom;margin-right:0.5em}
#formulaire p{margin-bottom:0.5em;margin-top:2em}
#message{display:block;margin-top:2em}
/*plans et coordonnÈes toujours sur la page de contact*/
#plansCoordonnees{width:351px;float:left;margin-bottom:8px}/*colonne du plan et des coordonnÈes*/
#plansCoordonnees img{border-bottom:8px solid #dfeaf5}
#coordonnees{border-bottom:8px solid #dfeaf5;height:218px;padding:9px;background-color:#FC0}/*bloc des coordonnÈes*/
#coordonnees p{line-height:1.6em}
#coordonnees a{border-bottom:#000 1px dotted}

/* -----------------------------------------------------------RESULTAT DE RECHERCHE-----------------------------------------------------------*/
#resultat{width:534px;float:left;margin-bottom:8px} /*colonne des rÈsultats*/
#resultat li{height:113px;display:block;margin-bottom:8px;position:relative} /*bloc pour un modËle*/
#resultat li img{display:block;float:left;margin-right:13px}/*image du modËle*/
#resultat li div{float:left;width:329px;height:95px;padding:9px;background-color:#FC0}/*bloc contenant les informations sur le modËle*/
#resultat li div p.modele{margin-bottom:0.5em;font-weight:bold} /*nom du modËle*/
/*#resultat li div p.description{overflow:hidden;line-height:1.3em;height:5.2em}/*description du modËle*/
#resultat li div a{position:absolute;bottom:9px;border-bottom:#000 dotted 1px; color: red;}/*lien vers la fiche complËte*/
#resultat > li > div > ul > li {height: auto;}

/* -----------------------------------------------------------RECHERCHE DE MODÈLES----------------------------------------------------------- */
#rechercheModele{width:329px;float:left;margin-bottom:8px;padding:9px}/*formulaire*/
#rechercheModele select,#rechercheModele #rechercher{width:50%;display:block}/*listes dÈroulantes et bouton "rechercher"*/
#rechercheModele select{margin-bottom:1em}
#rechercheModele #rechercher{margin-top:2em}
#rechercheModele p{margin-top:1.2em;margin-bottom:0.5em}/*titres des rubriques du formulaire*/
#rechercheModele .main{font-weight:bold;margin-top:2em;border-bottom:1px solid #000}/*nom des mains droites et gauches*/
#rechercheModele input{margin-right:0.5em}
#rechercheModele label{margin-right:1em}
#rechercheModele .typeBasses {color:#666}
#recherche label {display: block; line-height: 20px; margin-top: 10px;}
.listType, .listMarque {visibility:hidden; height:0;}

/* -----------------------------------------------------------ADMINISTRATION----------------------------------------------------------- */
#admin form {float:left;}
#admin label {display: block;}
#adminMainDroite, #adminMainGauche {float:left;}
#adminMainDroite { margin-right: 20px;}
#admin form p {margin: 2px;}
#admin h1{margin-bottom: 20px;}
#admin h2 {color: red;}
#admin .clear {clear: both; visibility: hidden;margin: 5px 0px;}
#admin dl, #admin ul{float:left;}
#admin dt {cursor:pointer; font-weight: bold;list-style-image:url(/img/styles/puce.png);}
#admin dt span {font-size:0.9em; font-weight: normal;}
#admin dt span a{font-size: inherit;}
#admin dd {margin-left: 10px; margin-bottom: 5px;}
#admin em  {font-size: 0.9em;}
#admin em a {text-decoration: underline;}
#nouvelles {width:534px; float: left;}
#nouvelles li {border: solid 1px #999999; margin-bottom: 10px;padding:5px;}
#nouvelles li a {text-decoration: underline;}
#prods {
	width: 300px;
	background-color: white;
	padding: 16px;
}
#prods li {
	line-height: 25px;
	margin: 2px;
	border: solid 1px navy;
	padding: 3px;
	background-color: #dfeaf5;
}
/*#admin h3, #admin h4, #admin h2 {margin-left: 170px;}*/
/* CAKE DEBUG STUFF */
/*table {
position: relative;
top: 1200px;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}
*/