/* Class s'appliquant au body et td */
* {margin: 0; padding: 0;}

html
{font-family: Arial, Helvetica, sans-serif;
background-color: #505050 !important;}

.bodymain {
border: 1px #fff solid;
margin: 0 0 0 20px;
float: left;
width: 997px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: none;
background: #ffffff;
padding: 0 0 30px 0;
min-height: 300px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.bodysmall {
border: 1px #fff solid;
float: left;
margin: 0;
width: 787px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: none;
background: #fff;
padding: 0 0 50px 10px;
}

#pageAccueil {
margin: 0 0 0 20px;
width: 999px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: none;}

body#pageLogin {
text-align: center;
width: 100%;
color: #000000;
font-family: Verdana, Helvetica;
font-size: 12px;
background: #96c1c6;}

body#pageLogin #login {
display: block;
margin: 0 auto;
padding: 0 0 100px 0;
width: 400px;
}

#content {
display: block;
margin: 0 auto;
width: 999px;}

.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; display: block;}
/***************************************************************************************/
/*                                                                          Page login */
/***************************************************************************************/
#pageLogin #content {
margin: 0 auto;
width: 400px;
text-align: center !important;
padding: 100px 0 0 0;}

#pageLogin fieldset {
margin: 50px 0 0 0;
border: 0;}

#pageLogin fieldset input {
margin: 10px 0 0 0;
height: 25px;
float: left;
width: 180px;}

#pageLogin fieldset label {
text-transform: uppercase;
margin: 10px 10px 0 0;
display: block;
float: left;
width: 190px;
text-align: right;
padding: 5px;
background: #5d8089;
color: #fff;
font-size: 12px;}

#pageLogin fieldset label.noBack {
background: none !important;}

#pageLogin fieldset input.btn {
margin: 20px 10px 0 0;
color: #96c1c6;
float: left;
border: 0;
background: #5d8089;
font-size: 14px;
font-weight: bold;
cursor: pointer;
height: 34px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#pageLogin fieldset input.btn:hover {
color: #5d8089;
background: #c5e8ec;
}

#pageLogin .powered {text-align: right; margin: 30px 10px 0 0; line-height: 21px; height: 21px; font-size: 11px;}
#pageLogin .powered a {text-decoration: none; font-size: 11px; color: #ffffff;}
#pageLogin .powered img { float: right; margin-left: 5px; border: 0;}
#pageLogin .powered a span {display: block; float: left; font-size: 11px; color: #ffffff; }

/* style pour les menus*/

#bkgMenu {
background: #505050;}

#frameMenu {
margin: 20px 0 0 20px;
position: relative;
display: block;
/*background: url(../images/bkgFrameHaute.jpg) no-repeat;*/
background: #96c1c6;
width: 999px;
height: 192px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;}

/*************************** logo */
#logo {
display: block;
float: left;
padding: 10px 0 00 10px;}
#logo img { display: block; border: 0;}

/*************************** onglets */
#menuUn {
z-index: 100;
position: absolute;
top: 109px;
left: 0;
width: 999px;
height: 45px !important;
padding: 0;
display: block;
list-style-type: none;
background: url(../images/bkgMenuUn.png) repeat-x;
}

#menuUn li a {
border: 0;
text-align: center;
padding: 0 8px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: left;
color: #fff;
text-decoration: none;
line-height: 40px;
height: 45px !important;
background: url(../images/filetSepaMainNav.png) no-repeat;}

#menuUn li a:hover,
#menuUn li a.selected {
background: url(../images/bkgLiMenuUn.png) no-repeat;
background-position : center -45px;
}

#menuUn,
#menuDeux {
width: 999px;
list-style-type: none;
float: left;}

#frameMenu .btnDeconnexion {
/*text-indent: -5000px;*/
overflow: hidden;
display: block;
/*background: url(../images/btnDeconnexion.png) no-repeat;*/
background: white;
margin: 34px 20px 0 0;
height: 31px;
width: 144px;
float: right;
text-decoration: none;
/*color:#ffffff;*/
color: #3b737a;
text-transform: uppercase;
font-size: 14px;
line-height: 31px;
padding-left: 16px;
}

#menuDeux {
height: 37px;
z-index: 10;
position: absolute;
top: 148px;
left: 0;
width: 999px;
padding: 0;
display: block;
list-style-type: none;
background: url(../images/bkgMenuDeux.png) repeat-x;
}

#menuDeux li a {
padding: 0 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 42px;
line-height: 38px;
text-decoration: none;
color:#96c1c6;
float: left;
display: block;
font-weight: bold;
background: url(../images/bkgLiMenuDeux.png) no-repeat 0 0;}

#menuDeux li a:hover,
#menuDeux li a.selected {
color: #fff;
background: url(../images/bkgLiMenuDeux.png) no-repeat;
background-position : center -42px;
}

#menu_nom_user {
    color: #ffffff;
position: absolute;
top: 43px;
left: 380px;
font-size: 14px;
display: block;}

table {
border-collapse: collapse;
}

td {
font-size: 12px;}

.tdBorderBottom {
padding: 3px 0;
border-bottom: 1px #5d8089 solid;
}

.tdBorder {
padding: 3px 0;
border: 1px #5d8089 solid;
}

.titre {
text-transform: uppercase;
margin: 20px 0 0 20px;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #5d8089;}

.soustitre {
text-align: left;
margin: 0 0 10px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #5d8089;}

.clientCommande {
text-align: left;
margin: 0 0 10px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #5d8089;}

.blocInfoCmd {
margin: 10px 0 20px 0;
display: block;
float: right;
color: #5d8089;
}

.blocInfoCmd .nbr,
.blocInfoCmd .search {
font-size: 16px;
font-weight: bold;
color: #5d8089;
}

.blocInfoCmd .nbr,
.blocInfoCmd .search {
margin: 0 0 5px 0;
}

.blocInfoCmd .inputSearch {
float: left;
border: 1px #999 solid;
border-radius: 4px 0 0 4px;
height: 21px;
width: 200px;
}

.blocInfoCmd .btnSearchCmd {
	border: 0;
	display: block;
	float: left;
	width: 40px;
	height: 23px;
	/*background: url(../images/btnSearchCmd.jpg) no-repeat 0 0;*/
}

.titreBlanc {text-align: left; padding: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ffffff;}
.soustitreBlanc {text-align: left; padding: 5px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff;}

#catalogue h2.typeProduit {
font-size: 16px;
color: #5d8089;
display: block;
margin: 10px 0 5px 0;
padding: 0 0 3px 0;
border-bottom: 1px #5d8089 solid;
}

/***************************************************************************************/
/*                                                                       Page Catalogue*/
/***************************************************************************************/

.tableauProduit {
width: 949px;
margin: 0 0 0 20px;
}

#catalogue h3 {
font-size: 14px;
color: #000;
display: block;
padding: 0 0 3px 5px;
margin: 5px 0;
border-bottom: 1px #999 solid;
}

#catalogue h4 {
padding: 0 0 0 10px;
margin: 5px 0;
font-size: 12px;
color: #000;
display: block;}

#catalogue .coulTable {
border-collapse: collapse;
margin: 0 !important;
padding: 0 !important;
float: right;
width: 830px;}

#catalogue .coulTable tbody {
margin: 0 !important;
padding: 0 !important;}

#catalogue .coulTable tr {
padding: 0 0 0 5px;
margin: 0;}


#catalogue .coulTable td {
padding: 0 0 0 5px;
margin: 0;
border-bottom: 1px #5d8089 solid;}

/***************************************************************************************/
/*                                                                          Page Accueil*/
/***************************************************************************************/
#content {
display: block;
margin: 0;
padding: 0 0 30px 0;
text-align: left;
width: 999px !important;}

#edito {
font-size: 14px;
display: block;
margin: 0 0 10px 0;}

#edito img {
float: right;
margin: 0 0 5px 5px;}

#zoneSlide {
display: block;
width: 999px;
height: 500px;
border: 1px red solid;
}

.mainBlockActu {
width: 999px;
background: #ffffff;
display: block;
}

.mainBlockActu a img {
border: 0;
}

#pageAccueil #blocSepa {
color: #ffffff;
position: relative;
background: url(../images/bkgBlocSepa.jpg) repeat-x;
display: block;
height: 41px;
width: 999px;
}

#grisSepa {
background: #505050;
display: block;
height: 10px;
width: 895px;}

#pageAccueil #dateHome {
position: absolute;
top: 8px;
left: 14px;
display: block;
font-size: 20px;
font-weight: bold;
color: #ffffff;
width: 42px;
height: 27px;
/*background: transparent url(../images/bkgDate.png) no-repeat;*/
border: 1px #5d8089 solid;
border-radius: 6px;
background: #96c1c6;
}

#pageAccueil #dateHome span {
display: block;
padding: 1px 0 0 10px;}

#pageAccueil #mois {
position: absolute;
top: 5px;
left: 65px;
display: block;
font-size: 13px;
font-weight: bold;}

#maj {
position: absolute;
top: 20px;
left: 65px;
display: block;
font-size: 13px;
font-weight: bold;}

#ticker a {
color: #163432;
font-size: 14px;
text-decoration: none;}

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

#pageAccueil #bkgDotted {
background: #fff;
display: block;
margin: 0 0 10px 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#pageAccueil .blockActu {
position: relative;
display: block;
float: left;
width: 313px;
padding: 10px;
}

#pageAccueil .pictoPlus {
position: absolute;
top: 0;
left: 0;
display: block;
width: 314px;
padding: 10px;
border: none;
}

#pageAccueil .blockActu .pictoPlus img {
float: right;
margin: 10px 10px 0 0;
border: none;
}

#pageAccueil .blockActu a img,
#blockActuMiddle a img {
border: 1px #999 solid;}

#pageAccueil .blockActu .zoneTxt,
#blockActuMiddle .zoneTxt
{display: block;
float: left;
font-size: 12px;
color: #000 !important;}

#pageAccueil .blockActu h3 {
color: #5d8089;
font-size: 17px;
margin: 10px 0;
clear: both;
}

#detailNews {
margin: 0 0 0 20px;
width: 977px;
}

#detailNews #content {
padding: 20px 0 0 0;
margin: 0;
float: left;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: none;
background: #ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

#detailNews .blockActu h3 {
color: #5d8089;
font-size: 30px;
display: block;
margin: 10px 0;
}

#pageAccueil .blockActu  .colInfos,
#pageAccueil #blockActuMiddle  .colInfos {
width: 175px;
display: block;
float: left;}

#detailNews a.liensretour,
.bodymain a.liensretour
{display: block;
background: none !important;
float: right;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none; }

#detailNews #content #colImg {
display: block;
float; left;
width: 580px;
}

#detailNews #content #colImg,
#detailNews #content #colRedac {
display: block;
float: left;
}

#detailNews #content #colRedac {
margin: 0 0 0 20px;
width: 370px;
display: block;
float: left;
}

#detailNews #content .blockActu {
width: 370px;
display: block;
float: left;}

#pageAccueil .blockActu h4,
#pageAccueil #blockActuMiddle h4 {
font-size: 14px;
color: #5d8089;
margin: 5px 0 5px 0;}


#detailNews #content .blockActu h4 {
font-size: 17px;
color: #5d8089;
margin: 0 0 5px 0;}

#detailNews .blockActu .zoneTxt img
{float: left;
margin: 0 5px 5px 0;
padding: 0 5px 5px 0;
border: 0;}

#detailNews .blockActu .zoneTxt
{float: left;
font-size: 12px;
color: #333333;}

.zoneBlocBas {
background: #ffffff url(../images/bkgBlocBas.jpg) repeat-x top;
float: left;
width: 999px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 50px 0;
padding: 0 0 20px 0;
}

.blocBas {
background: url(../images/filetBlocBas.png) no-repeat top right;
float: left;
padding: 0 10px ;
width: 300px;
min-height: 300px;}

.blocBas h3.titre {
text-transform: uppercase;
height: 39px;
line-height: 39px;
font-size: 14px;
color: #fff;
margin: 0 0 20px 0;}

.blocBas h3 {
text-transform: uppercase;
height: 39px;
line-height: 39px;
font-size: 15px;
color: #5d8089;
margin: 0 0 20px 0;}

.blocBas .news {
display: block;
margin: 10px 0 10px 0;}

.blocBas .news a {
border: 0;
color: #5d8089;
text-decoration: none;}

.blocBas .news .imgNews,
.blocBas .news .contentNewsHome {
display: block;
float: left;}

.blocBas .news .imgNews {
float: left;
border: 1px #999 solid;
width: 110px;
height: 110px;
margin: 0 10px 0 0;}

.blocBas .news .contentNewsHome {
width: 170px;}

.categBas {
color: #5d8089 !important;
font-size: 14px !important;
height: 32px !important;
background: none;
border-bottom: 1px #5d8089 solid;
margin: 0;
padding: 0;
}

.dateBas {
color: #555;
font-weight: bold;}

.titreInfos {
display: block;
width: 100%;
text-transform: uppercase;
color: #5d8089;
float: left;
font-weight: bold;
padding: 3px 0 0 0;
margin: 0 0 3px 0;}

.detail .zoneTxt {
color: #5d8089;
font-weight: normal !important;}

.detail .zoneTxt img {
float: right;
padding: 0 1px 0 3px; }

.detail .zoneTxt a img {
border: 0 !important; }

#pageAccueil .blocBas .news a.infos,
a.infos {
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #211974;
display: block;
float: left;
clear: both;
padding: 5px 0 0 0 !important;}

#pageAccueil .blocBas .news a:hover.infos,
a:hover.infos {
text-decoration: underline;}

/* Class s'appliquant aux champs de saisie */
.champs {
font-size: 12px;
padding: 2px 0;
color: #333333;
background-color: #FFFFFF;
border: 1px #5d8089 solid;}


.champs_desactive { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #CCCCCC; border-style: none;}


/* Class des hyperliens pour les boutons retours à la liste*/
a.liensretour:link,
a.liensretour:visited,
a.liensretour:hover
{display: block; float: right; background: #ffffff; padding: 2px 4px 2px 4px; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
font-weight: bold; text-decoration: none; margin: 0 0 10px 0;}

a.lienpetitenav:link    {  color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none}
a.lienpetitenav:visited {  color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none}
a.lienpetitenav:hover   {  color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none}

/* class pour lien dans tableau */
a.liensintab:link    {  color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline}
a.liensintab:visited {  color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline}
a.liensintab:hover   {  color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline}

.petitepolice {font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #5d8089;
}
.petitepoliceblanche { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FFFFFF; font-weight: bold}

.toutepetitepolice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #333333; font-weight: normal}
.titresection {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background-color: #222222; color: #FFFFFF;}
.errmsg {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF0000}
.okmsg {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #33CC33; font-weight: bold}
.fondtableau { background-color: #ffffff; border: 1px #5d8089 solid;}
.fondcellulefoncee {
	font-family: Arial, Helvetica, sans-serif;
background-color: #5d8089;
padding: 2px;
font-size: 12px;
color: #FFFFFF;}

.fondcellulefoncee a {
color: #FFFFFF;}



.fondcelluleclaire {background: #ffffff; padding: 2px;}
.fondcelluleseparation { background-color: #DDDDDD; }
.stylegras { color: #27396A; }
.texterouge {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none}

/* Pas utilisé pour l'instant */
.titrepetitenav   {  color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; background-color: #C6D9FF}.texterougepiedpage { color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none }

.font12pixnoir {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.input {
font-size: 12px;
color: #000000 ;
background-color: #fff;
border: 1px #5d8089 solid;

}
.font12pixnoirbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 ; font-weight: bold}
.font11pixnoir { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }
.font11pixred { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000}
.font12pixwhitebold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold }
.font11pixblanc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}

.font12pixgrise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737373;
}
.font11pixgrise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737373;
}
.font12pixred {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000
}
.font13pixnoirbold {
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000 ; font-weight: bold
}
.font13pixwhitebold {
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold
}
.font13pixredbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-weight: bold;
}
.font13pixred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-weight: normal;
}
.font13pixgrisbold {
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; font-weight: bold
}
.fondcellulemoyen { background-color: #b0b0b0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF }
.fondcelluleblanche { background-color: #ffffff; }

.fondcelluleclaireInput {
background: #ffffff;
padding: 2px;
text-align: left;
}

.fondcelluledanger { background-color: #FAAC1D; }
.fondcelluledanger2 { background-color: #E9383F; }
/*	EditInPlace -  */
.eip_mouseover { cursor:pointer;}
.eip_editfield { background-color: #F9F9F9; padding: 3px; border: 1px dotted #DDD8D7;}
.eip_default { background-color: #FFFFFF; padding: 3px; border: 1px solid #DDD8D7; width: 50px;}
.eip_savebutton {background-image: url('../images/image_vide.gif');visibility: hidden; width: 1px; height: 1px;}
.eip_cancelbutton {background-image: url('../images/image_vide.gif');visibility: hidden; width: 1px; height: 1px;}
.eip_save_s05p01 {width: 16px; background-color: transparent; background-image: url('../images/save.png');background-repeat: no-repeat; border:0;}
.eip_cancel_s05p01 {width: 16px; background-color: transparent; background-image: url('../images/delete.gif');background-repeat: no-repeat; border:0;}
.eip_saving { background-color: #DC143C  ; color: #fff; padding: 0px; }
.eip_empty { color: #afafaf; }

.erreur_qt_saisie{
	background: Red;
	color: White;
}

#fancybox-content {
border: 0;
border-width: 0;
}

#flashInfo {
color: #5d8089;
text-align: center;
}

#flashInfo h1 {
margin: 30px 0 10px 0;
}

.phyto_certif {
	background-color: #009933;
}

.bgo {
	display: inline-block;
	margin-bottom: 2px;
	width: 37px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(#96c1c6, #5d8089);
}
.bgo:after {
	content: "GO";
}
span.bgo.voirdetail {
	width: auto;
	padding: 0 10px;
}
span.bgo.voirdetail i {
	float: right;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../images/eye.svg);
	margin: 2px 0 0 6px;
}
span.bgo.voirdetail:after {
	content: "VOIR LE DETAIL";
}
button.bgo:after {
	content: '';
}
button.bgo img {
	height: 16px;
	margin-top: -2px;
}