/* ************** Feuille de style de Sacha 2.7.2009 *************/
 
html,body {
height:100%;
text-align:center;
}
 * {
padding:0px;
margin:0px;
}
body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color: #000000;
 	background:url(/multimedia/images/img_structures/bkg-interne.gif);
}
td,select,form,option,input {font-family: Arial, Helvetica, sans-serif;/*font-size: 11px;*/}
input{border: 1px solid #000000;font-size:11px;}
p {margin-bottom:10px;}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.contenu li {margin-left:10px;}
td {vertical-align:top;}
div {border:0px solid red;}
img {border:0px none #ffffff;}
h1,h2,h3,h4,h5,h6 {
font-weight:bold;
}
h1 {
font-size:21px;
margin-bottom:0px;
margin-top:0px;
}
h2 {
font-size: 16px;
margin-bottom:5px;
margin-top:15px;
}
h3 {
font-size: 13px;
padding-bottom:20px;
padding-top:10px;
}
h4 {
font-size: 12px;
margin-bottom:5px;
margin-top:10px;
}
a:link, a:visited {text-decoration:none; color:#001E81;font-weight:bold;}
a:hover, a:active {text-decoration:none; color:#F4C116;font-weight:bold;}
a.special:link,a.special:visited {text-decoration:none;color:#000000;font-weight:bold;font-size:11px}
a.special:hover,a.special:active {text-decoration:none; color:#008a37;font-weight:bold; font-size:11px}

.content {
text-align:justify;
margin:0px;
}

/* Template */
 
#header, #content, #footer {
width:966px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
}

/* Header */
#header {
padding:0 3px 0 3px;
margin-top:40px;
background:url(/multimedia/images/img_structures/bkg-header.gif) 0px 40px repeat-y;
height:74px;
}
 #header a {}

/* Content */
#content {
position:relative;
background:url(/multimedia/images/img_structures/bkg-content.gif) repeat-y;
 padding:3px;
 min-height:550px;
 height:auto !important;
 height:510px;
 }

#home #content {
background:url(/multimedia/images/img_structures/bkg-home.jpg) no-repeat;
min-height:0;
padding-left:4px;
height:auto;
}
#left {
float:left;
width:736px;
z-index:99;
position:relative;
left:1px;
}
#home #mainflash {
width:736px;
float:left;
}
.offrespeciale {
text-align:center;
}
.offrespeciale h3 {
font-size:12px;
padding-top:7px;
}
#main {
margin-right:70px;
 margin-bottom:20px;
text-align:justify;
position:relative;
}
.etroit {
margin-left:194px;
}
 .large {
margin-left:20px;
}
 .chapeau {
font-weight:bold;
color:#115DA4;
}
 #teasers {
margin-left:736px;
padding-top:20px;
width:200px;
z-index:99;
position:relative;
}
 #teasers h1 {
color:#ffffff;
border-left:solid #ECB326 8px;
padding-left:6px;
font-size:11px;
text-transform:uppercase;
line-height:16px;
margin:0;
}
 #teasers a:link,#teasers a:visited {
text-decoration:none;
 color:#F4C116;
font-weight:bold;
}
 #teasers a:hover,#teasers a:active {
text-decoration:none;
 color:#ffffff;
font-weight:bold;
}
 #login {
background:url(/multimedia/images/img_structures/bkg-login.jpg) repeat-x;
position:relative;
height:120px;
}
 #login form {
padding-bottom:5px;
}
 #login input {
border:0;
}
 #login input#user, #login input#pwd  {
padding:3px;
border:0;
background:#80BBF2;
margin-bottom:4px;
color:#ffffff;
}
 #actuel {
background:url(/multimedia/images/img_structures/bkg-news.jpg) repeat-x;
}
 #teasers .news {
margin:15px;
border-bottom:1px dotted #ffffff;
height:auto;
 width:auto;
}
 #teasers .news h2 {
color:#ffffff;
font-size:11px;
text-transform:uppercase;
margin:0;
}
 h1 {
color:#115DA4;
font-weight:normal;
margin-bottom:15px;
}

/* Footer */
 #footer {
padding:15px 3px 15px 3px;
background:url(/multimedia/images/img_structures/bkg-content-bottom.gif) no-repeat;
}
 #home #footer {
padding:15px 0 0 0;
background:none;
}
#footer a:link, #footer a:visited {text-decoration:none; color:#001E81;font-weight:bold;}
#footer a:hover, #footer a:active {text-decoration:none; color:#F4C116;font-weight:bold;}

#footerlinks { padding: 4px; }

#footerlinks a{ padding:0px 10px 0px 10px; font-weight:bold; color: #001E81;}

/* Navigation */
/* #navigVerticale {
position:absolute;
float:left;
width:192px;
padding-left:1px;
}
 #navigVerticale ul {
list-style-type:none;
}
 #navigVerticale ul a {
border-left:15px #ffffff solid;
padding-left:5px;
}
 #navigVerticale ul a:hover, #navigVerticale ul a:active  {
border-left:15px #F4C116 solid;
}
 #navigVerticale li {
padding-bottom:5px;
}
 #navigVerticale ul .selected {
border-left:15px #F4C116 solid;
color:#F4C116;
}
 #navigVerticale ul ul {
padding-left:20px;
}
 */

/* Navigation */
 #navigVerticale {
 position:relative;
 float:left;
 width:192px;
 padding-left:1px;
 }
 #navigVerticale ul {
 list-style-type:none;
 }
 #navigVerticale ul a {
 border-left:5px #ffffff solid;
 padding-left:2px;
 }
 #navigVerticale ul a:hover, #navigVerticale ul a:active  {
 border-left:5px #F4C116 solid;
 }
 #navigVerticale li {
padding-bottom:6px;
}

#navigVerticale ul .selected {
 border-left:5px #F4C116 solid;
 color:#F4C116;
 }
#navigVerticale ul ul {
padding-left:12px;
}
#navigVerticale ul ul a{font-weight:normal !important;}

/* Tableau */
 .tabSEIC {
border-collapse:collapse;
}
 table.tabSEIC  {
width:99%;
margin-bottom:20px;
}
 .tabSEIC th, .tabSEIC td {
border:1px solid #ffffff;
}
 .tabSEIC td {
background:#E6E6E6;
padding:5px;
}
 .tabSEIC th {
background:#6777B3;
padding:5px;
color:#ffffff;
text-transform:uppercase;
}
 .tabSEIC th.info {
text-align:center;
}
 .tabSEIC td.label {
font-size:11px;
background:#99A5CD;
padding:5px;
color:#ffffff;
font-weight:bold;
white-space:nowrap;
}
 .tabSEIC td.info, .tabSEIC table td {
font-size:10px;
}
 .tabSEIC td.info {
background:#E6E6E6;
padding:5px 5px 5px 30px;
}
 .tabSEIC table {
width:100%;
}
 .tabSEIC table th {
border:0;
padding:0;
text-align:center;
background:#99A5CD;
color:#000000;
font-weight:normal;
font-size:10px;
}
 .tabSEIC table td {
border:0;
padding:0;
}
 .tabSEIC table table {
border:0;
padding:0;
border-right:1px solid #ffffff;
background:#E6E6E6;
padding-bottom:5px;
}
 .tabSEIC table table th {
padding-top:2px;
padding-bottom:2px;
}
 .tabSEIC table table td {
background:#E6E6E6;
padding-left:30px;
}

/* Tableau prog tv */
.tabprog th {
 background:#6777B3 none repeat scroll 0 0;
 color:#FFFFFF;
 padding:5px;
 text-transform:uppercase;
 border:1px solid #FFFFFF;
 }
.tabprog td {
background:#E6E6E6;
border:1px solid #FFFFFF;
padding:5px;
}
 .tabprog {
border-collapse:collapse;
}


/*** NEWS **********************************************/
 #news_index .titre_news{
font-size:1.2em;
 font-weight:bold;
 margin-top:20px;
 margin-bottom:20px;
 color:#001E81;
 font-family:"Trebuchet MS";
 border-bottom:1px solid #BABABA;
}
 .news{
width:100%;
 margin-bottom:30px;
 /*height:100px;*/
float:left;
}
 .news .image{
float:right;
 margin-right:10px;
 width:132px;
 height:92px;
 border:1px solid gray;
 position:relative;
}
 .news .image img{
width:130px;
height:90px;
border:none;
 position:absolute;
 top:1px;
 left:1px;
}
 .news .titre{
color:#001E81;
 font-weight:bold;
 font-size:1.1em;
 margin-bottom:5px;
}
 .news .date{
font-size:0.9em;
}
 #news_detail .soustitre{
margin-bottom:5px;
 font-weight:bold;
 font-size:1.1em;
 margin-bottom:10px;
}
 .news .plus{
font-size:0.9em;

 background-image:url(/multimedia/images/img_structures/li.jpg);
 background-repeat:no-repeat;
 background-position: 0px 4px;
 padding-left:10px;
float:left;
}
  #news_detail{
text-align:justify;
}
 #news_detail .titre_news{
font-size:1.2em;
 font-weight:bold;
 margin-top:20px;
 margin-bottom:20px;
 color:#001E81;
 font-family:"Trebuchet MS";
 border-bottom:1px solid #BABABA;
}
 #news_detail .news_title{
font-weight:bold;
 font-size:1.3em;
 margin-bottom:12px;
}
 .news_detail .image{
float:right;
 margin-left:15px;
 margin-bottom:4px;
 margin-top:4px;
}
 .news_detail .image img{
padding:1px;
 /* border:1px solid #bbb */
}

 .news_detail .image .legend{
text-align:center;
 font-style:italic;
 font-size:0.9em;
font-weight:bold;
color:#777;
}
 .news_detail .galerie{
text-align:center;
 margin-top:20px;
}
 .news_detail .galerie .galerie_image{
float:left;
 margin-right:30px;
}
 .news_detail .galerie .galerie_image img{
padding:1px;
 border:1px solid #bbb;
}
 .news_detail .docs{
clear:both;
margin-top:20px;
line-height:18px;
}
 .news_detail .docs .docs_title{
font-size:1.1em;
font-weight:bold;
 border-bottom:1px solid;
margin-bottom:10px;
}
  .news_detail #options {
position:absolute;
right:0px;
top:0px;
}
 .news_detail #options #plus_moins{
float:right;
 margin-left:10px;
}
 .news_detail #options #rss{
float:right;
 margin-left:10px;
}
 .news_detail #options #print{
float:right;
 margin-left:10px;
}
 .news_detail #options #send{
float:right;
 margin-left:10px;
}
 .news_detail #options #widget_addthis{
float:right;
 margin-left:10px;
 margin-top:-1px;
}
 .news_detail #options #facebook{
float:right;
 margin-top:1px;
 margin-left:10px;
}
 .news_detail ul{
list-style-position: inside;
}
  .news_first {
clear:both;
 margin-bottom:20px;
 height:190px;
}
 .news_first .image_first {
float:left;
 margin-right:12px;
}
 .news_first .image_first img{
border:1px solid #bbb;
 padding:1px;
}
 .news_first .date{
font-size:0.9em;
}
 .news_first .titre{
color:#001E81;
 font-weight:bold;
 font-size:1.4em;
 margin-bottom:5px;
}
 .news_first .soustitre{
font-weight:normal;
 font-size:1.1em;
 margin-bottom:10px;
}
 .news_first .plus{
font-size:0.9em;
 margin-top:6px;
 background-image:url(/multimedia/images/img_structures/li.jpg);
 background-repeat:no-repeat;
 background-position: 302px 4px;
 padding-left:308px;
}

/******************************************************/
/*** CONTENUS SIMPLES *********************************/
  #contenu_simple .header{
 color:#001E81;
 font-weight:bold;
 font-size:1.1em;
 line-height:17px;
 margin-bottom:15px;
 }
  #contenu_simple .image_top{
 float:right;
 border:0px solid #ccc;
 width:228px;
 height:157px;
 margin-left:15px;
 margin-bottom:10px;
 position:relative;
 }
 #contenu_simple .image_top img{
 margin:1px;
 }
 #contenu_simple .images_bottom{
 text-align:center;
 width:100%;
 height: 120px;
 clear:both;
 }
 #contenu_simple .images_bottom .image{
 float:left;
 border:1px solid #ccc;
 width:132px;
 height:92px;
 margin:20px;
 position:relative;
 }
 #contenu_simple .images_bottom .image img{
 margin:1px;
 }
 #contenu_simple .docs{
 margin-top:20px;
 line-height:18px;
 }
 #contenu_simple .docs .docs_title{
 font-size:1.2em;
 font-weight:bold;
 font-variant:small-caps;
 border-bottom:1px solid;
 margin-bottom:10px;
 }
/******************************************************/

/* navigation principale */
 ul.menu {
 	margin:0;
 	padding:0;
 	list-style:none;
 	list-style-image:none;
 	font-size:10px;
 }
 .menu li{
 	list-style:none;
 }
 ul.menu li {
 	margin:0;
 	padding:0;
 }
 ul.menu li a, ul.menu li a:visited {
 	display:block;
 	width:165px;
 	height:15px;
 	margin:0px 0px 1px 0;
 	padding:2px 0 0 4px;
 	color:#fff;
 	text-transform:uppercase;
 	font-weight:bold;
 	 /*background: url(/multimedia/images/img_structures/menu_bg.jpg) 0 0 no-repeat;
*/
 background:#001E81;
 }
 ul.menu li a:hover {
 	color:#fff;
 	 /*background: url(/multimedia/images/img_structures/menu_bg_over.jpg) 0 0 no-repeat;
*/
 background:#F4C116;
 }
 ul.menu li a.selected {
 	color:#fff;
 	/*background: url(/multimedia/images/img_structures/menu_bg_over.jpg) 0 0 no-repeat;
*/
 background:#F4C116;
 }
 ul.menu li a.selected:hover {
 	color:#fff;
 }
 ul.submenu {
 	padding:0 0 4px 0;
 	margin:0;
 }
 ul.submenu li {
 	list-style:none;
 	list-style-image:none;
 	margin:0 0 5px 10px;
 	padding:0;
 }
 ul.submenu li a, ul.submenu li a:visited {
 	line-height:12px;
 	font-size:10px;
 	color:#464646;
 	font-weight: normal;
 }
 ul.submenu li a:hover {
 	color:#005aa9;
 }
 ul.submenu li a.selected, ul.submenu li a:visited.selected {
 	font-weight: bold;
 }
 img.submenuarrow{
 	padding-right:6px;
 }
#content_detail #options {
position:absolute;
right:0px;
top:0px;
}
#content_detail #options #plus_moins{
float:right;
 margin-left:10px;
}
#content_detail #options #rss{
float:right;
 margin-left:10px;
}
#content_detail #options #print{
float:right;
 margin-left:10px;
}
#content_detail #options #send{
float:right;
 margin-left:10px;
}
#content_detail #options #widget_addthis{
float:right;
 margin-left:10px;
 margin-top:-1px;
}
.faqitem{
 	margin: 10px 0px 10px 0px;
 	border:1px solid #999;
 	padding:0px;
 	cursor:pointer;
	 }
.faqquest{
 	padding: 4px 8px 4px 8px;
 	font-weight:bold;
 	background:#eee;
 	color:#115DA4;
 }
.faqrep{
 	display:none;
 	padding: 2px 8px 2px 8px;
 }
.hl{
 	background:#115DA4;
 }

/* ------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------*/
*{
padding: 0;
margin: 0;
}

/* -------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<---------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
#TB_window {
 	font: 12px Arial, Helvetica, sans-serif;
 	color: #333333;
 }
#TB_secondLine {
 	font: 10px Arial, Helvetica, sans-serif;
 	color:#666666;
 }
#TB_window a:link {
color: #666666;
}
#TB_window a:visited {
color: #666666;
}
#TB_window a:hover {
color: #000;
}
#TB_window a:active {
color: #666666;
}
#TB_window a:focus{
color: #666666;
}

/* -------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
 	position: fixed;
 	z-index:100;
 	top: 0px;
 	left: 0px;
 	height:100%;
 	width:100%;
 }
.TB_overlayMacFFBGHack {
background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
 	background-color:#000;
 	filter:alpha(opacity=75);
 	-moz-opacity: 0.75;
 	opacity: 0.75;
 }

* html #TB_overlay {
/* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
 	position: fixed;
 	background: #ffffff;
 	z-index: 102;
 	color:#000000;
 	display:none;
 	border: 4px solid #525252;
 	text-align:left;
 	top:50%;
 	left:50%;
 }

* html #TB_window {
/* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 }
#TB_window img#TB_Image {
 	display:block;
 	margin: 15px 0 0 15px;
 	border-right: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;
 	border-top: 1px solid #666;
 	border-left: 1px solid #666;
 }
#TB_caption{
 	height:25px;
 	padding:7px 30px 10px 25px;
 	float:left;
 }
#TB_closeWindow{
 	height:25px;
 	padding:11px 25px 10px 0;
 	float:right;
 }
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
 	margin-bottom:1px;
 	text-align:right;
 	float:right;
 }
#TB_ajaxWindowTitle{
 	float:left;
 	padding:7px 0 5px 10px;
 	margin-bottom:1px;
 }
#TB_title{
 	background-color:#e8e8e8;
 	height:27px;
 }
#TB_ajaxContent{
 	clear:both;
 	padding:2px 15px 15px 15px;
 	overflow:auto;
 	text-align:left;
 	line-height:1.4em;
 }
#TB_ajaxContent.TB_modal{
 	padding:15px;
 }
#TB_ajaxContent p{
 	padding:5px 0px 5px 0px;
 }
#TB_load{
 	position: fixed;
 	display:none;
 	height:13px;
 	width:208px;
 	z-index:103;
 	top: 50%;
 	left: 50%;
 	margin: -6px 0 0 -104px;
 /* -height/2 0 0 -width/2 */
 }

* html #TB_load {
/* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
 	z-index:99;
 	position:fixed;
 	top: 0;
 	left: 0;
 	background-color:#fff;
 	border:none;
 	filter:alpha(opacity=0);
 	-moz-opacity: 0;
 	opacity: 0;
 	height:100%;
 	width:100%;
 }

* html #TB_HideSelect {
/* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 }
#TB_iframeContent{
 	clear:both;
 	border:none;
 	margin-bottom:-1px;
 	margin-top:1px;
 	_margin-bottom:1px;
 }

/* -------------------------------------------------------------------------------------------------------------*/
/* ---------->>> END THICKBOX STYLESHEET <<<--------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
.field_error{
 background-color:#FFF0F5 !important;
 border:1px solid #B03060 !important;
 }

/**** DOCUMENTS *****/
.item{
 margin: 12px 0px;
 border-bottom:1px dotted #ddd;
 height:16px;
 }
.item .file{
 float:left;
 width:365px;
 }
.item .type{
 float:left;
 width:35px;
 }
.item .poids{
 float:left;
 width:70px;
 text-align:right;
 }
.hl{
 background:#FFFBEF;
 }

/* POINTS DE VENTE */
.ptVentes th {
 	font-weight:bold;
 	height:40px;
 	padding:6px 5px 5px;
 	background-color:#6777B3;
 	color:white;
 	font-size:12px;
 }
.ptVentes td {
 	padding:6px 5px 5px;
 }
.ptVentes .det{
 	font-size:9px;
 }
  .ptVentes th {
 	border-left:1px solid #FFFFFF;
 }
.ptVentes td {
 	border-left:1px solid #DDD;
 	border-bottom:1px solid #DDD;
 }
.ptVentes .right {
 	border-right:1px solid #DDD;
 }
 
div#content_detail { position:relative; }