/* Creation de Utsjoki exclusivement pour le site Escapades Nature en Camping-car fait: le 11 décembre 2012*/

/* Mise en page */
* {margin:0;
  padding:0;
  
}
body {
    background: #000 url(images/fond.jpg);
    color: #014E00;
    font: 13px "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    line-height: 1.1em;
    margin-right: auto;
    margin-left: auto;
    background-attachment: fixed;
}

#wrap {
    color: #115114;
    margin-left: 0px;
    margin-right: auto;
    width: 1032px;
}

/* balises */
a {
  color:#84481D;
  font-weight:700;
  text-decoration:none;
  
}
a img {
  border:0;
  
}
p {
  font-size:.9em;
  margin:0 0 15px 5px;
  
}
ul,ol,dl {
  font-size:.9em;
  margin:2px 0 15px 30px;
  
}
ul ul, ol ol {
  margin:4px 0 4px 20px;
  
}
h2 {
  border-bottom:2px solid #E2C904;
  font-size:20px;
  margin:12px 0 8px 0;
  padding:1px 2px 3px 1px;
  letter-spacing:-1px;
  
}
h3 {
  font-size:18px;
  margin:10px 0 8px;
  padding:0;
  
}
citation {
  background-color:#6C889C;
  border:1px solid #aaa;
  font-size:.9em;
  margin:20px 10px;
  padding:8px;
  
}
citation p {
  margin:0;
  
}

/* Entête */
#header {
  height: 209px;
  clear:both;
  padding: 20px 0px 5px 16px;
  
}
#header1 {
  background:url(images/logostruction.png) top left no-repeat;
  height: 209px;
  clear:both;
  
}
#titre {
    background: url(./forum/images/header/logo.png);
    background-repeat: no-repeat;
    text-align: center;
    height: 209px;
}
#titre h1 {
  color:#ffe300;
  font-size:40px;
  letter-spacing:-2px;
  padding:60px 0 20px 5px;
  
}
#titre h1 a {
  color:#ffe300;
  text-decoration:none;
  
}
#titre h1 a:hover {
  color:#F0F0F0;
  
}
#sous-titre {
  color:#F0F0F0;
  font-size:25px;
  font-weight: bold;
  letter-spacing:-1px;
  margin:0 0 10px 5px;
  
}

/* Menu principal*/
#mainmenu {
  border-left:2px solid #9F7B49;
  color:#F0F0F0;
  float:right;
  font-size:13px;
  font-weight: bold;
  margin:0;
  padding:5px 4px 0;
  text-transform:uppercase;
  width:300px;
  
}
#mainmenu ul {
  list-style:none;
  margin:0;
  padding:0;
  
}
#mainmenu li {
  border-bottom:2px solid transparent;
  list-style:none;
  
}
#mainmenu li a {
  background:url(images/bouton.jpg) top left repeat-y;
  color:#F0F0F0;
  display:block;
  font-weight:700;
  height:20px;
  padding:5px 3px 5px 16px;
  text-decoration:none;
  
}
#mainmenu li a:hover {
  background:url(images/bouton-hover.jpg) top left repeat-y;
  color:#303030;
  text-decoration:none;
  
}
#mainmenu .current {background:url(images/bouton-current.jpg) top left repeat-y;
color:#303030;
  
}
#mainmenu li .current:hover {
  background:url(images/bouton-current.jpg) top left repeat-y;
  color:#505050;
  
}

/* Menu latèral */
#encadre {
  background:url(images/cadre.png) top right repeat-y;
  border-bottom:1px solid #aaa;
  border-right:1px solid #aaa;
  clear:both; float:left;
  margin:0 0 10px 0;
  padding:1px 10px 5px;
  width:120px;
  
}
#encadre  h2 {
  font-size:1.3em;
  margin:10px 0;
  padding:1px 2px 2px 1px
  
}
#encadre  ul {
  list-style:none;
  margin:0 0 15px 0;
  padding:0 0 0 5px;
  
}
#encadre  li {
  list-style:none;
  margin:0 0 4px;
  padding:0;
  
}
#encadre  li a {
  padding:2px;
  font-size:1.1em;
  
}
#encadre  li a:hover {
  color:#E9D004;
  text-decoration:none;
  
}
#encadre  ul ul {
  line-height:1.2em;
  margin:3px 0 3px 10px;
  padding:0;
  
}
#encadre  ul ul li a {
  font-weight:400;
  
}

/* Contenu principal */
#contenu-indexe {
  line-height:1.3em;
margin:0 15px 0 155px;
padding:0;
text-align:left;
  
}
#contenu-plein {
  line-height:1.3em;
  margin:0 15px;
  padding:0;
  text-align:left;
  
}

/* Pied de page */
#footer {
  background:#333 url(images/garni.jpg) top left repeat-x;
  border-bottom:1px solid #aaa;
  border-top:1px solid #aaa;
  clear:both;
  color:#ddd;
  margin:25px auto 0;
  padding:4px 0;
  text-align:left;
  width:1006px;
  
}
#footer p {
  margin:3px 3px 3px 10px;
  
}
#footer a {
  color:#ddd;
  text-decoration:none;
  
}
#footer a:hover, a:hover {
  text-decoration:underline;
  color:#014E00;}

/* Categories */
.colonnegauche {
  float:left;
  width:48%;
  
}
.colonnedroite {
  float:right;
width:46%;
  
}
.important {
  background:#333 url(images/garni-vert.jpg) top left repeat;
  border:1px solid #e3ca04;
  color:#e3ca04;
  padding:2px;
  text-align:center;
  
}
.infobox {
  background:#333 url(images/garni.jpg) top left repeat;
  border:1px solid #aaa;
  float:right;
  font-size:.9em;
  margin:0 0 10px 20px;
  padding:5px;
  width:240px;
  
}
.infobox p {
  margin:0;
  
}
.infobox ul {
  margin:0 0 0 25px;
  
}
.links a {
  font-weight:400;
  
}
.links li {
  line-height:1.1em;
  
}
.left {
  float:left;
  margin:0 15px 4px 0;
  
}
.right {
  float:right;
  margin:0 0 4px 15px;
  
}
.textright {
  text-align:right;
  
}
.suite {
  margin:-10px 10px 18px 0;
  text-align:right;
  
}
.retour {
  margin:-10px 10px 18px 0;
  text-align:left;
  
}
.center {
  text-align:center;
  
}
.yellow {
  color:#e3ca04;
  
}
.blue {
  color:#4088b8;
  
}
.big {
  font-size:1.2em;
  
}
.small {
  font-size:.8em;
  
}
.clear {
  clear:both;
  visibility:hidden;
  
}
.hide {
  display:none;
  
}
.photo {
  background-color:#333;
  border:4px double #aaa;
  margin:5px 15px 2px 5px;
  padding:2px;
  
}

@media (min-width: 1690px) {
	body {
	-webkit-background-size: cover; /* pour Chrome et Safari */ 
	-moz-background-size: cover; /* pour Firefox */ 
	-o-background-size: cover; /* pour Opera */ 
	background-size: cover; /* version standardisée */
	}

	#wrap {
		margin-left: auto;
	}
}

@media (max-width: 1036px) {
	#wrap {
		width: auto;
	}
	#footer {
		width: auto;
	}
}