/* CSS Document */

body {
  /*background-color:#af2d18;*/
  /*text-align:center;*/
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*color: #999;*/
}
* {
  margin:0;
  padding:0;
}
div {
  font-size: 1em;
}
img {
  border: 0;
}
a, a:link, a:active {
  text-decoration: none;
  background-color: inherit;
  color: #af2d18;
  font-weight : bold;
}
a:hover {
  text-decoration: none;
  background-color: inherit;
  color: #E75012;
  font-weight : bold;
}
.texteMail
{	 
     color : #425D92;
     border : double;
     text-align : center;
     font-weight : bold;
     font-size : 12pt;
}

.Bouton
{
	/*border:solid 2px #E75012;*/
	border:solid 2px #59AEDA;
	color : White;
	font-weight : bold;
	/*background-color : #af2d18;*/
	background-color : #425D92;
	
}
.EditVISCOM
{
	border:solid 2px #425D92;			
}
div#global {
   margin: 20px auto;
   /*width: 1024px;*/
   width: 1000px;
   background-color: #fff;
   position:relative;
}
div#header {
   height: 130px;
   position: relative;       
}
div#header h1 {
   width: 248px;
   float:left;
   padding-right: 12px;
}
a#logo_EN {
  /* background: url(http://www.viscom-paris.com/http://www.viscom-paris.com/img/logo_VISCOM_EN.png) no-repeat bottom right; */
   display: block;
   height: 130px;
   width: 248px;
   /*text-indent: -999em;*/
}
a#logo_FR {
   /*background: url(http://www.viscom-paris.com/http://www.viscom-paris.com/img/logo_VISCOM_FR.png) no-repeat bottom right; */
   display: block;
   height: 130px;
   width: 248px;
   /*text-indent: -999em;*/
}
div#header h2 {
   display: inline;
   color:#f30;
   font-size:19px;
   line-height: 35px;
   font-weight:normal;
}
div#header h3 {
   display: inline;
   color:#000;
   font-size:14px;
   line-height: 35px;
   font-weight:normal;
}
div#header a#langue_EN {
   /*background: url(http://www.viscom-paris.com/http://www.viscom-paris.com/img/reed_flag_FR.jpg)  no-repeat center left; */
   line-height: 20px;
   padding-left: 30px;
   position:absolute;
   top: 6px;
   right: 12px;
   color: #f00;
}
div#header a#langue_FR {
  /* background: url(http://www.viscom-paris.com/img/reed_flag_EN.png)  no-repeat center left; */
   line-height: 20px;
   padding-left: 30px;
   position:absolute;
   top: 6px;
   right: 12px;
   color: #f00;
}
h1 {
   color: #ED1319; 
   font-size: 16px; 
   line-height: 1.4em;
   margin-top:  6px;
   /*padding: 3px 0 6px 50px;*/
   /*background: url(http://www.viscom-paris.com/img/VISCOM_titre1_carres.png) no-repeat 0 10px;*/
   height:1%;
}
h2 {
   color: #ED1319; 
   font-size: 14px; 
   line-height: 1.2em;
   margin:  0.4em 0 0.4em 0;
}
h3 
{
   /*background: url(http://www.viscom-paris.com/img/VISCOM_titre2_carre.png) no-repeat center left;*/
   color: #d6321a; 
   font-size: 14px;    
   /*padding: 0 0 0 20px;*/
}
h4 {
   color: #f60; 
   font-size: 1.1em;
   line-height: 1.2em;
   margin:  0.4em 0 0.3em 0;
}
h5 {
   color: #f60; 
   font-size: 1em;
   line-height: 1em;
   margin:  0.4em 0 0.2em 0;
}
div#content h3, div#content h3 {
   padding: 4px 0 4px 16px;
   margin-bottom: 2px;
   border-bottom: 2px solid #ccc;
}
div#content div ul {
   padding: 8px 8px 8px 40px;
   list-style: square inside none;
   display:block;
   
   color:#000;	
}
div#content div p ul {
   padding: 8px 8px 8px 40px;
   list-style: square inside none;
   display:block;
   background-color:#d6321a;
   color:#fff;
}
div#content li {
	padding-left:8px;
	list-style-position:inside
}
div#content div p {
  padding:8px;
  color:#000;
  overflow: hidden;
  height: 1%;
  text-align:justify;
}
div#content div.flash_intro {
  text-align:right;
  padding-top: 36px;
}
.a_gauche{
  float:left;
  margin: 0 8px 4px 0;
}
.a_droite{
  float:right;
  margin: 0 0 4px 8px;
}
/***************************************************
/*   Multi colonnage
/***************************************************/
div#content div.w100 {
  /*float: left;*/
  width: 100%;  
}
/*div#content div.w100 p{
  padding:8px 0;
}*/
div#content .w100 div{
  padding:8px 0;
   color:#000;
}
/*div#content div.w100 p {
   color:#000;
}*/
div#content .w50 {
   width: 337px;
   float:left;
   margin-bottom: 8px;
}
div#content .w50-droite {
   width: 337px;
   float:right;
   margin-bottom: 8px;
}
div#content .g0 {background:#fff,color:#000}

div#content .g0 a {color:#ccc;text-decoration:underline}
/*div#content .g0 p{
   background-color:#fff;
   color:#000;
}*/
div#content .g0 div{
   background-color:#fff;
   color:#000;
  padding:8px;
}
div#content .g1 h3{
  background: url(http://www.viscom-paris.com/img/VISCOM_titre2_carre.png) no-repeat center left;
  color: #d6321a;
}
/*div#content .g1 p{
   background-color:#d6321a;
}*/
div#content .g1 div{
   background-color:#d6321a;
   color:#000;
  padding:8px;
}
div#content .g1 a {color:#000;text-decoration:underline}

div#content .g2 h3{
  background: url(http://www.viscom-paris.com/img/VISCOM_titre3_carre.png) no-repeat center left;
  color: #f90;
}
/*div#content .g2 p{
   background-color:#f90;
   color:#000;
}*/
div#content .g2 div{
   background-color:#f90;
   color:#000;
  padding:8px;
}
div#content .g2 a {color:#000;text-decoration:underline}

div#content .g3 h3{
  background: url(http://www.viscom-paris.com/img/VISCOM_titre5_carre.png) no-repeat center left;
  color: #f60;
}
/*div#content .g3 p{
   background-color:#f60;
}*/
div#content .g3 div{
   background-color:#f60;
  padding:8px;
}
div#content .g3 a {color:#000;text-decoration:underline}

div#content .g4 h3{
  background: url(http://www.viscom-paris.com/img/VISCOM_titre4_carre.png) no-repeat center left;
  color: #f96;
}
/*div#content .g4 p{
   background-color:#f96;
   color:#000;
}*/
div#content .g4 div{
   background-color:#f96;
   color:#000;
  padding:8px;
}
div#content .g4 a {color:#000;text-decoration:underline}

div#content .g5 h3{
  background: url(http://www.viscom-paris.com/img/VISCOM_titre6_carre.png) no-repeat center left;
  color: #f06;
}
/*div#content .g5 p{
   background-color:#f06;
}*/
div#content .g5 div{
   background-color:#f06;
  padding:8px;
}
div#content .g5 a {color:#000;text-decoration:underline}

.newline {
	display : block;
	clear : both;
	height : 1px;
	visibility: hidden;
}

div#mention {
width: 100%;
}

/***********************************************************************/
/*   menu niveau 1
/***********************************************************************/
ul#menu {
  display: block;
  list-style:none;
  background-color:#ccc;
  position:absolute;
  right: 0;
  top: 0;
  /*width: 592px;*/
}
ul#menu li{
  height:1%;
  float:left;
  color: #930;
  font-size: 13px;
  line-height:23px;
  width: 148px;
  text-align:center;
  padding-left:0px;
}
ul#menu .sel {font-weight:bold;}
ul#menu a {
  /*padding: 0 38px;*/
  display:block;
  width: 130px;
  float:left;
  text-align:center;
  color: #930;
  height:1%;
  font-weight:bold;
}
ul#menu a:hover {
  text-decoration: underline;
  font-weight:bold;
}
/******************************************************************/
/*   Fil d'ariane
/******************************************************************/
p#fil_ariane {
  padding-top:32px;
  color: #999;
  text-align: left;
}
p#fil_ariane a {
  color: #999;
}
p#fil_ariane span.posit {
  font-weight: bold;
}
p#fil_ariane a:hover {
  text-decoration: underline;
}

div#global {
  background: #fff;
  text-align:left;
}
div#content {
  margin: 12px 12px 0 0px;
 float:left;
  padding-left: 12px;
  width: 694px;
  text-align:left;
  background-color:#fefefe;
  position:relative;
  height: 450px;
}
html>body #content {
  height: auto;
  min-height: 450px;
}
#gauche{
  margin: 0 0 0 12px;
  float:left;
  width: 138px;
  text-align:left;
  color:#930;
}
.menu_gauche1{
  padding-top: 10px;
  margin: 12px 0 0 0;
  background: transparent url(http://www.viscom-paris.com/img/bar_menu_pub_top.png) no-repeat center top;
}

/*************************************************
/*   menu gauche
/*************************************************/

.menu_gauche2 {
  padding: 0 0 10px 0;
  background-color: transparent;
  background: #CCC url(http://www.viscom-paris.com/img/bar_menu_pub_bot.png) no-repeat center bottom;
}
.menu_gauche2 p.title{
  font-size:1.20em;
  padding-left:12px;
  color:#993300;
  font-weight:bold;
  padding-bottom:4px;
}
.menu_gauche2 ul {
  list-style:none;
  line-height:1.2em;
}
.menu_gauche2 a{
  display:block;
  padding: 0.4em 13px 0.4em 13px;
  color:#930;
  height:1%;
}
.menu_gauche2 #niv2 li a.opened {
  background-color:#f60;
  font-weight:bold;
  color:#FFFFFF;
  text-indent:-5px;
}
.menu_gauche2 #niv2 li a.closed {font-weight:bold}
.menu_gauche2 #niv3 {background-color:#f60}
.menu_gauche2 #niv3 li a {color:#fff}
.menu_gauche2 #niv3 li a:hover {color:#fff;font-weight:bold;background-color:#f96;}
.menu_gauche2 #niv2 li a.closed, .menu_gauche2 p.title, .menu_gauche2 #niv2{
  border-bottom:1px solid #fff;
}

.menu_gauche2 ul.chiffre {
   margin: 0;
   list-style: square inside none;
   color:#222;
   font-weight:bold;
   font-size:0.9em;
   line-height:1.1em;
   border: none;
}

.menu_gauche2 ul.chiffre li {
   padding: 3px 6px;
}
li.nopuce {list-style:none;}

.form_gauche1{
  padding-top: 10px;
  margin: 12px 0 0 0;
  background: url(http://www.viscom-paris.com/img/bar_menu_acces_top.png) no-repeat center top;
}
.form_gauche2{
  padding: 0 0 10px 0;
  background-color: transparent;
  background: #C33 url(http://www.viscom-paris.com/img/bar_menu_acces_bot.png) no-repeat center bottom;
  color: #fff;
  font-weight:bold;
  font-size:0.9em;
  line-height:1.1em;
  overflow: hidden;
  height: 1%;
}
.form_gauche2 form{
  padding: 0 6px;
}
.form_gauche2 form p{
  padding: 1px 0;
}
.form_gauche2 form input{
  padding: 4px;
  border: none;
  background-color:transparent;
}
.form_gauche2 form input.Login{
  width:116px;
  background: transparent url(http://www.viscom-paris.com/img/form_Login.gif) no-repeat top left;
}
.form_gauche2 form input.Pass{
  width:82px;
  float:left;
  background: transparent url(http://www.viscom-paris.com/img/form_Pass.gif) no-repeat top left;
}
.form_gauche2 form input.OK{
  float:right;
  border: none;
  width: 23px;
  height: 23px;
}
#droite{
  margin: 48px 12px 0 0;
  float:right;
  width: 120px;
  text-align:left;
  color:#930;
}
#droite a{
   display:block;
}
/*****************************************************************************/
/*   Footer
/*****************************************************************************/
#footer {
  clear:left;
  font-size: 0.75em;
  /*padding-top:24px;*/
  /*position:relative;*/
  /*margin-right: 148px;*/
}
#footer a{
  /*color:#222;*/
  color:#999;
}
#footer .signature{
  width: 138px;
  padding: 35px 12px 0 12px;
  float:left
}
#footer div.logos{
  margin-left:162px;
}
#footer .logos p{
  line-height:36px;
  height:36px;
}
#footer .logos p img{
  position: relative;
  top:6px;
}
#footer .logos div.sep{
  line-height:10px;
  height:10px;
  border-bottom: 1px solid #ccc;
  margin-right:152px;
}
#footer .logos p a.ojd{
  position: relative;
  top:3px;
  left:3px;
}
#footer hr/*, body hr*/{
  clear: both;
  visibility:hidden;
}
#btn{
  /*float: left;
  width:100%;*/
  overflow: hidden;
  height:1%;
}
a#btn_NEWS{
  display:block;
  width:65px;
  height:65px;
  float: left;
  text-indent: -999em;
  /*overflow: hidden;*/
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat 0px 0px;
}
a#btn_NEWS:hover{
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat 0px -74px;
}
a#btn_BADGE_GB{
  display:block;
  width:65px;
  height:65px;
  float: right;
  text-indent: -999em;
  /*overflow: hidden;*/
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat -74px 0px;
}
a#btn_BADGE_GB:hover{
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat -74px -74px;
}
a#btn_BADGE_FR{
  display:block;
  width:65px;
  height:65px;
  float: right;
  text-indent: -999em;
  /*overflow: hidden;*/
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat -148px 0px;
}
a#btn_BADGE_FR:hover{
  background: url(http://www.viscom-paris.com/img/bouton.gif) no-repeat -148px -74px;
}
/******************************************************************************/
/*   formulaire - style a adapter
/******************************************************************************/

.form-field {
  border : 1px solid #4A4A4A;
  margin : 5px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 200px;
  float:left;
}
.texte .form-field {float:none;margin:0;padding:0;}
.form-field-ex {
  border : 1px solid #4A4A4A;
  margin : 1px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 200px;
  float:left;
}
.form-field-presse {
  border : 1px solid #4A4A4A;
  margin : 1px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 150px;
  float:left;
}

.form-field-small {
  border : 1px solid #4A4A4A;
  margin : 0px 0px 0px 0px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 40px;
  float:left;
}
xsmalltexte{
	margin : 5px 1px 1px 1px;
	font-size:11px;
}
.form-field-long {
  border : 1px solid #4A4A4A;
  margin : 5px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 350px;
  float:left;
}
.form-field-long-cat {
  border : 1px solid #4A4A4A;
  margin : 5px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 620px;
  float:left;
}
.form-field-free {
  border : 1px solid #4A4A4A;
  margin : 5px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
}
.form-field-long-search {
  border : 1px solid #4A4A4A;
  margin : 5px 1px 1px 1px;
  padding : 1px;
  font-size : 11px;
  color : #333;
  width: 470px;
  float:left;
}
.form-submit {
	font-weight:bold;
	border : 1px solid #727272;
	background-color:#e84f13;
	color:#ffffff;
	margin:10px 10px 10px 10px ;
	width:auto;
	font-size:1.1em;
	float:right;
	cursor:pointer;
}
.form-label {
	 width:auto;
	 float:left;
	 margin-top:5px ;
	 margin-right:5px;
	 margin-left:5px;

}
.form-libelle {
	text-align:right;
	font-weight:bold;
	color:#E84F13;
	width:150px;
	float:none;
}
.form-libelle-ecard {
	text-align:left;
	font-weight:bold;
	color:#72728E;
	float:none;
}
.form-libelle-extranet {
	text-align:right;
	font-weight:bold;
	color:#72728E;
	width:150px;
	float:none;
}
.form-libelle-left {
	text-align:left;
	font-weight:bold;
	color:#72728E;
	width:150px;
	float:none;
}
.form-mandatorysign {
	color:#e84f13;
	float:none;
	font-weight:bold;
}

#LienAll {
	background-color: #E84F13;
	border: 1px solid #727272;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px;
	float: right;
	width: 200px;
   	padding: 5px;
	text-align: center;
}


/* Zoom produit */

.filetROUGE {  border: 1px #EE7F00 solid}
.TITRE_ROUGE { FONT-WEIGHT: bolder; FONT-SIZE: 16px; COLOR: #EE7F00; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.TITRE_NOIRE { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #323D3E; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.filetNOIRE { border: 1px #323D3E solid}
.encartROUGE { border: none; background-color: #EE7F00; font-size: 12px; font-weight: bold; color: #FFFFFF}
.encartNOIR { border: none; background-color: #E2E2E2; font-size: 12px; font-weight: bold; color: #323D3E}
.texterouge { FONT-SIZE: 12px; COLOR: #EE7F00; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.TITRE_JAUNE { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFCC00; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.texterblanc { FONT-SIZE: 9px; COLOR: #FFFFFF; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.navhautNIV2_select { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #EE7F00; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.navhautNIV3_select { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #EE7F00; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.encartJAUNE { border: none; background-color: #FAC612; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000000}
.pointille { font-size: 1px; color: #EE7F00; border-color: black #EE7F00 black black; border-style: dotted; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 0px}
.ESPACE_ROUGE { FONT-WEIGHT: bolder; FONT-SIZE: 18px; COLOR: #EE7F00; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.ESPACE_NOIRE { FONT-WEIGHT: bolder; FONT-SIZE: 18px; COLOR: #323D3E; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.lien_ferme{color:#FFFFFF; text-decoration:none;}

/***************** Moteur de recherche Zibb *******************/
.clearer {
clear: both;
visibility:hidden;
height:1px;
margin:0 0 0 0;
padding:0;
}
#srtabs {
position:absolute;
margin:0 ;
margin-top:6px ;
padding:0;
display:block;
/*clear:both;*/
/*margin:0 0 0 5px;
padding:0;
width:470px;*/
}
*html #srtabs {margin-top:0px ;}
ul#srtabs a {
   color:#FFFFFF;
   text-decoration:none;
}
ul#srtabs li {
   background-color:#99B9DF;
   border-color:#99B9DF rgb(204, 204, 204) -moz-use-text-color;
   border-style:solid solid none;
   border-width:1px 1px medium;
   color:#FFFFFF;
   display:inline;
   float:left;
   font-family:Arial,Helvetica,sans-serif;
   font-size:13px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:normal;
   margin:0px 1px;
   padding:5px 15px;
   text-align:center;
}
ul#srtabs li.lion {
   background-color:#99B9DF;
   border-color:#99B9DF rgb(204, 204, 204) -moz-use-text-color;
   border-style:solid solid none;
   border-width:1px 1px medium;
   color:#000000;
}
    
div#sr {
   margin:0px 0px 30px;
   padding:10px;
   width:785px;
}
div#sr2 {
   border:1px solid #CCCCCC;
/*   margin: 0px 5px;*/
   padding:10px 10px 0pt;
   display:block;
   clear:both;
   float:left;
   min-width:675px;
}
div#sr2 div#sr2 {
   border:1px solid #CCCCCC;
   margin:12px 0 10px 0 ;
   padding:10px 10px 0pt;
   float:left;
   display:block;
   min-width:653px;
   /*clear:both;*/
}
.bouton-basket {
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border : 1px solid #E66A00;
	color:#E66A00;
	width:auto;
	font-size:1.1em;
	float:right;
	cursor:pointer;
}

/* ----   warning   ---------------*/
#bloc-warning {
  border : 1px solid #2E968A;
  background : #C9E0DC;
  margin : 5px 10px;
  color : #000;
  float:center;
}
.alert {
  border : 1px solid #FFBA82;
  background : #e84f13;
  margin : 5px 10px;
  color : #000;
  float:center;
}
.alert td {
  background : #e84f13;
  text-align : center;
  padding : 5px 15px;
  color : #fff;
  text-align : left;
  margin:0;
  border-bottom : 1px solid #fff;
}
#bloc-warning ul {
  margin : 10px 0 10px 50px;
  list-style-type:none;
}
#bloc-warning li {
  padding : 5px 10px;
}
.close{
	color:#e84f13;
	font-weight:bold;
	float:right;
}