html
{
    overflow:scroll;
}
.collapsePanel {
	
	overflow:hidden;
	text-align: justify;
}


.TexteZone
{
    padding: 0px 15px 0px 15px;
    display:block;
    text-align:justify;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #c8bbbb;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px 3px 3px 75px;
    width: 500px;
}

.text
{
    text-align: justify;
    width: 700px;
}

.ajaxloading
{
    padding: 66px 0 0 750px;
}

#lightbox
{
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0px;
}



#outerImageContainer
{
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0px auto;
}



#loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0px;
}


#overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


.clearfix:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

* html > body .clearfix
{
    display: inline-block;
    width: 100%;
}

* html .clearfix
{
    /* Hides from IE-mac \*/
    height: 1%; /* End hide from IE-mac */
}

.TexteAccueil
{
    padding: 10px 0px 10px 100px;
    
    text-align: justify;
    
}

.topmenu
{
    margin-left: 40px;
    padding-bottom: 0px;
}

.progress
{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

.topmenu_item
{
    padding: 0 3px 0 4px;
    border-left: solid 1px #000000;
    color: #970101;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
}

.topmenu_item_right
{
    padding: 0 4px 0 4px;
    margin-right: 5px;
   /*border-right: solid 1px #000000;*/
   border: none;
    color: #970101;
    background-color: #C8C1BB;
    cursor:pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
}

a, a:visited
{
     color: #970101;
     text-decoration: none;
}
 a:hover
{
    color: #ed7241;
}

h2
{
    font-size: 15px;
    font-weight: bold;
}

h2.title
{
    color: #970101;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h3
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#body
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #c8bbbb;
    min-height: 400px;
    background-image: url("/images/entete_body.gif" );
    background-repeat: no-repeat;
    background-position: right 30px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    text-align: left;
}

.btn_valider
{
    margin: 0;
    padding: 0;
    border-width: 0px;
    background-image: url("/images/btn_valider.png" );
    width: 76px;
    height: 16px;
    cursor: pointer;
}

.main_title
{
    text-align: left;
    display: block; /*padding-left: 10px;*/
    margin: 0px 10px 10px 48px;
    padding-top: 30px;
    width: 440px;
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 19px;
    font-weight: bolder;
}

div.hr
{
    height: 2px;
    width: 200px;
    margin: 20px auto 10px 100px;
    background: #fff; /*url(hr1.gif) no-repeat scroll center;*/
}
div.hr hr
{
    display: none;
}


table.bilan
{
    width: 500px;
}

table.bilan td
{
    height: 100%;
}

table.td
{
    white-space: pre-wrap;
}



.content
{
    background-color: #c8bbbb;
    width: 100%;
    margin: 0 0 0 0;
    text-align: center;
}

#column_left
{
    vertical-align: top;
    background-color: #c8bbbb;
}


.error
{
    font-size: 12px;
    color: #FF0000;
    text-align: left;
  
    display: inline;
}

.errorPage
{
    font-size: 12px;
    color: #970101;
    text-align: center;
    padding-left: 100px;
    display: block;
}


div.error
{
    text-align: center;
    padding: 50px 0 100px 0;
    font-size: medium;
    line-height: 30px;
}
hr
{
    border-top: 1px solid #eaedf4;
    border-left: 1px solid #eaedf4;
    border-bottom: 1px solid #5b0000;
    border-right: 1px solid #5b0000;
}
/*
fieldset.zone
{
    border-top: 2px solid #eaedf4;
    border-left: 2px solid #eaedf4;
    border-bottom: 2px solid #5b0000;
    border-right: 2px solid #5b0000;
    padding: 25px;
    margin: 15px 0 0px 0;
}
fieldset.zone legend
{
    font-size: 10pt;
    font-weight: bold;
    color: #970101;
}*/

fieldset.zone
{
    border: 0px;
    padding: 0px;
    margin: 10px 0 0px 0;
}
fieldset.zone legend
{
    background: url( "/images/puce.png" ) no-repeat left 3px;
    padding: 0 0 0 15px;
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #970101;
}


table.zone
{
    border: solid 1px #EAE3DD;
    margin: 0px 20px 0px 20px;
    width: 550px;
}

table.zone tr
{
    vertical-align:top;
}

table.zone td
{
    border-width: 0px;
    padding: 2px 0 2px 0;
}

.LabelNumCommande
{
    float: right;
}

.invalid, .invalid input, .invalid select, .invalid option
{
    background-color: #F7CCB5;
}



table.WizardMenu_Table
{
    text-align: left;
    margin: 0px 0 0 10px;
   
}

table.maintable
{
    text-align: left;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    width: 600px;
    margin-left: 50px;
}

table.formgen
{
    text-align: left;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    width: 600px;
    margin-left: 50px;
    background-color: #EAE3DD;
}




table.formgen tr.formTxt td.label, td.control, td.text
{
    text-align: left;
}

table.formgen tr.formTxt td.label
{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
td
{
    padding: 0px;
}

span .Label
{
    padding-left: 5px;
}

table.formgen tr.formTxt td.control
{
    text-align: left;
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}



.control
{
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

table.formgen tr.formTxt td.text
{
    width: 100%;
}

.MenuLine
{
    vertical-align: bottom;
    padding: 0px 0 0px 0; /*background: url(  "/images/cube.png" ) no-repeat left middle;*/
}
.MenuLine input
{
    vertical-align: bottom;
    padding: 0px; /*background-color: #F00;*/ /*background: url(  "/images/cube.png" ) no-repeat left middle;*/
}
.MenuLine img
{
    vertical-align: bottom;
}
img.cube
{
    vertical-align: bottom;
    margin: 0px 5px 3px 0px;
}
/*
.WizardButton
{
    height: 20px;
    border: outset 1px #eaedf4;
    color: #222;
    background: url(    "/images/fond_button.png" ) repeat-x left top;
}
*/

.bluewizard
{
    width: 600px;
    height: 20px;
    border: outset 1px #eaedf4;
    color: #222;
    background: url(    "/images/fond_button.png" ) repeat-x left top;
}

td.required img
{
    margin-top: 4px;
}

td.help
{
    
    min-width: 35px;
    width: 35px;
      font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #000000;
}

.hidden
{
    visibility: hidden;
}

.Label
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.LabelCpl
{
    font-size: 8pt;
    color: #888888;
}

/*
.formgen :focus
{
    background-color: #FAFBBD;
}
*/
.WizardMenu_bouton_actif, .WizardMenu_bouton_impossible, .WizardMenu_bouton_possible
{
    color: #000000;
    background-color: #EAE3DD;
    border-width: 0px;
    padding: 0px 4px 0px 4px;
    
}

.WizardMenu_bouton_actif:focus, .WizardMenu_bouton_impossible:focus, .WizardMenu_bouton_possible:focus
{
    color: #000000;
    background-color: #EAE3DD;
    border-width: 0px;
}



.WizardMenu_bouton_actif, .WizardMenu_bouton_actif.disabled
{
    font-weight: bold;
    color: #E9001D;
   /* cursor: pointer;*/
}

.WizardMenu_bouton_impossible
{
    color: #777;
}

.WizardMenu_bouton_possible
{
   /* cursor: pointer;*/
}

.WizardMenu_LabelEtapes
{
    font-weight: 900;
    font-size: 13px;
}



.Important
{
    font-weight: bold;
    padding: 5px 0 5px 0;
}
div.button
{
    /*  height: 20px;*/
    vertical-align: middle; /* padding: 0 15px 0 15px;*/
    text-align: center; /* border: outset 1px #eaedf4;*/
    color: #222; /*  background: url(   "/images/fond_button.png" ) repeat-x left top;*/
}
a.button
{
    text-align: center; /*        padding: 4px 10px 4px 10px;*/
}

/*Hover Menu*/
.popupMenu
{
    position: absolute;
    visibility: hidden;
    width: 200px;
    opacity: .9;
    filter: alpha(opacity=90);
    background-color: #fff;
      padding: 8px;
    border: dotted 1px #444;
    text-align:justify;
      font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color:#000000;
    font-weight:normal;
    text-transform:none;
}

.popupHover
{
    background-image: url(images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
  
  
}



.MyCalendar .ajax__calendar_container
{
    border-top: 1px solid #eaedf4;
    border-left: 1px solid #eaedf4;
    border-bottom: 1px solid #5b0000;
    border-right: 1px solid #5b0000;
    background-color: #c8bbbb;
    width: 150px;
    color: #970101;
    padding: 10px;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
}
.MyCalendar .ajax__calendar_footer
{
    display:none;
}



/* SUIVI */
table.suivi
{
    width: 100%;
    text-align: left;
}
/*
fieldset.suivi_fieldset
{
    border-top: 2px solid #eaedf4;
    border-left: 2px solid #eaedf4;
    border-bottom: 2px solid #5b0000;
    border-right: 2px solid #5b0000;
    padding: 25px;
    margin: 15px 0 0px 0;
}
fieldset.suivi_fieldset legend
{
    font-size: 10pt;
    font-weight: bold;
    color: #970101;
}*/

fieldset.suivi_fieldset
{
    border: 0px;
    padding: 0px;
    margin: 0px 0 0px 0;
}
fieldset.suivi_fieldset legend
{
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #970101;
}

.grid tr td
{
    padding: 5px;
}

.grid tr.pair:hover, .grid tr.impair:hover
{
    background-color:#EEAC72;
}


.grid tr.impair
{
    background-color:#D6CCCC;
}


.suivi_menu
{
    padding: 10px 0 0 0;
      
       height: 40px;
       width: 100%;
}

.suivi_mainpanel
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
 
    font-weight: normal;
    margin: 0px 50px 0px 50px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 600px;
    max-width: 600px; /*background-color:#EAE3DD;*/
    background-color: #EAE3DD;
}

.suivi_panel
{
    padding: 0px 20px 0px 20px;
    text-align: left;
    width: 560px;
    background-color: #EAE3DD;
}

.suivi_bottomPanel
{
    padding: 0px 20px 20px 20px;
    width: 560px; /*clear: both;*/
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-align: right; /* float: right;*/
    background-color: #EAE3DD;
}



.suivi_titre
{
    font-family: Verdana, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #970101;
}

.suivi_sstitre
{
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #970101;


}

.suivi_texte
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    padding: 20px 0 20px 0;
    color: #000;
}


.suivi_commentaire
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    padding: 20px 0 20px 0;
    color: #000;
}



.suivi_label
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.suivi_SelectDemand
{
    font-family: Verdana, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #970101;
    text-align: center;
    background-color: #EAE3DD;
    cursor: pointer;
    border: none;
    padding: 10px 0 10px 0;
}

.suivi_button
{
    /*     text-align: center;     background-color: #c8bbbb;     border-top: 1px solid #eaedf4;     border-left: 1px solid #eaedf4;     border-bottom: 1px solid #5b0000;     border-right: 1px solid #5b0000;*/
    height: 20px;
    border: outset 1px #eaedf4;
    color: #222;
    background: url(    "/images/fond_button.png" ) repeat-x left top;
}

.suivi_panel a
{
     color: #970101;
}
table.suivi_details
{
    width: 100%;
    vertical-align: middle;
}




table.suivi_details th.suivi_details_numdem, .suivi_details_numdem
{
 
     background: url( "/images/puce.png" ) no-repeat left 3px;
    padding: 0 0 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #970101;
}

table.suivi_details th.suivi_details_title, .suivi_details_title
{
    padding: 15px 0px 10px 0px;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #970101;
    vertical-align: middle;
}

table.suivi_details td
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    color: #000;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
}

table.suivi_details td.suivi_detail_texte, suivi_detail_texte
{
    text-align:justify;
}

table.suivi_details td.suivi_detail_commentaire, .suivi_detail_commentaire
{
    text-align:justify;
    
    font-weight: bold;
}

.suivi_commande 
{
    text-align: left;
    width: 100%;
}

.suivi_commande td
{
    text-align: left;
    padding: 2px 0 2px 5px;
}


.suivi_commande_image
{
    background-image: url("/images/required.png" );
    width: 30px;
    background-position: right center;
    background-repeat: no-repeat;
}

.suivi_commande_label
{
    width: 200px;
    font-weight: bold;
}

.suivi_commande_value
{
    width: 150px;
    font-weight: normal;
}

/* */
html, body
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
}



.hidden
{
    visibility: hidden;
    position: absolute;
    float: left;
}



a img
{
    border: 0;
    text-decoration: none;
}


.content_separator
{
    background-image: url( "/images/separator.png" );
    background-repeat: no-repeat;
    background-position: right 50%;
    height: 20px;
    padding: 5px 0 0 150px;
    margin-top: 5px;
}
div.content_separator hr
{
    display: none;
}

div.btn_next
{
    width: 100%;
    text-align: center;
}

#wrapper
{
    width: 800px;
    margin: 0 auto 0 auto;
}

img.salamandre
{
    position: absolute;
    left: 5px;
    bottom: 0px;
    z-index: 2;
}

#header
{
    position: relative;
    height: 100px;
    text-align: center;
    background-image: url("/images/header.png" );
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0;
}

#footer
{
    position: relative;
    clear: both;
    height: 23px;
    background-image: url("/images/barre_pdp.png" );
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 1;
}
.innerfooter
{
    background-image: url("/images/bottom3.png" );
    background-repeat: no-repeat;
    text-align: center;
    background-position: center bottom;
    width: 600px;
    height: 110px;
    padding: 0px 0 0 0;
    margin: 0px;
}
#footer .copyright
{
    font-size: 10px;
    position: absolute;
    left: 5px;
    bottom: 4px;
    z-index: 2;
}

#subnav
{
    position: relative;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background-color: #c8c1bb;
    padding: 2px 0 2px 0;
    height: 17px;
}

#subnav-right
{
    margin: 0px;
    padding: 0px;
float:right;
padding-right: 2px;
    
}

#subnav_borderimg
{
    position: absolute;
    left: 0px;
    top: 17px;
}