@charset "utf-8";
@font-face { 	font-family: "swz"; 	src: url('../font/SWZ721T.TTF');}

body { margin:0px; padding:0px; color:#404040; font-family:Tahoma; font-size:13px; background:#f2f5f6 url(../images/body.png) 50% -130px no-repeat;
background-attachment:fixed;}
.left{ float:left;}
.right{ float:right;}
a{ text-decoration:none; cursor:pointer; color:#63bbe4;outline-width: 0;}
a:hover{color:#a8a8a8;}
img { border:none;}
input:focus {outline-width: 0;}
textarea:focus {outline-width: 0;}
select:focus {outline-width: 0;}
.clear{ clear:both;}
.parag{ color:#404040; font-family:Tahoma; font-size:13px; text-align:justify; line-height:18px;}
input[type=submit],input[type=button]{ cursor:pointer;}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,  caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;/*background: transparent;*/}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
.tops{height:44px; width:100%; background:url(../images/tops.png) repeat-x;}
.all{ width:950px; margin:auto;}


.menu{width:100%; background:#1698d4;width: 950px;}
.spmenu{padding:0px; margin:0px auto;}
.spmenu li{ float:left; position:relative; z-index:300;background:url(../images/sep.png) left no-repeat;}
.limain{height:44px; line-height:44px;}
.lihome{background-image:none!important;}

.lihome a.home{ display:block; width:63px; height:44px;
transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;background:url(../images/menu_hover.png) 0px -44px  repeat-x; 
}
.lihome:hover a.home{background:url(../images/menu_hover.png) 0px 0px repeat-x;}

.limain a.amain{ display:block; color:#bae1f2; font-family:Tahoma; font-size:17px; height:44px;padding:0 40px;
transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;background:url(../images/menu_hover.png) 0px -44px  repeat-x; 
}
.limain:hover a.amain{background:url(../images/menu_hover.png) 0px 0px repeat-x; color:#fff;text-shadow:none;}
.spmenu li.hover  a.amain{background:url(../images/menu_hover.png) repeat-x; color:#fff;text-shadow:none;}
.spmenu li.hover  a.home{background:url(../images/menu_hover.png) repeat-x; color:#fff;text-shadow:none;}
.LogoPanel{ width:950px; height:78px; border-bottom:6px solid #008ed0; margin:auto;}

.lang, .lang a{ margin-top:8px; color:#a8a8a8;font-family:Tahoma; font-size:12px;}
.lang a:hover{color:#63bbe4;}
.lang a.hover{color:#63bbe4;}
/*.icones a { margin-left:4px;}
.icones a :hover{ opacity:0.7;}*/
.icones a { background:#77c4e9 url(../images/icones.png) 0px -28px  repeat-x; margin-left:4px; display:block; height:28px; width:28px;  border-radius:200px;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.icones a:hover { background:#77c4e9 url(../images/icones.png) 0px 0px  repeat-x;}
.icones a.contact img { margin-left:5px;margin-top:5px; }
.icones a.newsletter img { margin-left:6px;margin-top:8px; }
.icones a.fb img { margin-left:10px;margin-top:7px; }
.banniere{width:950px; margin:auto; height:331px; background:url(../images/banniere.png) no-repeat; padding-top:6px; position:relative;}
.back_banniere{width:921px; margin:auto; height:290px; background:url(../images/back_banniere.png) no-repeat;}
.back_banniere .bann {margin-top:13px; margin-left:13px;}
.Panel{ width:220px; height:260px; background:url(../images/Panel.png) no-repeat; margin-right:23px; position:relative;}
.panier{ width:220px; height:110px; background:url(../images/panier.png) no-repeat;position:relative;}

.sep_footer{width:100%; height:2px; background:url(../images/sep_footer.png) no-repeat;}
.footer{ width:100%; /*background:#f2f5f6;*/}
.link_footer a,.link_footer{ color:#0490d1; font-family:Tahoma; font-size:12px;text-align:center;}
.link_footer a:hover{ color:#f647c0;}
.link_footer a.hover{ color:#f647c0;}
.copy{text-align:center;color:#0490d1;}
.copy a:hover{color:#a8a8a8;}

.PanelPadding{ padding:12px 17px 12px 17px;}
h1{color:#0278ae; font:normal 22px Tahoma;}
.black,.yellou,.pink,.blue{width:35px; height:37px; position:absolute; bottom:3px; right:3px;}
.black{background:url(../images/black.png) no-repeat;}
.yellou{background:url(../images/yellou.png) no-repeat;}
.pink{background:url(../images/pink.png) no-repeat;}
.blue{background:url(../images/blue.png) no-repeat;}
.black:hover,
.yellou:hover,
.pink:hover,
.blue:hover{opacity:0.6}
#ol{ margin:0px; padding:0px; list-style:url(../images/4.gif)!important; margin-left:25px;}
#ol li{ margin-bottom:10px; font-size:13px; font-family:Tahoma; color:#404040;}
#ol li a{font-size:13px; font-family:Tahoma; color:#404040;}
.inputlogin{width:180px; height:26px; background:url(../images/input.png) no-repeat; border:none; color:#a8a8a8; font:normal 13px Tahoma; padding-left:7px;}
.ok{width:30px; height:28px; background:url(../images/ok.png) no-repeat; border:none; color:#a8a8a8; font:normal 13px Tahoma; text-align:center}
.RightPanel{ width:717px;}
.PanelTop{ width:100%; height:20px; background:url(../images/top.png) no-repeat; }
.PannelBottom{ width:100%; height:20px; background:url(../images/PannelBottom.png) bottom center no-repeat; }
.PannelBody{ width:100%; background:url(../images/PanelBody.png) repeat-y; }
.PannelBody .padding{ padding:0px 14px;}

.filespan{ color:#0278ae; font:11px Tahoma; }
.filespan1{ color:#0278ae; font:bold 12px Tahoma; }
.file{ margin-top:6px; margin-left:8px; margin-right:7px;}
.open{ font:bold 12px Open Sans,Tahoma; color:#404040;}
.profil{display:block; height:15px; background:url(../images/profil.png) no-repeat; padding-left:23px; color:#8d8d8d; font:13px Open Sans; margin-bottom:10px;}
.mes_commandes{display:block; height:19px; background:url(../images/mes_commandes.png) no-repeat; padding-left:23px; color:#8d8d8d; font:13px Open Sans; margin-bottom:10px;}
.logout{display:block; height:15px; background:url(../images/logout.png) no-repeat; padding-left:23px; color:#8d8d8d; font:13px Open Sans; margin-bottom:10px;}
#conts ul, #conts ol{ list-style:url(../images/4.gif)!important; margin-left:25px;}
#conts, #conts * {font-size:13px; font-family:Tahoma; line-height:20px }
#conts table{ border-collapse:collapse; margin-top:10px; margin-bottom:10px;}
#conts td,#conts th { padding:5px;}
.msg {padding:10px; padding-left:35px; font:12px Tahoma; color:#333; margin-bottom:10px;}
.done {background:url(../images/oks.png) 10px 50% no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9; border-radius: 8px;}
.no {background:url(../images/no.png) 10px 50% no-repeat; border:2px solid #e72c2c; background-color:#e7bfbf; border-radius: 8px;}

.DateActM{ font:bold 12px Tahoma; color:#f629cb;}
.TitreActM{color:#0278ae; font-family:Tahoma; font-size:12px; margin-bottom:6px;}
.photos_act{width:97px; height:93px; background:url(../images/img_act.png) no-repeat;margin-right:8px;}
.imagess{width: 77px;height:74px; margin-top:9px; margin-left:9px;}

.spans{background:url(../images/icones.png) 0px 0px; repeat-x; -moz-border-radius:100px; border-radius:100px; -webkit-border-radius:100px;padding:3px 8px; color:#fff; margin:2px;text-align:center; } 
.spanlink{background:#77c4e9 url(../images/icones.png) 0px -28px  repeat-x; -moz-border-radius:100px; border-radius:100px; -webkit-border-radius:100px; padding:3px 8px; color:#fff; margin:2px;text-align:center;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.spanlink:hover{background:url(../images/icones.png) 0px 0px repeat-x; color:#fff;}
.forminp{ width:95%; height:20px; border-radius: 0px; border:#ccc solid 1px; background:#fff url(../images/bg_inputs.png) repeat-x; margin-top:1px; padding-left:4px;}
.formselect{ width:95%; height:27px; border-radius: 5px 0px 0px 5px; border:#ccc solid 1px; background:url(../images/bg_inputs.png) repeat-x; margin-top:2px;  padding:3px;}

.bouton2{ border:none; width:100px; height:26px; background:url(../images/bouton2.png) no-repeat; color:#fff; margin-left:5px;}
.bouton2:hover{background:url(../images/bouton2_hover.png) no-repeat;}
.bouton1{ border:none; width:120px; height:26px; background:url(../images/bouton1.png) no-repeat; color:#fff; margin-left:5px;}
.bouton1:hover{background:url(../images/bouton1_hover.png) no-repeat;}
.fieldset{ border:solid 1px #e2e0e0; border-radius:0 6px 6px 6px; width:95%; position:relative;background:transparant;}
.legend{ border-radius:6px 6px 0px 0px; width:150px; height:30px; text-align:center; line-height:30px; margin-left:2px; border-bottom:none;
font-weight:600; font-size:14px; font-family:Tahoma; color:#fff;background:#26b1f7;}
.bouton{
border:none;
height:26px;
background:url(../images/bt.png) no-repeat;
font-family:Tahoma;font-size:12px;font-weight:normal;color:#fff;
width:65px;
text-align:center;
}
.bouton:hover{ background:url(../images/bt_hover.png) no-repeat; }

.print{

height:26px;
background:url(../images/bt.png) no-repeat;
font-family:Tahoma;font-size:12px;font-weight:normal;color:#fff;
width:65px;
text-align:center;
line-height:26px;
}
.print:hover{ background:url(../images/bt_hover.png) no-repeat; color:#fff;}


h2.titre{color:#0278AE; font-family:Tahoma; font-size:12px;margin-bottom:7px;}
.links a {font-size:11px!important;}
.TAB{ border-collapse:collapse;}
.TAB .head{height:30px; background:#fff; font:13px Tahoma; color:#f629cb; text-align:center; border:1px solid #dedede/*#bababa*/; padding:0 3px;}
.tdp{ font:13px Tahoma; background:#fff;  color:#333333; border:1px solid #dedede; text-align:center; height:30px;}


.tbprod{width:100%;}
.code{width:131px; height:34px; background:url(../images/code.png) no-repeat; text-align:center; color:#404040; font:13px Tahoma; line-height:34px; display:block;}
.input_code{width:115px; height:28px; background:url(../images/input_code.png) no-repeat; color:#ababab; font:11px Tahoma; padding:0 5px; border:none;
margin-top:4px; margin-left:4px; text-align:center;}

.text_code{width:115px; height:28px; background:url(../images/input_code.png) no-repeat; color:#ababab; font:12px Tahoma; padding:0 5px; border:none;
margin-top:4px; margin-left:4px; display:block; text-align:center; line-height:28px;}

.commander{width:131px; height:34px; background:url(../images/commander.png) no-repeat; text-align:center; color:#008ed0; font:12px Tahoma; border:none;
margin-top:4px; margin-left:4px;}
.Ajouter{width:131px; height:34px; background:url(../images/ajouter.png) no-repeat; text-align:center; color:#008ed0; font:12px Tahoma; border:none;
margin-top:4px; margin-left:4px;}

.others{ cursor:pointer; color:#404040; font-size:13px; font-weight:bold; font-family:Tahoma; display:block; padding-left:15px; height:17px; background:url(../images/arrows.png) left center no-repeat;}
.v_others{ background:url(../images/v_arrows.png) left center no-repeat!important;}


.ui-effects-transfer{width:100%; height:50px; background:#008ed0; opacity:0.1;}


.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 0px!important;
	padding: 6px 0px 0px 27px!important;
	height: 31px;
	font-size:13px!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: none!important;
	background:url(../images/h3.png) no-repeat!important;
	font-weight: normal;
	color: #404040;
	width:660px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none!important;
	background:url(../images/h3.png) no-repeat!important;
	font-weight: normal;
	color: #404040;
	width:660px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	top: 14px!important;
}
.ui-accordion .ui-accordion-content {
	padding: 0px!important;
	border-top: 0;
	/*height:auto!important;*/
	/*overflow: hidden!important;*/
}
.ui-widget-content {
border:none!important;
width: 680px;
margin-left:5px!important;
}