body {  background-color: wheat; color:#99885C; margin:0; }
/*
------------------------------------------------------------------------------------
Modifications :
***************

20/09/2009 par punglas - modif style flashMessage + police par defaut pour le menu qui faisait planter la mise en page sous IE
10/08/2011 par punglas - Changement menu
11/08/2011 par punglas - loginBox2 
------------------------------------------------------------------------------------
*/

.center { text-align: center; }
.left { text-align: left; }
.transparent { 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.container {
   width: 1130px;
   /*background: url('../img/communes/habillage/degrade-gauche.gif') left repeat-y;  */
   background: white url('../img/communes/habillage/degrade-gauche.gif') left repeat-y; 
   margin: 0;
   padding:0;
   top: 0;
/*   min-height:100%; */
/*   border: 1px solid black; */
  margin-left: auto;
  margin-right: auto;
}

.container-in {
   padding: 0 60px;
/*   background: url('../img/communes/habillage/degrade-droit.gif') right repeat-y;  */
   background: url('../img/communes/habillage/degrade-droit.gif') right repeat-y; 
   z-index:-100! important;
}

#header { 
  position:relative; 
  height:196px !important;
  z-index:1000;
}
#header img { margin: 0; }
#menu-bandeau {
  position:absolute;
  top:90px;
  left:315px;
  font-family: Arial; 
  font-size:23px !important;
  font-size:20px;
  font-weight:bolder;
  letter-spacing:-3px;
  color:#594026;
  height:0px;
  min-height:0px;
  vertical-align:middle;
  z-index:1;
}

#sous-bandeau {
  position:absolute;
  top:146px;
  left:70px;
  font-family: Arial;
  font-size:11px;
  font-weight:bolder;
  letter-spacing:1px;
  color:#594026;
  height:0px;
  z-index:1;
}
#sous-bandeau img {
 vertical-align: -5px;
 position:relative;
 left:10px;
}

#bandeau {
  position:absolute;
  top:0;
  left:-10px;
  z-index:0;
/*   float:left; */
  height:170px;
}

#ckm { 
  position:absolute;
  top:27px;
  left: 803px;
  width:220px;
  margin-bottom:-145px;
  text-align:center;
  font-size: 14px;
  letter-spacing:2px;
/*    height:0px; */
}
#ckm img { 
 margin-top: 10px;
}

#loginbox {
/*display:inline; */
position:relative;
/* left:30px; */
font-style:italic;
font-size:1.1em;
font-weight:bold;
left:490px;
position:absolute;
top:5px;
z-index:1;
}
#loginbox a#login-profile {  color:red; text-decoration:none; }
#loginbox a#deconnection {  color:#594026;  text-decoration:none;}
#loginbox a#login-profile:hover {  color:#eb9740; text-decoration:none; }
#loginbox a#deconnection:hover {  color:#eb9740;  text-decoration:none;}

#loginbox form { display:inline;}

#loginbox input{display:inline;}

#loginbox input[type="text"],
#loginbox input[type="password"]{
  background-color:#fcead5;
  border: 2px solid #ffdd57;
}

#loginbox input[type="submit"] {
  background-color:#eb9740;
  border: 2px solid #eb9740;
  color:white;
}

#loginbox2 {
/*display:inline; */
position:relative;
/* left:30px; */
font-style:italic;
font-size:1.1em;
font-weight:bold;
}

#loginbox2 a#login-profile {  color:red; text-decoration:none; }
#loginbox2 a#deconnection {  color:#594026;  text-decoration:none;}
#loginbox2 a#login-profile:hover {  color:#eb9740; text-decoration:none; }
#loginbox2 a#deconnection:hover {  color:#eb9740;  text-decoration:none;}

#loginbox2 form { display:inline;}

#loginbox2 input{display:inline;}

#loginbox2 input[type="text"],
#loginbox2 input[type="password"]{
  background-color:#fcead5;
  border: 2px solid #ffdd57;
}

#loginbox2 input[type="submit"] {
  background-color:#eb9740;
  border: 2px solid #eb9740;
  color:white;
}


#searchGoogle form { display:block;
	margin: 0px 6px 15px;}

#searchGoogle input{display:inline;}

#searchGoogle input[type="text"] {
  background-color:#fcead5;
  border: 2px solid #ffdd57;
   background-image:url(http://www.eauxvives.org/forum/styles/evo/theme/images/icon_textbox_search.gif);
   background-repeat: no-repeat;
   padding-left: 17px;
   background-position: left 1px;
}

#searchGoogle input[type="submit"] {
  background-color:#eb9740;
  border: 2px solid #eb9740;
  color:white;
 
}

/* .header-bottom { background-color: #ffdd57; height:7px; line-height:7px;} */
 .header-bottom { display:none;} 

.content-outer { margin: 0; }
.content {
  margin: 0em 1em; 
padding:0;}

#menu-h {
  position:absolute;
  background : url("../img/communes/widget/degrade-entete-orange.gif") no-repeat scroll left top transparent;
  top:170px;
  left:340px;
  height : 40px;
  text-align:left;
  list-style-type: none;
  margin: 0;
  z-index:3;
}

#menu-h li {
   float: left; 
/*   display:inline; */
  padding:0;margin:0;
  margin-left : 1.5em !important;
  margin-left : 5px;
  color: black;
  font-weight: bold;
  letter-spacing:-0.3px;
  color:#99885C;
  height:30px;
  vertical-align:middle;
}
li#icone-carto {
  height:40px;
}

#menu-h li a{
  margin:0; padding:0;
  color:#99885C;
  line-height: 40px; 
/*  height:40px;
 
/*    margin-top : 0.8em;  */
  color:#297cbc;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px !important;
  font-size: 14px; 
}

#menu-h li a:hover {
  color: red;
}

.menu-v { list-style-type: none; margin: 20px 0; }

.menu-v li {
    text-indent : 0.5em;  
   margin-top : 0.8em; 
  color:#99885C;
  font-weight: bold;
  text-align:center;
}
.menu-v li a {
    text-indent : 0.5em;  
   margin-top : 0.8em; 
  color:#99885C;
  font-weight: bold;
  text-decoration: none;
}

.menu-v li a:hover {
  color: red;
}

/* #slogan { margin-right: 4em; color: #ffdd57;} */



.coloneGauche {
float:left;
width: 180px;
margin : 0;
}
.coloneGauche .navbar {
margin-right : 0;
margin-top : 1em;
}

.footer {
 position:relative;
 margin:0; padding:0;
/*  margin-bottom:-20px; */
 height: 102px;
}
.footer-in {
 position:absolute;
 bottom:0px;
 right:-12px;
}


#flashMessage {
  text-align:center;
	color:red;
	font-weight:bold;
	font-size:16px;
	margin:0;
}


.clear { clear:both; height:0px;}






/* Widgets */

.widget {
  background: url('../img/communes/widget/degrade-entete-orange.gif') top left no-repeat; 
  width:315px;
  margin:4px;
  margin-bottom:15px;
/*    border: 2px solid black;    */
  min-height: 150px;
  padding-left: 5px;
  color:black;
}
.xboxcontent h5 {
  margin:0;
  padding-top: 4px;
  font-size: 25px;
  font-weight: bolder;
  color:#594026;
}
.xboxcontent h5 img {
  margin-top:5px;
  margin-left:4px;
}

.xboxcontent > div {
  padding-left: 4px;
}


.xboxcontent ul {
  list-style-type: none;
  margin: 0; padding:0;
  padding-bottom: 4px;
/*    padding-left: 4px;  */
}
.xbottom { height:0 }

.widget ul li {  margin: 0;font-size: 1em;}
/*.widget ul li {  margin: 0;font-size: 0.95em;}
/* .widget-date { font-style: italic; margin-right: 0.4em;} */

.widget-photo img { margin:0;}
.widget-photo .legend { font-size: 1.1em; }

.colone-widget{
  width:336px;
  margin:0; padding:0;
  float:left;
/*   border: 2px solid black;  */
}

.colone-widget>li {
  list-style-type: none;
  margin:0;
  margin-bottom:10px;
  padding:0;
/*   border: 2px solid red;  */
/*   float:left; */
 
}

.ul-colone{
	float:left;
}


.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('../img/communes/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;
 
  /* Une autre bordure */
  border: 1px solid #a9a9a9;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 4px;
 
}

div.navigation {
	font-size: 11px;
	color: #222; 
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}

.more_link {
	color: #594026;
	font-weight:bold;
}