/*  Theme Name: CommunizineTheme URI: http://www.kriesi.at/archives/wordpress-theme-communizineDescription: Customizable Wordpress Magazine Theme with lots of extra Widgets, admin options and front end JavaScriptVersion: 1Author: Christian "Kriesi" BudschedlAuthor URI: http://www.kriesi.at  */
	/* Text Color:#333;
	Link color1:(active) #b3b946;
	Link color2:(hover) #9da439;
	Link color3:(visted) #c3cb2c;
*/
/*small reset*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, blockquote {
	margin: 0;
	padding: 0;
}
/*basic styles*/
body {
	font: normal 0.75em Verdana, Verdana, Arial, sans-serif;
	color: #111;
	background: url('../images/charte/bg_body.jpg') 0 -40px repeat-x #333;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 130%;
}

h2 {
  font-size: 22px;
  padding-bottom: 10px;
}
	
h3 {
  color: #111;
}

.arrondi {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url('border-radius.htc');
}

.arrondi_top {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-radius-top-left: 10px;
  border-radius-top-right: 10px;
  behavior: url('border-radius.htc');
}

.opacity75 {
  filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#conteneur {
	position: relative;
	margin: 0 auto;
	width: 980px;
	background-repeat: no-repeat;
	background-position: 0 29px;
}
#head {
	height: 224px;
	position: relative;
	width: 980px;
}

#odyssee {
  width: 980px;
  position: relative;
}

  #panel {
    width: 890px;
    position: relative;
    background: url('../images/charte/bg_odyssee.png') repeat-y;
    padding: 0 45px 30px 45px;
	  display: none;
  }
  #panel_slider {
    width: 890px;
    position: relative;
    background: url('../images/charte/bg_odyssee.png') repeat-y;
    padding: 0 45px 30px 45px;
  }
  #panel h2, #panel h3, #panel h4, #panel p, #panel a, #panel ul, #odyssee h2, #odyssee h3, #odyssee h4 {
    position: relative;
    z-index: 500;
  }
    .block-odyssee-left {
      float: left; 
    }
    
    .block-odyssee-right {
      float: right; 
    }
    
    .block-odyssee-left, .block-odyssee-right {
      background-color: rgba(255, 255, 255, 0.2);
      padding: 15px; 
      width: 400px;
      display: block;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      behavior: url('border-radius.htc');
    }
  
  #odyssee-bottom {
    width: 980px;
    height: 103px;
    margin-bottom: -10px;
    display: block;
    position: relative;
    background: url('../images/charte/bg_bottom_odyssee.png') bottom no-repeat;
  }
  
    #odyssee-bottom #txt-flocon {
      float: left;
      width: 380px;
      display: block;
      margin-left: 150px;
      margin-top: -17px; /* ajout pour lilou */
    }
    
      #odyssee h2 {
        margin-top: -15px;
        margin-bottom: -10px;
        font-weight: bold;
        font-size: 1.3em;
      }
      
      #odyssee h3 {
        margin-top: -10px;
        margin-bottom: 6px;
        font-weight: normal;
        font-size: 1.3em;
        color: #03394d;
      }
      
      #odyssee h4 {
        margin-top: -4px;
        margin-bottom: 3px;
        font-weight: normal;
        font-size: 1em;
      }
      
      #odyssee p {
        color: #0d8aba;
      }
      
      #odyssee a {
        color: #0d8aba;
        text-decoration: underline;
      }
      
      #odyssee a h3 {
        color: #E6953C;
        text-decoration: underline!important;
      }
      
      #odyssee a:hover {
        color: #E6953C;
      }
      
      #odyssee a h3:hover {
        text-decoration: none!important;
      }
    
    a#serious-game {
      float: right;
      margin-right: 35px;
      width: 209px;
      height: 15px;
      display: block;
      padding: 3px 3px 69px 3px;
      background:none!important;
      background: url('../images/charte/serious-game.png') bottom no-repeat!important;
      filter:alpha(opacity=75);
    	-moz-opacity:0.75;
    	-khtml-opacity: 0.75;
    	opacity: 0.75;
    	margin-top: -20px;
    	color: #fff;
    	text-decoration: none;
    	text-align:center;
    	font-weight: bold;
    }
    
    a#serious-game:hover {
      filter:alpha(opacity=100);
    	-moz-opacity:1;
    	-khtml-opacity: 1;
    	opacity: 1;
    	color: #0b8abc;
    }
    
    a#h2o {
      float: right;
      margin-right: 35px;
      width: 226px;
      height: 125px;
      display: block;
      padding: 3px 3px 69px 3px;
      background:none!important;
      background: url('../images/charte/h2o.jpg') bottom no-repeat!important;
      filter:alpha(opacity=75);
    	-moz-opacity:0.75;
    	-khtml-opacity: 0.75;
    	opacity: 0.75;
    	margin-top: -20px;
    	color: #fff;
    	text-decoration: none;
    	text-align:center;
    	font-weight: bold;
    }
    
    a#h2o {
      filter:alpha(opacity=100);
    	-moz-opacity:1;
    	-khtml-opacity: 1;
    	opacity: 1;
    	color: #0b8abc;
    }
    
    #odyssee-bottom a#serious-game {
      float: right;
      margin-right: 35px;
      width: 209px;
      height: 15px;
      display: block;
      padding: 3px 3px 69px 3px;
      background:none!important;
      background: url('../images/charte/serious-game.png') bottom no-repeat!important;
      filter:alpha(opacity=75);
    	-moz-opacity:0.75;
    	-khtml-opacity: 0.75;
    	opacity: 0.75;
    	margin-top: -20px;
    	color: #fff;
    	text-decoration: none;
    	text-align:center;
    	font-weight: bold;
    }
    
    #odyssee-bottom a#serious-game:hover {
      filter:alpha(opacity=100);
    	-moz-opacity:1;
    	-khtml-opacity: 1;
    	opacity: 1;
    	color: #0b8abc;
    }
    
    #odyssee-bottom #dm{
      width: 390px;
      margin-right: 35px;
      margin-top: -17px;
      display: block;
      float: right;
    }
    
    #odyssee-bottom #dm p {
      margin-top: 4px;
      margin-bottom: -16px;
      color: #03394D;
      font-size: 1.1em;
      font-style: italic;
    }
    
    #odyssee-bottom #dm img {
      float: right;
      padding: 3px;
      margin-right: 3px;
      
      height: 80px;
    }
    
    #odyssee-bottom #txt-flocon p {
      margin-top: 4px;
      margin-bottom: -16px;
      color: #03394D;
      font-size: 1.1em;
      font-style: italic;
    }
    
    #odyssee-bottom #txt-flocon img {
      float: left;
      padding: 3px;
      margin-right: 3px;
      width: 120px;
      height: 80px;
    }
    
    #odyssee-bottom p.slide {
    	position: absolute;
      clear: both;
      width: 128px;
      height: 23px;
      display: block;
      margin: 72px 0 0 421px;
      padding-bottom: 0em!important;
    }
    
    *+html #odyssee-bottom p.slide {
      margin: 0;    
      margin-top: 70px;
      margin-left: -109px;
    }
    
    a.bouton-slide {
    	text-align: center;
    	width: 128px;
    	height: 23px;
    	display: block;
    	background: url('../images/charte/savoir_plus.png') 0 0 no-repeat;
    	text-indent:-9999px;
    }
    
    a.bouton-slide:hover {
    	background-position: 0 -23px;
    }
    
    a.active {
    	background-position: -128px 0px;
    }
    
    a.active:hover {
    	background-position: -128px -23px;
    }

#main {
	position: relative;
	float: left;
	width: 980px;
	margin-left: 0px;
	margin-top: 53px;
	background: url('../images/charte/bg_conteneur.png') repeat-y;

}
#conteneur .content {
	position: relative;
	float: left;
	width: 550px;
	margin-left: 20px;
}
.sidebar {
	position: relative;
	float: left;
	width: 400px;
}
  .sidebar h5.title_pub{
    color: #eee;
    border-color: #eee;
  }

.footer-top {
  width: 980px;
  height: 92px;
	background: url(../images/charte/bg_footer_top.png) no-repeat;
	display: block;
}
.footer-content {
	width: 950px;
	color: #ddd;
	padding: 0 15px;
	text-align: center;
	background: url(../images/charte/bg_footer_content.png) repeat-y;
}
  
  #formule{
    padding-bottom: 5px;
    text-align: left;
  }
  
  .footer-content h5.title_pub{
    color: #555;
    border-color: #555;
  }
  
  .footer-content p a{
    color: #ddd;
  }
  
  .footer-content p a:hover{
    text-decoration: none;
  }
  
  .footer-content a img{
    border: none;
  }
  
  .menu-footer {
    float: left;
    left: 50%;
    list-style-type: none;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
  }
  
    .menu-footer li {
     	float: left;
     	position: relative;
     	right: 50%;
     	margin: 0 20px;
     	text-align: left;
    }
    
      .menu-footer li a {
      	color: #cee0cd;
      	font-size: 1.2em;
      	text-decoration: none;
      	font-weight: bold;
      }
      
      .menu-footer li a:hover {
      	text-decoration: underline;
      }
      
  .sous-menu-footer {
  	clear: left;
    left: 50%;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	margin-left: -15px;
  }
  
    .sous-menu-footer li {
      clear: left;
     	position: relative;
     	right: 50%;
     	padding-bottom: 3px;
    }
    
      .sous-menu-footer li a, #footer p a {
      	color: #cee0cd;
      	font-size: 0.85em;
      	text-decoration: none;
      	font-weight: normal;
      }
      
      *+html .sous-menu-footer li a, #footer p a {
      	font-size: 0.80em;
      	letter-spacing: -1px;
      	line-height: 100%;
      }
      
      .sous-menu-footer li a:hover, #footer p a:hover {
      	text-decoration: underline !important;
      }
      
  
.footer-bottom {
  width: 980px;
  height: 30px;
	background: url(../images/charte/bg_footer_bottom.png) no-repeat;
	display: block;
}
.footer_meta {
	text-align: center;
	margin: 5px 0;
	clear: both;
}
.error404 {
	display: block;
	background-image: url(../images/charte/404.jpg);
	height: 200px;
	width: 450px;
	margin: 40px auto 0 auto;
}
/*--------------------head--------------------*/
#top-infos {
  width: 980px;
  height: 15px;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 11px;
}

  #top-news {
		float:right;
		width: 415px; 
	  height: 15px; 
	  font-style:italic;
	}

    #cadrpg {
    width:420px; /*largeur de la zone d'affichage*/
    margin:0 auto;
    border:0;
    }
    #newshr {
    position:relative;
    width:420px; /*largeur de la zone d'affichage*/
    height:15px; /*hauteur de la zone d'affichage*/
    overflow:hidden;
    color:inherit;
    }
    #defile {
    position:absolute;
    }

#head h2 a {
	top: -10px;
	left: 9px;
	text-indent: -9999px;
	position: absolute;
	outline: none;
	width: 442px;
	height: 142px;
	z-index: 3;
	background: url(../images/charte/logo.png) no-repeat;
}

h1.description {
	position: absolute;
	top: 15px;
	left: 110px;
	width: 350px;
	padding-top: 70px;
	height: 80px;
	z-index: 2;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background: url(../images/charte/ecolorama.png) no-repeat;
	font-size: 18px;
	text-align: center;
	
}

/*menu*/
#conteneur #nav {
	float: left;
}
#nav, #nav ul {
	margin: 0;
	margin-top: -1px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 28px;
	z-index: 3;
}
#conteneur #nav a {
	display: block;
	padding: 0px 15px;
	color: #bbb;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
	border-top: 1px solid #bbb;
}

/*submenu*/
.submenu {
	list-style-type: none;
	list-style-position: outside;
	position: absolute;
	/*margin-left: 5px;*/
	top: 64px;
	/*width: 540px;*/
	width: 980px;
	height: 90px;
	padding-top: 123px;
	padding-left: 15px;
	background: url(../images/charte/bg_menu.png) no-repeat;
}
.submenu_odyssee {
	list-style-type: none;
	list-style-position: outside;
	position: absolute;
	/*margin-left: 5px;*/
	top: 64px;
	/*width: 540px;*/
	width: 980px;
	height: 90px;
	padding-top: 123px;
	padding-left: 15px;
	background: url(../images/charte/bg_menu_odyssee.png) no-repeat;
}
.submenu li, .submenu_odyssee li {
	float: left;
}

.submenu li a, .submenu_odyssee li a {
	border: 1px solid #fff;
  color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-right: 7px;
	text-align: center;
	text-decoration: none!important;
	width: 120px;
	height: 25px;
	padding: 0 2px;
	margin-top: 14px;
	
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url('border-radius.htc');	
  
	background-image: -moz-linear-gradient(top, #555555, #333333); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #333333)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; /* IE8 */
}
.submenu li a.tab_depot:hover, .submenu li a.tab_eau:hover, .submenu li a.tab_bio:hover, .submenu li a.tab_climat:hover, .submenu li a.tab_dd:hover,
.submenu_odyssee li a.tab_depot:hover, .submenu_odyssee li a.tab_eau:hover, .submenu_odyssee li a.tab_bio:hover, .submenu_odyssee li a.tab_climat:hover, .submenu_odyssee li a.tab_dd:hover {
	color: #fff;  
}
.submenu li a.tab_depot,
.submenu_odyssee li a.tab_depot {
  border-color: #ff0000;
  color: #ff0000;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
	height: 40px;
	margin-top: 5px;
}

.submenu li a.tab_depot:hover,
.submenu_odyssee li a.tab_depot:hover {
  border-color: #fff;
  -moz-box-shadow: 0px 0px 4px #ff0000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ff0000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #ff0000; /* Opera 10.5, IE 9.0 */
  -moz-text-shadow: 0px 0px 4px #fff; /* FF3.5+ */
  -webkit-text-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
  text-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
  background-image: -moz-linear-gradient(top, #610606, #3e2b2b); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #610606),color-stop(1, #3e2b2b)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#610606', EndColorStr='#3e2b2b'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#610606', EndColorStr='#3e2b2b')"; /* IE8 */
}

.submenu li a.tab_eau,
.submenu_odyssee li a.tab_eau {
  border-color: #12a7d9;
  color: #12a7d9;
	padding-top: 10px;
}

.submenu li a.tab_eau:hover,
.submenu_odyssee li a.tab_eau:hover {
  border-color: #fff;
  -moz-box-shadow: 0px 0px 4px #12a7d9; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #12a7d9; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #12a7d9; /* Opera 10.5, IE 9.0 */
  -moz-text-shadow: 0px 0px 4px #fff; /* FF3.5+ */
  -webkit-text-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
  text-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
  	background-image: -moz-linear-gradient(top, #064861, #28373e); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #064861),color-stop(1, #28373e)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#064861', EndColorStr='#28373e'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#064861', EndColorStr='#28373e')"; /* IE8 */
}

.submenu li a.tab_bio,
.submenu_odyssee li a.tab_bio {
  border-color: #22b926;
  color: #22b926;
	padding-top: 10px;
}

.submenu li a.tab_bio:hover,
.submenu_odyssee li a.tab_bio:hover {
  border-color: #fff;
  -moz-box-shadow: 0px 0px 4px #22b926; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #22b926; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #22b926; /* Opera 10.5, IE 9.0 */
  -moz-text-shadow: 0px 0px 4px #fff; /* FF3.5+ */
  -webkit-text-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
  text-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
  	background-image: -moz-linear-gradient(top, #136106, #2d3e28); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #136106),color-stop(1, #2d3e28)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#136106', EndColorStr='#2d3e28'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#136106', EndColorStr='#2d3e28')"; /* IE8 */
}

.submenu li a.tab_climat,
.submenu_odyssee li a.tab_climat {
  border-color: #fde325;
  color: #fde325;
	padding-top: 10px;
}

.submenu li a.tab_climat:hover,
.submenu_odyssee li a.tab_climat:hover {
  border-color: #fff;
  -moz-box-shadow: 0px 0px 4px #fde325; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #fde325; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #fde325; /* Opera 10.5, IE 9.0 */
  -moz-text-shadow: 0px 0px 4px #fff; /* FF3.5+ */
  -webkit-text-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
  text-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
  	background-image: -moz-linear-gradient(top, #625d0b, #3e3d2b); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #625d0b),color-stop(1, #3e3d2b)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#625d0b', EndColorStr='#3e3d2b'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#625d0b', EndColorStr='#3e3d2b')"; /* IE8 */
}

.submenu li a.tab_dd,
.submenu_odyssee li a.tab_dd {
  border-color: #f37d0a;
  letter-spacing: -1px;
  color: #f37d0a;
  height: 35px;
}

.submenu li a.tab_dd:hover,
.submenu_odyssee li a.tab_dd:hover {
  border-color: #fff;
  -moz-box-shadow: 0px 0px 4px #f37d0a; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #f37d0a; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #f37d0a; /* Opera 10.5, IE 9.0 */
  -moz-text-shadow: 0px 0px 4px #fff; /* FF3.5+ */
  -webkit-text-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
  text-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
  	background-image: -moz-linear-gradient(top, #614006, #3e3628); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #614006),color-stop(1, #3e3628)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#614006', EndColorStr='#3e3628'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#614006', EndColorStr='#3e3628')"; /* IE8 */
}



.rss_icon {
	position: absolute;
	display: block;
	background-image: url(../images/charte/flower_small-trans.png);
	width: 113px;
	height: 114px;
	right: 405px;
	top: 71px;
	z-index: 10;
	text-indent: -9999px;
	outline: none;
	display: none;
}
/*parallax*/
#parallax {
	height: 195px;
	overflow: hidden;
	position: absolute;
	top: 29px;
	left: 0;
	width: 980px;
}

#parallax2 {
	height: 195px;
	overflow: hidden;
	position: absolute;
	top: 29px;
	left: 0;
	width: 980px;
}

/*------------------content--------------------*/
.breadcrumb, .entrys, .entrys_bio, .entrys_eau, .entrys_climat, .entrys_dd, .entrys_odyssee, .featured_edito, .featured_tribune {
	width: 510px;
	line-height: 140%;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 20px;
	margin-bottom: 14px;
	position: relative;
	float: left;
}

.content span.h1-title-init h1{
  background: url('../images/charte/bg_big_title.png') no-repeat;
  margin-bottom: 0px;
  width: 504px;
  height: 50px;
  display: block;
  margin-left: -20px;
  padding-left: 15px;
  padding-top: 8px;
  color: #fff;
}

.content span.h1-title-init h1.eau{
  background: url('../images/charte/bg_big_title_eau.png') no-repeat;
}

.content span.h1-title-init h1.bio{
  background: url('../images/charte/bg_big_title_bio.png') no-repeat;
}

.content span.h1-title-init h1.climat{
  background: url('../images/charte/bg_big_title_climat.png') no-repeat;
}

.content span.h1-title-init h1.dd{
  background: url('../images/charte/bg_big_title_dd.png') no-repeat;
}

.content span.h1-title-init h1.odyssee{
  background: url('../images/charte/bg_big_title_odyssee.png') no-repeat;
  padding-left: 65px;
}

.entrys, .entrys_bio, .entrys_eau, .entrys_climat, .entrys_dd, .entrys_odyssee {
	line-height: 18px;
	padding: 10px 20px;
}
.entrys_eau {
  /*background-image : none;
	/*background-image: -moz-linear-gradient(top, #12a7d9, #fff); /* FF3.6 */
  /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #12a7d9),color-stop(1, #fff)); /* Saf4+, Chrome */
  /*          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#12a7d9', EndColorStr='#fff'); /* IE6,IE7 */
  /*      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#12a7d9', EndColorStr='#fff')"; /* IE8 */
} 
.entrys_bio {
	/*background-image: url(../images/charte/bg_box_content_bio.jpg);*/
} 
.entrys_climat {
	/*background-image: url(../images/charte/bg_box_content_climat.jpg);*/
} 
.entrys_dd {
	/*background-image: url(../images/charte/bg_box_content_dd.jpg);*/
} 

.entrys_odyssee {
	background: url('../images/charte/bg_init_odyssee.png') left top no-repeat;
}

.odyssee .entrys {
	background: url('../images/charte/bg_detail_init_odyssee.png') left top no-repeat;
}

.featured_tribune {
	width: 250px;
	padding: 15px 5px 0px 15px;
}
.featured_edito {
	width: 255px;
	padding: 15px 5px 0px 10px;
}
.featured_pic {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 10px;
  border: 1px solid #dedede;
	float: left;  
}
.featured_pic a img {
	border: none;
	width: 74px;
	height: 74px;
  border: 3px solid #fff;
}

.featured_pic a:hover img {
	border: 3px solid #9cd1f1;
	width: 74px;
	height: 74px;
	padding: 0
}

.featured_edito h1, .featured_tribune h1 {
	margin-left: 10px;
	background: #dddddd;
	padding-bottom: 3px;
}
#conteneur .featured_edito h1 a, #conteneur .featured_tribune h1 a {
	display: block;
	padding: 2px 5px;
	padding-bottom: 0px;
	position: relative;
	text-decoration: none;
	width: 235px;
	font-size: 18px;
	line-height: 110%;
}

.featured_edito h2, .featured_tribune h2 {
	margin-left: 0px;
	float: left;
}
#conteneur .featured_edito h2 a, #conteneur .featured_tribune h2 a, #conteneur .featured_content h2 a {
	color: #666;
	display: block;
	padding: 2px 5px;
	padding-left: 0px;
	position: relative;
	text-decoration: none;
	width: 130px;
	border: none;
	float: left;
	line-height: 110%;
}

#conteneur .featured_edito h2 a:hover, #conteneur .featured_tribune h2 a:hover {
	/*color: #333;*/color: #111;
	text-decoration: underline;
}

.featured_content {
	padding: 10px 10px;
	/*background-color: #fff;*/
	z-index: 2;
	bottom: 0px;
	left: 5px;
	line-height: 18px;
	overflow: hidden;
}

.featured_content p {
	padding: 0;
}
#conteneur .featured_content a {
	/*color: #333;*/color: #111;
	text-decoration: none;
}
#conteneur .featured_content a:hover {
	color: #666;
}

#conteneur .breadcrumb {
	/*color: #333;*/color: #111;
	width: 510px;
	/* before odyssee margin-top: -10px;*/
	margin-top: 8px;
	margin-bottom: 20px;
	display: block;
}

#conteneur .breadcrumb a {
	/*color: #333;*/color: #333;
	text-decoration: underline;
}
#conteneur .breadcrumb a:hover {
	text-decoration: none;
}
.meta {
	font-size: 10px;
	color: #666;
	display: block;
	clear: both;
	border-bottom: 1px solid #dedede;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	float: left;
	width: 510px;
}
#conteneur .meta a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
#conteneur .meta a:hover {
	text-decoration: underline;
	/*color: #333;*/color: #111;
}
#conteneur .meta2 {
	border-top: 1px solid #dedede;
	/*padding: 2px 0 0 0;*/
	/*margin: 5px 0 0 0;*/
	border-bottom: none;
	/*height: 20px;*/
}

#conteneur .meta3 {
	border-top: 1px solid #dedede;
	padding: 2px 0 0 0;
	margin: 5px 0 0 0;
	border-bottom: none;
	height: 30px;
	width: 230px;
}

/*author info*/
#author-box {
	padding: 20px 60px 5px;
	clear: both;
}
#conteneur .entrys #author-box .author-info {
	text-align: left;
	float: left;
	width: 390px;
	padding: 0 0 0 10px;
}
.entrys #author-box {
	padding: 20px 0px 5px;
	clear: both;
}
.entrys #author-box .gravatar {
	padding: 0px 0px 5px;
	clear: both;
	float: left;
}
#author-box .gravatar a, #author-box .gravatar strong {
	padding: 0px 0px 5px;
	clear: both;
	display: block;
}
#author-box .gravatar {
	height: 115px;
	text-align: center;
	float: right;
	padding-left: 10px;
}
.author-info {
	color: #666666;
	float: left;
	font-style: italic;
	padding-right: 5px;
	text-align: right;
	width: 315px;
}
#conteneur .author-info h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 4px;
}
#conteneur #author-box a {
	text-decoration: none;
	font-weight: bold;
}
.pseudo_list {
	border-bottom: 1px solid #dedede;
	clear: both;
	line-height: 30px;
}

/*--------------------for your text--------------------*/
#conteneur h2 a {
	text-decoration: none;
}

.entrys_odyssee a, .entrys_odyssee h2 a {
	text-decoration: none;
	color: #44BCEC!important;
}

.entrys_odyssee a:hover, .entrys_odyssee h2 a:hover {
	text-decoration: none;
	color: #0D8AB9!important;
}
#conteneur h3 {
	/*color: #333;
	display: block;
	padding: 2px 0px;
	font-weight: bold;*/
	clear: both;
}
#conteneur .the_entry h3 {
	border-bottom: 1px solid #dedede;
	margin-bottom: 5px;
	padding: 2px 0px 4px;
}

#conteneur #main .outside {
	text-align: center;
	padding-top: 10px;
}

#conteneur .the_entry ul, #conteneur .the_entry ol {
	border-top: 1px solid #dedede;
}
#conteneur .the_entry li {
	border-bottom: 1px solid #dedede;
	padding: 4px 0;
}
/*--------------------post entry footer--------------------*/
#conteneur .more-link {
	clear: both;
	/*position: absolute;*/
	float: right;
	display: block;
	background-image: url(../images/charte/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding: 0 20px 0 0;
	text-decoration: none;
	bottom: 15px;
	right: 20px;
}

.odyssee .more-link {
	clear: both;
	/*position: absolute;*/
	float: right;
	display: block;
	background-image: url(../images/charte/icon_arrow_odyssee.png)!important;
	background-repeat: no-repeat;
	background-position: right 4px;
	padding: 0 20px 0 0;
	text-decoration: none;
	bottom: 15px;
	right: 20px;
}

.add_fav, .rem_fav {
	display: block;
	padding: 2px 0 0 20px;
	background-image: url(../images/charte/icon_plus.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	width: 280px;
}
#conteneur .rem_fav {
	background-image: url(../images/charte/icon_delete_small.png);
}

/*--------------------espaces pub--------------------*/

.title_pub {
  color: #ddd;
  font-size: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
  text-align: center;
}

.title_pub_left {
  width: 510px;
  color: #ddd;
  font-size: 10px;
  border-bottom: 1px solid #ddd;
  margin: 0 20px 4px 20px;
  text-align: center;
}

.bottom_pub {
  width: 100%;
  display: block;
  color: #555;
  font-size: 10px;
  border-top: 1px solid #555;
  margin-top: -9px;
  text-align: center;
}

.bottom_pub_left {
  width: 510px;
  display: block;
  color: #ddd;
  font-size: 10px;
  border-top: 1px solid #ddd;
  margin: -9px 20px 4px 20px;
  text-align: center;
}

.pub_everest {
  clear: both;
	width: 540px;
  text-align: center;
  display: block;
}

.pub_roots {
	width: 468px; 
  height: 60px;
}

.pub_stone {
	/*float:left;*/
  margin-left: 75px;
	width: 250px; 
  /*height: 250px;*/
}

.div_pub_roots{
  clear: both;
float:left;
	width: 100%; 
  text-align: center;
  display: block;
}

.pub_beach {
	clear: both;
	width: 980px; 
  text-align: center;
  display: block;
}


/*--------------------pages with pagination--------------------*/
p.serif {
}
/*--------------------search--------------------*/
#head #searchform {
  clear: both;
	position: absolute;
	left: 695px;
	margin-top: 191px;
	margin-right: 10px;
}

input#recherche {
  position: relative;
  float: left;
  z-index: 9;
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 0px 5px;
	font-size: 20px;
	color: #555;
	height: 30px;
	padding: 2px 5px 3px;
	width: 240px;
	-moz-box-shadow: 0px 0px 4px #ccc; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ccc; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #ccc; /* Opera 10.5, IE 9.0 */
}

input#btn-valid-search {
  position: relative;
  z-index:10;
	float:right;
  width:64px; 
  height:50px; 
  border:0; 
	background: url("../images/charte/btn_valid_search.png") no-repeat;  
	text-indent: -9999px;
	display:block;
	margin-left: -45px;
	cursor: pointer;
}

input#btn-valid-search:hover {
	background-position:-64px 0px;
}

*+html input#btn-valid-search {
  letter-spacing:100px;
}
/*--- login ---*/

#block_login {
  position: absolute;
  margin-top: 0px;
  margin-left: 538px;
  margin-right: 15px;
  text-align: right;
  width: 430px;
  /*color: #eee;*/color: #fff;
}
  
  #nb-init{
    text-align: center;
    float: left;
    margin-left: 32px;
    margin-top: -2px;
  }

  #nb-init .style-nb{
    position: relative;
    z-index:1;
    display: block;
    font-size: 80px;
    margin-top: -15px;
    font-weight:bold;
    color: #FF0000;
    letter-spacing: -10px;
  }
  
  #nb-init .style-init{
    position: relative;
    z-index:5;
    clear: both;
    display: block;
    font-size: 14px;
    margin-top: -30px;
    text-transform: uppercase;
    font-weight:bold;
    letter-spacing: 8px;
    padding-left: 21px;
  }
  
  #conteneur #head #block_login a.red-text{
    font-weight: bold;
    font-size: 37px;
    letter-spacing: 0px;
    color: none;
    color: #ff0000;
    line-height: 90%;
    cursor: pointer;
    text-decoration: none;
  }
/*  
    #conteneur #head #block_login a.ici {
    position: absolute;
    z-index: 1;
    margin-left: -208px;
    margin-top: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: white;
    font-weight:bold;
    font-size: 30px;
    cursor: pointer;
    text-decoration: none;
    line-height: 50%;
        /* Safari 
-webkit-transform: rotate(-90deg);

/* Firefox 
-moz-transform: rotate(-90deg);

/* Internet Explorer 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* Opera 
-o-transform:rotate(90deg);
  }
  
  #conteneur #head #block_login a.red-text{
    position: absolute;
    z-index: 2;
    margin-left: -165px;
    padding-top: 0px;
    font-weight: bold;
    font-size: 37px;
    letter-spacing: -2px;
    color: none;
    color: #ff0000;
    line-height: 90%;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
  }
 */ 
  
  #conteneur #head #block_login a.red-text:hover{
    border-bottom: 1px solid red;
  }
  
  .formlogin{
    width: 375px;
    text-align: left;
    clear: left;
    padding-top: 10px;
    margin-left: 53px;
  }
  
  *+html .formlogin{
    margin-top: -15px;
  }
  
  a.register{
    position: absolute;
    letter-spacing: 0px;
    font-weight: bold;
    width: 120px;
    display: block;
    margin-left: 215px;
    margin-top: 47px;
  }
  
  *+html a.register{
    margin-left: -210px;
    margin-top: -7px;
  }

  .input-txt {
    float: left;
  	border: 1px solid #eee;
  	background-color: transparent;
  	padding: 0px 5px;
  	font-size: 14px;
  	color: #fff;
  	height: 18px;
  	padding: 2px 2px 3px;
  	width: 180px;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url('border-radius.htc');
  }
  
  #username {
  	margin-right: 25px;
  }
  
  #block_login label{
    width: 100px;
    display: block;
    float: left;
    padding-top: 5px;
  }
  
  #block_login label.loginpwd {
    color: #fff;
    margin-left: -15px;
    margin-bottom: 10px;
  }

  input#btn-valid-login {
    position: absolute;
    margin-left: 290px;
	  width:20px; 
	  height:20px; 
	  border:0; 
		background: url("../images/charte/btn_valid_v.png") no-repeat;  
		text-indent: -9999px;
		display:block;
		margin-top: 24px;
		cursor: pointer;
	}
	
	*+html input#btn-valid-login {
    position: relative;	
    float: right;
    margin-right: 65px;
    margin-top: -32px;
    letter-spacing:100px;
	}
	
	input#btn-valid-login:hover {
		background-position:-20px 0px;
	}
	
	#txt_login {
    /*color: #333;*/color: #ddd;
    font-size: 20px;
  }
  

/*--- biodiversité 2010 ---*/
.biodiversite-2010 {
  position: absolute;
  width: 198px;
  height: 76px;
  display: block;
  background: url('../images/charte/logo_biodiversite2010.png') no-repeat;
  text-indent: -9999px;
  margin-left: 100px;
}


/*--------------------comments--------------------*/
.admincomment {
	background-color: #eee;
	width: 500px;
}
.authorcomment {
	color: #666;
	font-style: italic;
	font-weight: bold;
}
.gravatar {
	float: left;
	width: 90px;
	height: 85px;
	position: relative;
}
.comment_entry {
	float: left;
	width: 410px;
}
.comment_entry p {
	clear: both;
}
#conteneur .commentlist {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	border-top: 1px solid #dedede;
}
.commentlist li {
	border-bottom: 1px solid #dedede;
	clear: both;
	float: left;
	line-height: 1.5em;
	padding: 5px 0 0;
	width: 500px;
}
.commentlist li .floatright {
	font-size: 0.917em;
}
#respond, #trackbacks {
	clear: both;
	padding-top: 20px;
}
.trackback_list {
	margin: 0 0 30px 20px;
	padding: 0;
	list-style-position: outside;
}
.trackback_list li a {
	color: #fff;
	text-decoration: underline;
}
#comments, #respond, #trackbacks {
	margin-bottom: 10px;
}
#commentform small {
	font-size: 0.917em;
	font-weight: bold;
	/*color: #333;*/color: #111;
}
#commentform small span {
	font-weight: normal;
	color: #bcbcbc;
}
#commentform label {
	padding-left: 5px;
}
#commentform input {
	width: 200px;
	padding: 5px;
	border: 1px solid #dedede;
	background-color: #fff;
	/*color: #333;*/color: #111;
	line-height: 12px;
	font-family: Verdana, Arial, sans-serif;
}
#commentform textarea {
	background-color: #fff;
	border: 1px solid #dedede;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	height: 170px;
	line-height: 1.5em;
	overflow: auto;
	padding: 5px;
	width: 488px;
}
#commentform #submit {
	cursor: pointer;
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}
#commentform #submit:hover {
	cursor: pointer;
	/*color: #333;*/color: #111;
	background-color: #fff;
	font-weight: bold;
	padding: 4px 5px 6px 5px;
}
.gravatar img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #dedede;
}
#conteneur .wp-smiley {
	border: none;
}
.comment_entry .floatright {
	padding-right: 5px;
}

/*-------------------- widgets---------------------*/
.community_entry .meta {
	width: 100%;
}

.widget, .widget2 {
	position: relative;
	margin: 0 0 25px 0;
/*check ie6*/
}
/*
.widget li, .nowidget li {
	border-bottom: 1px solid #dedede;
	padding: 8px 5px 8px 30px;
	background-repeat: no-repeat;
	background-position: 0 9px;
	background-image: url(../images/charte/icon_flag.png);
	position: relative;
}
*/


.block1 {
  clear: both!important;
	padding: 0;
	width: 398px;
	position: relative;
  	z-index: 10;
  	margin-left: -4px;
}
.block1 .widget {
	width: 358px;
	/*background-image: url(../images/charte/bg_box_content_small.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
	/*border: 1px solid #dedede;
	background-color: #fff;*/
	margin-bottom: 0px;
	clear: both;
	float: left;
	padding: 15px 20px 0px;
}

  h2.title-right{
    background: url(../images/charte/bg_title_right.jpg) top no-repeat;
    width: 387px;
    height: 43px;
    display: block;
    margin-left: -3px;
    padding: 10px 0px 0px 10px;
  	margin-bottom: 0px;
  	color: #c0f5bd;
  	font-size: 15px;
  	text-transform: uppercase;
  }
  
  h2.title-right-bis{
    background: url(../images/charte/bg_title_right.jpg) top no-repeat;
    width: 387px;
    height: 43px;
    display: block;
    margin-left: -3px;
    padding: 10px 0px 0px 10px;
  	margin-bottom: -30pxpx;
  	color: #c0f5bd;
  	font-size: 15px;
  	text-transform: uppercase;
  }

.block1 .widget-marraine {
	width: 360px;
	height: 172px;
	background: url(../images/charte/bg_marraine.jpg) top no-repeat;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 8px;
	clear: both;
	float: left;
	padding: 10px 10px;
	color: #bbb;
}

  .widget-marraine h3{
  	margin-bottom: 10px;
  	color: #ddd;
  	font-size: 12px;
  }
  
  .block-right{
  	clear: both;
    margin-top: -50px;
    display: block;
  }

  .block2 {
  	padding: 0;
  	width: 398px;
  	/*position: relative;*/
  	clear: both;
  	z-index: 1;
  }
  .block2 li.widget2 {
  	width: 154px;
  	height: 140px;
  	display: block;
  	/*background-image: url(../images/charte/bg_box_content_small.jpg);
  	background-repeat: no-repeat;
  	background-position: top left;*/
  	/*border: 1px solid #dedede;
  	background-color: #fff;*/
  	margin-bottom: 15px;
  	padding: 20px;
  }
    
    .block2 li.widget2 a.encart-com {
    	width: 154px;
    	height: 84px;
    	border: 1px solid #dedede;
    	display: block;
    }
    
    .block2 li.widget2 a.encart-com img {
    	width: 150px;
    	padding: 2px;
    	border: none;
    }
    
    .block2 li.widget2 a.encart-com:hover img {
    	width: 150px;
    	padding: 0px;
    	border: 2px solid #00349f;
    }
  
.footer ul {
	list-style-type: none;
	list-style-position: outside;
}
.footer .widget {
	width: 280px;
	float: left;
	list-style-type: none;
	list-style-position: outside;
	padding-right: 20px;
}
#main .sidebar .advanced_link {
	display: block;
	float: left;
	padding: 6px 10px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	border-left: none;
	color: #777;
	position: relative;
	top: -7px;
	margin-right: 2px;
	outline: none;
	z-index: 11;
}
.tablist li {
	float: left;
	width: 305px;
}
.tablist {
	clear: both;
	padding: 20px 18px 0px 19px;
	width: 340px;
	overflow: hidden;
}
.tablist2 li {
	float: left;
	width: 200px;
}
.tablist2 {
	padding: 20px 18px 0px 19px;
	width: 200px;
	overflow: hidden;
}
#main .sidebar .active {
	background-image: url(../images/charte/bg_tab.jpg);
	color: #1e1e1e;
}
#conteneur #advertise-widget {
	margin: 0px 0 20px 0;
	padding: 0;
	float: left;
	width: 377px;
	background-image: none;
	border: none;
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 20px;
	height: 125px;
}
#advertise-widget li {
	display: block;
	position: absolute;
	background-image: none;
	border-bottom: none;
	padding: 0px;
	height: 125px;
	width: 125px;
}
#advertise-widget a, #advertise-widget a img {
	border: none;
	text-decoration: none;
}
#advertise-widget .ka_1 {
	top: 0;
	left: 0;
}
#advertise-widget .ka_2 {
	top: 0;
	left: 127px;
}
#advertise-widget .ka_3 {
	top: 0;
	left: 252px;
}
#advertise-widget li a {
	float: left;
	display: block;
	height: 125px;
	width: 125px;
	background-color: #666;
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
}
#advertise-widget .ka_2 a {
	border-left: none;
	border-right: none;
}
.widget_rss h3 img {
	display: none;
}
.mfp_remove_link {
	height: 20px;
	width: 20px;
	display: block;
	background-image: url(../images/charte/icon_delete.png);
	float: right;
	text-indent: -9999px;
	outline: none;
}
.mfp_link {
	float: left;
	display: block;
	padding-top: 3px;
	width: 275px;
}
.entrys  .mfp_link {
	padding: 0;
	width: 475px;
}
.entrys .mfp_favorites {
	border-top: 1px solid #ccc;
}
.entrys .mfp_favorites p {
	width: 100%;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 0;
}
.entrys .mfp_remove_link {
	margin-top: 5px;
}
.listhover {
	position: absolute;
	display: block;
	background-color: #CCCCCC;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
}
#front-end-login {
	position: relative;
}
#front-end-login label {
	padding-left: 5px;
}
.input_text {
	width: 30%;
	border: 1px solid #dedede;
	padding: 3px 5px;
}
.button-login {
	border: none;
	cursor: pointer;
	background-color: #fff;
	position: absolute;
	height: 40px;
	width: 128px;
	background-image: url(../images/charte/icon-login.png);
	background-position: top left;
	left: 230px;
	padding: 15px 11px 0 0;
	top: 25px;
}
.button-login:hover {
	background-position: bottom left;
}
#labelremember {
	display: block;
	left: 223px;
	position: absolute;
	top: 73px;
}
#front-end-login a {
	/*color: #333;*/color: #111;
	text-decoration: none;
	padding: 2px 10px 2px 0px;
}
#front-end-login a:hover {
	color: #666;
	text-decoration: underline;
	padding: 2px 10px 2px 0px;
}
.rsswidget {
	display: block;
}
.rss-date {
	color: #666;
	font-size: 11px;
}
/*--------------------Archive--------------------*/
li#archives {
}
.widget_archives {
}
/*--recent posts--*/
li#recent-posts {
}
.widget_recent_entries {
}
/*--------------------text widget--------------------*/
li.widget_text {
}
/*--id in relationsship to the id of the widget*/
li#text-4 {
}
div.textwidget {
}
/*--------------------links blogroll--------------------*/
li#links {
}
.widget_links {
}
/*--------------------categories--------------------*/
li#categories {
}
.widget_categories {
}
/*GENERIC*/
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
code {
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #fefefe;
	display: block;
	overflow: auto;
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	/*color: #333;*/color: #111;
	width: 470px;
}
.noborder, .noborder img, .noborder a img {
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.alignnone, .fullsize {
	float: none;
	margin: 10px 0;
	max-width: 500px;
	overflow: hidden;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0pt;
	max-width: 490px;
	overflow: hidden;
}
.alignright {
	float: right;
	margin: 0px 0pt 10px 10px;
	max-width: 490px;
	overflow: hidden;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0pt auto 1.5em;
	max-width: 500px;
	overflow: hidden;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearboth {
	clear: both;
}
.wp-caption {
	background-color: #EEEEEE;
	padding: 5px 2px;
	text-align: center;
}
.wp-caption img, .wp-caption a img {
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}
.wp-caption a:active, .wp-caption a:visited, .wp-caption a:link, .wp-caption a:hover, .wp-caption a:focus {
	border: none;
	outline: none;
}
p.wp-caption-text {
	font-size: 0.917em;
	line-height: 1.1em;
	padding: 3px 5px 6px;
	margin: 0;
	font-style: italic;
}
.the_entry a img, .the_entry img {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #dedede;
}
.the_entry a:hover img {
	background-color: #9da439;
}
.odyssee .the_entry a:hover img {
	background-color: #0d8ab9;
}

p {
	padding-bottom: 1em;
}
.content ul, .content ol {
	list-style-position: outside;
	padding: 0 0 1em 2em;
}
.sidebar ul, .sidebar ol {
	list-style-position: outside;
	list-style-type: none;
}
blockquote {
	background-image: url(../images/charte/quote.gif);
	padding: 5px 30px 0 30px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 10px 0 10px 0;
	color: #666;
}
blockquote em {
	color: #b3b946;
	background-image: url(../images/charte/quote2.gif);
	padding: 5px 40px  20px 0px;
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	text-align: right;
	font-style: italic;
}
a:link, a:active {
	text-decoration: underline;
	/*color: #b3b946;*/color: #47ba47;
}
a:visited {
	text-decoration: underline;
	/*color: #c3cb2c;*/color: #86bb4d;
}
a:hover, a:focus {
	text-decoration: none;
	/*color: #9da439;*/color: #39a339;
	text-decoration: underline;
}

.odyssee a:link, a:active {
	text-decoration: underline;
	/*color: #b3b946;*/color: #44BCEC;
}
.odyssee a:visited {
	text-decoration: underline;
	/*color: #c3cb2c;*/color: #44BCEC;
}
.odyssee a:hover, a:focus {
	text-decoration: none;
	/*color: #9da439;*/color: #0D8AB9;
	text-decoration: underline;
}

#formulaire_contact label, #formulaire_compte label {
  clear: both;
  float: left;
  width: 140px;
  margin: 2px 0px;
}

#formulaire_contact input.btn_contact, #formulaire_compte input.btn_compte {
  margin-top: 10px;
  float: left;
  margin-left: 100px;
}

#formulaire_contact input, #formulaire_contact select, #formulaire_contact textarea, #formulaire_compte input, #formulaire_compte select, #formulaire_compte textarea {
  float: left;
  margin: 2px 0px;
}

ul, ol {
  
	list-style: none;
}

#menu_left ul {
  border: none;
	display: block;
	list-style: none;
}	

	#menu_left li {
	  float: left;
    border: none;
	 list-style: none;
	}
	
	 #menu_left li a {
		padding: 0px 2px 0px 2px;
		margin: 2px;
	 width: 140px;
	 height: 17px;
	 display: block;
	 border: 1px solid #b3b946;
	   text-decoration: none;
	 }
	
#multipage {

	float: right;
	width:535px;
	height: 25px;
	display: block;
	margin-top: -10px;
	text-align: center;
	display: block;
}

	#multipage ul {
		
		display: block;
	}				
	
	#multipage li {
		float: left;
		width: 31px;
		height: 29px;
		padding-top: 6px;
		background: url("../images/multipage.gif") left no-repeat;
	}
	
	#multipage li a {
		float: left;
		width: 31px;
		height: 29px;
		margin-top: -4px;
		padding-top: 4px;
		background: url("../images/multipage.gif") left no-repeat;
		text-decoration: none;
	}		
  
  #multipage li a:hover {
		background: url("../images/_multipage.gif") left no-repeat;
		font-size: 14px;
		font-weight: bold;
	}			
	
.legend {
  margin-top: -5px;
  font-size: 8px;
}

.descript_init iframe{
  margin-bottom: 20px;
}