body {

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


}

#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;
}