@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body {padding: 0px; margin:0; font-size: 13px; font-family:"Trebuchet MS", Arial, sans-serif; color: #000000; background-color:#CCC!important; }
table { border-collapse: collapse; font-size:12px;}
h1{font-size:10px; margin:0; height:12px; overflow:hidden}   
h2{font-size:14px;} 
h3{font-size:12px;}
h4{font-size:10px;}
p { text-align:left;}
a { color:#002F60; font-size:12px;}
a:hover { color:#F29500; }
a img{ border:0}
hr { border:0; border-bottom: 1px solid #A4A4A5; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}


/*#######    Chapitre 1    ########## PanelSiteGlobal ########## */ 

/*zones travaillant sur la largeur*/
/*centrer la div et largeur 1000px*/
.larg1000 { width:1000px; left: 50%; margin:0 0 0 -500px; position:relative;}

/*Cas Particuliers*/
#PanelBanniere { height:78px; background:url(../Image/DESIGN/Ban.gif) repeat-x top; overflow:hidden; border:1px solid #8E8E8E; border-bottom:0px solid #FFF}
#PanelZoneCorps { background: #fff url(../Image/DESIGN/PanelZoneCentrale.jpg) repeat-x left bottom; padding:0 0 10px 0; border:1px solid #8E8E8E; border-top:0px solid #FFF}
#PanelPiedPage{	position:relative; height:70px}
.PZC1 {background:url(../Image/DESIGN/PanelZone1.png) 190px 0 no-repeat; }	
/*#######    Chapitre 2    ########## PanelBanniere ########## */	
/*Banniere*/
#PanelBanniere .Logo {width:191px; height:73px; display:block; position:absolute; top:0; background: #002F60 url(../Image/DESIGN/logo.png) no-repeat 0 0;}
	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1 { float:left; width:190px; padding:10px 0 0 0; background-color:#FFFFFF;}
#PanelZone2 { float:right; width:590px; min-height:380px; height:auto!important; height:380px; background-color:#FFFFFF; padding:10px 0 10px 0; }
.PanelZone3 { float:right; width:190px; padding:10px 0 0 16px; background-color:#FFFFFF; background:url(../Image/DESIGN/PanelZone2.png) 4px 0 no-repeat;}

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
.blocPiedPage {width:190px; text-align:center; float:left; margin:10px 10px 0 0;}
#MenuServices {width:570px}
#PanelPubDeveloppeur {text-align:right; float:right; margin:10px 0 0 0}

/*#######    Chapitre 5    ###########PanelOnglets ########## */
/*le menu horizontale haut catalogue par ONGLETS*/
#PanelOnglets {}
#PanelOnglets ul { padding:0; margin:0;} 
#PanelOnglets ul li {list-style-type:none; overflow:hidden; text-align:center; background:#dedede; font-size:14px; margin:8px 0 0 0; border-bottom:1px solid #002F60; cursor:pointer}
#PanelOnglets ul ul {padding:5px 0; background:#FFF url(../Image/DESIGN/BORDER002f60.gif) 14PX 0 REPEAT-Y;}
#PanelOnglets ul li li {font-size:13px; margin:0; border-width:0; text-align:left; background:TRANSPARENT; line-height:0!important; }
* html #PanelOnglets ul li li {font-size:0;}
#PanelOnglets ul li li a {margin:0 0 0 15px; padding:2px 5px 0 10px; line-height:14px}
#PanelOnglets ul li li a:hover, #PanelOnglets ul li li.select a {background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 0 2px;}
#PanelOnglets li span.Ong_Img {display:block; height:60px; overflow:hidden; width:190px}
#PanelOnglets li a{ text-decoration:none; display:block; background-color:#fff;}
#PanelOnglets li a span {cursor:pointer; display:block}
#PanelOnglets li span.Ong_Txt {display:block; padding:3px; font-size:14px;}
#PanelOnglets li.OngUp span.Ong_Txt {color:#F29500; font-weight:bold}


/*#######    Chapitre 6    ########## #PanelMnPanierConex ########## */
/* Les elements #Conex et #miniPanier sont repositionnes dans la banniere */

	/*positionnement des ılıments*/
#PanelMnPanierConex {top:25px; position:absolute; padding: 0 0 0 0; left: 50%; margin:0 0 0 120px; width:380px;}
#Conex, #miniPanier {width:160px; height:auto; float:left; background:url(../Image/DESIGN/PictoUser.gif) no-repeat 0 0 ; padding:0 0 0 24px;}
#miniPanier {float:right; position:relative; background:url(../Image/DESIGN/PictoPanier.gif) no-repeat 0 0;  padding:0 0 0 28px;}
	/*Dıfinir les styles des titres et sous-titres*/
.MP_titre, .MP_sousTit { display:block; } 
.MP_titre a, .MP_titre { letter-spacing:1px; color:#002F60;  text-decoration:none; font-weight:bold; font-size:15px; }
.MP_sousTit a, .MP_sousTit{ color:#002F60; font-size:12px; text-transform:none; text-decoration:none; font-weight:bold}
.MP_titre a:hover, .MP_sousTit a:hover {color:#F29500}
	/*detail affiche quand on passe la sourie sur le liens panier*/
#MP_detail {z-index:101; position:absolute; width:365px; background: url(../Image/DESIGN/mp_detail1.gif) no-repeat 1px 0; top:35px; padding-top:3px; left:1px}
* html #MP_detail, *+html #MP_detail  {padding-top:2px;}/*correction Bug IE*/
#MP_detail .btm {background: url(../Image/DESIGN/mp_detail3.gif) no-repeat 1px 100%; padding-bottom:1px }
#MP_detail .mdl {background: url(../Image/DESIGN/mp_detail2.gif) repeat-y top left ; }
	/*tableau recapitulatif*/
table#MP_table { width:350px; border-collapse: collapse; margin: 3px 5px 3px 5px; color:#666666; background: url(../Image/DESIGN/zebre.gif) ;}
table#MP_table td { padding: 5px 5px 5px 5px; text-align:center; vertical-align:middle;}
table#MP_table tr.pair {  background: url(../Image/DESIGN/zebre2.gif) ;}
td.MP_qte { width:35px;}
td.MP_prix { width:80px;}
td.MP_qte, td.MP_prdt { border-right: 1px solid #CCCCCC;}
table#MP_table td.MP_prdt { text-align:left; }
	/*frais de port et liens modif commande*/
#MP_fraisPort {color:#666666; font-style:italic; text-align:right; width:338px; display:block; padding-right:10px; }
#MP_lienModifierCommande a {width:338px; display:block; text-align:center; margin: 1px 6px 3px 6px; font-weight:bold; text-indent:14px; font-size:13px;}

/*#######    Chapitre 7    ########## MENUS ########## */
/*Menus :  corps*/
.Menu {padding:0 0 10px 0;}

/*#######    Chapitre 8    ########## Les listes de liens des menus ########## */
/*Les listes de liens des colonnes droite et gauche et listes liens du pied de page*/

/*les listes de liens verticales*/
ul.menuligne { padding:0; text-align:left; margin:0; width:100% }
ul.menuligne li {display:inline; list-style-type:none; }
ul.menuligne li a{ padding: 0 11px 0 7px; width:auto; text-decoration:none; font-size:13px; color:#444A4F; font-weight:bold; background: url(../Image/DESIGN/PointGris.gif) no-repeat 100% 6px; }	
#PanelBanniere li a {color:#002F60!important; padding: 0 13px 0 7px;}
ul.menuligne li.li_last a {background:none!important}
ul.menuligne li a:hover, #PanelBanniere li a:hover {color:#F29500!important}
#PanelBanniere ul {margin:10px 0 0 223px}

/*les listes de liens horizontaux*/
ul.sansListStyle { padding:0 0 0 0; margin:0 0 0 0; }
ul.sansListStyle li {list-style:none;  background:#dedede; font-size:0; margin:8px 0 0 0; border-bottom:1px solid #002F60}
ul.sansListStyle li a{ padding:8px 6px ; text-decoration:none; font-size:13px; display:block; line-height:12px; color:#000}	


/*cas particuliers*/
#PanelModuleInformation li a { padding:8px 6px 8px 35px!important; }
#PanelModuleInformation  li.li_0 a{padding:8px 6px!important;}
a#liSchema1.over, a#liSchema2.over {font-weight:bold; color:#F29500;}
#PanelModuleInformation  li.li_1 {background:#dedede url(../Image/DESIGN/Menu_Item1.gif) no-repeat scroll 6px 3px;}
#PanelModuleInformation  li.li_2 {background:#dedede url(../Image/DESIGN/Menu_Item2.gif) no-repeat scroll 6px 3px;}
#PanelModuleInformation  li.li_3 {background:#dedede url(../Image/DESIGN/Menu_Item3.gif) no-repeat scroll 6px 3px;}
#PanelModuleInformation  li.li_4 {background:#dedede url(../Image/DESIGN/Menu_Item4.gif) no-repeat scroll 6px 3px;}
.PanelZone3 li strong {display:block; font-size:14px; color:#F29500; text-align:center; padding:25px 8px 0 70px; background:#fff url(../Image/DESIGN/UFSP.gif) no-repeat scroll 6px 3px; height:51px}
.PanelZone3 li.li_0 a { background:url(../Image/DESIGN/UFSP.gif) no-repeat scroll 6px -73px; padding:8px 6px 8px 90px}
.PanelZone3 li.li_5 {border-width:0}
.PanelZone3 li.li_5 a {padding:8px 0 0 0}
.PanelZone3 li.li_5 span  {font-size:12px; border-width:0; padding:0 8px 8px 8px ; display:block; line-height:6px; font-size:13px; }
.PanelZone3 li.li_5 span.sousTit {background:#fff url(../Image/DESIGN/fichesConseils.jpg) no-repeat scroll 0 0; display:block; padding:16px 0 40px 12px; border-top:1px solid #002F60; font-weight:bold; font-size:12px; color:#002F60;}

ul.sansListStyle li a:hover, ul.sansListStyle li a:hover span.sousTit {font-weight:bold; color:#F29500!important; }
ul.sansListStyle li a:hover span.Tit {color:#000; font-weight:normal}


/*#######    Chapitre 9    ########## Menu Recherche ########## */

#PanelRecherche {}
/*Mini recherche*/
#MiniRecherche {position:absolute; top:50px; left:50%; margin:0 0 0 -270px}
.ModuleMiniRecherche {background: url(../Image/DESIGN/loupe.png) 1px 2px no-repeat; width:180px; height:22px}
.MnRch_Saisie input {padding:0; border:none; color:#4d4d4d; height:18px; width:142px; float:left; overflow:hidden; margin:2px 0 0 8px; background:transparent; font-size:12px;}
.MnRch_Bt a { background:url(../Image/DESIGN/boutonRecherche.gif) no-repeat 7px 2px; height:19px; width:25px; display:block; font-size:0; height:19px; float:left; color:#84B71E}
.MnRch_Bt a:hover  { background-position: 7px -17px; }

/*#######    Chapitre 10    ########## Menu Catalogue Secondaire ########## */
/*Catalogue secondaire*/
#PanelCatalogueSecondaire ul {margin:0; padding:10px 0 0 0;}
#PanelCatalogueSecondaire ul li {list-style:none; margin: 0 0 10px 0;}
#PanelCatalogueSecondaire a {text-decoration:none;}
#PanelCatalogueSecondaire a:hover img{Filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}

/*#######    Chapitre 12    ########## Menu INCONTOURNABLES ########## */
/*les incontournables*/
.INCONT_elmt { position:relative; background:url(../Image/DESIGN/INCONT_Bck.gif) repeat-x bottom left; padding:0 0 3px 0}
.INCONT_top {width:180px; min-height:70px; height:auto!important; height:70px; }
.INCONT_img { float:left; margin:3px; text-align:center; padding:1px; width:55px}
.INCONT_img a, .INCONT_img a img { display:block}
.INCONT_txt { padding:3px 0 0 0 ; width:115px; float:left;}
a.INCONT_tit { color:#184A74; font-size:11px; text-decoration:none; font-weight:bold;}
a:hover.INCONT_tit{text-decoration:underline} 
.INCONT_prx { color:#787777; font-size:11px;}
.INCONT_bts {padding:2px 0 0 5px}
.INCONT_bts a {display:block; margin-bottom:3px}
.INCONT_bts a:hover img {FILTER: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5} 


/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane a { color:#808080; text-decoration:none; font-size:11px} 
#filAriane a:hover {color:#333333;}

/*#######    Chapitre 15    ########## Infobulle ########## */
    /*infobulle*/
.infobulle2Top { background:transparent url(../Image/DESIGN/infobulle2Top.png) no-repeat top left; height:14px; width:196px; font-size:0; }
.infobulle2Mdl { background:transparent url(../Image/DESIGN/infobulle2Mdl.png) repeat-y left; width:160px; padding:0 18px 0 18px; }
.infobulle2Mdl p, .infobulle2Mdl p font { margin:0; padding:0; display:block; width:156px; text-align:left;}/*neutraliser la mise en forme des textes*/
.infobulle2Btm { background:transparent url(../Image/DESIGN/infobulle2Btm.png) no-repeat bottom left;width:196px; height:25px;}
* html .infobulle2Top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Top.png'); background: none;}
* html .infobulle2Mdl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/infobulle2Mdl.png'); background: none;}
* html .infobulle2Btm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Btm.png'); background: none;}

/*#######    Chapitre 16    ########## Lightbox ########## */
	/*Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; FILTER:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity: 0.5;}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}
#DIV_LigneArticleCommentaire {Z-INDEX:1100; FILTER:alpha(opacity=50); LEFT: 0pt; WIDTH: 100%; position:absolute; TOP: 0pt; BACKGROUND-COLOR:#000000; -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
#DIV2_LigneArticleCommentaire {Z-INDEX:1101; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid; position:absolute; TOP: 50%; BACKGROUND-COLOR: white; padding: 3px 3px 3px 3px; overflow:auto; overflow-x:none }
/*#######    Chapitre 19    ########## POPUP: TERMINER LA COMMANDE ET MOT DE PASSE OUBLIE ########## */	
.PopupTerminerCommande {padding:100px 45px 80px 45px; color:#333; }
#MotDePassOublie {padding:50px 15px 30px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; color:#333 }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-weight:bold; font-size:18px}
#MotDePassOublie p {font-size:15px; MARGIN:0 45PX 35PX 20PX}
#MotDePassOublie center { margin:0 0 0 -150px}
#MotDePassOublie .PWI_Input input  {border:1px solid #ccc; padding:1px 6px; }
* html #MotDePassOublie .PWI_Bt input, *+html #MotDePassOublie .PWI_Bt input {top:10px!important; position:relative}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }
.SauvegardePanier {text-align:center; font-size:16px; line-height:20px; margin-top:-30px}


/*#######    Chapitre 20    ########## PAGES STATIQUES DANS LE POPUP########## */
/*pages statiques DANS LE POPUP*/
/* ATTENTION CSS SIMILAIRE AUSSI PRESENT DANS PageStatique.css avec #PanelZoneCentrale  */
#lbl_101 #DIV2_LigneArticleCommentaire {border:5px solid #555555}
#ZonePopup101 {display:block; padding:15px}
#ZonePopup101, #ZonePopup101 p { text-align:justify; font-size:13px; line-height:16px; margin: 5px 5px 0 0; }
#ZonePopup101 ul {margin:0; padding:15px 0 0 20px}
#ZonePopup101blockquote {margin:0; padding:0 0 0 15px}
#ZonePopup101 h4 {font-size:20px; color:#F8B321; align:left; padding:0; margin: 5px 0 25px 0; text-transform:uppercase}
#ZonePopup101 h5 {font-size:16px; color:#002F60; align:left; padding:0; margin: 25px 0 10px 0;}
#ZonePopup101 h6 {font-size:14px; color:#56606B; align:left; padding:0; margin: 25px 0 10px 0; font-style: italic;}
#ZonePopup101 hr.clear {clear:both; border-color:#FFFFFF; background-color:#FFFFFF}
#ZonePopup101 input, #ZonePopup101textarea { border:1px solid #666666; color:#000000; text-align:left; }
#ZonePopup101 img.img {margin:0 0 5px 8px; float:right; padding:2px; border:1px solid #F7931E; } 

#LePoirier {position:absolute; top:-75px; right:75px; width:105px; height:68px; background:url(../Image/DESIGN/LePoirierPetit.png) no-repeat 0 0}


/*#######    chapitre 21  ########## loading ########## */
#lbl_001 .ImgLoading001 {margin:200px 0 0 0}
#lbl_101 .ImgLoading100 {margin:200px 0 0 0}
#lbl_100 .ImgLoading100 {margin:15px 0 0 0}
#lbl_005 .ImgLoadingTous {margin:15px 0 0 0}

/*### deplacer h1  ####*/
#deplacerVers_1 {text-align:left; color:#666; padding:0 28px}
#deplacerDe_1 {height:8px}