/* ================== Elements standards =============== */
/* Beryo style par defaut - 'default' par Yohann BEREZIAT - http://www.xrousse.org */
/* css sous License Creative Commons - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* ----------------- Design du site -------------------- */
body {
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: small "Trebuchet MS", helvetica, sans-serif ;
	line-height: 1.5em ;
	background: #697491 ;
	text-align: justify ;
	color: #3a4956 ;
	background-color: #333 ;
}

div#container {
	text-align: left ;
	border: 2px solid #4682b4 ;
	background-color: #cdbcc0 ;
	border: 1px solid #355491 ;
}

/* colonne de navigation */
div#column1 dl, div#rubrique dl {
    padding: 3px ;
}

div#column1 {
	text-align: right ;
	border-left: 1px solid #8ba1c0 ;
	background: url(pics/background_menu.png) no-repeat top left ;
}

div#column1 dt {
    color: #5b0e0a ;
    font-weight: bold ;
}

div#zone_principale, div#zone_admin, div#accueil {
	background-color: #fff ;
	border: 1px solid #999 ;
}

/* -- Rubriques -- */
div#rubrique {
    background-color: #cecece ;
    border: 1px solid #ffa257 ;
}

div#accueil div#rubrique a {
	text-decoration: none ;
	font-size: x-small ;
}

div#accueil div#rubrique dd {
	border-bottom: 1px solid #ffa257 ;
}

div#zone_principale div#rubrique dt a {
	background-color: #faddc5 ;
	display: block ;
	padding: 5px 2px 5px 2px ;
	border: 1px solid #f6c49c ;
	margin-bottom: 2px ;
	text-decoration: none ;
	color: #c25c08 ;
	font-size: x-small ;
}

div#zone_principale div#rubrique dt a:hover {
	background-color: #ff9945 ;
	color: #383532 ;
}

div#column1 dd, div#rubrique dd {
    padding-top: 2px ;
    margin-left: 5px ;
}

/* -- Accueil -- */
div#accueil .img {
	height: 50px ;
	border: 0 ;
}

dl.accueil_rubrique dt {
	background-image: url(pics/folder.gif) ;
	background-repeat: no-repeat ;
	background-position: center left ;
	background-color: #355491 ;
	color: #fff ;
	padding: 2px 0 2px 22px ;
}

.acc_style4 {
	color: #5f5f5f ;
	font-size: 11px ;
	letter-spacing: 1px ;
}

.acc_style4 h4 {
	letter-spacing: 5px ;
	font-size: 12px ;
	font-weight: normal ;
	color: #841408 ;
	text-align: right ;
	margin: 0px ;
	text-transform: uppercase ;
}

.acc_style4 .img {
	border: 1px solid #841c08 ;
	float: right ;
	margin: 0 0 5px 15px ;
	padding: 5px ;
	background-color: #e7e3e7 ;
}

.acc_style4 p {
	text-align: right ;
}

/* titres */
h1#header {
	background: url(pics/xrousse.png) no-repeat top left ;
	text-align: right ;
	background-color: #355491 ;
}

h1#header a {
    	text-decoration: none ;
	color: #cbdcc0 ;
	letter-spacing: 13px ;
	font-size: 24px ;
	font-weight: normal ;
	font-family: verdana ;
	text-decoration: none ;
	padding-top: 50px ;
	display: block ;
}

h2 {
    color: #da7c0c ;
    letter-spacing: 3px ;
    border-bottom: 1px  dotted #da7c0c ;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(none); padding: 0 0 0 15px;

}

h2.comment
{
    background-image: url(pics/commentaire.png); padding: 0 0 0 15px;
    font-size: 1.1em ;
}

h3 {
	clear: left ;
	color: #e67920 ;
	border-bottom: 1px solid #ff9900 ;

}

h4 {
    color: #082357 ;
}

h5 {
	color: #a75914 ;
}

/* middle-office */
div#middle_office {
    padding: 3px;
    border: 2px solid #234497 ;
    background-color: #457aff ;
}

div#middle_office img {
    margin:2px ;
    padding: 5px ;
    border: 1px solid #999 ;
    background-color: #eee ;
}

/* liens hypertextes */

a {
	color: #003baf ;
    background-repeat: no-repeat;
	background-position: center left;
}

a:hover {
	color: #cd5c5c ;
}

a.comment {background-image: url(pics/comment.png); padding: 2px 0 2px 20px;}
a.view {background-image: url(pics/view.png); padding: 2px 0 2px 20px;}
a.go {background-image: url(pics/go.gif); padding: 2px 0 2px 25px;}
a.back {background-image: url(pics/back.png); padding: 2px 0 2px 20px;}
a.next {background-image: url(pics/next.png); padding: 2px 0 2px 20px;}
a.download {background-image: url(pics/download.gif); padding: 2px 0 2px 20px;}
a.detail {background-image: url(pics/detail.png); padding: 2px 0 2px 20px;}
a.yes {background-image: url(pics/yes.png); padding: 2px 0 2px 18px;}
a.no {background-image: url(pics/no.png); padding: 2px 0 2px 18px;}
a.notification {background-image: url(pics/email-regular.gif); padding: 2px 0 2px 20px;}
a.notification2 {background-image: url(pics/email-red.gif); padding: 2px 0 2px 20px;}
a.fiche {background-image: url(pics/user-comment-purple.gif); padding: 2px 0 2px 20px;}
a.edit {background-image: url(pics/edit-page-blue.gif); padding: 2px 0 2px 20px;}
a.disconnect {background-image: url(pics/disconnect.png); padding: 2px 0 2px 20px;}
a.mafiche {background-image: url(pics/user-comment-blue.png); padding: 2px 0 2px 20px;}
a.external {background-image: url(pics/external.png); padding: 2px 0 2px 12px;}
a.rss {background-image: url(pics/rss.png); padding: 2px 0 2px 18px;}

/* elements standards html divers */
img {
    border: none;
}

 div#zone_principale img {
 	border: 1px solid #999 ;
}

li {
    background-image: url(pics/puce.png);
    background-repeat: no-repeat;
    background-position: left top;
    list-style-type: none;
    padding-left: 18px;
}

p {
    text-align: justify;
}

dd {
	margin-left: 20px ;
}

pre
{
	overflow: auto ;
	color: #b43115 ;
	background-color: #cfcfb5 ;
	border: 1px solid #999 ;
	font-size: small ;
}

/* classes speciales */
.img {
	float: left ;
	height: 50px ;
	margin: 0 10px 10px 0;
}

.right {
    margin: 5px ;
    padding: 2px ;
    float: right ;
    width: 200px ;
}

.droite {
    float: right ;
	margin: 5px ;
	padding: 2px ;
}

.left {
	margin: 5px ;
	padding: 2px ;
	float: left ;
}

.gauche {
	margin:5px ;
	padding:2px ;
	float: left ;
}

.notify {
    float: right ;
}

.info {
    color: #8b668b;
    background-image: url(pics/0111_arrow.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;

}

/* module lien */
.lien {
  clear: left ;
 }

/* module album */
dl.vignet {
    border: 2px solid #6495ed ;
    background-color: #000 ;
    text-align: center ;
    height: 110px ;
    margin: 5px ;
}
dl.vignet dt, dl.vignet dd {
    padding: 3px ;
    margin: 0px ;
}

dl.album dt {
	clear: left ;
}

/* recettes */
.ingredient {
	float: right ;
	width: 250px ;
	background-color: #eee ;
	border: 1px solid #999 ;
	padding: 3px ;
	margin: 10px ;
}

/* commentaires */
dl.comment dt {
    background-color: #e9b694 ;
    padding: 5px 3px 5px 3px ;
}

dl.comment {
    border: 1px dashed #e76e1b ;
    padding: 5px ;
    margin: 10px ;
    background-color: #dbccc2 ;
}

/* pied de page */
ul#footer {
    	background: url(pics/footer.png) no-repeat bottom right ;
	padding: 10px ;
    	font-size: 0.9em ;
    	text-align: right ;
}

ul#footer li {
    padding: 3px ;
    background-image: none ;
    list-style-type: none ;
}

p#print {
    display: none ;
}
/* tableaux */

table { 
	border: 2px solid #999999;
	border-collapse: collapse;
	font-size:11px; /* Opera */
	margin: 5px;
    width: 95% ;
}

th { 
	color:#eb964a;
	background-color: #f5f5f5 ;
	text-align: center;
}

tr.pair { 
	background-color: #f0ffff ;
}

tr.impair { 
	background-color: #afeeee;
}

td { 
	border: 1px solid #52874b ;
	padding: 5px ;
	text-align: center ;
}

/* -------------formulaires ------------*/

label { /* Label des formulaires */
  text-align: left;
  }
label.formbold { /* Labels des formulaires obligatoires*/
  font-weight: bold;
  }
input { /* Champs texte */
  font-size: 9px;
  background-color:#ffffff;
  }
input.bouton {
  border:2px outset white;
  cursor:pointer;
  font-weight: bold;
  }
input.bouton:hover {
  color:#ffffff;
  }
select, option { /* Boutons options */
  font-size: 9px;
  background-color:#ffffff;
  padding: 0px ;
  }
textarea { /* Zones de texte */
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 9px;
  background-color:#ffffff;
  }