/* default styles*/

html, body, * {
margin: 0 0 0 0;
padding: 0 0 0 0; 
}

body {
background-color: #053d1d;
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
img {
border:0;
/*display:block;*/
}
a {
color: #000000;
}
p.warning {
text-align:center;
font-weight: bold;
background-color:#CB5132;
color:#FFFFFF;
padding: 10px 10px;
}


/* layout global */
body {
text-align: center;
}
#conteneur {
margin: 0 auto 0 auto;
width: 920px;
text-align: left;
background:url('../images/Bg-conteneur.jpg') top left repeat-y;
}
#header{
height: 164px;
background:url('../images/Bg-header.jpg') top left no-repeat;
}
#header a {
display:block;
width:150px;
    color : white;
    padding : 5px;
	text-decoration: none;
	padding-top: 5px;
}
#menu1 {
height:43px;
background:url('../images/Bg-menu.jpg') top left no-repeat;
}

#contenu {
/*background:url('../images/Bg-conteneur.jpg') top left repeat-y;*/
margin: 20px 100px 20px 100px;
}
#centre {

padding: 0 0 0 0;
}
#breadcrumb {
padding: 0px 0px 0px 0px;
}
#menu-outils {
float:right;
}

#bottom {
clear: both;
height: 70px;
background: url('../images/Bg-footer.jpg') bottom left no-repeat;
}


/* menu haut */
#lien-logo {
float:left;
}

/* footer */
#retour-top {
padding-left: 50px;
}
#rappel-menu {
text-align:left;
font-size: 0.9em;
padding-left: 100px;
}
#rappel-menu a {
text-decoration:none;
}
#rappel-menu a:hover {
text-decoration: underline;
}
#menufooter {
text-align:left;
font-size: 0.9em;
color:#000000;
padding-top: 10px;
padding-right:50px;
padding-left: 100px;
}
#menufooter a {
text-decoration: none;
color:#000000;
}
#menufooter a:hover {
text-decoration: underline;
}

/* styles de texte */
h1 {
font-family: Tahoma, Trebuchet MS, Verdana, Arial;
font-weight:bold;
font-size: 2em;
margin-top: 10px;
margin-bottom: 10px;
color: #708157;
}
h2, h3, h4, h5, h6 {
font-family: Tahoma, Trebuchet MS, Verdana, Arial;
font-size: 1.6em;
/*font-style:italic;*/
font-weight:bold;
margin-bottom: 5px;
margin-top: 15px;
color: #708157;
}
p {
margin: 5px 0px 5px 0px;
line-height: 1.3em;
}
#contenu ul {
padding-left:20px;
}
#contenu img {
border: #708157 2px solid;
margin: 5px 5px 5px 5px;
}
#menu-outils img {
border: none;
}
#contenu hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #999999;
 background-color: #999999;
 border: 0;
 margin-bottom:10px;
}

#breadcrumb p {
margin: 0 0 0 0;
font-size: 0.9em;
}


/* actua en page d'accueil */
#actu-index {
width: 300px;
float:right;
margin-left:10px;
}


/* actualités des rubriques vieil armand et autres champs de batailles */
div.actu-court {
background-color:#CEAA76;
padding: 5px 5px;
margin: 0px 0px 1px 0px;
}
div.actu-court h2 {
margin: 0 0;
font-size: 1.2em;
}
div.actu-court h2 a {
color:#603814;
text-decoration:none;
}
div.actu-court h2 a:hover {
text-decoration:underline;
}
div.actu-court p.infos {
margin: 0px 0px 5px 0px;
color:#603814;
}
div.actu-court p.liens {
text-align:right;
height: 18px;
}
div.actu-court p.liens a.commentaires {
display: block;
width: 105px;
float:right;
line-height: 18px;
background:url('../images/picto-commentaires.png') top left no-repeat;
text-decoration:none;
color:#603814;
}
div.actu-court p.liens a.plus {
text-indent: -999em;
display: block;
float:right;
width: 90px;
line-height: 18px;
background:url('../images/lien-ensavoirplus.png') top right no-repeat;
text-decoration:none;
}

/* actualités détail */
div.enteteactu {
background-color:#CEAA76;
padding: 5px 10px;
}
div.enteteactu h2 {
color:#603814;
display:inline;
}
div.enteteactu div.infos {
float:right;
padding-top: 5px;
}


/* les commentaires */
h2.titrecommentaires {
background:url('../images/picto-commentaires.png') top left no-repeat;
padding-left: 30px;
}
div.commentaire {
background-color:#CEAA76;
padding: 5px 5px;
margin: 0px 0px 1px 0px;
}
div.commentaire  p.infos {
border-bottom: #bbb 1px solid;
padding-bottom:5px;
}
div.commentaire  p.contenu {
padding: 0px 20px 0px 20px;
}

h2.ajoutcommentaire {
background:url('../images/picto-ajoutercommentaire.png') top left no-repeat;
padding-left: 30px;
}
input.submit {
border: #FFFFFF 1px solid;
background-color:#6B431F;
color:#FFFFFF;
font-size: 0.9em;
width: 150px;
}
form.commentaire input.textfield {
width:30%;
background:#fff;
border:1px solid #666666;
padding:1px;
margin-top:0px;
margin-bottom:0px;
}
form.commentaire textarea {
width:400px;
height:7em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #666666;
padding:1px;
}
form.commentaire table th {
width: 200px;
text-align:right;
padding-right: 5px;
font-size: 0.9em;
}




/* formulaire de contact */
#centre p.formulaire {
/*padding-top:0px;
padding-bottom:0px;*/
margin-top:2px;
margin-bottom:2px;
}

p.formulaire label {
width:20em;
float:left;
text-align:right;
padding-right:18px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}
fieldset {
margin-left: 20px;
margin-right: 20px;
border:#666666 1px solid;
}
legend {
font-weight: bold;
}
textarea {
width:400px;
height:15em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #666666;
padding:1px;
}

input.textfield, .listfield {
background:#fff;
border:1px solid #666666;
padding:1px;
margin-top:0px;
margin-bottom:0px;
}


/* espace documentaire */

/* recherche simple */

form.formsimple {
width: 320px;
}
form.formsimple fieldset {
border: #333333 1px solid;
padding: 10px 10px;
margin-bottom: 20px;
}
form.formsimple fieldset legend {
padding: 2px;
}
form.formsimple input.textfield {
border:#333333 1px solid;
padding: 3px 3px;
width: 250px;
color: #6b431f;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 2px;
}

/* liens de contournements */

form.lienscontournement fieldset {
border: #999999 1px solid;
padding: 5px 5px;
margin-bottom: 10px;
}
form.lienscontournement fieldset legend {
padding: 2px;
color:#666666;
}
form.lienscontournement fieldset a { 
color:#666666;
text-decoration:none;
}
form.lienscontournement fieldset a:hover { 
color:#000000;
text-decoration:none;
}



/* recherche avancée */
form.formavancee {
width: 100%;
}
form.formavancee fieldset {
border: #333333 1px solid;
padding: 10px 10px;
margin-bottom: 20px;
}

form.formavancee label {
width:150px;
text-align:right;
padding-right:18px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}
form.formavancee p {
padding-top:0px;
padding-bottom:0px;
margin-top:1px;
margin-bottom:1px;
}

/* résultats de recherche */

div.resultatdocument {
background-color:#CEAA76;
padding: 5px 5px;
margin: 0px 0px 1px 0px;
width:700px;
}
div.resultatdocument  p.infos {
padding-bottom:5px;
color:#603814;
}
div.resultatdocument div.photo {
/*float:right;*/
}
div.resultatdocument div.photo img {
/*display:inline;*/
float:right;
}
div.resultatdocument  p.contenu {
/*padding: 0px 20px 0px 20px;*/
}
div.resultatdocument h2 {
margin: 0 0;
font-size: 1.2em;
}
div.resultatdocument h2 a {
color:#603814;
text-decoration:none;
}
div.resultatdocument h2 a:hover {
color:#603814;
text-decoration:underline;
}
div.resultatdocument p.liens {
text-align:right;
height: 18px;
}
div.resultatdocument p.liens a.commentaires {
display: block;
width: 105px;
float:right;
line-height: 18px;
background:url('../images/picto-commentaires.png') top left no-repeat;
text-decoration:none;
color:#603814;
}
div.resultatdocument p.liens a.plus {
text-indent: -999em;
display: block;
float:right;
width: 90px;
line-height: 18px;
background:url('../images/lien-ensavoirplus.png') top right no-repeat;
text-decoration:none;
}


/* détail d'un document */ 


div.document {
background-color:#CEAA76;
padding: 5px 5px;
margin: 0px 0px 1px 0px;
}
div.document h2 {
margin: 0 0;
font-size: 1.4em;
color:#603814;
}
div.document  p.infos {
padding-bottom:5px;
color:#603814;
border-bottom: #bbb 1px solid;
}
div.document  p.contenu {
color:#603814;
}
div.document h3 {
margin: 15px 0px 0px 0px;
font-size: 1.2em;
color:#603814;
border-bottom: #bbb 1px solid;
}