/* left menu */
#left { background: transparent left repeat-y; width: 190px; float: left;}

  #left li { text-decoration: none; border-bottom: 1px dotted #ffe512; }
  #left li a{  color:#ffe512; background: url(../images/bullet-extra-on.gif) 6px 7px no-repeat;}
  #left li.active a { background-image:url(../images/bulletwhite-extra-on.gif); color:#FFFFFF; }
  #left li.active li a{ background-image:url(../images/bullet-extra-on.gif);color: #ffe512;} 


.inner {
  background-image: url(../images/bg-extranet.gif) !important;
}    

#middle .head {
			background: url("../images/middle_extranet_head.gif") repeat scroll 0 0 transparent;
			width: 770px;
			height: 39px;
}

#middle .content {
			background: #fff;
			width:732px;
			/*height:560px;*/
			min-height:430px;
			padding: 19px;
			padding-bottom:0px;
			clear:both;
}   

h2 {color:#000;font-size:18px;margin-bottom:7px;}

/* news */
.extranetnew {color:#000;clear:left;}
  .extranetnew .title{color:#e31837;font-size: 13px;font-weight:bold; margin: 0; padding:0;}
  .extranetnew .subtitle{font-weight:bold;}
  .extranetnew p{font-size:11px;}
    .extranetnew p a {text-decoration:underline !important}  
    .extranetnew p a:hover {text-decoration:none !important}  
  .extranetnew img{ border: solid 3px #afafaf;margin-left:0px;}


#middle .content img { margin-top: 0px;}

#middle a{text-decoration:none;border-bottom:0px #fff solid;}

#content .titre {border: solid 0px #afafaf;display:block;}

#fonctions {color:#f00;vertical-align:top;width:706px;background:#fff;font-size:11px;}

#fonctions div{float:left;position:relative;width:330px;margin-bottom:10px;background:#fff;}
#fonctions div p{color:#e31837;font-size: 13px;font-weight:bold;}
#fonctions div p.titre{color:#000;font-size: 18px;font-weight:bold;border-bottom:#e31837 dotted 0px;margin:0;padding:0;margin-bottom:10px;}

#fonctions div#f1{margin-right:23px !important;margin-right:3px}
#fonctions div#f2{margin-right:23px !important;margin-right:3px}
#fonctions div#f3{margin-right:23px !important;margin-right:3px}
#fonctions div#f4{margin-right:23px !important;margin-right:3px}
#fonctions div#f5{margin-right:23px !important;margin-right:3px}
#fonctions div#f6{margin-right:23px !important;margin-right:3px}


.gauche {text-align:left;}

#extranet-menu a.lien, #content a.lien{padding-left:10px;margin-top:40px;font-weight:bold;font-size:1em;font-family: Arial, Helvetica, sans-serif;background: url(images/bullet-extra-fct.gif) top left no-repeat; background-color: transparent; line-height:1.3em;}
#extranet-menu a.tc, #content a.tc{padding-left:10px;margin-top:40px;font-weight:bold;font-size:1em;font-family: Arial, Helvetica, sans-serif;background: url(images/bullet_tc.jpg) top left no-repeat; background-color: transparent; line-height:1.3em;}



/* incentives programme */
#incentives{font-size:11px;clear:both;background: #e31837 url(images/incentives.jpg) right top no-repeat;border:1px solid #ffe512;width:700px;margin-top:15px;margin-bottom:30px;color:#fff;padding:10px 10px 9px 10px;}
  #incentives p {}
    #incentives p a{height:20px; border-bottom :0px dotted #fff; color:#ffe512; font-size:13px;}
    #incentives p.titre{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}
      #incentives p.titre a{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}
      
    #incentives a.lien{font-size:11px;color:#ffe512;padding-left:10px;margin-top:4px;font-weight:bold;font-size:1em;font-family: Arial, Helvetica, sans-serif;background: url(images/bullet-extra-dl.gif) top left no-repeat;}
    #incentives span.droite{width:100% !important;}

    
    
       /* download */
#download{margin-top:10px;font-size:11px;clear:both;background: #e31837 url(images/download.jpg) top right no-repeat;border:1px solid #ffe512;width:700px;margin-top:15px;margin-bottom:30px;color:#fff;padding:10px;}
  #download p {}
    #download p a{height:20px; border-bottom :0px dotted #fff; color:#ffe512; font-size:13px;/*margin-bottom:4px;*/}
    #download p.titre{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}
      #download p.titre a{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}

    #download a.lien{font-size:11px;color:#ffe512;padding-left:10px;margin-top:4px;font-weight:bold;font-size:1em;font-family: Arial, Helvetica, sans-serif;background: url(images/bullet-extra-dl.gif) top left no-repeat;}
    #download span.droite{width:100% !important;}

    /* allnewdocuments */
#allnewdocuments{margin-top:10px;font-size:11px;clear:both;background: white url(images/all_documents_button.jpg) top left no-repeat;width:701px;margin-top:15px;margin-bottom:30px;color:#fff;padding:10px;}
  #allnewdocuments p {}
    #allnewdocuments p a{height:20px; border-bottom :0px dotted #fff; color:#ffe512; font-size:13px;/*margin-bottom:4px;*/}
    #allnewdocuments p.titre{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}
      #allnewdocuments p.titre a{color:#fff; font-size:13px;margin-bottom:4px;font-size:18px; border-bottom :0px dotted #fff;height:15px;}

    #allnewdocuments a.lien{font-size:11px;color:#ffe512;padding-left:10px;margin-top:4px;font-weight:bold;font-size:1em;font-family: Arial, Helvetica, sans-serif;background: url(images/arrow_see_all.jpg) left 2px no-repeat;}
    #allnewdocuments span.droite{width:100% !important;}

    
.clear{clear:both;}

#form table{border:2px black solid;}

table td {
	padding: 0px;
}

table label {
	position: relative;
	display: block;
	width:240px;
	}

table label input, table label select  {
	position: absolute;
	right: 0px;
	width: 130px;
}

table label input.text, table label select.text  {
	position: absolute;
	right: 20px;
	width: 130px;
}

table label input.text2, table label select.text2  {
	position: absolute;
	right: 40px;
	width: 130px;
}

input.radio{width: 20px; display:inline !important; position:relative;	border: 0px solid #e9e8e4;}

/*
form span {
	display: none;
}
*/

form .send {
			background-position: top left;
			width: 18px;
			height: 18px;
			display: block;
			float: left;
			margin-left: 10px;
			border: none;
			
		}
		
form .send:active {
	background-position: bottom left;
}

form .send {
	background: url(../../images/bt_search_blank.png);
}

/*
.active lu {
	color: #FFE512;
	display: none;
}
*/

.centeredbox {
	width: 200px;
	margin: auto;
}

table label {
	width: 100px;
}

.centeredbox td {
	width: 100px;
}

.topbar {
	margin: auto;
	width: 306px;
	height: 3px;
	line-height: 0;
	font-size: 0;
	background: url(images/logintop.gif);
    background-repeat: none;
	background-position: top left;
}

.bottombar {
	margin: auto;
	width: 306px;
	height: 3px;
	line-height: 0;
	font-size: 0;
	background: url(images/loginbottom.gif);	
    background-repeat: none;
	background-position: top left;	
	margin-bottom: 10px;
}

.loginform {
	margin: auto; 
	padding: 0;
	border-left: 3px solid #AFAFAF; 
	border-right: 3px solid #AFAFAF; 
	width: 300px;
}

.loginform .checkbox {
	position: absolute; 
	float: left;
	border: none;
	margin-left: -2px;
}

.loginform .checkboxLabel {
	position: absolute; 
	margin-left: 25px;
	margin-top: 2px;
	vertical-align: bottom;
	width: 200px;
}

/*
#middle a:hover {
border-bottom: none;
text-decoration:none;
}

#middle a {
border-bottom:1px dotted #000000;
}
*/

/*********
#middle a.lien:hover, #middle a.lienwhite:hover {
	border-bottom: none;
	text-decoration:none;
}
*********/

#download a.lien:hover {
	border-bottom:1px dotted white;
}

/*
#middle a.lien, #middle a.lienwhite {
	border-bottom:1px dotted #000000;
}
*/



#middle a.link:hover, #middle a.lienwhite:hover  {
	border-bottom: none;
	text-decoration:none;
}

#middle a.link {
	border-bottom:1px dotted #000000;
}

/*
a:hover {
text-decoration:none;
}*/

#middle .content #extranet-menu {
	width: 720px;
	border: none;
	line-height: 0px;
	float: left;
	margin: 0;
	padding: 0;
} 

#middle .content #extranet-menu td {
	border: none;
	line-height: 0px;
	padding: 0;
	margin: 0;
	/*padding-left: 2px;*/
	padding-top: 3px;
	height: 78px;
	width: 340px;
	position:relative;
}

#middle .content #extranet-menu .left{
	margin-left: 10px;
	float: left;
}

#middle .content #extranet-menu .right{
	margin-left: 10px;
	float: right;
}

#middle .content #extranet-menu .right img{
	float: right;
}

#middle .content #extranet-menu .sublink {
	float: right;
	text-align: right;
	/*padding-right: 5px;*/
	font-size: 11px;
	
}


#middle .content #extranet-menu .left .sublink {
	/*margin-right: 15px;*/
	position : absolute;
	top : 58px;
	left : 222px;
	display : block;
	background : #FFF;
	width : 120px;
	text-align: left;
}

#middle .content #extranet-menu .right .sublink {
	/*margin-right: 10px;*/
	position : absolute;
	top : 58px;
	left : 222px;
	display : block;
	background : #FFF;
	width : 122px;
	text-align: left;

}

/*
.infos {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
*/

/*
.sublink a {
	line-height: 10px;
	border-bottom: 1px dotted #000000 !important;	
}

.sublink a:hover {
	border: none !important;
}
*/

#middle .content  .spacer {
	padding: 10px;
	margin: 0;
	height: 0;
	line-height: 0;
}

.sublink {
	border-bottom:none;
}

.sublink:hover {
	border-bottom:1px dotted #000000;
}