* {
  margin:             0;
  padding:            0;
	color:					    #33322E;
}

body {
  background:         #E1EBB6;
  font:               12px/16px arial, helvetica, sans-serif;
}

#container {
	position:					  relative;
  width:              990px;
	margin:						  0 auto;
	padding:            0;
}

#header {
  height:             200px;
  background:         url(images/apps/header.jpg) no-repeat;
}

#header h1 {
    width:                  729px;
}

#header h1 a {
	position:		              absolute;
	display:		              block;
  margin-left:              35px;
	width:			              240px;
	height:			              70px;
	top:			                5px;
	left:			                0px;
	text-indent:              -100em;
	overflow:		              hidden;
}

#header h2 a {
	position:		              absolute;
	display:		              block;
  margin-left:              880px;
	width:			              150px;
	height:			              90px;
	top:			                5px;
	left:			                0px;
	text-indent:              -10000em;
	overflow:		              hidden;
}

#outercontent {
  float:              left;
  width:              990px;
	text-align:				  left;
	color:					    #226496;
  background:         url(images/apps/bg_content.png) repeat-y scroll 0 0;
}

#ariane {
  padding-left:       50px;
}

#ariane a:link,
#ariane a:visited {
  color:              #C63D00;
  text-decoration:    none;
}

#ariane a:hover {
  color:              #C55D2F;
  text-decoration:    underline;
}


#navbar {
  position:           absolute;
  margin-left:        50px;
}

#navbar a:link,
#navbar a:visited {
  color:          #BD4300;
}

#sidebar_left {
}

#content {
  float:              left;
  width:              700px;
  margin-left:        250px;
  margin-top:         15px;
	padding-bottom:     100px;
}

#content h1 {
  color:            #23671E;
  font-size:        12pt;
  padding-left:     0px;
  margin:           0;
  margin-left:      0px;
  margin-top:       10px;
  margin-bottom:    20px;
  text-transform: uppercase;
}

#content h2 {
  color:            #45A12B;
  font-size:        10pt;
  padding-left:     0px;
  margin:           0;
  margin-top:       10px;
  margin-bottom:    5px;
  text-transform:   uppercase;
}

#content h3 {
  color:            #33322E;
  font-size:        9pt;
  padding-left:     0px;
  margin:           0;
  margin-bottom:    20px;
  font-style:       italic;
  text-transform:   uppercase;
}

#content h4 {
  color:            #33322E;
  font-size:        9pt;
  padding-left:     0px;
  margin:           0;
  margin-top:       10px;
  margin-bottom:    5px;
  font-style:       italic;
  text-transform:   uppercase;
}

#content p {
  margin-bottom:    20px;
}

#content p.remonter {
  margin-top:    20px;
}

#content ul.site {
  padding:          10px;
  padding-right:    30px;
  margin-left:      50px;
  border :          #DDEDF5 solid 1px;
  background:       url(images/apps/bg_ul.jpg) no-repeat right bottom #FBFEFF;
  width:            500px;
}

#content ul.site li.site {
  list-style:       none;
  background:       url(images/apps/puce2.png) no-repeat 0 3px transparent;
  padding:          0;
  padding-left:     20px;
}

#content ul.site2 li {
  list-style:       none;
  background:       url(images/apps/puce2.png) no-repeat 0 9px transparent;
  padding:          6px 0 0 20px;
}

#content ul.map {
  padding:          10px;
  padding-right:    30px;
  margin-left:      20px;
  border :          #C7EFB1 solid 1px;
  background:       url(images/apps/bg_ul.jpg) no-repeat right bottom #FBFEFF;
  width:            500px;
  list-style:       none;
}

#content ul.map li.map {
  background:       url(images/apps/puce2.png) no-repeat 0 3px transparent;
  padding:          0;
  padding-left:     20px;
}


#content img.img_left {
  float:            left;
  border:           none;
  padding:          0 10px 10px 0;
}

#content img.img_right {
  float:            right;
  border:           none;
  padding:          0 10px 0 10px;
}

#footer {
  float:              left;
  width:              990px;
  height:             78px;
  background:         url(images/apps/bg_footer.png) no-repeat right center;
  text-align:         center;
  color:              #ffffff;
}

#footer a:link, 
#footer a:visited {
  text-decoration:    none;
}

#footer a:hover {
  text-decoration:    underline;
}


#footer div.footer2 {
  text-align:         center;
  padding-top:        50px;
}

/* MOT DE PASSE */
#mot_de_passe {
  float:              left;
  margin-left:        0px;
  width:              500px;
  padding:            20px;
}


#mot_de_passe_label {
  float:              left;
  width:              200px;
  margin-bottom:      20px;
  font-weight:        bold;
}

#mot_de_passe_field {
  float:              left;
  width:              200px;
  margin-bottom:      20px;
}


/* LOG PAGE D'ACCUEIL */
#login {
  float:              left;
  margin-left:        0px;
  width:              500px;
  padding:            20px;
  padding-bottom:     0px;
}


#login_label {
  float:              left;
  width:              200px;
  margin-bottom:      20px;
  font-weight:        bold;
}

#login_field {
  float:              left;
  width:              200px;
  margin-bottom:      20px;
}

#login_field input,
#mot_de_passe_field input {
  width:          183px;
  border:         1px solid #838484;
}

#login_field input.send_submit,
#mot_de_passe_field input.send_submit {
  width:          	183px;
  height:         	26px;
  background:       url(images/apps/bg_btn_xxl.png) no-repeat top left;
  color:            #ffffff;
  border:         	none;
  font-weight:    	bold;
  cursor:         	pointer;
  margin-right:     50px;
}

#login_field input.send_submit:hover,
#mot_de_passe_field input.send_submit  {
  background:     	url(images/apps/bg_btn_xxl.png) top right no-repeat;
}


#errorMandatory {
  margin-top:         10px;
  padding:            5px 20px 5px 50px;
  color:              #000000;
  font-weight:        normal;
  background:         url(images/background-alert.png) no-repeat left bottom;
  text-align:         left;
  border:             1px solid #ff0000;
  width:              650px;
  margin-bottom:      20px;
}

#msgCrt {
  margin-top:         10px;
  padding:            5px 20px 5px 20px;
  color:              #000000;
  font-weight:        bold;
  background:         #F3E72F;
  text-align:         center;       
  width:              650px;
  margin-bottom:      10px;
}

p.action-add-one-produit {
    height:                 28px;
    padding-left:           20px;
    background:             url(images/add-mini-product.png) no-repeat left center;
    padding-top:            10px;
}

p.action-add-one-produit a:link,
p.action-add-one-produit a:visited {
    text-decoration:        none;
}

p.action-add-one-produit a:hover {
    text-decoration:        underline;
}

/* Les contacts */
table.list {
  float:              left;
  width:              685px;
  margin-left:        0px;
}


table.list th {
  color:              #fff;
  background:         #45A12B;
  font-weight:        bold;
  padding:            5px;
}

table.list th.grand {
  width:              420px;
}

table.list th.mini {
  width:              50px;
}

table.list td {
  padding:            5px;
}

table.minilist {
  float:              left;
  width:              650px;
  margin-left:        0px;
}


table.minilist th {
  color:              #000000;
  background:         #D2F7C8;
  font-weight:        bold;
  padding:            5px;
}

table.minilist th.grand {
  width:              350px;
}

table.minilist th.medium {
  width:              100px;
}

table.minilist th.mini {
  width:              50px;
}

table.minilist td {
  padding:            5px;
}


#pager {
  float:              left;
  width:              940px;
  margin-top:         20px;
  margin-bottom:      20px;
  background:         #E2E2E1;
  text-align:         center;
  padding:            5px;
}

#pager span.pagerCurrent {
  color:              #FFFFFF;
  font-weight:        bold;
  background:         #EE8216;
}

#pager a:link,
#pager a:visited {
  color:            #EE8216;
  text-decoration:  none;
}

#pager a:hover {
  color:            #EE8216;
  text-decoration:  underline;
}

/** GESTION DES PROSPECTS **/
#legend_title {
  float:          left;
  width:          150px;
  background:     transparent url(images/puce_speciale.gif) no-repeat left center;
  padding:        5px;
  font-weight:    bold;
  font-size:      1.2em;
  color:          #BD4300;
  padding-left:   20px;
}

#field_content {
  float:          left;
  width:          500px;
  background:     transparent;
  padding:        5px;
  padding-left:   20px;
  margin-bottom:  10px;
  height:         10px;
}

#field_content input.field {
  width:          418px;
  border:         1px solid #838484;
}

#field_content textarea.field {
  width:          418px;
  height:         150px;
  border:         1px solid #838484;
}

#field_content input.send_submit {
  width:          	183px;
  height:         	26px;
  background:       url(images/apps/bg_btn_xxl.png) no-repeat top left;
  color:            #ffffff;
  border:         	none;
  font-weight:    	bold;
  cursor:         	pointer;
  margin-right:     50px;
}

#field_content input.send_submit:hover  {
  background:     	url(images/apps/bg_btn_xxl.png) top right no-repeat;
}

#field_content select.field {
  width:          418px;
  border:         1px solid #838484;
}

form.form_propects {
  margin-top:     20px;
}

/* Les contacts */
table.listStats {
  float:              left;
  width:              950px;
  margin-top:         10px;
  margin-bottom:      30px;
}


table.listStats th {
  color:              #fff;
  background:         #656567;
  font-weight:        bold;
  padding:            5px;
}

table.listStats th.vide {
  color:              #fff;
  background:         #ffffff;
  font-weight:        bold;
  padding:            5px;
}

table.listStats td.valeur {
  text-align:         center;
}

table.listStats th.max {
  width:              150px;
}

table.listStats th.medium {
  width:              120px;
}

table.listStats th.mini {
  width:              100px;
}

table.import {
  margin-left:        50px;
  margin-top:         10px;
  margin-bottom:      20px;
  border-collapse:    collapse;
}

table.import th {
  background:         #EE8216;
  width:              100px;
  padding:            2px;
  color:              #fff;
  text-align:         center;
  border:             1px solid #838484;
}

table.import td.id {
  width:              100px;
  padding:            2px;
  text-align:         center;
  border:             1px solid #838484;
}

table.import td.libelle {
  width:              300px;
  padding:            2px;
  text-align:         left;
  border:             1px solid #838484;
}

#bloc_texte {
  background:     transparent;
  padding:        5px;
  padding-left:   25px;
  margin-bottom:  10px;
  width:          850px;
}

p.avertissement {
  padding:        10px;
  background:     #fff url(images/background-alert.png) no-repeat center left;
  border:         1px solid #C03333;
  width:          885px;
  padding-left:   50px;
}

p.total_bottom {
  float:left;
}

#content #toolbox {
  float:          left;
  width:          700px;
  text-align:     center;
  background:     transparent;
  margin-bottom:  20px;
}

#content #tool {
  float:          left;
  width:          150px;
  background:     transparent;
  text-align:     center;
}

#menu_left {
  float:          left;
  margin-top:     20px;
  margin-right:   20px;
  width:          200px;
  padding:        10px;
  border:         1px solid #C5C5C5;
  background:     url(images/outils.png) no-repeat right top;
}

#menu_left ul.menu {
  list-style:     none;
}

#menu_left ul.menu li {
  padding-left:   10px;
  background:     url(images/apps/arrow.png) no-repeat left center;
}

#menu_left ul.menu li a:link,
#menu_left ul.menu li a:visited {
  text-decoration:  none;
}

#menu_left ul.menu li a:hover {
  text-decoration:  underline;
}

#outils {
  float:          left;
  margin-top:     20px;
  margin-right:   20px;
  width:          600px;
  padding:        10px;
  border:         1px solid #C5C5C5;
}

#outils_alert {
  float:          left;
  margin-top:     20px;
  margin-right:   20px;
  width:          600px;
  padding:        10px;
  border-top:     1px solid #C5C5C5;
  border-right:   1px solid #C5C5C5;
  border-left:    1px solid #C5C5C5;
  border-bottom:  1px solid #C5C5C5;
  padding-bottom: 60px;
  background:     url(images/background-alert.png) no-repeat bottom left;
}

#outils_alert input.init_bouton {
  background:     #891C1C;
  color:          #ffffff;
  font-weight:    bold;
  width:          580px;
  text-align:     center;
  padding:        5px;
  border:         1px solid #AB4444;
}

#content #push {
  float:          left;
  margin-top:     30px;
  width:          700px;
}

#content #push_one {
  float:          left;
  width:          350px;
  height:         230px;
  background:     url(images/apps/bg_push_home.jpg) no-repeat left center;
}

#content #push_one #push_title {
  float:          left;
  width:          270px;
  margin-top:     30px;
  padding-left:   25px;
  font-size:      1.4em;
  font-weight:    bold;
  color:          #863206;
}

#content #push_one #push_text {
  float:          left;
  width:          270px;
  margin-top:     30px;
  padding-left:   25px;
  font-size:      1.0em;
  font-weight:    normal;
  color:          #33322E;
}

#content #push_one #identification_titre {
  float:          left;
  width:          90px;
  color:          #000000;
  font-weight:    bold;
  margin-top:     10px;
  margin-bottom:  1px;
}

#content #push_one #identification_content {
  float:          left;
  width:          180px;
  color:          #000000;
  font-weight:    bold;
  margin-top:     10px;
  margin-bottom:  1px;
}

#content #push_one #identification_content input.identification {
  width:          180px;
  border:         1px solid #CDD7A0;
}



#content #push_one #push_link {
  float:          left;
  margin-top:     10px;
  width:          290px;
  text-align:     right;
}

#content #push_one #push_link_center {
  float:          left;
  margin-top:     10px;
  width:          290px;
  padding-left:   70px;
  padding-top:    20px;
}

#content a:link.push_link,
#content a:visited.push_link {
  color:              #C63D00;
  padding-left:       10px;
  background:         url(images/pictos/arrow_terre.png) no-repeat left center;
  text-decoration:    none;
}

#content a:hover.push_link {
  color:              #C55D2F;
  text-decoration:    underline;
}

#content a:link.push_link_strong,
#content a:visited.push_link_strong {
  color:              #C63D00;
  padding-left:       10px;
  background:         url(images/pictos/arrow_terre.png) no-repeat left center;
  text-decoration:    none;
  font-weight:        bold;
}

#content a:hover.push_link_strong {
  color:              #C55D2F;
  text-decoration:    underline;
}

#content #smenu {
  float:              left;
  width:              700px;
  text-align:         left;
  padding-right:      0px;
  height:             25px;
  color:              #33322E;
  background:         url(images/apps/bg-titre-smenu.png) no-repeat top center;
}

#content #sSubMenu {
  float:              left;
  width:              700px;
  text-align:         left;
  padding-right:      0px;
  height:             20px;
  color:              #33322E;
  margin-bottom:      0px;
  padding-top:        8px;
  margin-top:         10px;
  background:         url(images/apps/subMenuOnglet.png) no-repeat left top;
}


#content #sSubMenu a:link,
#content #sSubMenu a:visited {
  color:              #33322E;
  font-size:          1.1em;
  font-weight:        normal;
  text-decoration:    none;
}

#content #sSubMenu a:link.selected,
#content #sSubMenu a:visited.selected {
  font-weight:        bold;
  text-decoration:    none;
}


#content #sSubMenu a:hover {
  text-decoration:    none;
  font-weight:        bold;
  color:              #33322E;
}

#content #smenu #onglet {
  float:              left;
  width:              250px;
  text-align:         center;
  padding-right:      0px;
  height:             20px;
  padding-top:        5px;
  background:         url(images/apps/bg-onglet.png) no-repeat top center;
}

#content #smenu a:link,
#content #smenu a:visited {
  color:              #33322E;
  font-size:          1.2em;
  font-weight:        normal;
  text-decoration:    none;
}

#content #smenu a:link.selected,
#content #smenu a:visited.selected {
  font-weight:        bold;
  text-decoration:    none;
}


#content #smenu a:hover {
  text-decoration:    none;
  font-weight:        bold;
  color:              #33322E;
}

#content #etape_1 {
  float:              left;
  width:              700px;
  height:             30px;
  margin-top:         10px;
  margin-bottom:      20px;
  background:         url(images/apps/bg-etape-1.png) no-repeat left center;
}

#content #etape_2 {
  float:              left;
  width:              700px;
  height:             30px;
  margin-top:         10px;
  margin-bottom:      20px;
  background:         url(images/apps/bg-etape-2.png) no-repeat left center;
}

#content #etape_3 {
  float:              left;
  width:              700px;
  height:             30px;
  margin-top:         10px;
  margin-bottom:      20px;
  background:         url(images/apps/bg-etape-3.png) no-repeat left center;
}

#content #etape_4 {
  float:              left;
  width:              700px;
  height:             30px;
  margin-top:         10px;
  margin-bottom:      20px;
  background:         url(images/apps/bg-etape-4.png) no-repeat left center;
}

#content #etape_5 {
  float:              left;
  width:              700px;
  height:             30px;
  margin-top:         10px;
  margin-bottom:      20px;
  background:         url(images/apps/bg-etape-5-bis.png) no-repeat left center;
}

#nav_commande {
  list-style:         none;
  display:            inline;
  width:              700px;
}

#nav_commande li {
  display:           block;
  float:             left;
  padding-top:       6px;
  width:             140px;
  text-align:        center
}

#nav_commande li a.normal:link,
#nav_commande li a.normal:visited {
  color:              #979796;
  font-size:          1.2em;
  font-weight:        bold;
  text-decoration:    none;
}

#nav_commande li a.normal:hover {
  text-decoration:    none;
}
#nav_commande li a.normal_selected:link,
#nav_commande li a.normal_selected:visited {
  color:              #ffffff;
  font-size:          1.2em;
  font-weight:        bold;
  text-decoration:    none;
}

#nav_commande li a.normal_selected:hover {
  text-decoration:    none;
}

#paiement_actif {
  float:              left;
  width:              700px;
  padding:            10px;
  font-weight:        bold;
  color:              #000000;
  margin-bottom:      20px;
  background:         #F9DD22;
  border:             1px solid #A49320;
}

#content #recap_commande {
  float:              left;
  width:              700px;
  height:             auto;
  margin-top:         20px;
  /*background:         url(images/apps/bg-catalog.png) no-repeat bottom center;*/ 
}

#content #recap_commande #recap_bloc {
  float:              left;
  width:              325px;
  height:             320px;
  background:         pink;
  background:         url(images/apps/bg-recap-bloc.png) repeat-y center center;
}

#content #recap_commande #legend {
  float:          left;
  width:          110px;
  font-weight:    bold;
  font-size:      1.0em;
  padding-left:   10px;
  color:          #BD4300;
  height:         15px;
}

#content #recap_commande #field {
  float:          left;
  width:          200px;
  background:     transparent;
  margin-bottom:  5px;
  height:         15px;
}

#content #recap_commande #recap_bloc #title_bloc {
  float:            left;
  width:            325px;
  height:           18px;
  color:            #BA3807;
  font-size:        1.2em;
  text-transform:   uppercase;
  font-weight:      bold;
  padding-top:      5px;
  text-align:       center;
  background:       url(images/apps/bg-recap-mini.png) no-repeat left center;
}

#content #recap_commande #bloc_bottom {
  float:            left;
  width:            325px;
  height:           15px;
  background:       url(images/apps/bg-recap-bottom.png) no-repeat center top;
  margin-bottom:    30px;
}

#confirmation_commande {
  float:            left;
  width:            690px;
  color:            #BA3807;
  font-size:        10pt;
  padding:          5px;
  margin:           0;
  margin-top:       0px;
  margin-bottom:    0px;
  text-transform:   none;
  font-weight:      bold;
  text-align:       center;
  border:           2px solid #C5D427;
  margin-bottom:    15px;
  background:       #F8FFAF;
}

#confirmation_commande p.confirmation_commande {
  padding:          0px;
  margin:           0px;
}

p.titreForm {
  width:              250px;
  background:         none;
  margin-bottom:      5px!important;
  margin-top:         10px!important;
  color:              #33322E;
  font-weight:        bold;
}

input.inputForm {
  width:              500px;
}

textarea.areaForm {
  width:              500px;
  height:             150px;
}

input.envoyer {
  width:              505px;
  border:             none;
  padding:            5px;
  background:         #46A12C;
  font-weight:        bold;
  margin-top:         10px;
  color:              #ffffff;
}

#block-catalog {
  float:              left;
  width:              700px;
  height:             469px;
  background:         transparent url(images/home-catalogue-2.png) no-repeat left top;
  padding-left:       30px;
  padding-right:      30px;
  padding-top:        20px;
}

#block-bio1 {
  float:              left;
  width:              283px;
  height:             380px;         
  margin-right:       30px;
  padding:            10px;
  background:         #ffffff;
  border:             1px solid #23671E;
}

#block-bio2 {
  float:              left;
  width:              283px;
  height:             380px;         
  padding:            10px;
  background:         #ffffff;
  border:             1px solid #23671E;
}

#block-onglet-bio1 {
  float:              left;
  width:              283px;
  height:             20px;         
  margin-right:       30px;
  padding-left:       10px;
  padding-top:        8px;
  padding-right:      12px;
  background:         url(images/ongletHomeCata.png) no-repeat left top;
}

#block-onglet-bio2 {
  float:              left;
  width:              283px;
  height:             20px;         
  padding-left:       10px;
  padding-top:        8px;
  background:         url(images/ongletHomeCata.png) no-repeat left top;
}

#block-onglet-bio1 a:link.homeCata,
#block-onglet-bio1 a:visited.homeCata,
#block-onglet-bio2 a:link.homeCata,
#block-onglet-bio2 a:visited.homeCata {
  color:              #ffffff;
  font-weight:        bold;
  text-decoration:    none;
}

#block-onglet-bio1 a:hover.homeCata,
#block-onglet-bio2 a:hover.homeCata {
  color:              #ffffff;
  font-weight:        bold;
  text-decoration:    none;
}

#block-bio1 span.title,
#block-bio2 span.title {
  font-size:          1.4em;
  font-weight:        bold;
  color:              #44A12A;
  line-height:        30px;
}

#block-bio1 span.subTitle,
#block-bio2 span.subTitle {
  font-size:          1.2em;
  font-weight:        bold;
  color:              #000000;
  font-style:         italic;
}

#block-bio1 p,
#block-bio2 p {
  margin-bottom:      5px;
}

ul.cataHome {
  margin-left:        30px;
  list-style:         none;
  margin-bottom:      10px;
}

ul.cataHome li {
  background:         transparent url(images/liCataHome.jpg) no-repeat left top;
  padding-left:       10px;
}

#block-bio1 span.subTitleBis,
#block-bio2 span.subTitleBis {
  font-size:          1.0em;
  font-weight:        normal;
  color:              #000000;
  font-style:         italic;
  line-height:        30px;
}

#block-bio1 span.subLine,
#block-bio2 span.subLine {
  font-size:          0.8em;
  font-weight:        normal;
  color:              #000000;
  font-style:         italic;
}