@import "admin.css";

html, body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #a3da9a url(images/fond.jpg) repeat-x left top;
 font: 90% verdana, helvetica, sans-serif;
 color: #000;
 height:100%;
}

div#conteneur {
 margin: 0 auto;
 text-align: left;
 width: 845px;
 background: url(images/contenu.jpg) repeat-y left top;
 min-height:100%;
 position:relative;
 border:0;
}

h1#header {
 height: 313px;
 margin: 0;
 background: url(images/banniere.jpg) no-repeat left top;
 /* background: url(images/banniere-noel.jpg) no-repeat left top; */
}

h1#header a span {
 display: none;
}

#casquette {
 display: none;
 width:845px;
 height:313px;
 background: url(images/casquette.jpg) no-repeat 388px 10px;
 /* background: url(images/casquette-noel.jpg) no-repeat 346px 10px; */
 z-index: 5;
}

#lunettes {
 width:845px;
 height:313px;
 display: none;
 background: url(images/lunettes.jpg) no-repeat 523px 53px;
 /* background: url(images/lunettes-noel.jpg) no-repeat 523px 53px; */
 z-index:5;
}

#casquette_lunettes {
 width:845px;
 height:313px;
 display: none;
 background: url(images/casquette-lunettes.jpg) no-repeat 394px 12px;
 /* background: url(images/casquette-lunettes-noel.jpg) no-repeat 334px 12px; */
 z-index:5;
}

#age {
 font: 1.1em "Courier New",serif;
 margin: -28px 0 0 460px;
 padding: 0;
 color:#fff;
}


.center               { text-align:center;}
img                   { border:0;}
acronym 			  { border-bottom: 1px dotted #accbdf; cursor: default; }
hr                    { border:0; color:transparent; background:transparent; height:1px; clear:both; margin:0px;}

#admin                { border:1px solid #000000; padding:5px; margin: 5px 0; background:#dff9ec; width:100%;}
#admin a              { color: #000000; text-decoration: underline; font-size: 0.9em;}
#admin a:hover        { color: #023680;}

div#lateral           { float:right; width:180px; text-align:left; padding:40px 10px 0 10px; margin-right:19px;}
div#lateral ul        { list-style-image: url(images/puce.jpg); padding:0; margin:0 0 0 36px;  text-align:left;}
div#lateral li        { padding:3px 0px;  text-align:left; color:#134246; font:bold 1.1em arial,sans-serif; text-decoration:none;}
div#lateral li a      { text-align:left; color:#173756; padding:0; margin:0; font:bold 1em arial,sans-serif; text-decoration:none;}
div#lateral li ul li  { padding:0px 0px;  text-align:left; color:#173756; font:bold 1.1em arial,sans-serif; text-decoration:none;}
div#lateral ul li ul  { list-style-type: none; list-style-image: none; padding:0; margin:0 0 0 5px;  text-align:left;}
div#lateral li ul li a { font:normal 0.9em arial,sans-serif;}
div#lateral li a:hover, div#lateral li a:focus, div#lateral li .selec, a.selec, .cool a:hover,.cool a:focus { color:#fff;}
.cool  {
 background: url(images/fond-photo.jpg) no-repeat 5px 0px;
 padding: 10px 0 10px 0;
 margin-top:25px;
 text-align:center;
 color:#173756;
 font:bold 1em arial,sans-serif;
 text-decoration:none;
}
.cool a  { text-decoration:none; color:#173756;}
.cool img { text-decoration:none; color:#173756; max-width:150px;}    

#enbref {
  width: 120px;
  height: 160px;
  margin: -20px 0 0 15px;
  padding : 60px 10px 5px 15px;
  background: url(images/enbref.jpg) no-repeat left top;
  font:normal 1.1em "Courier New",serif;
  color:#719ec9;
}


div#contenu           { margin :10px 0 10px 0; padding: 10px 238px 50px 44px; min-height:300px;}
div#contenu h2        { margin: 10px 0px; text-align:left; padding-left: 0px; line-height: 25px; font-size: 1.3em; color: #295e91;
                        border-bottom: 2px solid #5c8fc1; font:bold 1.4em 'Arial',sans-serif;}
div#contenu h2 span   { margin-top:3px; float:left; font-size: 0.7em; color: #295e91;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #295e91; font:bold 1.1em Arial,sans-serif; border-bottom: 1px dotted #5c8fc1; margin-bottom:-5px;}
div#contenu h4        {	color: #111111; font:bold 1em Verdana,serif; }

div#contenu p         {	text-align: justify; line-height: 1.2em;}
div#contenu .image    {	float: right; padding:0; margin:0;}
div#contenu .ident    {	text-align: justify; text-indent: 2em; line-height: 1.2em;}
div#contenu a         {	color: #023680;}
div#contenu a:hover   {	color: #b43313;}

div.row               {	clear: both; padding-top: 10px;}
div.row span.label    {	float: left; width: 130px; text-align: right;}
div.row span.formw    {	float: right; width: 570px;	text-align: left;}
 
.clform               { background: #D7E7F2; border: 1px solid #287CB1; padding: 5px;}
.button               { width:110px; height:25px;	background: url(images/bg_menu.gif) repeat-x 0 -4px; }

.float_photos		    { float:left; padding:15px 9px 5px 9px; margin:15px 20px 5px 0px; height:170px; width:237px; border:1px solid #5c8fc1;
						  background:#c8def4; text-align:center; }

.titre_photos 			{ font-size:0.8em; font-family:Verdana, sans-serif; font-weight:normal; color:#22486e;}
.vignette_droite 	    { float:right;	padding:5px; margin:4px 0 5px 20px;	border:1px solid #000; background:#fff;}
.vignette_gauche 	    { float:left;	padding:5px; margin:4px 20px 5px 0;	border:1px solid #000; background:#fff;}

.alert {
 background: #D64167;
 color: #fff;
 text-align:center;
 padding: 10px 15px 10px 10px;
 margin: 25px 0;
 font:bold 1.1em Arial,sans-serif;
}

.commentaire {
 background: #b8ecb0;
 padding: 15px 15px 15px 15px;
 margin: 20px 0;
}

#comment {
 background: #b8ecb0;
 padding: 15px 15px 5px 10px;
 margin: 20px 0;
}

#comment h4 {
 color: #111111;
 font:bold 1em Verdana,serif;
 margin:0px;
}

#comment label {
 font: normal 0.8em verdana, sans-serif;
}

#comment label em {
 font-style: italic;
 color: #676767;
}

#comment input {
 padding: 2px;
 display: block;
}

#comment input:focus, #comment textarea:focus {
 background: #ffffcc;
}

#comment textarea {
 padding: 2px;
 margin: 10px 0;
}

#contenu .clear {
 clear: both;
 color: #FFFFFF;
 background-color: #FFFFFF;
}

#comment .submit {
 float: right;
 height: 28px;
 padding: 4px;
 margin-bottom: 10px;
 background: #ffffcc;
}

#barre-nav {
  text-align:right;
  margin:15px 0 7px 0;
  padding:4px 5px 4px 12px;
  height:16px;
  font:bold 0.9em verdana, sans-serif;
  background:#5c90c2;
  clear:both;
}

#barre-nav p {
  float:left;
  width:33%;
  margin:0;
}

#barre-nav p a {
  text-decoration:none;
  color: #fff;
}
#barre-nav p a:hover, #barre-nav p a:focus {
  text-decoration:underline;
  color: #fff;
}

#footer {
 height:40px;
 background: url(images/bas.jpg) no-repeat 0px top;
 color:#26480e;
 text-align:left;
 position: absolute;
 width: 100%;
 bottom: 0;
 clear: both;
}

#footer p {
 margin: 0px 0 0 0;
 font:normal 0.9em arial,sans-serif;
 letter-spacing: 0.2em;
 padding: 15px 0px 0px 50px;
}

#footer a {
 color: #26480e;
 font-weight:bold;
 text-decoration: none;
}

#footer a:hover, #footer a:focus {
 color: #CC0000;
}