@charset "iso-8859-1";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#d0d0d0; color:#000000; }
ul, p, li, h1, h2, h3{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none; color:#000000;}
a:hover {text-decoration:underline;}
img{border:0;}
.clear{clear:both;}
.center{text-align:center}


h2{color:#FD920C; display:block; font-size:24px; font-weight:bold; height:22px; padding:10px 15px 15px 0;}

.header_swf { float:left; width: 395px; padding: 0px; padding-left:217px; margin:0px; height:150px; }

.top-infos-wrapper{
	background:#4d4d4d; 
	padding:2px 0 2px 0 ;
	font-size:11px;
	color:#FFFFFF;
	width:100%;
}

.header_wrapper { float:left; height:150px; }

.top-infos{
	width:955px;
	margin-left:auto;
	margin-right:auto;
}

.top-pub{
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}

.wrapper {text-align:left; background-color:transparent; width:955px; margin:0 auto 0 auto;}
.page-content {float:left; background:#FFFFFF; width:762px; padding:10px;}

/* HEADER */
.header{background:url(../img/bg-header.jpg) top left no-repeat; position:relative; width:762px;}
.top-nav{width:100%;}
.top-nav li {
	display:block;
	float:left;
	margin-right:6px;
}

.top-nav li a{
	display:block;
	position:relative;
	float:left;
	height:29px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	overflow:visible;
	padding:0 4px 0 4px;
}

.top-nav li a .tab-center{
	display:block;
	float:left;
	background:url(../img/topnav/tab-blue-bg.png) top left repeat-x;
	height:23px;
	padding:6px 12px 0 12px;
}

.top-nav li a .tab-left{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	background:url(../img/topnav/tab-blue-left.png) top left no-repeat;
	width:5px;
	height:29px;
}

.top-nav li a .tab-right{
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	background:url(../img/topnav/tab-blue-right.png) top right no-repeat;
	width:5px;
	height:29px;
}

.top-nav li a.active .tab-center {background:url(../img/topnav/tab-orange-bg.png) top left repeat-x;}
.top-nav li a.active .tab-left {background:url(../img/topnav/tab-orange-left.png) top left no-repeat;}
.top-nav li a.active .tab-right {background:url(../img/topnav/tab-orange-right.png) top right no-repeat;}

.top-nav-sub{
	background: url(../img/topnav/top-nav-sub-orange-bg.gif) top left repeat-x;
	padding:2px 0 0 15px;
}


.top-nav-sub ul {
	margin:0 0 0 300px; 
}

.top-nav-sub li {
	float:left;
	margin-right:8px;
	overflow:visible;
	display:block;
	position:relative;
	color:#FFFFFF;
	font-size:11px;
	height:20px;
}

.top-nav-sub li a{
	display:block;
	float:left;
	color:#FFFFFF;
	padding:2px 8px 8px;
	font-size:12px;
}

.top-nav-sub li a:hover, .top-nav-sub li a.active{
	text-decoration:underline;
	background:url(../img/topnav/top-nav-sub-puce.gif) left 6px no-repeat;
}


#sousmenu
{
  position:absolute;
  top:20px;
  left:0px;
  list-style-type: none;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background:#999999;
  z-index:100;
  width:127px;
  height:auto;
}
#sousmenu1
{
  position:absolute;
  top:20px;
  left:0px;
  list-style-type: none;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background:#999999;
  z-index:100;
  width:120px;
  height:auto;
}
#sousmenu2
{
  position:absolute;
  top:20px;
  left:0px;
  list-style-type: none;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background:#999999;
  z-index:100;
  width:120px;
  height:auto;
}
#sousmenu3
{
  position:absolute;
  top:20px;
  left:0px;
  list-style-type: none;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background:#999999;
  z-index:100;
  width:120px;
  height:auto;
}


#sousmenu a , #sousmenu1 a, #sousmenu2 a, #sousmenu3 a,
#sousmenu a:active ,#sousmenu1 a:active ,#sousmenu2 a:active,#sousmenu3 a:active
{
  margin: 0;
  padding: 0;
  border-top:#FFFFFF 1px solid;
  display:block;
  width:108px;
  height:auto;
  padding:4px 5px 4px 7px;
  background:url(/img/blank.gif);
  margin:0;
  z-index:100;
}

#sousmenu a:hover, #sousmenu1 a:hover ,#sousmenu2 a:hover, #sousmenu3 a:hover{background: #FC9A1A;}

/* CONTENT */
.page-content-main{background:#FFFFFF; min-height:500px; padding:0 20px; font-size:12px; }
.page-content-main .main-left{/*position:relative;*/ float:left; width:608px;}
.page-content-main .topic{color:#585858; font-size:14px; font-weight:bold; width:640px; margin:0 0 20px 0; }
.page-content-main .dossier{width:325px; float:left; margin:10px 0 10px 0;}
.page-content-main .en_bref {width:387px; float:left; margin:10px 0 10px 10px; background:url(../img/en_bref.gif) no-repeat top left;}
.page-content-main .en_bref #bref {font-size:15px; margin:4px 0 0 25px; color:#FFFFFF; font-weight:bold;}
.page-content-main .en_bref .border_orange {border:1px solid #FF8A00; margin:0 auto 0 auto; width:385px; background: url(../img/onglet_orange.gif) no-repeat bottom right; position:relative; border-top:none; }
.page-content-main .en_bref .border_orange .txt_en_bref { padding:15px 15px 30px 15px; width:350px; font-size:12px;}
.page-content-main .en_bref .border_orange .txt_en_bref ul {}
.page-content-main .en_bref .border_orange .txt_en_bref ul li {background:url(../img/puce.gif) no-repeat 0 3px; padding-left:15px; margin:5px 0 0 0;}
.page-content-main .en_bref .border_orange .txt_en_bref ul li a,
.page-content-main .en_bref .border_orange .txt_en_bref ul li a:hover {color:#FE8D04; font-weight:bold; }
.page-content-main .en_bref .border_orange .detail {font-weight:bold; text-align:center; font-size:12px; color:#FFFFFF; line-height:23px; height:23px; width:92px; position:absolute; bottom:0; right:0;}
.page-content-main .en_bref .border_orange .detail a,
.page-content-main .en_bref .border_orange .detail a:visited {color:#FFFFFF; text-decoration:underline;}
.page-content-main .cadre_prix {width:391px; float:right; }
.page-content-main .cadre_prix .border_top {background:url(../img/border_top.gif) no-repeat top left; height:9px; width:391px;}
.page-content-main .cadre_prix .border_middle {background:url(../img/border_middle.gif) repeat-y top left; width:391px; float:left;}
.page-content-main .cadre_prix .border_middle .qte {float:left; width:356px; padding:5px 0 8px 10px; font-size:12px; color:#50504F; font-weight:bold;}
.page-content-main .cadre_prix .border_middle .qte form {padding:0; margin:0;}
.page-content-main .cadre_prix .border_middle .prix {float:left; padding:10px 0 0 25px; color:#50504F; font-size:20px; width:175px;}
.page-content-main .cadre_prix .border_middle .prix span {color:#50504F; font-size:13px;}
.page-content-main .cadre_prix .border_bottom {background:url(../img/border_bottom.gif) no-repeat top left; height:9px; width:391px;}
.page-content-main .cadre_prix .border_middle .add_cart {float:left; margin-left:10px; width:167px; height:34px; }
.page-content-main .cadre_prix .border_middle .add_cart p input { margin:0; padding:0; background:none; border:none; font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.page-content-main .cadre_prix .border_middle .add_cart p {text-align:center; padding-top:6px; font-weight:bold; width:167px; height:34px; background:transparent url(../img/ajouter_panier.gif) no-repeat 0 0;}
.page-content-main .cadre_prix .border_middle .add_cart p a,
.page-content-main .cadre_prix .border_middle .add_cart p a:visited {color:#FFFFFF; font-size:16px;}
.page-content-main .description,
.page-content-main .conseil {width:722px; background:url(../img/bande_detail.gif) no-repeat top left;}
.page-content-main .description .border_middle_description,
.page-content-main .conseil .border_middle_description {background:url(../img/border_middle_description.gif) repeat-y top left; float:left; width:722px; }
.page-content-main .conseil .border_middle_description div.wrap { background:url(../img/separateur.gif) no-repeat 360px 0; float:left;}
.page-content-main .description #titre_description,
.page-content-main .conseil #titre_conseil {color:#FFFFFF; font-size:15px; font-weight:bold; height:22px; margin-left:25px; width:50px; padding-top:7px;} 
.page-content-main .conseil #titre_conseil {width:689px; padding-top:8px;}
.page-content-main .description .border_middle_description #li_size {font-size:12px; margin:0; padding:15px;}
.page-content-main .description .border_middle_description ul {margin:10px 20px 5px 20px;}
.page-content-main .description .border_middle_description li {background:url(../img/puce.gif) no-repeat 0 3px; padding-left:15px; margin:5px 0 0;}
.page-content-main .description .border_bottom_description,
.page-content-main .conseil .border_bottom_description {background:url(../img/border_bottom_description.gif) no-repeat top left; float:left; width:722px; height:14px;}
.page-content-main .conseil .border_middle_description .cadre1,
.page-content-main .conseil .border_middle_description .cadre2 {float:left; width:360px;  }
.page-content-main .conseil .border_middle_description .cadre1 p,
.page-content-main .conseil .border_middle_description .cadre2 p {margin:0; padding:0;}
.page-content-main .conseil .border_middle_description .cadre1 .img_cadre1,
.page-content-main .conseil .border_middle_description .cadre2 .img_cadre2 {float:left; margin:20px 8px 30px 10px;}
.page-content-main .conseil .border_middle_description .cadre2 .img_cadre2 {margin:5px 0 5px 5px;}
.page-content-main .conseil .border_middle_description .cadre1 .conteneur_cadre_txt,
.page-content-main .conseil .border_middle_description .cadre2 .conteneur_cadre_txt2 {float:left; width:190px; margin:5px 0 10px 5px;}
.page-content-main .conseil .border_middle_description .cadre1 .txt_cadre1,
.page-content-main .conseil .border_middle_description .cadre2 .txt_cadre2 {width:195px; margin-bottom:5px; color:#333333; font-size:14px; font-size:12px; text-align:justify; }
.page-content-main .conseil .border_middle_description .cadre1 .txt_cadre1 span.titre { font-weight:bold; font-size:14px; padding:6px 0; display:block; }
.page-content-main .conseil .border_middle_description .cadre1 p.en_savoir_plus,
.page-content-main .conseil .border_middle_description .cadre2 p.en_savoir_plus2  {}
.page-content-main .conseil .border_middle_description .cadre1 .en_savoir_plus a,
.page-content-main .conseil .border_middle_description .cadre2 .en_savoir_plus2 a { font-weight:bold; color:#FE8D04;}


/* COLONNE RIGHT*/
.right-menu {margin-left:10px; width:160px; float:left; height:300px;}
.right-menu .identifier {background:url(../img/identifier.jpg) no-repeat top left; width:160px; height:43px;}
.right-menu .identifier p {background:url(../img/puce_identifier.gif) no-repeat 0 8px; padding:5px 0 0 15px; margin:0 5px 0 5px;}
.right-menu .identifier p a, .right-menu .identifier p a:visited {font-size:12px; color:#FFFFFF; font-weight:bold;}
.right-menu .commander {width:160px; margin:12px 0 0 0; background-color:#FFFFFF; text-align:center;}
.right-menu .commander p {margin:0; padding:0;}
.right-menu .commander .cadre_orange {background-color:#FF8A00; height:30px; width:158px; border:1px solid #FFFFFF;} 
.right-menu .commander .cadre_orange p {color:#FFFFFF; font-size:12px; padding:7px 0 0 0; font-weight:bold;}
.right-menu .commander .titre, .right-menu .commander .expedition {font-size:12px; margin:5px 0 5px 0;}
.right-menu .commander .expedition {padding-left:5px;}
.right-menu .commander .total {font-size:12px; font-weight:bold; padding:0 0 0 5px;}
.right-menu .commander .prix_ttc {color:#B4B4B4; font-size:9px; padding:5px 0 0 5px;}
.right-menu .commander .btn_commander {background:url(../img/commander.jpg) no-repeat center center; height:27px; padding:5px 0 5px 0;}
 .right-menu .commander .btn_commander a {display:block; font-size:14px; font-weight:bold; color:#FFFFFF; padding-top:5px;}
.right-menu .commander hr {margin:auto; width:100px; color:#C3C3C2;}

/* FOOTER */
.typorouge {color:#CC3300;}
.footer-wrapper{position:relative; width:712px; overflow:visible; margin-left:-10px;}
.footer{position:absolute; top:0px; left:0px; width:722px; padding:15px 30px 50px 30px; background:#4c4a4b;}
.bottom-nav{border-bottom:1px solid #a6a4a5 ; height:26px;}
.bottom-nav li{float:left; font-size:11px; border-right:1px solid #a6a4a5; }
.bottom-nav a{color: #a6a4a5; margin:4px 0 4px 6px; padding-right:6px;}
.bottom-nav .top-link{display:block; float:left; width:75px; padding-left:20px; font-size:11px; color:#FFFFFF; background:url(../img/footer/arrow-up.gif) left 3px no-repeat; margin-top:0px;}

.bottom-nav-sub{height:26px; padding:10px 0px 10px 0}
.bottom-nav-sub ul{float:right;}
.bottom-nav-sub li{float:left; font-size:11px; border-right:1px solid #FFFFFF; }
.bottom-nav-sub a{color: #FFFFFF; margin:4px 0 4px 10px; padding-right:10px;}

.bottom-nav-sub-sub{height:26px; padding:0px 0px 4px 0}
.bottom-nav-sub-sub ul{float:right;}
.bottom-nav-sub-sub li{float:left; font-size:10px; border-right:1px solid #a6a4a5; }
.bottom-nav-sub-sub a{color: #a6a4a5; margin:4px 0 4px 10px; padding-right:10px;}


.green-box, .red-box, .empty-box {padding-bottom:10px;}

.empty-box{text-align:center;}

.green-box .title, .red-box .title{
	background:#78b21f url(/assets/img/right-menu/green-box-title-bg.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 6px 6px 6px;
	font-size:11px;
	color:#FFFFFF;
}


.green-box .content{
	border:2px solid #78b21f ;
	background:#FFFFFF;
}

.red-box .title{
	font-size:12px;
	background:#FF8A00 url(/assets/img/right-menu/red-box-title-bg.gif) top left no-repeat;
	font-weight:bold;
	text-align:center;
}

.red-box .content{
	border:2px solid #FF8A00 ;
	background:#FF8A00;
	font-size:12px;
	color:#FFFFFF;
}

.red-box .sep{
	padding-top:10px;
	height:2px;
	padding-bottom:10px;
	background:#e50003 url(/assets/img/right-menu/red-box-sep.gif) left 10px no-repeat;
}

.red-box .content ul{padding:4px 0 4px 0}

.red-box .content li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
	background:url(/assets/img/right-menu/red-box-puce.jpg) left 4px no-repeat;
	padding-left:14px;
}