/****************************************************************************************** Design du corps ******************************************************************************************/

body {
	margin: 0 auto;
	padding: 0;
	float: top;
	color: #97979a;
	
	font-size: 14px;
	text-align: left;
	font-family: Arial, Verdana, Times New Roman;
	
	background: url('../img/header.jpg') no-repeat top;
	background-color: white;
}

#body2 {
	height: auto;
	float: bottom;
	margin: 0 auto;
	text-align: left;
	background: url('../img/footer.jpg') no-repeat bottom;
}

#header { 
	display: block;
	text-align: right;
	padding-left: 315px;
	width: 650px;
	height: 70px;
}

#corps {
	display: block;
	margin-top: 62px;
	width: 978px;
	height: auto;
	min-height: 628px;
	text-align: left;
	background: url('../img/backCorps.png') repeat;
	background-color: white;
}

#footer {
	clear: left;
	padding-top: 10px;
	width: 978px;
	height: 380px;
	color: #5594d0;
	font-size: 12px;
	text-align: justify;
}

#testmap { height: 500px; width:436px; }
/****************************************************************************************** Arrière plan & Texte : Home ***************************************************************************************/

.fontHome {
	width: 978px;
	height: 355px;
	background: url('../img/fontPdt.jpg') repeat center;
}

.tabHome {
	text-align: center;
	font-size: 16px;
	color: #68676c;
	font-family: Palatino;
}

.titreHomeJa {
	font-family: Palatino;
	font-size: 35px;
	color: #667b57;
}

.titreHomePb {
	font-family: Palatino;
	font-size: 35px;
	color: #4689b0;
}

.dessinJa {
	width: 978px;
	height: 690px;
	background: url('../img/dessinJa.png') no-repeat center;
	text-align: left;
}

.dessinPb {
	width: 978px;
	height: 690px;
	background: url('../img/dessinPb.png') no-repeat center;
	text-align: left;
}

.bulleJA {
	display : block;
	position: relative;
	width: 252px;
	height: 89px;
	padding: 0;
	color: #75942e;
	text-align: center;
	vertical-align: middle;
	background: url('../img/bulle.png') no-repeat left;
}

.bullePB {
	display : block;
	position: relative;
	width: 252px;
	height: 89px;
	padding: 0;
	color: #37a0ba;
	text-align: center;
	vertical-align: middle;
	background: url('../img/bulle.png') no-repeat left;
}

.titreDessJa {
	display : block;
	position: relative;
	top: 40px;
	left: 510px;
	width: 293px;
	height: auto;
	font-family: Palatino;
	font-size: 18px;
	text-align: center;
}

.titreDessPb {
	display : block;
	position: relative;
	top: 40px;
	left: 370px;
	width: 293px;
	height: auto;
	font-family: Palatino;
	font-size: 18px;
	text-align: center;
}

.cadreHomePdt {
	width: 293px;
	height: 300px;
	cursor: pointer;
	text-align: center;
	background: url('../img/homePdt.jpg') no-repeat center;
}

.txtHomePdt{
	padding-top: 18px;
	color: #022e5a;
	font-family: Palatino;
	font-size: 22px;
}

.pnt1 {
	position: relative;
	cursor: pointer;
	width: 33px;
	height: 34px;
	background: url('../img/point.png') no-repeat center;
}

.cadreTxtFilt {
	margin: 0px 40px 0px 40px;
	color: #96999c;
	text-align: justify;
}


/************************************************************************************* Arrière plan & Texte : Colonne de droite **********************************************************************************/

.scrollColRight {
	position: fixed;
	padding-bottom: 600px;
}

.backHomeColRight {
	width: 210px;
	height: 124px;
	cursor: pointer;
	font-family: Palatino;
	font-size: 20px;
	text-align: left;
	color: #002a5b;
	background: url('../img/banner/backHomeColRight.png') no-repeat center;
}

.txtHomeColR1 {
	font-size: 13px;
	text-align: center;
}

.backDealerColRight {
	width: 210px;
	height: 180px;
	text-align: left;
	color: white;
	background: url('../img/banner/backDealerColRight.jpg') no-repeat center;
}

.txtDealerColR1 {
	padding-top: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 16px;
}

.backSubColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	color: #707173;
	font-size: 23px;
	background: url('../img/banner/backSubColRight.png') no-repeat center;
}

.txtSubColR1 {
	padding-top: 15px;
	font-size: 14px;
}

.backPhotoColRight {
	width: 210px;
	height: 129px;
	cursor: pointer;
	font-family: Arial;
	text-align: center;
	color: #707173;
	font-size: 14px;
	background: url('../img/banner/backPhotoColRight.png') no-repeat center;
}

.backFoodColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: #002a5b;
	font-size: 14px;
	background: url('../img/banner/backWinterColRight.png') no-repeat center;
}

.backCatColRight {
	width: 210px;
	height: 244px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
	color: #002a5b;
	font-size: 12px;
	background: url('../img/banner/backCatColRight.png') no-repeat center;
}

.backCmdColRight {
	width: 210px;
	height: 181px;
	text-align: left;
	background: url('../img/banner/backCmdColRight.png') no-repeat center;
}

.backSharkColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
	color: white;
	font-size: 19px;
	background: url('../img/banner/backSharkColRight.png') no-repeat center;
}

.backPoolColRight {
	width: 210px;
	height: 270px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
	color: #002a5b;
	font-size: 16px;
	background: url('../img/banner/backPoolColRight.png') no-repeat center;
}

.backAqualyserColRight {
	width: 210px;
	height: 207px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: #68676c;
	font-size: 15px;
	background: url('../img/banner/backAqualyserColRight.png') no-repeat center;
}

.backEngageColRight {
	width: 210px;
	height: 149px;
	font-family: Palatino;
	text-align: center;
	color: #008fcb;
	font-size: 14px;
	background: url('../img/banner/backEngageColRight.png') no-repeat center;
}

.backOptiwinColRight {
	width: 210px;
	height: 272px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: #002a5b;
	font-size: 15px;
	background: url('../img/banner/backOptiwinterColRight.png') no-repeat center;
}

.backFirestoneColRight {
	width: 210px;
	height: 114px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/firestone.png') no-repeat center;
}

.backCatalogueColRight {
	width: 210px;
	height: 268px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/backCatalogue.png') no-repeat center;
}

.backCatalogueColRightNl {
	width: 210px;
	height: 268px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/backCatalogueNl.png') no-repeat center;
}

.backMagalogueColRightLotus {
	width: 210px;
	height: 268px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/backMagalogueLotus.png') no-repeat center;
}

.backMagalogueColRightLotusNl {
	width: 210px;
	height: 268px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/backMagalogueLotusNl.png') no-repeat center;
}

.backFiltColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	background: url('../img/banner/backFiltrationColRight.png') no-repeat center;
}

.backAnalyseColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	background: url('../img/banner/backAnalyseColRight.png') no-repeat center;
}

.backCureAutomneColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	background: url('../img/banner/backCureAutomneColRight.png') no-repeat center;
}

.backPaysaliaColRight {
	width: 210px;
	height: 265px;
	cursor: pointer;
	background: url('../img/banner/backPaysa2ColRight.jpg') no-repeat center;
}
.backPaysalia2015ColRight{
	width: 210px;
	height: 265px;
	cursor: pointer;
	background: url('../img/banner/backPaysa2ColRight.jpg') no-repeat center;
}

.backAndiissColRight {
	width: 210px;
	height: 271px;
	cursor: pointer;
	background: url('../img/banner/backAndiissColRight.png') no-repeat center;
}

.backProjetPersoColRight {
	width: 210px;
	height: 268px;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	color: white;
	font-size: 14px;
	background: url('../img/banner/backProjetPerso.png') no-repeat center;
}

.titreCmdOpen {
	padding: 8px 0px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.cadreCmdOpen {
	margin: 20px 0px 0px 15px;
	font-size: 13px;
	color: #707173;	
}

.cadreCmdOpen2 {
	margin: 34px 0px 0px 15px;
}

/***************************************************************************************** Arrière plan & Texte : Produit **************************************************************************************/

.titreSearch {
	width: 100%;
	padding-top: 8px;
	text-align: center;
	font-size: 14px;
	color: white;
}

.SearchPdt {
	width: 155px;
	height: 306px;
	text-align: left;
	color: white;
	background: url('../img/searchPdt.jpg') no-repeat center;
}

.barreSearchPdt {
	width: 770px;
	height: 32px;
	line-height: 32px;
	color: #98989c;
	font-size: 14px;
	background: url('../img/barreSearchPdt.png') no-repeat center;
}

.tdGamPdt {
	width: 145px;
	height: 250px;
	padding: 0px 10px 20px 10px;
	font-size: 14px;
	color: #68676c;
	cursor: pointer;
	text-align: left;
	border: 1px solid #c3c5c8;
}

.tdGamPdtCat {
	width: 145px;
	height: 250px;
	padding: 0px 10px 20px 10px;
	font-size: 14px;
	color: #68676c;
	cursor: pointer;
	text-align: left;
	border: 1px solid #c3c5c8;
	background-color: white;
}

.titreGamPdt {
	font-weight: bold;
	color: #1b1c20;
}

.txtTitreUni {
	padding-top: 10px;
	margin-left: 20px;
	font-size: 32px;
	font-weight: bold;
	color: white;
}

.txtTitreUni2 {
	margin-left: 20px;
	width: 430px;
	height: 52px;
	line-height: 22px;
	font-size: 22px;
	font-family: Palatino;
	color: white;
}

.fontSousMenuPdt {
	width: 490px;
	height: 45px;
	text-align: center;
	background: url('../img/backSousMenuPdt.png') no-repeat center;
}

.cadreImgPdtHigh {
	height: 200px;
	width: 200px;
	/*position: relative;*/
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border: 1px solid #abaaa9;
}

.imgPdtHigh {
	/*position: absolute;
	top: 50%;
	left: 50%;*/
	/*margin-top: -65px;
	margin-left: -65px;*/
}

.cadreImgPdtSmall {
	height: 56px;
	width: 56px;
	position: relative;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border: 1px solid #abaaa9;
}

.imgPdtSmall {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

table.tabCondPdt {
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	/*border: 1px solid #626065;*/
	border-collapse: collapse;
}

table.tabCondPdt tr:nth-child(even){
	background-color: white;
}

.tabCondPdt td {
	padding-left: 3px;
	/*background-color: #e2e4e5;*/
	vertical-align: middle;
	border: 1px solid #626065;
	border-collapse: collapse;
}

.coprsPdt {
	margin: 20px 0px 20px 20px;
	width: 500px;
	font-size: 14px;
	color: #1b1c20;
}

/*************************** NEO *****************************************/

.titreGamNeo {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 20px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamNeo.png') no-repeat center;
}

.barreGamNeo {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamNeo.png') no-repeat center;
}

.barreGamNeo2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamNeo2.png') no-repeat center;
}

.titreUniNeo {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniNeo.png') no-repeat center;
}

/*************************** FOOD ****************************************/

.titreGamFood {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 20px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamFood.png') no-repeat center;
}

.txtPresentFood {
	font-size: 16px;
	font-family: Palatino;
	color: #001f57;
}

.barreGamFood {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamFood.png') no-repeat center;
}

.barreGamFood2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamFood2.png') no-repeat center;
}

.titreUniFood {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniFood.png') no-repeat center;
}

/*************************** MED ****************************************/

.titreGamMed {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 20px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamMed.png') no-repeat center;
}

.txtPresentMed {
	font-size: 16px;
	font-family: Palatino;
	color: #001f57;
}

.barreGamMed {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamMed.png') no-repeat center;
}

.barreGamMed2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamMed2.png') no-repeat center;
}

.titreUniMed {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniMed.png') no-repeat center;
}

/*************************** TEC ****************************************/

.titreGamTec {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 20px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamTec.png') no-repeat center;
}

.txtPresentTec {
	font-size: 16px;
	font-family: Palatino;
	color: #001f57;
}

.barreGamTec {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamTec.png') no-repeat center;
}

.barreGamTec2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamTec2.png') no-repeat center;
}

.titreUniTec {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniTec.png') no-repeat center;
}

/*************************** PHYTO ****************************************/

.titreGamPhyto {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 20px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamPhyto.png') no-repeat center;
}

.txtPresentPhyto {
	font-size: 16px;
	font-family: Palatino;
	color: #001f57;
}

.barreGamPhyto {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamPhyto.png') no-repeat center;
}

.barreGamPhyto2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGamPhyto2.png') no-repeat center;
}

.titreUniPhyto {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniPhyto.png') no-repeat center;
}

/*************************** Other ****************************************/

.titreGamOther {
	width: 538px;
	height: 144px;
	line-height: 20px;
	text-align: left;
	font-size: 24px;
	font-family: Palatino;
	color: white;
	background: url('../img/fontGamOther.png') no-repeat center;
}

.txtPresentOther {
	font-size: 16px;
	font-family: Palatino;
	color: #001f57;
}

.barreGamOther {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGris.png') no-repeat center;
}

.barreGamOther2 {
	width: 538px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	color: white;
	background: url('../img/barreGris2.png') no-repeat center;
}

.titreUniOther {
	margin-left: 0px;
	width: 538px;
	height: 130px;
	text-align: left;
	background: url('../img/fontUniOther.png') no-repeat center;
}


/********************************************************************************** Arrière plan & Texte : Distributeur **********************************************************************************/

v:* {     behavior:url(#default#VML);   }   /*pour les infobulles de la carte*/   

#gmapmarker {
	font: normal small verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	width: 350px;
	height: 150px;
	overflow:auto;
} 

#gmapmarker p {
	margin : 0;
	padding : 2px 0 2px 0;   
}

#gmapmarker a {
	text-decoration: none;
	color: #0066CC;
	font-size: 12px;
	background-color: transparent;
} 

#gmapmarker a:hover {
	color: #F60;
	background-color: transparent;
} 
		
/*div qui contient la carte*/
#map {      float : left;   }


.cadreResultMap {
	width: 258px;
	height: 500px;
	overflow-y: scroll;
	visibility: visible;
	border: 1px solid #f1f2f3;
}


/********************************************************************************** Arrière plan & Texte : Intranet **********************************************************************************/

.tdGamPdtSmall {
	width: 100px;
	height: 160px;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #1b1c20;
	cursor: pointer;
	text-align: left;
	border: 1px solid #c3c5c8;
}

.cadreArt {
	width: 530px;
	height: auto;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #1b1c20;
	text-align: left;
	border: 2px solid #e9e8e8;
}

.cadreListSav {
	width: 680px;
	height: 65px;
	color: black;
	text-align: left;
	font-size: 11px;
	border: 2px solid #f1f2f3;
}

.txtRefSav {
	width: 200px;
	color: black;
	font-weight: bold;
	font-size: 11px;
	border-right: 1px solid #24a2c0;
	border-bottom: 1px solid #24a2c0;
}

.etape {
	display : block;
	float: left;
	width: 180px;
	height: 40px;
	margin-left: 3px;
	line-height: 20px;
	text-align: center;
	color: #1b1c20;
	font-size: 12px;
	border: 1px solid #c3c5c8;
}

.etapeSlt {
	display : block;
	float: left;
	width: 180px;
	height: 40px;
	margin-left: 3px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: white;
	font-size: 12px;
	border: 1px solid #c3c5c8;
	background-color: #52cae5;
}

.tabRecap {
	height: 20px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	background-color: #002261;
}

.lgRecap {
	color: black;
	font-size: 12px;
	background-color: #e4e5e7;
}

.lgRecap1 {
	color: black;
	font-size: 12px;
}

.trTabDoc {
	height: 30px;
	line-height: 30px;
	background-color: #46bbd7;
	font-size: 12px;
	color: white;
	float: left;
	padding-left: 20px;
}

.trTabDoc2 {
	height: 23px;
	line-height: 23px;
	font-size: 10px;
	color: black;
	float: left;
	border-bottom: 1px solid #f1f2f3;
}


/*************************************************************************************** Design des texte global *****************************************************************************************/

.titrePg {
	font-size: 20px;
	color: #001f57;
	font-weight: bold;
}

.filAriane {
	padding-left: 10px;
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 20px;
	color: #97979a;
}

.titre1 {
	font-family: Palatino;
	font-size: 20px;
	color: #008fcb;
}

.titre2 {
	font-family: Palatino;
	font-size: 18px;
	color: white;
}

.titre3 {
	font-size: 33px;
	font-weight: bold;
	color: #ea6ea3;
}

.titre4 {
	font-size: 24px;
	font-weight: bold;
	color: #ea6ea3;
}

.titre5 {
	font-size: 24px;
	color: #d05094;
	text-align: left;
}

.titre6 {
	font-size: 33px;
	font-weight: bold;
	color: #ea6ea3;
}

.titre7 {
	font-family: Palatino;
	font-size: 18px;
	color: #008fcb;
}

.titreJa {
	font-size: 35px;
	color: #99bd39;
}

.titrePb {
	font-size: 35px;
	color: #50bfdc;
}

.txt1 {
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-align: center;
}

.txt2 {
	font-size: 14px;
	color: #1b1c20;
	text-align: left;
}

.txt3 {
	font-size: 11px;
	color: black;
	text-align: left;
}

.txt4 {
	font-size: 14px;
	color: #707173;
	text-align: left;
	font-weight: bold;
}

.txt5 {
	font-size: 12px;
	color: #002261;
	text-align: left;
}

.txt6 {
	font-size: 24px;
	color: #75942e;
	text-align: left;
}

.txt7 {
	font-size: 18px;
	color: white;
}

.txt8 {
	font-size: 14px;
	color: #52cae5;
	font-weight: bold;
}

.txt9 {
	font-size: 16px;
	color: black;
	font-weight: bold;
}

.txt10 {
	font-size: 14px;
	color: #75942e;
	text-align: left;
}

.txt11 {
	font-size: 24px;
	color: #37a0ba;
	text-align: left;
}

.asterix {
	font-size: 12px;
	color: #5594d0;
	text-align: left;
}

.warning {
	font-size: 14px;
	color: red;
	text-align: left;
	font-weight: bold;
}

.warning2 {
	font-size: 11px;
	color: red;
	text-align: left;
	font-weight: bold;
}

/***************************************************************************************** Design des cadres *******************************************************************************************/

.cadrePdt1 {
	display : block;
	margin-left: 10px;
	float: left;
	width: 160px;
	height: 655px;
	text-align: right;
}

.cadrePdt2 {
	/*display : block;*/
	/*float: left;*/
	margin: 0px 0px 0px 187px;
	width: 760px;
	height: 100%;
	text-align: left;
}

.cadrePdt3 {
	/*display : block;*/
	float: left;
	margin: 0;
	width: 210px;
	height: 100%;
	text-align: center;
	font-size: 14px;
	color: #98989c;
}

.cadrePdt4 {
	display : block;
	float: left;
	margin: 0px 0px 0px 17px;
	width: 730px;
	height: 100%;
	text-align: left;
}

.cadreThemeJa {
	display : block;
	float: left;
	margin: 0px 17px 0px 17px;
	width: 720px;
	height: 100%;
	text-align: left;
	background-color: #f8fbef;
}

.cadreThemePb {
	display : block;
	float: left;
	margin: 0px 17px 0px 17px;
	width: 720px;
	height: 100%;
	text-align: left;
	background-color: #e6f3f6;
}

.cadreGamPdt1 {
	display : block;
	float: left;
	width: 180px;
	min-height: 540px;
	height: 100%;
	text-align: right;
	background: url('../img/fontCadre1.png') no-repeat top right;
}

.cadreGamPdt2 {
	display : block;
	float: left;
	margin: 0px 17px 0px 17px;
	width: 540px;
	height: 100%;
	margin-bottom: 10px;
	text-align: left;
}

.cadreGamPdt2Uni {
	display : block;
	float: left;
	margin: 0px 16px 0px 20px;
	width: 538px;
	height: 100%;
	min-height: 710px;
	margin-bottom: 10px;
	text-align: left;
	background: url('../img/fontPdtUni.png') no-repeat top;
	background-color: #e5e0cc;
}

.cadreSearch {
	width: 705px;
	height: 62px;
	line-height: 62px;
	vertical-align: middle;
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
	background: url('../img/barreSearch.png') no-repeat bottom;
}

.cadreSearch2 {
	width: 705px;
	height: 120px;
	line-height: 30px;
	vertical-align: middle;
	margin-top: 10px;
	padding-top: 15px;
	font-size: 12px;
	color: black;
	text-align: left;
	background: url('../img/barreSearchDealer.png') no-repeat top;
}

.cadreRevue {
	width: 400px;
	height: 75px;
	padding: 10px 0px 0px 10px;
	cursor: pointer;
	vertical-align: middle;
	font-family: Palatino;
	font-size: 20px;
	color: #008fcb;
	text-align: left;
	background-color: #f0f1f1;
}

.cadreCom {
	width: 520px;
	height: 50px;
	padding: 5px 0px 0px 10px;
	cursor: pointer;
	vertical-align: middle;
	font-family: Palatino;
	font-size: 20px;
	color: #008fcb;
	text-align: left;
	background-color: #f0f1f1;
}

.cadreDep {
	width: 150px;
	height: 280px;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #1b1c20;
	text-align: center;
	border: 1px solid #c3c5c8;
}

.cadreDep2 {
	width: 150px;
	height: auto;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #1b1c20;
	text-align: center;
}

.cadreGris {
	width: 690px;
	height: 34px;
	text-align: left;
	font-size: 15px;
	line-height: 30px;
	color: white;
	background: url('../img/barreGris.png') no-repeat center;
}

.cadreSearchCmd {
	width: 550px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #707173;
	text-align: center;
	background-color: #eceded;
}

.top10 {
	margin-top: 10px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-size: 14px;
	color: black;
	text-align: left;
	border: 1px solid #c3c5c8;
}

.headerThemeJa {
	width: 720px;
	height: 201px;
	text-align: left;
	background: url('../img/headerThemeJA.png') no-repeat center;
}

.headerThemePb {
	width: 720px;
	height: 226px;
	text-align: left;
	background: url('../img/headerThemePB.png') no-repeat center;
}

.cadreThemJa {
	width: 680px;
	height: auto;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #58585a;
	text-align: justify;
	background-color: white;
	border: 1px solid #dfe5cc;
}

.cadreThemPb {
	width: 680px;
	height: auto;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #58585a;
	text-align: justify;
	background-color: white;
	border: 1px solid #c7e2e8;
}

.cadreSavPdt {
	width: 725px;
	height: 50px;
	padding: 5px 0px 0px 10px;
	margin-left: 3px;
	font-size: 17px;
	color: white;
	font-weight: bold;
	background-color: #c7d3d3;
	border: 1px solid #c3c5c8;
}


/***************************************************************************************** Design des liens *******************************************************************************************/

a {
	text-decoration: none;
	font-size: 14px;
	color: #5594d0;
}

a:link, a:visited {
	text-decoration: none;
	color: #5594d0;
}

a:hover {
	text-decoration: none;
	color: #38b5d3;

	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/*********************************************************/

a.lienFilAriane {
	text-decoration: none;
	font-size: 12px;
	color: #5594d0;
}

a.lienFilAriane:link, a.lienFilAriane:visited {
	text-decoration: none;
	color: #38b5d3;
}

a.lienFilAriane:hover {
	text-decoration: none;
	color: #5594d0;
}

/*********************************************************/

a.titlePdt {
	text-decoration: none;
	font-size: 16px;
	color: #4bc1dd;
}

a.titlePdt:link, a.titlePdt:visited {
	text-decoration: none;
	color: #4bc1dd;
}

a.titlePdt:hover {
	text-decoration: none;
	color: #5594d0;
}

/*********************************************************/

a.titlePdt2 {
	text-decoration: none;
	font-size: 12px;
	color: #4bc1dd;
}

a.titlePdt2:link, a.titlePdt2:visited {
	text-decoration: none;
	color: #4bc1dd;
}

a.titlePdt2:hover {
	text-decoration: none;
	color: #5594d0;
}

/*********************************************************/

a.themeCat {
	text-decoration: none;
	font-size: 24px;
	color: grey;
}

a.themeCat:link, a.themeCat:visited {
	text-decoration: none;
	color: grey;
}

a.themeCat:hover {
	text-decoration: none;
	color: #d1d4c9;
}

/*********************************************************/

a.gamPdt {
	text-decoration: none;
	font-size: 13px;
	color: #68676c;
}

a.gamPdt:link, a.gamPdt:visited {
	text-decoration: none;
	color: #68676c;
}

a.gamPdt:hover {
	text-decoration: none;
	color: #5594d0;
}

/*********************************************************/

a.homeJa {
	display : block;
	text-decoration: none;
	font-family: Palatino;
	font-size: 25px;
	width: 350px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: url('../img/btnJa2.png') no-repeat center;
	color: white;

	/*color: #667b57;*/
}

a.homeJa:hover {
	text-decoration: none;
	/*color: #93a686;*/
	background: url('../img/btnJa2Hover.png') no-repeat center;
}

a.homeJaSelect {
	display : block;
	text-decoration: none;
	font-family: Palatino;
	font-size: 25px;
	width: 350px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: url('../img/btnJa2Hover.png') no-repeat center;
	color: white;

	/*color: #667b57;*/
}

a.homeJaSelect:hover {
	text-decoration: none;
	/*color: #93a686;*/
	background: url('../img/btnJa2Hover.png') no-repeat center;
}

/*********************************************************/

a.homePb {
	display : block;
	text-decoration: none;
	font-family: Palatino;
	font-size: 25px;
	width: 350px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: url('../img/btnPb2.png') no-repeat center;
	color: white;

	/*color: #4689b0;*/
}

a.homePb:hover {
	text-decoration: none;
	background: url('../img/btnPb2Hover.png') no-repeat center;
	/*color: #91b7ce;*/
}

a.homePbSelect {
	display : block;
	text-decoration: none;
	font-family: Palatino;
	font-size: 25px;
	width: 350px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: url('../img/btnPb2Hover.png') no-repeat center;
	color: white;

	/*color: #4689b0;*/
}

a.homePbSelect:hover {
	text-decoration: none;
	background: url('../img/btnPb2Hover.png') no-repeat center;
	/*color: #91b7ce;*/
}

/*********************************************************/

a.btnVert {
	display : block;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	width: 140px;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	background: url('../img/btnVert.png') no-repeat center;
	color: white;
}

a.btnVert:hover {
	text-decoration: none;
	background: url('../img/btnVertHover.png') no-repeat center;
}

/*********************************************************/

a.btnVert2 {
	display : block;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	width: 170px;
	height: 45px;
	padding-top: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	background: url('../img/btnVert2.png') no-repeat center;
	color: white;
}

a.btnVert2:hover {
	text-decoration: none;
	background: url('../img/btnVert2Hover.png') no-repeat center;
}

/*********************************************************/

a.txtCadrePnt {
	text-decoration: none;
	font-size: 13px;
	color: #68676c;
	cursor: pointer;
}

a.txtCadrePnt:hover {
	text-decoration: none;
	color: #5594d0;
}

/*********************************************************/

a.txtCadrePntDown {
	text-decoration: none;
	font-size: 13px;
	color: #5594d0;
	cursor: pointer;
}

a.txtCadrePntDown:hover {
	text-decoration: none;
	color: #38b5d3;
}

/*********************************************************/

a.liensWhite {
	text-decoration: none;
	font-size: 13px;
	color: white;
	cursor: pointer;
}

a.liensWhite:hover {
	text-decoration: none;
	color: #00285e;
}

/*********************************************************/

a.liensWhite2 {
	text-decoration: none;
	font-size: 9px;
	color: white;
	cursor: pointer;
}

a.liensWhite2:hover {
	text-decoration: none;
	color: #5594d0;
}


/**************************************************************************************** Design des bouton image *************************************************************************************/

a.btnJa {
	display : block;
	text-decoration: none;
	width: 153px;
	height: 49px;
	line-height: 40px;
	background: url('../img/btnJa.png') no-repeat center;
	font-size: 14px;
	color: white;
}

a.btnJa:hover {
	text-decoration: none;
	/*color: #667b57;*/
	opacity: 0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/****************************************************************/

a.btnPb {
	display : block;
	width: 153px;
	height: 49px;
	line-height: 40px;
	background: url('../img/btnPb.png') no-repeat center;
	text-decoration: none;
	font-size: 14px;
	color: white;
}

a.btnPb:hover {
	text-decoration: none;
	/*color: #4689b0;*/
	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/****************************************************************/

a.btnDel {
	display : block;
	width: 105px;
	height: 28px;
	line-height: 28px;
	background: url('../img/btnGrey.png') no-repeat center;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	color: #818084;
}

a.btnDel:hover {
	text-decoration: none;
	/*color: #4689b0;*/
	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/*********************************************************/

a.btnDown {
	display : block;
	font-size: 11px;
	width: 180px;
	height: 65px;
	padding-right: 30px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	background: url('../img/btnDown.png') no-repeat center;
	color: white;
}

a.btnDown:hover {
	text-decoration: none;
	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/****************************************************************/

a.btnBlue {
	display : block;
	width: 125px;
	height: 28px;
	line-height: 28px;
	background: url('../img/btnBlue.png') no-repeat center;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	color: white;
}

a.btnDel:hover {
	text-decoration: none;
	/*color: #4689b0;*/
	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/*********************************************************/

a.btnBlue2 {
	display : block;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	width: 200px;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	background: url('../img/btnBlue2.png') no-repeat center;
	color: white;
}

a.btnBlue2:hover {
	text-decoration: none;
	background: url('../img/btnBlue2Hover.png') no-repeat center;
}

/****************************************************************/

a.btnSearch {
	display: block;
	width: 105px;
	height: 28px;
	line-height: 28px;
	background: url('../img/btnOrange.png') no-repeat center;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

a.btnSearch:hover {
	text-decoration: none;
	/*color: #4689b0;*/
	opacity: 0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

/****************************************************************/

a.btnSousMenuPdt {
	float: left;
	clear: center;
	/*width: auto;*/
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	background-color: #e2e4e5;
	font-size: 14px;
	color: #68676c;
	text-align: center;
	vertical-align: center;
	border-left: 2px solid #e8e9ea;
}

a.btnSousMenuPdt:hover {
	text-decoration: none;
	background-color: #626065;
	color: #e2e4e5;
}

a.btnSousMenuPdtSlct {
	float: left;
	/*width: auto;*/
	/*display: block;*/
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	background-color: #626065;
	font-size: 14px;
	color: #e2e4e5;
	text-align: center;
	border-left: 2px solid #e8e9ea;
}

/****************************************************************/

a.btnSearchLoupe {
	display : block;
	text-decoration: none;
	width: 23px;
	height: 21px;
	background: url('../img/btnSearch.png') no-repeat center;
}

a.btnSearchLoupe:hover {
	text-decoration: none;
	opacity: 0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/****************************************************************/

a.caddy {
	display : block;
	text-decoration: none;
	width: 20px;
	height: 20px;
	background: url('../img/caddy.png') no-repeat center;
}

a.caddy:hover {
	text-decoration: none;
	opacity: 0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/****************************************************************/

a.btnCaddy {
	display : block;
	text-decoration: none;
	width: 30px;
	height: 30px;
	background: url('../img/btnCaddy.png') no-repeat center;
}

a.btnCaddy:hover {
	text-decoration: none;
	opacity: 0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/****************************************************************/

a.ssMenuFooterL {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnLeft.png') no-repeat center;
}

a.ssMenuFooterL:hover {
	text-decoration: none underline;
	background: url('../img/btnLeftDsd.png') no-repeat center;
}

a.ssMenuFooterLDsd {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnLeftDsd.png') no-repeat center;
}

a.ssMenuFooterT {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnTop.png') no-repeat center;
}

a.ssMenuFooterT:hover {
	text-decoration: none underline;
	background: url('../img/btnTopDsd.png') no-repeat center;
}

a.ssMenuFooterTDsd {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnTopDsd.png') no-repeat center;
}

a.ssMenuFooterR {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnRight.png') no-repeat center;
}

a.ssMenuFooterR:hover {
	text-decoration: none underline;
	background: url('../img/btnRightDsd.png') no-repeat center;
}

a.ssMenuFooterRDsd {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/btnRightDsd.png') no-repeat center;
}


/***************************************************************************************** Design des balises ****************************************************************************************/

img {
	border: 0px;
}

img.veSav {
	border: 1px solid grey;
}

input {
	color: black;
}

.placeholder {
	color: grey;
}
.noPlaceHolder {color: black; }

input.ogt {
	height: 11px;
	width: 11px; 
	font-size: 12px;
}

textarea {
	color: black;
	font-size: 14px;
}

input.inContact {
	color: black;
	width: 500px;
}

input.inContactRed {
	color: red;
	width: 500px;
}

input.inContact2 {
	color: black;
	width: 140px;
	margin-right: 10px;
}

input.inContact3 {
	color: black;
	width: 285px;
}

/***************************************************************/

input.btnDoc {
	height: 18px;
	width: 30px;
	font-size: 10px;	
}

input.inCpt {
	color: black;
	width: 340px;
}

input.inCptRed {
	color: red;
	width: 180px;
}

input.inCpt2 {
	color: black;
	width: 60px;
	margin-right: 10px;
}

input.inCpt3 {
	color: black;
	width: 125px;
}

input.qte {
	width: 50px; 
	font-size: 11px;
}

input.qte2 {
	width: 28px; 
	font-size: 11px;
}

input.prx {
	width: 50px; 
	font-size: 11px;
	text-align: right;
}

select.pdt {
	width: 220px; 
	font-size: 11px;
}

select.pjt {
	width: 220px; 
}

select.projetTech{
	width: 100px;
}

.btnNot {width: 220px;}


#myreel{ /*sample CSS for demo*/
	margin: 0;
	border: 0;
}

.paginate{
	width: 978px;
	margin-top: 5px;
	font: bold 14px Arial;
	text-align: center;
}
img.caractPdt
{
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid black; 
	background-color: white;
	
}

/*********************************************************NICO*****************************************************************/
img.caractPdt
{
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid black; 
	background-color: white;
	
}

.partners
{
	border: 1px solid #FFFFFF;	
}

.partners:hover
{
	cursor: pointer;
	border:1px solid #C3C5C8;
}

.partner
{
	width: 100%;
	background: #eee; 
	border: 1px solid #C3C5C8; 
	padding: 30px 30px 30px 30px;
	text-align: justify;
}

img.partner
{
	width: 100%;
	border: 1px solid black; 
	text-align: center;
}

.imgBorders
{
	border: 1px solid black;
}