/* SITE CSS 20040415 */

div#allcontent
{
    width: 99%;
    height: 100%;    
    margin: 0 auto 0 auto;
}

/* JPS */


#div_global {
	position:absolute;
	width: 100%;
	height:100%;
	left: 0px;
	top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

/* TOOLBARS */

div#toolbar-top
{ 
    padding: 13px 0 0 8px;
    text-align: right;
}

div#toolbar-top
{ 
    text-align: right;
}

div#toolbar-top ul
{
    float: right;
}

div#toolbar-bottom
{ 
    margin-top: 8px;
    text-align: center;
}

div#toolbar-bottom ul
{
    padding: 0.5em 0 0.5em 0;
}

div#toolbar-bottom li.toolbar-item a
{
    font-weight: bold;
}

div#toolbar-top li.toolbar-item, div#toolbar-bottom li.toolbar-item
{
    border-right: 1px solid;
    display: inline;
    margin: 0;
    padding: 0 10px 0 6px;
    white-space: nowrap;
}

div#toolbar-top div.search-line, div#toolbar-bottom div.search-line
{
    display: inline;
    vertical-align: middle;
}

div#toolbar-top div.label, div#toolbar-bottom div.label
{
    display: inline;
    text-align: left;
}

div#toolbar-top div.search-line form, div#toolbar-bottom div.search-line form
{
    display: inline;
}

div#toolbar-top div.search-line div.optionblock input,
div#toolbar-top div.search-line div.optionblock label,
div#toolbar-right div.search-full div.optionblock input,
div#toolbar-right div.search-full div.optionblock label
{ 
    display: inline;
}

div#toolbar-top input.searchinput, div#toolbar-bottom input.searchinput
{
    height: 1.6em;
    width: 7em;
}

div#toolbar-top li.toolbar-item a, div#toolbar-bottom li.toolbar-item a
{ 
    text-decoration: none;
}

div#toolbar-top li.first, div#toolbar-bottom li.first
{
    display: inline;
}

div#toolbar-top li.last, div#toolbar-bottom li.last
{
    border-right:none;
    display: inline;
}


/* SUB MENU */

div#submenu
{   
    padding: 0;
    border-bottom: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#submenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

div#submenu ul
{
    padding: 0;
    margin: 0;
}

div#submenu li
{
    margin: 0;
    float: left;
    display: block;
}

div#submenu li div.spacing
{
    padding: 0.2em 12px 0.3em 12px;
}

div#submenu li a
{
    text-decoration: none;
}

div#submenu li a:hover
{
    text-decoration: underline;
}


/* PATH */

div#path-design
{
    margin: 0.2em 12px 0.2em 12px;
}

div#path p
{
    margin: 0;
}

div#path p a
{
    text-decoration: none;
}

/* MENUES */

div#leftmenu ul, div#rightmenu ul
{
    margin-left: 6px;
}

div#leftmenu
{
    float: left;
    width: 13em;
}

div#leftmenu-design li.menu-level-0
{ 
    text-decoration: none;
    border-top: 1px solid;
    padding: 4px 0 2px 10px;
    list-style-type: none;
}

div#leftmenu-design li.menu-level-0 a
{ 
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

div#leftmenu-design li.menu-level-1
{ 
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    list-style-type: none;
}

div#leftmenu-design li.menu-level-1 a
{ 
    text-align: center;
    text-decoration: none;
}

div#rightmenu 
{
    float: right;    
    width: 250px; 
    margin-right: 7px;
}

a.external,
a[href ^="gopher://"] {
    background: url(../images/icones/external.png) center right no-repeat;
    padding-right: 13px;
}

div#actions
{ 
    margin-left: 0em;
    margin-right: 0em;   
    float: right;
    width: 130px;   
}

div.maincontent-bothmenus
{ 
    margin-left: 14em;
    margin-right: 16em;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-noleftmenu
{ 
    margin-left: 10px;
    margin-right: 210px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-norightmenu
{ 
    margin-left: 14em;
    margin-right: 10px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-nomenus
{ 
    margin-left: 10px;
    margin-right: 10px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div#fix  /* This style breaks the unwanted connection between the content of the maincontent box and the menues on the left and right in some browsers */
{
    float: left;
    width: 90%;
/*    text-align: justify; */
}

/* NAVIGATORS */

div.content-navigator
{
    display: block;
    clear: both;
}

div.content-navigator div
{
    display: inline;
    text-align: center;
}

div.content-navigator div.content-navigator-separator, div.content-navigator div.content-navigator-separator-disabled
{
    padding-left: 4px;
    padding-right: 4px;
}

div.content-navigator div.content-navigator-arrow
{
    font-size: 150%;
}


/* TOOLBOXES */

div.toolbox
{ 
    width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
}

div.toolbox-design
{ 
    padding: 0px;
}

div.toolbox-design h2
{ 
    font-size: 1em;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.toolbox-design div.toolbox-content
{ 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 10px;
}

div.toolbox-design input.searchtext, div.toolbox-design input.textinput
{
    height: 18px;
    width: 120px;
    border: 1px solid;
}

div.toolbox-design label
{
    font-weight: normal;
    margin-bottom: 0;
    padding: 6px 0 0 0;
}

div.toolbox-design form
{
    vertical-align: bottom;
}

div.toolbox-design div.info-text p
{ 
    font-weight: normal;
}

div.toolbox-design div.attribute-link p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

div.toolbox-design div.attribute-link-disabled p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}


/* TOOL LISTS */

div.toollist
{ 
    width: 100%;
    margin: 8px 0 8px 0;    /*ici 8 en premier */
}

div.toollist-design
{ 
    padding: 0px;
    border: 0px solid;    
}

div.toollist-design h2
{ 
    font-size: 1em;
    margin-top: 0px;
    padding: 2px 0 3px 10px;
}

div.toollist-design div.content-view-children
{ 
    padding: 3px 10px 10px 10px;
}

div.toollist-design h3
{ 
    margin: 0;
    text-decoration: underline;
}

div.toollist-design div.class-article div.attribute-short p
{ 
    margin: 0;
}

div.toollist-design div.class-article div.attribute-link p
{ 
    margin: 0 0 10px 0;
}

div.toollist-design div.class-article div.attribute-link-disabled p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

/* GENERAL ELEMENTS */

div#maincontent h1
{ 
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 0.2em;
}

div#maincontent h2
{ 
    font-size: 1.2em;
    font-weight: bold;
}

div#maincontent h3
{ 
    font-size: 1.0em;
    font-weight: bold;
}

div#maincontent h4
{ 
    font-size: 1em;
    font-weight: bold;
}

div#maincontent-design h5
{ 
    font-size: 1em;
    font-weight: bold;
}


/* GENERAL TABLE */

table th
{ 
    background-color: #d9e5f2;
}

/* SUBMIT BUTTONS */

input.defaultbutton
{
    font-weight: bold;
    border: 1px solid;
    margin: 0.5em 0.5em 0 0;
}

input.button
{
    border: 1px solid;
    margin: 0.5em 0.5em 0 0;
}

input.searchbutton
{
    border: 1px solid;
}

input.shopbutton
{
    border: 1px solid;
}

input.searchimage
{
    width: 18px;
    height: 18px;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}

/* Diff styles */

div#diffview ul
{
    margin: 0 0 0.5em 0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border-bottom: 1px solid #808080;
    display: block;
}

div#diffview li
{
    font-size: 0.85em;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.attribute-view-diff
{
    padding: 0.25em;
    border: 1px solid #d7d7d2;
}

div.attribute-view-diff label
{
   color: #75756c;
}

div.attribute-view-diff-old
{
    padding-bottom: 0.25em;
    border-bottom: 1px dashed #bfbfb7;
}

div.attribute-view-diff-new
{
    padding-top: 0.25em;
}

ins
{
    color: #008000;
    text-decoration: none;
    border-bottom: 1px solid #00b000;
}

del
{
    color: #d98078;
    text-decoration: line-through;
}

ins:hover, del:hover
{
    background-color: #ffffff;
}

ins:hover
{
    color: #006000;
    border-bottom: none;
}

del:hover
{
    color: #852c25;
    text-decoration: none;
}

div.blockchanges ins, div.blockchanges del
{
    color: #000000;
    padding-left: 0.5em;
    text-decoration: none;
    border-bottom: none;
    display: block;
}

div.blockchanges ins
{
    border-left: 0.5em solid #008000;
}

div.blockchanges del
{
    border-left: 0.5em solid #d98078;
}

div.previous ins
{
    display: none;
}

div.previous del
{
    color: #000000;
    background-color: #ffff00;
    border-bottom: none;
    text-decoration: none   
}

div.latest del
{
    display: none;
}

div.latest ins
{
    color: #000000;
    background-color: #ffff00;
    border-bottom: none;
    text-decoration: none;
}

div.usermarche
{
    float: right;
    top: 1px;
    text-align: left;
    padding: 12px;
    background-color: #F524AD;
}

div.membre_elu
{
    width: 90%;
       border: 4px double maroon;
}
div.membre_elu div.photo_elu
{    
  float: right;
  position: relative;
  right:55px;
  top: 10px;
}

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
    background-position:10px center;
    background-repeat: no-repeat;
    padding: 8px;
    padding-left: 50px;
}

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
    background-position:10px center;
    background-repeat: no-repeat;
    padding: 8px;
    padding-left: 50px;
}

.erreur
{
    color: #990000;
    background-image: url(../images/designs/1/zcode/zcode_erreur.png);
}

.attention
{
      color: red;
}

.attention:before
{
    content: url(../images/attention.gif);
}

.information
{
    color: #3EAA41;    
}


.information:before
{
    content: url(../images/info.gif);
}

.information, .attention, .question, .erreur
{
    height: 30px; /* On fixe la hauteur, que IE interpr.te comme une "hauteur minimale" */
    text-align: left;
}

div.sousmenumonmarche
{
    width: 45%;    
    margin: 10px;
    float: left;
    border: 1px solid #E0E0E0;
}

#globalmonmarche
{    
    margin: 10px;
    border: 1px solid #FF8B00;    
    margin-top: 50px;
}

div#rwflux {    
    border: 1px solid #ebdaab;
    padding-left: 12px;
    padding-right: 12px;
}

div#rwflux li h3 {     
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.0;
}

div#rwflux img {     
    border: none;
    padding-right: 6px;
}

div.compoconseil {    
    border: 1px solid #ebdaab;       
    color: #242B45;
}
div.photoelu
{    
  float: right;
  position: relative;
  right:55px;
  top: 10px;
}

div#form_auto_fill
{    
  float: right;
  position: relative;
  right:55px;          
  top: 10px;
}

div#planetcontact
{
    float: right;
    padding-right: 30px;
    line-height: 2em;
}

div#pagelogin
{
    background-color: #F8F8F8;
    border: 1px solid #E0E0E0;
    margin: 1em 0 1em 0;
    padding: 0.2em;
    color: #242B45;
}

div#calendrieryahoo
{
    float:right;
    bottom: 50px;
}
div#center
{
    text-align:center;
}

.cinemacontent {
    width:90%;    
}

.cinemaimage {    
    float:left;
    height:100px;
    padding-right:50px;    
    padding-top: 10px
}

.spacejf {
   width: 120px;
   float: left;
}

#souscategories {
    background-color: #F8F8F8;
    border: 1px solid #E0E0E0;
    width:100%;
}
.flottantesouscategorie {
    margin: 5px;
    float: left;
    width: 46%;
    text-align: left;
}
#souscategories hr.spacerhr {
    clear: both;
    visibility: hidden;
}

div.imagebottin
{    
  border: 1px solid #ebdaab;         
  position: absolute;    
  margin-left:455px;
  margin-top: 10px;
}

div.bottinlocalisation
{    
  border: 1px solid #ebdaab; 
  width: 175px;  
  float: left;
}

.boussole {
    float:left;
    margin-right: 5pt;
}

.mapgoogle {
  width: 95%;
  height: 600px;
}

.imageleft {
    float:left;
    margin-right: 7px;
    margin-top: 2px;
}

.adressebottin {
    width: 50%;      
    float: left;
}

.clearbottin {
    clear: both;
    visibility: hidden;
}
.attribute-image
{
    /*float: left;*/
    margin: 10px 10px 3px 0pt;
    vertical-align: top;
}
#corpsnews {
    width: 98%;
    min-height:250px;    
}
.attributions {
 width: 70%;

}

.photobottin {
 padding: 5px;
}

/* 
 * debut agenda
 *
 */
#manifagenda {
	background-color:#F8F8F8;
	border:1px solid #E0E0E0;
	color:#242B45;
	line-height:2em;
	margin:1em 0pt;
	/*padding:0.2em;*/
	width:100%;
}


.agendafirst {
	width:180px;
	float:left;
}

.agendasecond {
	width:350px;
	float:left;	
}

.agendarow {
	width: 95%;
	background-color:#F8F8F8;
	border:1px solid #E0E0E0;
	height:25px;
	clear:both;
	margin-bottom:6pt;
}

.agendarow:hover {
	background-color: #e7ecff;
	height: 25px;	
}

.agendares1 {
	width:45%;
	float:left;	
}

.agendares2 {
	width:25%;
	float:left;	
}

.agendares3 {
	width:20%;
	float:left;	
}

.renseignement {
	width: 95%;
	background-color:#F8F8F8;
	border:1px solid #E0E0E0;
}

/*
 * Fin agenda
 */

/* bottin image
 */ 
 
.bottincommentaires {
    width: 55%; 
    left:18pt;
    float: left;
    margin-right: 10px;
}
    
.bottindroite {
    width: 55%;
    left:18pt;
    float: left;
    margin-right: 10px;
}
	 
.photo_centre {
/*    margin-left: 50px;*/
    min-height: 180px;
    float: left;
    margin: 3pt;
} 
	
#thumbnail_centre {
    border:0pt none;
    display:inline;
    height:48px;
    width:48px;
    z-index:1;
}

/* MESSAGE BOX Iconized	  		 */
.icon-gray{
    border:solid 1px #DEDEDE; 
    background:#EFEFEF;
    color:#222222;
    padding:4px;
    text-align:center;
}
.icon-yellow{
    border:solid 1px #DEDEDE; 
    background:#FFFFCC url(../images/icon-yellow.png) 8px 6px no-repeat;
    color:#222222;
    padding:4px;
    text-align:center;
}
.icon-ok{
    border:solid 1px #90ac13; 
    background:#eef4d3 url(../images/icon-green.png) 8px 6px no-repeat;
    color:#6b800d;
    font-weight:bold;
    padding:4px;
    text-align:center;
}

.icon-error{
    border:solid 1px #CC0000; 
    background:#F7CBCA url(../images/icon-red.png) 8px 6px no-repeat;
    color:#CC0000;
    font-weight:bold;
    padding:4px;
    text-align:center;
}

#photo_ftlb {
    background-color:#FFFFFF;
    cursor:pointer;
    height:200px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;    
    z-index:1;
}