
/********************************/
/*   FUNCTIONS
/********************************/








/*************************************************************************
	PREREG
*************************************************************************/

#prereg2010 { width: 668px; }

#avancement { list-style: none; height: 73px; margin-bottom:30px; background:transparent url(img/functions/bg_gris.gif) repeat-x scroll center bottom; }
#avancement li { float: left; font: bold 12px Arial, Verdana; height: 40px; width: 167px; text-align: center; background: none; color: #fff; }


#prereg2010 .paragraphe { margin: 0 0 15px 0; border: 1px solid #51d0f3; border-width: 1px 1px 0 1px; }
#prereg2010 .middle { overflow: hidden; zoom: 1; padding: 10px; background: #f5f5f5; border: 1px solid #51d0f3; border-width: 0 0 1px 0; }
#prereg2010 .warning { padding: 20px; color: #ff0000; text-align:center; }

#prereg2010 .paragraphe h2 { bold font: 14px Arial, Verdana; line-height: 18px; padding: 5px 10px; background: url(img/entete_bg_bleu.gif) repeat-x #18bbea; color: #fff; }
#prereg2010 .paragraphe h3 { clear: both; margin: 0; padding: 15px 0; }
#prereg2010 .paragraphe p { clear: both; margin: 0; padding: 10px 0; }
#prereg2010 .paragraphe p.form-field { clear: none; }

#prereg2010 .form-fields { overflow: hidden; zoom: 1; margin: 10px 0; padding: 0 5px; }

#prereg2010 .form-field { overflow: hidden; zoom: 1; margin: 0 5px; background: none; }
#prereg2010 .form-coche, #prereg2010 .form-radio { margin: 1px 5px; border: none; background: none; width: 20px; }
#prereg2010 .form-coche { float: left; }
#prereg2010 .form-label { float: left; width: 180px; margin: 0 5px; padding: 0 10px 0 0; text-align: right; }
#prereg2010 .form-text, .form-monoline { float: left; width: 180px; margin: 0 5px; }
#prereg2010 .form-menu { float: left; margin: 0 5px; }

#prereg2010 .form-submit-border, #prereg2010 .form-submit-border .form-submit { background: #069bd3; }
#prereg2010 .form-submit-border, .form-submit-disabled { display: block; height: 20px; margin: 0 5px; padding: 0 0 0 5px; background-position: 0 50%; }
#prereg2010 .form-submit-border .form-submit, form-submit-disabled { display: block; font: 12px Arial; line-height: 20px; padding: 0 5px 0 0; background-position: 100% 50%; border: none; color: #fff; text-decoration: none; }

/*Ajout PC*/
#prereg2010 #formDOMAINEACTIVITE span{width:400px;}
#prereg2010 .error { border:1px solid #FF0000; }
.form-submit-disabled{background:#AFAFAF;color:#FFFFFF;font-size:14px;font-weight:bold;}


#avancement .av_label { color:#000; }
#avancement img{  margin-right:5px; }

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

#cmd_left { width: 130px; text-align: center; }
#cmd_left img { /*float: left;*/ margin: 10px; }

#prereg2010 .form-warning h3{ color:#FF0000;}
#prereg2010 .form-warning { border-color:#FF0000; background:#F5F5F5;font-family:Verdana, Arial;}


/* ##################### */
/* ##### RECHERCHE ##### */
/* ##################### */


/* ##### ETAPE RECHERCHE ##### */

/* Entête : */

#step_recherche { }
#step_recherche h3 { }
#step_recherche p { }


/* Recherche alphabétique : */

#step_recherche #rechercheAlpha { padding: 5px 15px;}
#step_recherche #rechercheAlpha a { font-size:13px; font-weight:bold;}
#step_recherche #rechercheAlpha .listeAlpha { margin-top:5px; }
#step_recherche #rechercheAlpha .label { }

/* Liens directs : */

#step_recherche .liendirect { padding: 5px 15px; }
#step_recherche .liendirect p { }
#step_recherche .liendirect a { font-weight: bold; }
#step_recherche .liendirect .label { float:left; }
#step_recherche .liendirect .liendirect_link { float:left; margin:0 0 0 25px; }

/* Recherche multicritères : */

#step_recherche .rechercheMulti { width:100%; margin: 10px 0; }
#step_recherche .rechercheMulti .tdlabel { padding: 5px 15px; width:50%; }
#step_recherche .rechercheMulti .label { }
#step_recherche .rechercheMulti .tdform { }
#step_recherche .rechercheMulti .form { }
#step_recherche .rechercheMulti .form .form-field { background:#fff; border: 1px solid #56ccef; margin-top:5px; margin-bottom:0px;}

/* Nomanclature arborescente via checkbox : */

#step_recherche .ulniv1 { }
#step_recherche .ulniv2 { padding-left: 15px}
#step_recherche .ulniv3 { padding-left: 30px}

#step_recherche .ulniv1 .liniv1 { }
#step_recherche .ulniv2 .liniv2 { }
#step_recherche .ulniv3 .liniv3 { }

#step_recherche .ulniv1 .liniv1 .labelCheckBoxNiv1 { }
#step_recherche .ulniv2 .liniv2 .labelCheckBoxNiv2 { }
#step_recherche .ulniv3 .liniv3 .labelCheckBoxNiv3 { }

/* Bouton de validation : */

#step_recherche #divSubmit { }


/* ##### ETAPE LISTE ##### */

/* Entête : */

#step_liste { }
#step_liste h3 { }
#step_liste p { }

/* Fonctions : */

#step_liste #nbresult { font-weight:bold; }

#step_liste .printlist { float:right;height:16px; margin:2px; background:url(img/rech/print.gif) no-repeat 0 0; padding: 0 0 0 18px; }
#step_liste .printlist a { font-weight:bold; }

#step_liste .newsearch { float:right; height:16px; margin:2px; background:url(img/rech/fleche_bleue.png) no-repeat 0 0; padding: 0 0 0 18px; }
#step_liste .newsearch a { font-weight:bold; }

#step_liste #affichagerequete { }

#step_liste .chgpage { font-weight:bold; text-align:right; }
#step_liste .chgpage a { font-weight:bold; }

/* Liste : */

#step_liste #listtoprint { }
#step_liste #listtoprint .entete { background:url(img/nav_orange_bg.png) repeat-x scroll 0 0;	background-position:top; border:1px solid #BBB; }
#step_liste #listtoprint .entete th { padding:3px; color:#000;	font-size:14px; }

#step_liste #listtoprint .entete th.thlogo{width:65px}
#step_liste #listtoprint .entete th.Company{width:290px}
#step_liste #listtoprint .entete th.MARQUE{width:130px}
#step_liste #listtoprint .entete th.PRODUIT{width:170px}

#step_liste #listtoprint table { margin:10px 0 10px 1px; width:670px}

#step_liste .lineResultCycle1 a, #step_liste .lineResultCycle2 a { font-weight:bold; }
#step_liste .lineResultCycle1, #step_liste .lineResultCycle2 { height:60px;}
#step_liste .lineResultCycle1 td, #step_liste .lineResultCycle2 td{ padding:3px; border:1px solid #BBB; }
#step_liste .lineResultCycle2 { background:#EEE; }

/* Spécifique */

#step_recherche .cadre {border: 1px solid #56ccef; margin:15px 0;}
#step_recherche .cadre .enteteCadre {  background: url(img/entete_bg_bleu.gif) repeat-x #18bbea; color: #FFF;  font-size: 12px; padding: 8px 10px; font-weight:bold;}
#step_recherche .rechercheMulti .tdsubmit { padding: 5px 15px; vertical-align:bottom; }
#step_recherche .rechercheMulti .divSubmit { margin-bottom:5px;}
#step_recherche .rechercheMulti .tdsubmit a:hover { color:#fff; }
#step_recherche .rechercheMulti .tdsubmit a:active { color:#fff; }
#step_recherche .rechercheMulti .tdsubmit a:focus { color:#fff; }
#step_recherche a.form-submit { padding: 2px 25px 3px; }
#step_recherche .label { margin-bottom:5px; }
#step_recherche .fleche { width:16px; height:16px; float:left; margin-right:2px; background:url(img/rech/fleche_bleue.png) no-repeat 0 0;}

#step_liste .divBulleProduit { border:2px solid #EEE; background:#FFF; width:200px; height:150px; overflow:hidden; padding:5px 0 5px 5px;}
#step_liste .divPhotoProduit { text-align:center; padding:2px; padding-bottom:0px; }
#step_liste .divDescProduit { padding:2px; padding-bottom:2px; }
#step_liste .divLinkProd {position:absolute;bottom:5px;text-align:center;width:95% }
#step_liste .divLinkProd a { font-size: 10px; font-weight:normal; }

#step_liste .contourBleuFirst { border-left:2px solid #099DD5; border-right:2px solid #099DD5; border-top:2px solid #099DD5; }
#step_liste .contourBleu { border-left:2px solid #099DD5 !important; border-right:2px solid #099DD5 !important; }
#step_liste .contourBleuLast { border-left:2px solid #099DD5 !important; border-right:2px solid #099DD5 !important; border-bottom:2px solid #099DD5 !important; }

#step_liste .actCompany { font-size:10px; color:#333333; }
#step_liste .linkp { font-size:10px; }


/* ################ */
/* ##### ZOOM ##### */
/* ################ */


#zoom { }

#zoom .newSearch { float:right; height:16px; margin:2px; background:url(img/rech/fleche_bleue.png) no-repeat 0 0; padding: 0 0 0 18px; }
#zoom .newSearch a { font-weight:bold; }

#zoom .backListe { float:right; height:16px; margin:2px; background:url(img/rech/fleche_bleue.png) no-repeat 0 0; padding: 0 0 0 18px; }
#zoom .backListe a { font-weight:bold; }

#zoom .printlist { float:right;height:16px; margin:2px; background:url(img/rech/print.gif) no-repeat 0 0; padding: 0 0 0 18px; }
#zoom .printlist a { font-weight:bold; }

#zoom #zoomContent { }

#zoom  #zoomContent .coords { padding-bottom:10px; }
#zoom  #zoomContent .label { font-weight:bold; }
#zoom  #zoomContent .listeMarques { padding-top:15px; }

#zoom  #zoomContent .pdtPicture { float:left; margin:0 5px 5px 5px; }
#zoom  #zoomContent .pdtName { padding-bottom:5px }
#zoom  #zoomContent .pdtName { font-weight:bold; }

#zoom  #zoomContent .product, #zoom  #zoomContent .productLast { padding:0 5px; }
#zoom  #zoomContent .product { border-right:1px solid #099DD5; }
#zoom  #zoomContent .separator { padding:7px 0; }
#zoom  #zoomContent .separator div { border-top:1px solid #099DD5; display:block; width:100%; height:1px; }

#zoom  #zoomContent .cadre {border: 1px solid #56ccef; margin:15px 0;}
#zoom  #zoomContent .cadre .enteteCadre {  background: url(img/entete_bg_bleu.gif) repeat-x #18bbea; color: #FFF;  font-size: 12px; padding: 8px 10px; font-weight:bold;}
#zoom  #zoomContent .inner { padding:15px; }
#zoom  #zoomContent .desc { padding:10px 0;}
#zoom  #zoomContent .societe { margin-top:10px; padding-top:10px; border-top:1px solid #099DD5; text-align:right; }
#zoom  #zoomContent .societe img { margin-left:10px; }

/*******************************/
/*   GALERIE DE PRODUITS
/*******************************/

.galerieProduit{ margin: 20px 0 0 0; border:1px solid #56CCEF; }
.galerieProduit .header { line-height:33px; height: 33px; padding:0 10px; margin: 0 0 1px 0; background:#18BBEA url(img/entete_bg_bleu.gif) repeat-x scroll 0 0;}
.galerieProduit .header h2{ float: left; font-size: 110%; color:#FFFFFF;}
.galerieProduit .header a{ color:#FFFFFF;}
.galerieProduit .header a:hover{ color:#FFFFFF; text-decoration: underline;}
.galerieProduit .header .allPdtLink{ float: right; }
.galerieProduit .galerie { padding: 10px 10px 12px 10px; height: 150px;}

.galerieProduit .product{ float: left; width: 202px; height: 150px; border-right: 1px solid #56CCEF; padding: 0 10px; position: relative; overflow: hidden; }
.galerieProduit .product.first{ padding-left: 0; }
.galerieProduit .product.last{ border: none;  padding-right: 0;}
.galerieProduit .product .pdtPicture{ border:1px solid #CFCFCF; padding:3px; display: block; float: left; margin: 0 5px 0 0; font-size:1px;}
.galerieProduit .product .pdtName{ font-weight: bold; margin: 0 0 10px 0; color: #009EE0; }
.galerieProduit .product .pdtName a{ color: #009EE0; }
.galerieProduit .product .pdtDesc{  }
.galerieProduit .product .pdtLink{ text-align: right; margin: 10px 0 0 0; position: absolute; bottom: 0; right: 10px; background-color: #FFFFFF; }

.genProd {
	height: 115px;
}

.genProdZoom {
	height:130px;
}