.border {
height: 15px;
width: 95%;
background-color: #1a3e5c;
border-color: #000000;
border-width: 1px;
border-style: solid;
margin: auto;
}
.menu {
line-height: 1.2em;
margin: 1px 0 2px 0;
border : 1px;
     border-style : solid;
     border-color : #dbd9d9;
     background-color : #f3f3f3;
}
.menu ul {
     list-style-type : none;
     margin-left : 0;
     padding-left : 2px;
     margin-bottom : 0;
     margin-top : 0;
     }
     .menu li {
     padding-top : 4px;
list-style-type: none;
background-image: url(http://images.webalternative.org/16/fleche_droite.png);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 19px;
}
.menu a:visited , .menu a:link {
     color : #1a3e5c;
     text-decoration : none;
          font-weight: bold;
     font-size: .90em;

}
.menu a:active , .menu a:hover   {
     color : #550303;
          font-weight: bold;
     font-size: .90em;

}
.spacer {

  clear: both;

}

/**
*	INFOBOX
*/

.infobox {
	color: #333333;
	background-color: #FDFBEC;
	padding-top: 5px;
	font-size: 85%;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

/**
*	BOX
*/
.box {
margin: 2px;
padding: 2px;
background-color: #ffffff;
  border: solid 1px #ddd;
}

.box2 {
	color: #333333;
	background-color: #FDFBEC;
	padding-top: 5px;
	font-size: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

/**
*	BLUEBOX
*/

.bluebox {
background-color:#eff3fb;
border:1px solid #8ba7cd;
margin: 2px;
font-size: 12px;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px; 
 color: #222;
  }
  
  
.box_menurapide {
background-color: #f3f3f3; 
border:1px solid #c2c2c2;
width: 93%; 
margin: auto;
-moz-border-radius: 5px 0px 5px 0px; 
}

.box_menurapide a {
color: #476708;
font-family: verdana,arial,sans-serif;
font-size: 10px;
text-decoration: underline;
background-color: transparent;
background-image: url(http://images.webalternative.org/16/fleche_droite.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left;
padding-top: 0pt;
padding-right: 6px;
padding-bottom: 0pt;
padding-left: 16px;
}

/**
*	BOX_ERREUR
*/
.box_erreur {
	color: #333333;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: .85em;
	font-weight: bold;
	background:#FDFBEC no-repeat 10px 7px;
	padding: 2px 0 8px 28px;
	margin:  auto;
	line-height: 1.2em !important;
	color: #333;
	text-align:left;
       width: 90%
}

.box_erreur ul {
	margin:0px;
	padding: 5px;

}

.box_erreur li {
	list-style: none;
font-size: .85em;
	color: #373737;
	text-indent:0;
	line-height: 16px;
	display: block;
	padding:0;
	margin:0px;
	padding-left:10px;
	margin-left:0;
}
/**
*	BOX_WARNING
*/
.box_warning {
	color: #333333;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: .85em;
	font-weight: bold;
	background:#FDFBEC no-repeat 10px 7px;
	padding: 2px 0 8px 28px;
	margin:  auto;
	line-height: 1.2em !important;
	color: #333;
	text-align:left;
       width: 90%
}

.box_warning ul {
	margin:0px;
	padding: 5px;

}

.box_warning li {
	list-style: none;
font-size: .85em;
	color: #373737;
	text-indent:0;
	line-height: 16px;
	display: block;
	padding:0;
	margin:0px;
	padding-left:10px;
	margin-left:0;
}

/**
*	BOX_INFOBOX
*/
.box_infobox {
	color: #333333;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: .85em;
	font-weight: bold;
	background:#FDFBEC no-repeat 10px 7px;
	padding: 2px 0 8px 28px;
	margin:  auto;
	line-height: 1.2em !important;
	color: #333;
	text-align:left;
       width: 90%
}

.box_infobox ul {
	margin:0px;
	padding: 5px;

}

.box_infobox li {
	list-style: none;
font-size: .85em;
	color: #373737;
	text-indent:0;
	line-height: 16px;
	display: block;
	padding:0;
	margin:0px;
	padding-left:10px;
	margin-left:0;
}

/**
*	BOX_SUCCESS
*/
.box_success {
	color: #333333;
	border: 1px dotted #F8CE6D;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: .85em;
	font-weight: bold;
	background:#FDFBEC no-repeat 10px 7px;
	padding: 2px 0 8px 28px;
	margin:  auto;
	line-height: 1.2em !important;
	color: #333;
	text-align:left;
       width: 90%
}

.box_success ul {
	margin:0px;
	padding: 5px;

}

.box_success li {
	list-style: none;
font-size: .85em;
	color: #373737;
	text-indent:0;
	line-height: 16px;
	display: block;
	padding:0;
	margin:0px;
	padding-left:10px;
	margin-left:0;
}
/**
*	WDM PREVIEW PANE
*/

 .pane {
            margin: 0;
            padding: 0;
            width: 100%;
            border: none;
            display: block;
            border: 1px solid #888;
        
            /* note: the panes get their height set with
               javascript; see setPaneHeights(). */
        
            /* for now, set a height so things look nice
               if the user has javascript disabled */
            height: 200px;
        }
        
        #previewPane {
            background-color: #eee;
        }
              
        div.pane {
            overflow: auto;
        }
        
        #previewPane > :first-child {
            margin-top: 0;
        }