/*** Styles generaux ***/
br.break {
	clear:both;
    display: block;
    font-size:0;
    height:1%;
    line-height:1%;
}

div.break {
	clear:both;
	width:100%;
	height:1px;
}
.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

div.blockButtonsRight {
	text-align: right;
	margin-top: 20px;
}

div.blockButtonsRight a.button,
div.blockButtonsRight button {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    cursor:pointer;
    margin:0;
    overflow:visible;
    padding:0;
    width:auto;
    font-style:italic;
    color: #777;
    vertical-align:top;
    font-size: 12px;
}

div.blockButtonsRight a.button span,
div.blockButtonsRight button span {
    background:url("../images/btn_puce_fluide.gif") no-repeat scroll 0 0 transparent;
    float:left;
    height:28px;
    padding:0 0 0 24px;
    text-align:center;
    white-space:nowrap
}

div.blockButtonsRight a.button span span,
div.blockButtonsRight button span span {
    background-position:100% 0;
    padding:6px 12px 0 8px;
}

div.blockButtonsLeft {
	text-align: left;
	margin-top: 20px;
}

div#rightColumnContent {
	float: right;
	width: 196px;
	border-left: dashed 1px #CCCCCC;
	min-height: 400px;
}

div#rightColumnContent p {
	margin-left: 8px;
}

div#rightColumnContent table {
	margin: auto;
}

div#rightColumnContent table p {
	margin-left: 0;
}

div#rightColumnContent a {
	color: #4C6480;
}

div#rightColumnContent li {
	list-style-type: disc;
	margin-left: 22px;
	line-height: 1.3em;
}

div#rightColumnContent li ul li {
	list-style-type: none;
	margin-left: 10px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

a.form-button {
	color: #ffffff;
	text-decoration: none;
}

.display-none {
	display: none;
}

/*** Pages contenues dans le bloc "Informations pratiques" ***/
div#centralContent div.richText {
	float: none;
	width: 552px;
	padding-right: 8px;
	color: #333333;
}

div#centralContent div.richText span img,div#centralContent div.richText img[align="left"],div#centralContent div.richText img[align="right"]
	{
	padding: 10px;
}

div#centralContent div.richText li {
	list-style-type: disc;
}

div#centralContent div.richText table {
	margin: auto;
}

div#centralContent div.richText table td {
	padding: 6px;
}

/*** Pages de type "Qui sommes-nous ?" ***/
div#rightColumnContent div#rcTop {
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 12px;
}

div#rightColumnContent div#rcBottom {
	margin-top: 12px;
}

/*** Pages de type "Partenaire" ***/
div#pagePartenaire div#rightColumnContent p {
	margin-left: 4px;
}

div#pagePartenaire div#rightColumnContent p br {
	line-height: 1.2em;
}

/*** Plan du site ***/
div#sitemap {
	margin: auto;
	width: inherit;
}

div#sitemap div.firstColumn,
div#sitemap div.secondColumn,
div#sitemap div.thirdColumn {
	float: left;
	width: 305px;
	margin: 0 5px;
}

div#sitemap div.blockSuperCategorie {
	margin-bottom: 10px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 5px;
	border-color: #B4C1CF;
	width: 100%;
}

div#sitemap div.first {
	margin-left: 0;
}

div#sitemap div.blockSuperCategorie h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url("../images/sitemap_corner_left.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #B4C1CF;
	margin-left: -1px;
}

div#sitemap div.blockSuperCategorie h2 a {
	color: #FFFFFF;
	display: block;
	background-image: url("../images/sitemap_corner_right.png");
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 6px;
	width: 295px;
}

div#sitemap div.blockSuperCategorie h3 {
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: bold;
	padding: 0 6px;
	line-height: 1em;
	color: #4C6480;
}
div#sitemap div.blockSuperCategorie h3 a {
	color: #4C6480;
}

div#sitemap div.blockSuperCategorie ul {
	padding: 0 6px;
	margin-bottom: 10px;
}

div#sitemap div.blockSuperCategorie li {
	margin-left: 18px;
	line-height: 1.2em;
}

div#sitemap div.blockSuperCategorie li a span {
	font-size: 0.9em;
}

div#sitemap div.blockSuperCategorie li ul li a {
	color: #4C6480;
}

div#sitemap div.blockSuperCategorie a {
	text-decoration: none;
}
div#sitemap div.blockSuperCategorie a:hover {
    color: #313131;
    text-decoration: none;
}
/*** Page de contact ***/
.contacts-index-index .richText p.title {
	color:#4C6480;
	font-size: 11pt;
	font-style: italic;
	font-weight: bold;
	line-height: 12pt;
	text-decoration: none;
	margin-top: 1.5em;
	text-align: right;
}

/*** Module de suivis ***/
div.trackscce div.list,div.trackscce div.details {
	padding-top: 40px;
}

div.trackscce table.list {
	border: #4C6480 solid 1px;
	width: 100%;
	margin: auto;
}

div.trackscce table.list th {
	background-color: #B6C8DD;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	vertical-align: middle;
}

div.trackscce table.list td {
	background-color: #DCE6F0;
	color: #4C6480;
	font-size: 11px;
	padding: 0px 4px;
	vertical-align: middle;
}

div.trackscce p.msgInfo {
	font-weight: bold;
	margin-top: 40px;
	color: #DD0000;
    font-size: 1.1em;
}

/* Pages liste */
div.trackscce div.list h2 {
	color: #4C6480;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 6px;
}

div.trackscce div.list h3 {
	color: #6F6F6D;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	font-weight: normal;
	margin-bottom: 12px;
}

div.trackscce div.list div#blockImportant {
	margin: 40px 0 8px 0;
}

div.trackscce div.list div#blockImportant li {
	margin-left: 40px;
}

div.trackscce div.list div#searchForm {
	color: #4C6480;
	font-weight: bold;
	margin-top: 20px;
}

/* Page détails */
div.trackscce div.details h2 {
	color: #4C6480;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 14px;
}

div.trackscce div.details table.customer td {
	padding: 12px 20px;
}

div.trackscce div.details table.customer th {
	padding-top: 4px;
	padding-bottom: 4px;
}

/** Suivi de commandes **/
div#trackOrders div.list,div#trackOrders div.details {
	background: url("../images/track_orders_head.gif") no-repeat top right;
}

/** Suivi de devis **/
div#trackQuotes div.list {
	background: url("../images/track_quotes_head.gif") no-repeat top right;
}

/* Detail d'un devis */
div#trackQuotes div.details {
	background: url("../images/track_quotes_head_references.gif") no-repeat
		top right;
	padding-top: 24px;
}

div#trackQuotes div#blockCustomerInfos {
	border: solid 1px #000000;
	padding: 4px;
}

div#trackQuotes div#blockQuoteInfos,
div#trackQuotes div#blockAddress {
	border: solid 1px #000000;
	padding: 4px;
	margin-top: 8px;
	text-align: left;
}
div#trackQuotes  div#blockAddress .centralBlock {
    margin-top: 15px;
}
div#trackQuotes div#blockAimAndDate {
	border: solid 1px #4C6480;
	background-color: #d8e4f3;
	padding: 4px;
	margin-top: 8px;
}

div#trackQuotes div#blockCart {
	border: solid 1px #000000;
	margin-top: 20px;
}

div#trackQuotes div#blockCart table.list {
	border: none 0;
}

div#trackQuotes div#blockCart caption {
	text-align: left;
	padding: 4px 0 2px 4px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

div#trackQuotes div#blockCart tr.total td.title {
	font-size: 12px;
}

div#trackQuotes div#blockCart tr.total td.title strong {
	font-size: 15px;
	font-weight: normal;
}

div#trackQuotes div#blockCart tr.total td.numeric {
	padding: 12px 4px;
	line-height: 26px;
	font-weight: bold;
}

div#trackQuotes .leftBlock {
	float: left;
	width: 50%;
}

div#trackQuotes .rightBlock {
	float: left;
	width: 50%;
}

div#trackQuotes .titleInfo {
	display: block;
	width: 85px;
	float: left;
	font-weight: bold;
}
.quote-save div#trackQuotes div#blockAddress .leftBlock .titleInfo,
.quote-save div#trackQuotes div#blockAddress .centralBlock .titleInfo {
	width: 150px;

}
div#trackQuotes div#blockAddress .rightBlock .titleInfo {
    width: 50px;
}
div#trackQuotes div#blockAddress .leftBlock {
    width: 220px;
}
div#trackQuotes div#blockAddress .leftBlock input {
    width: 45px;
}
div#trackQuotes div#blockAddress .rightBlock {
    position: relative;
}
div#trackQuotes div#blockAddress .rightBlock input {
    width: 150px;
    position: relative;
}
div#trackQuotes div#blockAddress .centralBlock input {
    width: 270px;
}

.quote-save div#trackQuotes .titleInfo {
    margin-bottom:5px;
}

div#trackQuotes select {
    width: 166px;
}

div#trackQuotes div#blockAimAndDate .titleInfo {
	width: 190px;
}

div#trackQuotes div#blockAimAndDate label.dark {
	color:#2F2F2F;
}

div#trackQuotes .valueInfo {
	display: block;
	float: left;
	width: 70%;
}

div#trackQuotes div#blockGeneralConditions {
	margin-top: 20px;
	border: solid 1px #000000;
	padding: 4px;
}

/*** Vue "print" d'un devis ***/
div#trackQuotes div#headerPrint .rightBlock {
	text-align: right;
	padding-top: 20px;
}

div#trackQuotes div.print table th {
	height: 40px;
	vertical-align: middle;
	text-align: center;
}

div#trackQuotes div.print table th,div#trackQuotes div.print table td {
	background: none;
	color: #000000;
	padding: 2px 3px;
	vertical-align: middle;
}

div#trackQuotes div.print div#blockAimAndDate {
	border: solid 1px #000000;
	background: none;
	padding: 4px;
	margin-top: 8px;
}

div#trackQuotes div.print div#blockCart {
	border: none 0;
}

div#trackQuotes div.print p.infoValiditeDevis {
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	margin-top: 20px;
}

/*** Formulaire d'ajout de produit dans le panier par référence ***/
div.addtocartbyreference table.list {
	border: #4C6480 solid 1px;
	width: 100%;
	margin: auto;
}

div.addtocartbyreference table.list th {
	background-color: #B6C8DD;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	vertical-align: middle;
}

div.addtocartbyreference table.list td {
	background-color: #DCE6F0;
	color: #4C6480;
	font-size: 11px;
	padding: 2px 4px;
	vertical-align: middle;
}

div.addtocartbyreference table.list td.align-center {
	vertical-align: top;
}

div.addtocartbyreference table.list td img {
	display: block;
}

div.addtocartbyreference table.list tr.notFound td {
	color: #DD0000;
	font-weight: bold;
	font-style: italic;
}

div.addtocartbyreference table.list td span.outOfStock {
	color: #DD0000;
	font-style: italic;
	font-weight: bold;
}

div.addtocartbyreference table.list td span.substitute {
	color: #000000;
	font-weight: bold;
}

div.addtocartbyreference table.list td p.titleServices {
	font-weight: bold;
	margin-bottom: 0;
}
div.addtocartbyreference table.list td li {
	list-style-position: inside;
	list-style-type: square;
}
div.addtocartbyreference table.list td li ul {
	margin-top: -2px;
}
div.addtocartbyreference table.list td li ul li {
	list-style-type: none;
	margin-left: 14px;
	margin-top: 0;
}
div.addtocartbyreference table.list td ul label {
	font-weight: normal;
}

div.addtocartbyreference input.textfield {
	border: solid 1px #B6C8DD;
	padding: 2px 1px 1px
}

div.addtocartbyreference div#overlayForPopup {
	height:100%;
	left:0;
	position: fixed;
	top:0;
	width:100%;
	z-index:100;
}
div.addtocartbyreference div.overlayForPopupBg {
	background-color: #000000;
    opacity: 0.75;
}
div.addtocartbyreference div#popupWarningVariants {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -180px;
	margin-top: -53px;
	width: 360px;
	height: 106px;
	border: 4px solid #525252;
	background-color : #FFFFFF;
	color: #000000;
	z-index: 102;
	padding: 15px;
	line-height:1.4em;
}

/*** Contenu de la popup thickbox  ***/
div#hiddenModalContent img#imgClose,
div#TB_window img#imgClose {
    cursor: pointer;
    display: block;
    float: right;
}
div#hiddenModalContent h2 span#nameProduct,
div#TB_window h2 span#nameProduct {
    margin-bottom: 10px;
}

div.hiddenModalContentAddToCart {
    display:none;
}

div.hiddenModalContentAddToCart img#imgClose, 
div#TB_window img#imgClose.close-no-display {
    display:none;
}

/*** Page du panier ***/
td.attributes-col div.tarifEN {
	margin: 12px 0 6px 0;
}
td.attributes-col div.tarifEN p {
	margin: 0;
}

/** page de résultat de recherche */
ul.search-results {
	margin-bottom:5px;
	margin-left:15px;
	list-style-type:disc;
	list-style-position:inside;
}

ul.search-results li {
	float:left;
	width:49%;
}

/** tvmag **/
#tvmag { width:760px; }
#tvmag #products { width:480px; }
#tvmag #archive ul.categories {
    margin:0px;
    padding:0px;
}
#tvmag #archive ul.categories li {
     display:inline;
     float:left;
}
#tvmag div.video {
     padding-top:3px;
     margin:5px;
     margin-right:13px;
     float:left;
     list-style-type:none;
     width:161px;
     height:121px;
     background:url('/skin/frontend/default/complicce/images/video/fond-video-archive.jpg') no-repeat;
     text-align:center;
     cursor:pointer;
}
#tvmag div.video img.previewVideo{
     width:155px;
     height:87px;
}
#tvmag div.archives {
     width:756px;
     overflow:auto;
     height:305px;
     clear:both;
     background-color:#e7ebf0;
     margin:0 0 10px 0;
}
#tvmag div#titreVideo{
     background:url('/skin/frontend/default/complicce/images/video/bandeau-tv.jpg') no-repeat;
     height:29px;
     width:717px;
     font-weight:bold;
     color:#7c8da2;
     padding-left:40px;
     padding-top:10px
}
#tvmag div#player{
     float:left;
}
#tvmag div.ficheProduitDescription{
     float:left;
     width:220px;
     padding-top:2px;
     padding-bottom:2px;
}
#tvmag div.ficheProduitDescription a{
     font-weight:bold;
     color:#7c8da2;
     text-decoration:none;
}
#tvmag div#videos{
     float:left;
}
#tvmag div#link{
     /*float:left;*/
     height:105px;
}
#tvmag div#archive{
     width:760px;
}
#tvmag ul#listeVideos{
     float:left;
     margin:0px;
     padding:0px;
}
#tvmag ul#listeVideos li{
     background:url('/skin/frontend/default/complicce/images/video/fond-video-du-mois.jpg') no-repeat;
     margin-left:5px;
     margin-bottom:5px;
     padding-top:5px;
     padding-left:4px;
     list-style-type:none;
     width:271px;
     height:41px;
     cursor:pointer;
}
#tvmag ul#listeVideos li.over{
	 background:url('/skin/frontend/default/complicce/images/video/fond-video-du-mois_on.jpg') no-repeat;
}
#tvmag ul#listeVideos li img{
     margin-right:10px
}
#tvmag ul#listeVideos li a{
     font-weight:bold;
     color:#7c8da2;
     text-decoration:none;
}
#tvmag div.ui-tabs-hide{
     display:none;
}   
#tvmag h2.archive{
    margin:0px;padding:0px;
}
#tvmag ul#listeVideo img.previewVideo{
    width:66px;
    height:36px;
    float:left;
}
#tvmag #archive ul.categories a {
    display:block;
    width:84px;
    height:34px; 
}
#tvmag #archive ul.categories a span {
	display:none;
}
#tvmag #archive ul.categories a.ongletCat757 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat757 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat699 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat699 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat717 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat717 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat796 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat796 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-mobilier_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat457 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-edu.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat457 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-edu_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat1076 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-techno.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat1076 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-techno_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat64 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-audio.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat64 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-audio_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat481 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-medi.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat481 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-medi_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat855 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-sport.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat855 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-sport_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat4 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-amen.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat4 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-amen_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat639 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-info.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat639 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-info_on.jpg') no-repeat; 
}
#tvmag #archive ul.categories a.ongletCat342 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-equip.jpg') no-repeat;
}
#tvmag #archive ul.categories li.ui-tabs-selected a.ongletCat342 {
    background:url('/skin/frontend/default/complicce/images/video/onglet-equip_on.jpg') no-repeat; 
}
#tvmag #archive div.video a.videoArchive {
	color:#7C8DA2;
	font-weight:bold;
	text-decoration:none;
}
#tvmag #archive div.video {
    line-height:12px;
}