/* =============================================== */
/* Css - Site Extranet Biomedicinsure              */
/* http://www.biomedic-insure.com                  */
/* Realisation : Eric DAMM - Avril 2007            */
/* =============================================== */


/* Eléments basiques                               */                      

.html_fo {
    background : #555867 url(../../images/bg.gif) repeat-x;  
}

.html_bo {
    background-color:#dddcdc;
}

body {
	margin: 0;padding: 0;border: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-style : normal;
	font-variant : normal;
	font-size : 11px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0; padding: 0;      
}

h1 {
    font-size: 30px;
    font-weight:500;
    color:#6699CC;  
    padding-bottom:15px;     
}

h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;     
    color:#000000;	    
}

h3 {
    font-size: 12px;
    font-weight: bolder;
    text-transform:uppercase;  
    color:#6699CC;   
    padding-top:10px;
}

h4 {
    font-size: 12px;
    font-weight: normal;
    color:#6699CC;   
    padding-top:10px;
}

ul 
{
    /* color:#000000;	 */
    margin-top:0; 
    list-style-type:square;
}

li 
{
    list-style-type:none;
}


/* Liens                               */                      
a {text-decoration : none;}
a:link, a:visited {color: #000000;}
a:hover {color: #FFFFFF;}

a.news:link, a.news:visited {color: #6699CC;}
a.news:hover {color: #FFFFFF;}

a.gris:link, a.gris:visited {color: #494D5A;}
a.gris:hover {color: #FFFFFF;}

a.bleu:link, a.bleu:visited {color: #6699CC;}
a.bleu:hover {color: #6699CC;}

a.blanc:link, a.blanc:visited {color: #FFFFFF;}
a.blanc:hover {color: #6699CC;}

a.rose:link, a.rose:visited {color: #FFFFFF;}
a.rose:hover {color: #FF3399;}

a.orange:link, a.orange:visited {color: #FF6600;}
a.orange:hover {color: #FF6600;}

a.violet:link, a.violet:visited {color: #9933FF;}
a.violet:hover {color: #9933FF;}

a.vert:link, a.vert:visited {color: #99ff33;}
a.vert:hover {color: #99ff33;}

a.pdf:link, a.pdf:visited {color: #cc3333;}
a.pdf:hover {color: #cc3333;}
a.pdf 
{
    font-size: 12px;
    font-weight: bolder;
    text-transform:uppercase;         
    text-decoration: underline;
}

a.menubo:link, a.menubo:visited {color: #333300;}
a.menubo:hover {color: #333300;}
a.menubo 
{
    font-size: 12px;
    font-weight: bolder;
    letter-spacing:1px;
}

a.smenubo:link, a.smenubo:visited {color: #333300;}
a.smenubo:hover {color: #FF6600;}
a.smenubo 
{
    font-size: 12px;
}

a.bo:link, a.bo:visited {color: #FF6600;}
a.bo:hover {color: #FF6600;}
a.bo 
{
    font-size: 12px;
    font-weight: bolder;
    letter-spacing:1px;
    text-decoration: underline;    
}

abbr, acronym {
	border-bottom:#666666 dotted 1px;
	cursor:help;
}



img {border:0}

.bleu {color:#6699CC}
.blanc {color:#FFFFFF;}
.gris {color:#494D5A}
.rose {color:#FF3399}
.orange {color:#FF6600}
.violet {color:#9933FF}
.vert {color:#99ff33}

.uppercase {text-transform: uppercase;}
.center {text-align:center;}
.firstcol {text-align:left; padding-left:10px;}
.strong {font-weight: bold;}
.asterisque{font-family : Verdana, Helvetica, sans-serif; font-size : 10px; font-weight: bold; color: #FF3333;}
.clear {clear:both;}
.alerte {color:#FF0000;font-size: 12px; font-weight: bold;}
.reset 
{  
     margin:0;   
     padding:0;   
     border-collapse:collapse;   
     border-spacing:0;   
}

/* ================================================================================== */
/* Commun                                                                             */
/* ================================================================================== */

#container {
	width: 1000px;
	padding: 0 0px;
	margin: 0 auto;
	position: relative;
    z-index:1;	
}
#column_left {
	float: left;    
	width:380px;
	height:510px;
	border-left: 60px solid;
	border-top: 20px solid;
	border-color: #FFFFFF;
	text-align:justify;
    color:#333333;	
}

#column_left ul,li 
{
    margin:0;   
    padding:0;   
    padding-left:4px;
}

#column_right {
	float: right;  
	width:380px;
	height:510px;
	border-right: 100px solid;
	border-top: 20px solid;
	border-color: #FFFFFF;
	text-align:justify;	
}

#pdf {
    position:absolute;
    top:310px; 
    left:940px;
}

/* ================================================================================== */
/* MasterPage                                                                         */
/* ================================================================================== */

#header {
	left:100px;
	top:0px;
	width:1000px;
	height:138px;    
   	background-image: url(../../images/bg_header.gif);
    background-repeat: repeat-x;
}

#logo {
	position:relative; 
	top:16px;
	left:16px;
	width:320px;
	height:41px;
}

#trait {
	position:relative;    
	left:202px;
	top:40px;	
	width:549px;
	height:40px;
    background-image: url(../../images/trait.gif);
    background-repeat: no-repeat;	
}

#langue {
	position:relative;    
	left:860px;
	top:-15px;
    font-size: 12px;
    text-transform:uppercase;  
    color:#FFFFFF; 
    width:150px;  
}

#navigation {
	position:relative;
	left:52px;
	top:2px;	
	width:740px;
	height:40px;
    z-index:10;	   
}

#navigation ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	line-height: 1;
}

#navigation a {
	display: block;
}

#navigation li {
	float: left;
	width: 10em;
}

#navigation li span { 
	display: block; 
    font-weight: bold;
    text-transform:uppercase;
    cursor: pointer; 
}

#navigation li.nous { 
    color:#6699CC;
}

#navigation li.produits { 
    color:#FF3399;
    padding-left:80px;  
}

#navigation li.news { 
    padding-left:45px;  
}

#navigation li.liens { 
    padding-left:5px;  
}

#navigation li.contact { 
    padding-left:30px;  
}

#navigation li table { /* listes de deuxième niveau */
	position: absolute;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#navigation tr { /* listes de deuxième niveau */
    line-height:10px; 
}

#navigation li:hover table, #navigation li.sfhover table { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	height:680px;
	width: 1000px;
	background-color:#FFFFFF;
}

#photo {  
	height:150px;
    z-index:2;	
}

#footer {
	width:1000px;
	height:60px;
   	/* background-image: url(../../images/bg_02.gif); */
   	background-color:#2A2C34;
   	color:#FFFFFF;
	font-family:  Verdana, Helvetica, sans-serif;  
    font-size: xx-small;
    letter-spacing:-1px;
    z-index:2;
}

#footer span.qualicert {
	position:absolute;    
	left:60px;
	top:835px;
	width:306px;
	height:29px;
}

#footer span.ref {
	position:relative;        
	left:102px;
	top:25px;
}

#footer span.infos {
	position:absolute;
	top:825px;
	display: block;
	left:60px;
	width:460px;
}

#footer span.adresse {
	position:absolute;
	top:825px;
	display: block;
	left:540px;
	width:460px;
}

/* ================================================================================== */
/* Default                                                                         */
/* ================================================================================== */

#content_01 {
	float: left;    
	width:480px;
	height:470px;
	background-color:#FFFFFF;
	border-left: 60px solid #FFFFFF;
	border-top: 60px solid #FFFFFF;
}

#content_01 ul {
	margin:0px;
	padding:0px;
}

#content_01 li {
	padding-bottom:5px;
    font-size: 11px;
    font-weight: bold; 
    text-transform:uppercase; 
}

#content_02 {
    float: right;
	width:400px;
	height:170px;
	color:#FFFFFF;	
	background-color:#2A2C34;
   	/*background-image: url(../../images/bg_02.gif);*/
	border-left: 60px solid #2A2C34;
	border-top: 60px solid #2A2C34;   	
}

#content_01 li.niv2 
{
	padding:0px;    
	padding-left:8px;
    font-size: 11px;
    font-weight: normal; 
    text-transform:none; 
}

#content_02 span.titre
{
	text-align:left;
	font-weight:bold;
}

#content_02 p span.txt
{
	width:150;	
}

#content_02 ul li
{   
	list-style-type: disc;	
}

#content_03 {
    float: right;
	width:400px;
	height:95px;
	background-color:#494D5A;
   	/*background-image: url(../../images/bg_03.gif); */
	border-left: 60px solid #494D5A;
	border-top: 25px solid #494D5A;    	
}

#content_04 {
    float: right;
	width:400px;
	height:145px;
	background-color:#3399CC;
   	/* background-image: url(../../images/bg_04.gif);	 */
	border-left: 60px solid #3399CC;
	border-top: 35px solid #3399CC;     	
}

#content_04 ul {
	margin:0px;
	padding:0px;
	padding-top:30px;
}

#content_04 li {
	padding-bottom:2px;
    font-size: 11px;
    color:#FFFFFF;    
}

/* ================================================================================== */
/* News                                                                         */
/* ================================================================================== */


#content_news {
	width:760px;
	height:510px;
	border-left: 60px solid #FFFFFF;
	border-top: 20px solid #FFFFFF;
}

#lst_news 
{
	text-align: left;
	width:870px;
	height: 450px;
	left:0px; top:0px; 
}

#lst_news td
{
    vertical-align:text-top;
    padding-right:40px;
    text-align:left;
}

#lst_news ul li
{
	list-style-type: disc;
}

.titre_news
{
    display:block;    
    font-size: 12px;
    font-weight: bolder;
    text-transform:uppercase;  
    color:#6699CC;   
    padding-bottom:10px;
    width:400px;
    height:45px;    
}

.txt_news
{
    display:block;    
    text-align:justify;
    width:400px;    
}


/* ================================================================================== */
/* Backoffice                                                                         */
/* ================================================================================== */


#login_bo {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10em;
	width:495px;	
	height:261px;
	background-image:url('../../backoffice/images/bg_login.gif');
    background-repeat: no-repeat;			
}


#login_app {
    padding-top:85px;
    padding-left:30px;
}


#login_id 
{
    margin: 0; padding: 0;          
	padding-top: 20px;
	padding-left: 100px;
	font-size:12px;
	font-weight: bold;
}

#login_logo
{
	text-align: justify;
	width: 38%;
	float: left;
	padding-bottom:40px;
}

.login_btn
{
	padding-top: 10px;
	padding-left:145px;
}

#login_alerte
{
	text-align: center;  
	padding-bottom: 10px;
}

.login_lbl {
	font-weight: bold;
}

.login_txt {
	width: 150px;
	border: 1px solid #cccccc;
}

.login_titre
{
    float:left;
    width:150px;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	background-color:#E9ECEF;
	text-align:right;
	letter-spacing:1px;
}

#header_bo 
{
	top:0px;
	height:130px;  
	border-bottom: 2px solid #6C7A83;
}

#header_txt
{
    position:relative;
    color:#333366;
    top:-25px;
    padding-left:175px; 
    font-size:13px;
    font-weight:bolder;
}

#menu_bo 
{
    position:absolute;
	width:200px;
	height:500px;
	background-color:#6C7A83;
	border-top: 20px solid #6C7A83;    
}

#content_bo 
{
    float:right;
	width:780px;
	height:500px;
	background-color:#FFFFFF;
	border-left: 20px solid #FFFFFF;
	border-top: 20px solid #FFFFFF;   	
}

#action_bo 
{
    text-align:center;
    padding-top:10px;
    padding-bottom:20px;
    width:700px;
}

.topMenuLinkText {
	color: #000000;
	font-size: x-small; 
}

.menuCFAdminText {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.menuHeaderText {
	color: #333300;
	font-weight: bold;
	font-size: x-small;
}

.menuTD {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
}
#cart_bo {background: transparent; margin:1em; width:600px;}
#cart_bo h1, #cart_bo p {margin:0px 10px;}
#cart_bo h1 
{
    color: #333300;
	font-weight: bold;
	font-size: 18px;
    letter-spacing:1px;	
}

#cart_bo p {color: #333300; font-size: 12px; padding-bottom:2em;}

.cart_top, .cart_bottom {display:block; background:transparent; font-size:1px;}
.cart_b1, .cart_b2, .cart_b3, .cart_b4 {display:block; overflow:hidden;}
.cart_b1, .cart_b2, .cart_b3 {height:1px;}
.cart_b2, .cart_b3, .cart_b4 {background:#CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cart_b1 {margin:0 5px; background:#CCCCCC;}
.cart_b2 {margin:0 3px; border-width:0 2px;}
.cart_b3 {margin:0 2px;}
.cart_b4 {height:2px; margin:0 1px;}

.cart_content {display:block; background:#CCCCCC; border:0 solid #CCCCCC; border-width:0 1px;}


#cart_maj
{
    padding:10px 0 0 10px;
} 


#dtg_bo
{
	text-align: center;
}

.dtg_content
{
	font-size:10px;
	color:#000000;
	border-collapse:collapse;
	background-color:#F1F1F1;
	text-align: center;
	border: solid 1px #F1F1F1;
	width:650px;
}

.dtg_header
{
	text-align: center;
	font-weight : bold;
	letter-spacing: 1px;
	font-size : 11px;
	color: #333300;	
	background-color : #CCCCCC;	
	height : 18px;		
}

.dtg_paging
{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
	text-align: center;
}

#bo_titre
{
	font-weight : bolder;
	letter-spacing: 2px;
	font-size : 12px;
	color: #FFFFFF;	
	text-transform : uppercase;	
	background-color : #003366;	
	padding-left:5px;
	line-height:30px;
	vertical-align:bottom;
	margin-right:20px;
	margin-top:30px;
}

#bo_content
{  
    padding-top:20px;
    height:400px;
    background-color:#F1F1F1;
    border-bottom : 10px solid #003366;  
	margin-right:20px;     
}

.bo_lbl
{
    float:left;
	font-weight : bolder;
	font-size : 11px;
	color: #333300;	
	padding-left : 5px;
	vertical-align:middle;
	width:150px;
}

.bo_txt
{
    width:500px;
}

.bo_txtarea
{
    width:500px;
    height:200px;
}

.bo_date
{
	font-weight : normal;
	font-size : 11px;
}