@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #6e5845 url(/img/fond-rayures.png) center top no-repeat; margin: 0; height: 100%; }

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }
h1 { background: url(/img/carre.png) no-repeat; padding-left: 40px; padding-bottom: 10px; line-height: 30px; 
	border-bottom: 6px solid #9d835d; font-size: 110%; color: #000; margin-bottom: 10px; }
h2 { margin-top: 10px; font-size: 110%; color: #6e5845; border-left: 4px solid #6e5845; padding-left: 4px; margin-bottom: 5px; }

.centre { text-align: center; }
.encart { float: right; padding-left: 20px; font-size: 70%; text-align: center; }
.encartg { float: left; padding-right: 20px; font-size: 70%; text-align: center; }
.clear { visibility: hidden; clear: both;}

a { color: #cc0000; }
a:hover { color: #cc6600; }

#conteneur { width: 950px; margin: auto; background: #FFF; border: 1px solid #333; }

/* zone entete */
#header { width: 950px; height: 218px; }

/* photos */
.album { float: left; width: 140px; margin-right: 20px; margin-top: 15px; text-align: center; font-size: 85% }
.titre_album { font-weight: bold; margin-bottom: 10px; font-size: 110%; text-transform: uppercase}
.photo { float: left; width: 125px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }
.photoP { float: left; width: 105px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }

/* colonnes */
#colonnedroite { float: right; text-align: center; margin-right: 10px; }
#contenu { margin-left: 45px; padding-top: 10px; color: #5A5A5A; text-align: justify; font-size: 90%; min-height: 290px; height: 1% /*bug hasLayout IE */; }
.texte { text-align: justify; }
#contenu ul { margin-left: 45px; }
#contenu p { margin-left: 15px; }

ul.accueil { margin-left: 40px; line-height: 22px; list-style-image: url(/img/item-liste.png); }


ul.liste { margin-left: 40px; line-height: 30px; list-style-image: url(/img/item.png); }
ul.listeitems { line-height: 30px; list-style-image: url(/img/item-liste.png); }

ul.liste li ul { margin-left: 30px;  list-style-image: url(/img/item-liste.png); }
ul.liste li ul a { color: #5A5A5A; text-decoration: underline; }
ul.liste li ul a:hover { color: #6e5845; }

#mentions { text-align: center; font-size: 90%; color: #fff; line-height: 85px; }
#mentions a { color: #fff; text-decoration: none; }
#mentions a:hover { text-decoration: underline; }

/* bas de page */
#pied { clear: both; color: #fff; font-size: 60%; width: 950px; text-align: center; margin: auto; margin-top: 10px; }
#pied a { color: #fff; text-decoration: none; }
#pied a:hover { color: #cc6600; text-decoration: none; }

/* lignes de formulaire */
.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 30px; line-height: 22px; width: 600px; }
.entete { width: 200px; color: #111; float: left;}

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #6E5845; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #6e5845; }
#admin a { color: #cc6600; text-decoration: none }
#admin a:hover { color: #6e5845; text-decoration: underline }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #d9d0af; color: #333; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }