* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; color: #000; }

a { text-decoration: underline; }
a:link { color: #00f; }
a:visited { color: #939; }
a:hover { color: #f00;  }
a:active { color: #c00; }

#page { width: 1000px; background: url(../pics2/photo-fond.jpg) no-repeat top left; min-height: 400px; }

#head { background: url(../pics2/head2.png) no-repeat 265px 0; }
#head .row1 { height: 135px; }
#head h1, #head h2, #head h3 { display: none; }
#head .intro { width: 180px; font-size: 0.9em; float: left; margin-right: 1em; }
#head .intro .un,#head .contact p { margin-bottom: 1em; }
#head .contact { font-weight: bold; }

#menu { width: 583px; background: url(../pics2/menu-fond1.png) no-repeat top right; padding-top: 26px; padding-right: 46px; height: 25px; }
#menu ul { list-style: none; display: inline; margin-left: 2em;}
#menu li { list-style: none; display: inline; border: 2px solid #f5b712; border-top: none; margin-right: 0.5em; padding: 0.1em 0.5em 0.1em 0.5em;}
#menu a { color: black; text-decoration: none; }
#menu a:hover { color: red; text-decoration: underline; }
#menu li:hover { border-color: #fff; }

#content { margin-top: 2em; }
.colGauche h4 { text-align: left; border-bottom: 2px solid #f5b712; margin-right: 22px; padding: 0.2em 1em 0.2em 1em; background: #fff; }
.colGauche div { padding: 0.8em; padding-right: 30px; padding-bottom: 3em; background: url(../pics2/rond-fond1.png) no-repeat bottom right; }
.colGauche p,.colGauche h3 { margin-bottom: 1em; }
.colCentre { padding-left: 1em; padding-right: 1em; }
.colDroite { background: url(../pics2/rond-fond1.png) repeat-y 0 50px; padding-top: 5em; padding-left: 26px; }
.colDroite h4 { padding-left: 1em; }
.colDroite div { margin-top: 1em; padding-left: 1em; padding-bottom: 1em; }

#head .second ul { list-style: none; margin-bottom: 1em; width: 100%; }
#head .second li { margin-bottom: 0.2em; }
#head .second li a { border-bottom: 2px solid #f5b712; text-decoration: none; color: black; padding-left: 0.3em; padding-right: 0.2em; }
#head .second li a:hover { border-color: red; color: red; }
#head .second ul { float: left; }

#recherche input[type=text] { border: 1px solid #999; width: 11em; font-size: 1em; }
#recherche input[type=submit] { border: 1px solid #999; background: #eee; font-size: 1em; }

.tree2 { margin-left: 0.5em; padding-left: 0.5em; border-left: 1px solid #999; }
ul.list { margin-left: 2em; }

.txtlist dt { font-weight: bold; }
.txtlist dd { margin: 0.5em; font-size: 0.9em; padding-left: 0.5em; border-left: 1px solid #999; margin-bottom: 1em; }
.txtlist strong { margin-bottom: 0.5em; }

p.date { font-variant: small-caps; color: darkred; margin-bottom: 1em; font-weight: bold; }
p.chapo { margin-bottom: 1em; padding-left: 0.5em; margin-left: 0.5em; border-left: 1px solid #999; padding-bottom: 0.5em; border-bottom: 1px solid #999; }
.format li { padding-left: 2em; display: inline-block; clear: both; background: url(../pics/puce.gif) no-repeat 1em 0; list-style: none; }
.colCentre { padding-bottom: 2em; }