body {

margin : auto;
padding : 0;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-image:url(images/background.png);
background-color:#63a701;
font-weight: normal;
color: #000000;
background-repeat:repeat-x;
background-position: top center;


}
.mbmenu{
  display:none;
}
.rootVoices{
  background-color:#EDEDED;
  padding:5px;
  padding-bottom:0;
}
.rootVoices td.rootVoice {
  vertical-align:middle;
/*background-color:#fff;*/
  width:120px;
  font-family:Arial,Helvetica,sans-serif;
  text-shadow:#fff 1px 1px 1px;
  color: gray;
  font-size:14px;
  line-height:18px;
  padding:8px;
  cursor: pointer;
}

.rootVoices td.rootVoice.selected{
	background: orangered url("../images/bgnd_sel_4.png");
	padding:8px;
	color:#ffffff;
	cursor: pointer;
	font-size:14px;
  text-shadow:#660033 1px 1px 1px;
  -moz-box-shadow:#999 2px 2px 10px;
  -webkit-box-shadow:#999 2px 2px 10px;

}
.rootVoices td.rootVoice.disabled.selected{
  -moz-box-shadow:#ddd 2px 2px 10px;
  -webkit-box-shadow:#ddd 2px 2px 10px;
  background:#f9f9f9!important;
  color:#aaa;
  text-shadow:#fff 1px 1px 1px;
}



.rootVoices.vertical {
	width:140px;
}
.rootVoices.vertical td.rootVoice{
	-moz-border-radius:8px 0px 0 8px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:8px;
}

.menuShadow{
	padding:2px;
	padding-bottom:0px;
	left:-2px;
	top:1px;
}


.menuContainer{
  /*overflow:hidden;*/
  position:absolute;
	background-color:#f3f3f3;
  border-top:5px solid #B23305;
	padding:0;
  -moz-box-shadow:#999 2px 5px 10px;
  -webkit-box-shadow:#999 2px 5px 10px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-top-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}
.menuContainer.submenuContainer{
  border-top:none!important;
}

.menuContainer.disabled{
  -moz-box-shadow:#ddd 2px 5px 10px;
  -webkit-box-shadow:#ddd 2px 5px 10px;
  border-top:5px solid #f9f9f9;
  background-color: #f3f3f3;
}
.menuContainer .line{
	background-color:transparent;
	width:100%;
}
.menuContainer .line.title {
	background-color:#B23305;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
/*border-bottom:1px solid black;*/
}
.menuContainer.disabled .line.title {
  background-color: #f9f9f9;
}
.menuContainer .line.title a{
	font-size:14px;
  color:#FFF;
  text-shadow:#660033 1px 1px 1px;
}
.menuContainer.disabled .line.title a{
  font-size:14px;
  color:#aaa;
  text-shadow:#fff 1px 1px 1px;
}
.menuContainer td a{
	text-decoration:none;
	color: #666;
  text-shadow:#fff 1px 1px 1px;
}
.menuContainer td.voice{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:7px;
}
.menuContainer .separator{
	background-color:#999;
	height:1px;
  padding:0;
  margin:0;
}
.menuContainer td.img{
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-size:12px;
	color: #c3c3c3;
	background-color:transparent;
	width:24px;
	padding:5px;
}
.menuContainer td.img img{
	width:20px;
}
.menuContainer .textBox{
	padding: 10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #999;
}
.menuContainer .selected td{
	background-color:#f3f3f3;
	background-image:url("../images/bgnd_sel_2.jpg")
}
.menuContainer .selected td a{
	color:#000;
  text-shadow:#fff 2px 2px 1px;
  display:block;  
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color:#bbb;
  text-shadow:#fff 1px 1px 4px;
}
.menuContainer .subMenuOpener{
	background-image:url("../images/menuArrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.menuContainer .selected .subMenuOpener{
	background-image:url("../images/menuArrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}

/*BOX MENU*/

.boxMenu{
  color:#f3f3f3;
  border-top:8px solid #B23305;
  background:url("../images/box_top.png") repeat-x;
}
.boxMenu h4{
  white-space:nowrap;
  margin:0 0 20px 0;
  padding:3px;
  font:18px/20px georgia, serif;
  padding-right:20px;
  text-shadow:#666 2px 2px 1px;
}

.boxMenu td{
  min-width:160px;
  vertical-align:top;
  border-right:1px solid #999;
}

.boxMenu td:hover{
  background:#f3f3f3;
  -moz-box-shadow:#666 2px 2px 4px;
  -webkit-box-shadow:#666 2px 2px 4px;
}

.boxMenu td:hover a{
  margin-right:3px;
  text-shadow:#fff 1px 1px 1px;
  color:#000;
}

.boxMenu td:last-child{
  min-width:160px;
  vertical-align:top;
  border-right:none;
}

.boxMenu a{
  font-size:14px;
  white-space:nowrap;
  display:block;
  padding:5px;
  margin-bottom:5px;
}

.boxMenu a img{
  padding-right:5px;
}

.boxMenu a:hover{
  color:#000;
  text-shadow:#fff 2px 2px 1px;
  background-image:url("../images/bgnd_sel_2.jpg");
  -moz-box-shadow:#666 2px 2px 4px;
  -webkit-box-shadow:#666 2px 2px 4px;
}

.boxMenu a img{
  border:0;
}
 


#cliquezmoi {

    width:100%;
	height:1000px;
    border:none;
    cursor: pointer;   
}

img {
border: 0;
}

form {
display: inline;
}


.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a81100;
	font-weight: bold;
}

.corps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1b3c0a;
}
.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	}
.rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8f0d0d;
	font-weight: bold;
	}	
	
.blanc_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}
.noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.noir_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
INPUT {
     color:#000000;
     background-color:#ffffff;
     font-size:11px;
     font-family:arial;
	 border-width : 1px;
	 border-style:solid;
	 border-color:#000000;
}

SELECT {
    color:#000000;
     background-color:#ffffff;
     font-size:11px;
     font-family:arial;
}

hr {
  border-top: 1px solid #ffffff;
      border-bottom: 1px dashed #1b3c0a;
    
      height: 1px;
}
hr2 {
  border-top: 1px solid #87d422;
      border-bottom: 1px dashed #1b3c0a;
    
      height: 1px;
}
hr3 {
  border-top: 1px solid #ffffff;
      border-bottom: 1px dashed #ffffff;
    
      height: 1px;

  
 

}
fieldset {
border-style:solid;
border-color:#f0f0f0;
}

/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}
input {
	background-color:#e9f9ac;
	margin:2px 5px 0 0;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	color:#000000;
	font-family:"Courier New";
	padding:1px 2px;
}
input[type='text'] {		
}

input[type='image'] {	
border:none;	
}
input[type='checkbox'] {		
	margin-right: 5px;
}
select {
	margin: 2px 2px 1px 0;
	padding: 0;
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}
.gridSection input[type='checkbox'] {
	margin: 0 !important;
}
form .alternate-1 input {
	background-color:#ecefcb;
}

/* Buttons ======================================================================= */

form .actions {
	padding-top: 15px;
	text-align: right;
	clear: right;
}
/* Submit button */
form .primaryAction {
	background-color:#e9f9ac;
	border:1px solid #809431;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0px 0px 0px 20px
}
form .primaryAction:hover {
	background-color:#E9FDD7;
}
/* Cancel button */
form .secondaryAction {
	color: grey;
	background-color:#e9f9ac;
	border:1px solid #809431;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0px 0px 0px 20px	
}
form .secondaryAction:hover {
	color: black;
}


/******************** LIENS ********************/ 

a {
color : #1b3c0a;
text-decoration: none;
font-weight: bold;
}

a:hover { 
color : #a81100;
text-decoration: underline;
font-weight: bold;
}

/******************** ACCORDEONS ********************/ 
div#test-accordion{
}

div.accordion {
}

div.accordion-toggle{
	background: #a81100;
	color:#FFFFFF;
	padding: 8px;
	font-weight: bold;
    cursor: pointer;
}


div.accordion-toggle-active{
	background: #c6de32;
	color:#1c3f09;
	padding: 8px;
	font-weight: bold;
	
}

div.accordion-content{
    background: #ffffff;
	padding: 8px;
	border:1px solid #cccccc;
	
}


/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/******************** DESIGN GLOBAL ********************/
/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#ffffff;
        padding:5px;
        display:none;
        color:#000000;
		text-align:justify;
		width: 200px;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
		width: 300px;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}