@charset "utf-8";
/* CSS Document */
/* e31927 */ 

body{
	margin:0px;
	padding:0px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:10px;
	color:#666666;
}

body {
	scrollbar-face-color:#ececed;
	scrollbar-base-color:#ececed;
	scrollbar-arrow-color:#e31927;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#ececed;
	scrollbar-highlight-color:#ececed;
	scrollbar-3dlight-color:#e0a5ac;
	scrollbar-darkshadow-Color:#e0a5ac;
}

form{
	padding:0px;
	margin:0px;
}

#contentFullHome, #contentFullInscription, #contentFullGlobal {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:800px;
	z-index:1;
}
#contentFullHome { background: url(../images/bg_extranet-home.jpg) 0px 0px no-repeat; }
#contentFullInscription { background: url(../images/bg_extranet-inscription.jpg) 0px 0px no-repeat; }
#contentFullGlobal { background: url(../images/bg_extranet-global.jpg) 0px 0px no-repeat; }
#contentFlash{
	position:absolute;
	margin:44px 0px 0px 0px;
	padding:0px;
	width:1000px;
	height:746px;
	z-index:2;
	/*background-color:#FF0000;*/
}

.form_error{
  font-size:11px;
  color:#e31927;
}


/********************************************************/
/* Identifiation */
#contentLoginTitle{
	position:absolute;
	margin:115px 0px 0px 0px;
	padding:0px;
	width:400px;
	height:36px;
	z-index:10;
	overflow-y:hidden;
	border-bottom:#e3e3e3 1px solid;
	text-align:right;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#333333;
}
#contentLogin{
	position:absolute;
	margin:180px 0px 0px 320px;
	padding:0px;
	padding-right:15px;
	width:280px;
	height:140px;
	z-index:11;
	overflow-y:auto;
	left: 69px;
}
#contentLogin, #contentLogin table tr td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
#contentLogin input.submit_button {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
	vertical-align: middle;
}

#contentLogin input.text_contenu {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #999999;
	background-color:#eeeeee;
	width:180px;
}



#contentRegister{
	position:absolute;
	margin:180px 0px 0px 320px;
	padding:0px 0px 0px 20px;
	padding-right:15px;
	width:520px;
	height:620px;
	z-index:11;
	overflow-y:auto;
	left: 69px;
}
#contentRegister, #contentRegister table tr td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	vertical-align:bottom;
	text-align:left;

}
#contentRegister input[type=submit] {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
	vertical-align: middle;
}

#contentRegister input[type=text],
#contentRegister input[type=password],
#contentRegister select{
	margin:4px 0px 0px 0px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #999999;
	background-color:#eeeeee;
	width:180px;
}

/********************************************************/
/* Identifiation */
#contentBienvenueTitle{
	position:absolute;
	margin:155px 0px 0px 320px;
	padding:0px;
	width:630px;
	height:36px;
	z-index:12;
	overflow-y:hidden;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#333333;
}


#menuFiltres, #menuFiltresRight, #menuPanier, #menuPanierRight {
	position:absolute;
	padding:0px;
	width:194px;
	z-index:6;
	overflow-y:hidden;
	text-align:left;
}

#menuFiltres{ margin:114px 0px 0px 14px; }
#menuPanier{ margin:514px 0px 0px 14px; }
#menuFiltresRight{ margin:114px 0px 0px 800px; }
#menuPanierRight{ margin:514px 0px 0px 800px; }

td.menuLeftText{
	padding: 4px 10px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#333333;
}
td.menuLeftTextPanier{
	padding: 4px 10px 8px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:13px;
	font-weight:normal;
	color:#333333;
}
td.menuLeftTextPanierLnk{
	padding: 0px 10px 0px 14px;
	vertical-align:top;
}
td.menuLeftTextPanierLnk a img { border:none; vertical-align:text-top; margin-right:4px; margin-left:4px; }
td.menuLeftTextPanierLnk, td.menuLeftTextPanierLnk a, td.menuLeftTextPanierLnk a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:13px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}
td.menuLeftTextPanierLnk a:hover {
	color:#e31927;
}
td.menuLeftSep{
	padding: 0px 0px 4px 0px;
}
td.menuLeftSepShort{
	padding: 4px 0px 4px 0px;
}
td.menuLeftTitre{
	padding: 4px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#e31927;
}
td.menuLeftChamp{
	padding: 4px 10px 8px 10px;
}

select.selectFiltre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#333333;
	width:170px;
	border: solid 1px #CCCCCC;
	background:url(../images/menusLeft/bgSelect.gif) 0px 0px repeat-x #FFFFFF;
}



/********************************************************/
/* Catalogue */
#catalogueTitle{
	position:absolute;
	margin:135px 0px 0px 250px;
	padding:0px;
	width:410px;
	height:40px;
	z-index:15;
	overflow-y:auto;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	line-height:16px;
}
#catalogueTitle span.nbRef{
	color:#999999;
	margin-left:10px;
}

#cataloguePagin {
	position:absolute;
	margin:135px 0px 0px 715px;
	padding:0px;
	width:260px;
	height:40px;
	z-index:16;
	overflow-y:auto;
}	
#cataloguePagin, #cataloguePagin a, #cataloguePagin a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:16px;
	text-decoration:none;
}
#cataloguePagin a.on, #cataloguePagin a:hover{
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}
#cataloguePagin img { border:none; margin-left:4px; margin-right:4px; }

#catalogueListe{
	position:absolute;
	margin:175px 0px 0px 260px;
	padding:0px;
	width:710px;/*740*/
	height:560px;
	z-index:17;
	overflow-y:auto;
}
#catalogueListe a{
}
#catalogueListe a:hover .catalogueVisuels {
	border:#e31927 1px solid;
}
#catalogueListe img { border:none; }
.catalogueVisuels{
	border:#cccccc 1px solid;
	margin:0px 13px 13px 0px;
	padding:0px;
	width:125px;
	height:125px;
	float:left;
}
.catVisuels{
	z-index:19;
	position:absolute;
}
.catCaddies{
	z-index:20;
	position:absolute;
	margin:101px 0px 0px 97px;
}


/********************************************************/
/* Contenu HTML */
#contentBienvenueHtml{
	position:absolute;
	margin:195px 0px 0px 320px;
	padding:0px;
	padding-right:15px;
	width:400px;
	height:430px;
	z-index:15;
	overflow-y:auto;
}

#smenu{
	margin:0px 0px 10px 0px;
	padding:0px;
	height:24px;
	line-height:24px;
	text-align:left;
}
#smenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#smenu li{
	float: left; 
}
#smenu ul>li {
	display:inline;
	margin: 0;
	padding: 0;
}
#smenu, #smenu a, #smenu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
	line-height:16px;
}
#smenu a:hover, #smenu a.on,

#smenu ul li.active a{
	color:#000000;
}
#smenu li.sepMenu{
	display:inline;
	margin:0px 10px 0px 10px;
}
.fck_editor_slot_area p,
#contentBienvenueHtml p,
#contentHtml p, #contentHtmlRight p{
	padding:0px;
	margin:5px 0px 5px 0px;
}
.fck_editor_slot_area p, .fck_editor_slot_area, .fck_editor_slot_area td
#contentBienvenueHtml p, #contentBienvenueHtml, #contentBienvenueHtml td,
#contentHtml p, #contentHtml, #contentHtml td, 
#contentHtmlRight p, #contentHtmlRight, #contentHtmlRight td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:16px;
}
.fck_editor_slot_area h1, .fck_editor_slot_area h2,
#contentBienvenueHtml h1, #contentBienvenueHtml h2,
#contentHtml h1, #contentHtml h2,
#contentHtmlRight h1, #contentHtmlRight h2{
	margin:10px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.fck_editor_slot_area h1,
#contentBienvenueHtml h1,
#contentHtml h1, #contentHtmlRight h1{
	color:#000;
}
.fck_editor_slot_area h2,
#contentBienvenueHtml h2,
#contentHtml h2, #contentHtmlRight h2{
	color:#e31927;
	background-color:#f1ede0;
	padding:3px 3px 3px 0px;
	display: inline;	
}

.colorRed {color: #e31927}

.fck_editor_slot_area a, .fck_editor_slot_area a:hover,
#contentBienvenueHtml a, #contentBienvenueHtml a:hover, #contentHtml a, #contentHtml a:hover, #contentHtmlRight a, #contentHtmlRight a:hover{color: #e31927}

.fck_editor_slot_area img,
#contentBienvenueHtml img,
#contentHtml img, #contentHtmlRight img{
border:none;
}

.fck_editor_slot_area hr,
#contentBienvenueHtml hr,
#contentHtml hr, #contentHtmlRight hr{
color:#dbdbdb;
margin-bottom:15px;
height:1px;
}

.fck_editor_slot_area .mini_date,
#contentBienvenueHtml .mini_date,
#contentHtml .mini_date, #contentHtmlRight .mini_date{
color:#999999;
font-size:9px;
margin-top:3px;
margin-bottom:13px;
}

/********************************************************/

/* Menu du haut */

#topBanner{
	position:absolute;
	margin:0px;
	padding:0px;
	width:1000px;
	height:44px;
	z-index:3;
}
#topBanner #logo{
	display:inline;
	height:44px;
	width:121px;
	margin:0px 0px 0px 0px;
}

/********************************************************/

/* Sous menu du haut */

#menuBanner{
	position:absolute;
	margin:44px 0px 0px 20px;
	padding:0px;
	width:790px;
	height:26px;
	z-index:4;
	text-align:left;
}
#menuBanner li{
	float: left; 
}
#menuBanner li.sepMenu{
	display:inline;
	margin:0px 10px 0px 10px;
}
#menuBanner ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menuBanner ul>li

{
	display:inline;
	margin: 0;
	padding: 0;
}
#menuBanner, #menuBanner a, #menuBanner a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	color:#e31927;
	text-decoration:none;
}
#menuBanner a:hover, #menuBanner a.on,

#menuBanner ul li.active a{
	color:#0d6e3a;
}


/********************************************************/
/* Suite Global */
#contentPanierTitle{
	position:absolute;
	margin:135px 0px 0px 250px;
	padding:0px;
	width:600px;
	height:20px;
	z-index:12;
	overflow-y:hidden;
	text-align:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
}
#contentPanier td.deleteLink a, #contentPanier td.deleteLink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
#contentPanier td.deleteLink a:hover {
	color:#e31927;
}

#contentPanier{
	position:absolute;
	margin:165px 0px 0px 260px;
	padding:0px;
	padding-right:15px;
	width:715px;
	height:580px;
	z-index:15;
	overflow-y:auto;
}

#contentPanier td.sepPanier, #contentPanier td.libPanier{
	font-weight:bold;
	border-bottom: #CCCCCC solid 1px;
}
#contentPanier td.levelPanierGrey, #contentPanier td.levelPanierGrey a{
	background-color:#f0f0f0;
}
#contentPanier td{
	text-align:center;
	vertical-align:middle;
	height:30px;
}
#contentPanier td,
#contentPanier td a
{
	font-weight:normal;
	color:#999999;  
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        text-decoration: none;
}
#contentPanier td.sepPanier{
	width:10px;
}


/********************************************************/
/* Suite Global */
#contentHtmlTitle, #contentHtmlTitleRight{
	position:absolute;
	margin:135px 0px 0px 250px;
	padding:0px;
	width:600px;
	height:20px;
	z-index:12;
	overflow-y:hidden;
	text-align:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
}

#contentHtmlTitleRight{
	margin:135px 0px 0px 230px;
	width:510px;
}


#contentHtml{
	position:absolute;
	margin:165px 0px 0px 260px;
	padding:0px;
	padding-right:15px;
	width:600px;
	height:580px;
	z-index:15;
	overflow-y:auto;
}
#contentHtmlRight{
	position:absolute;
	margin:165px 0px 0px 240px;
	padding:0px;
	padding-right:15px;
	width:510px;
	height:580px;
	z-index:15;
	overflow-y:auto;
}



/********************************************************/
/* Suite Global */
#contentDetailTitle{
	position:absolute;
	margin:135px 0px 0px 250px;
	padding:0px;
	width:600px;
	height:20px;
	z-index:12;
	overflow-y:hidden;
	text-align:left;
	
}
#contentDetailTitle, #contentDetailTitle a, #contentDetailTitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#e31927;
	text-decoration:none;
}
#contentDetailTitle a:hover{
	text-decoration:underline;
}
#contentDetail{
	position:absolute;
	margin:165px 0px 0px 260px;
	padding:0px;
	padding-right:15px;
	width:653px;
	height:503px;
	z-index:15;
	overflow-y:auto;
	border: solid 1px #CCCCCC;
}
#contentDetailVisuel{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:333px;
	height:333px;
	background-color:#00CC99;
	float:left;
}
#contentDetailTitre{
	margin:15px 0px 0px 0px;
	padding:0px;
	width:310px;
	height:50px;
	float:left;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	line-height:26px;
	color:#e31927;
}
#contentDetailDesc{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:310px;
	height:100px;
	float:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:13px;
	color:#666666;
}
#contentDetailPanier{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:310px;
	height:115px;
	background: url(../images/btDetailPanier.gif) 0px 10px no-repeat;
	float:left;
}
#contentDetailPanier, #contentDetailPanier a, #contentDetailPanier a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:66px;
	color:#666666;
	text-decoration:none;
}
#contentDetailPanier a, #contentDetailPanier a:hover {
	margin-left:60px;
}
#contentDetailPanier a:hover {
	color:#e31927;
}
#contentDetailAutreTitre{
	margin:0px 0px 0px 20px;
	padding:0px;
	width:570px;
	height:20px;
	float:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:28px;
	color:#666666;
}
#contentDetailAutreListe{
	margin:4px 0px 0px 20px;
	padding:0px;
	width:623px;
	height:146px;
	float:left;

	overflow: auto; 
	white-space:nowrap; 
	overflow-y: hidden; 
}

#contentDetailAutreListe img {border: solid 1px #FFFFFF; margin:0px 4px 0px 4px;}
#contentDetailAutreListe a:hover img {border: solid 1px #CCCCCC;}




/****************************************************/
/*** Menu Pages de suite ***/
#menuSuite{
	position:absolute;
	padding:0px;
	width:194px;
	z-index:6;
	overflow-y:hidden;
	text-align:left;
}

#menuSuite{ margin:114px 0px 0px 14px; }

#menuSuiteA ul li ul
{
    padding-left: 10px;
}

#menuSuiteA ul li{
	list-style:url(../images/menusLeft/fleche-off.gif) outside;
	margin:4px 0px 8px 0px;
	line-height:12px;
}
#menuSuiteA ul li a, #menuSuiteA ul li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
#menuSuiteA ul li.active{ list-style:url(../images/menusLeft/fleche-on.gif) outside; }

#menuSuiteA ul li ul li, #menuSuiteA ul li.active ul li {
	list-style-image:none;
	list-style-type:disc;
	margin:8px 0px 4px 0px;
}

#menuSuiteA ul li a,
#menuSuiteA ul li.active li a,
#menuSuiteA ul li.active li.active li a,
#menuSuiteA ul li.active li.active li.active li a,
#menuSuiteA ul li.active li.active li.active li.active li a,
#menuSuiteA ul li.active li.active li.active li.active li.active li a
{ color:#999; }
#menuSuiteA ul li.active a,
#menuSuiteA ul li.active li.active a,
#menuSuiteA ul li.active li.active li.active a,
#menuSuiteA ul li.active li.active li.active li.active a,
#menuSuiteA ul li.active li.active li.active li.active li.active a
{ color:#333; }

/*** /Menu Pages de suite ***/

#menuSuiteA ul li ul,
#menuSuiteA ul li.active ul li ul,
#menuSuiteA ul li ul li ul,
#menuSuiteA ul li.active ul li.active ul li ul,
#menuSuiteA ul li ul li ul li ul,
#menuSuiteA ul li.active ul li.active ul li.active ul li ul,
#menuSuiteA ul li ul li ul li ul li ul,
#menuSuiteA ul li.active ul li.active ul li.active ul li.active ul li ul
{ display: none; }
#menuSuiteA ul li.active ul,
#menuSuiteA ul li.active ul li.active ul,
#menuSuiteA ul li.active ul li.active ul li.active ul,
#menuSuiteA ul li.active ul li.active ul li.active ul li.active ul
{ display: block; }