/**********************************************************
***			TAGS				***
**********************************************************/

body{ margin : 0px 10px 10px 10px; font-family : arial; font-size : 11px; color : #3E3E3E;}
ul { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
li { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style : none}
form { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
p { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; font-family:arial;}
img {
	border : 0;
}

H2 { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; font-size : 14px; font-weight : normal;}

a { color : #3D3D3D; text-decoration : none;}
a:hover { text-decoration : underline;}

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

.borderBottom { border-bottom : 1px dotted #D0C7BE; padding-bottom : 10px;}

.top20 { margin-top : 20px;}
.bottom10 { margin-bottom : 10px;}

.gras { font-weight : bold;}

.alignRight { text-align : right;}

.petit {font-size : 10px;}

/**********************************************************
***		DIVISION GLOBALE			***
**********************************************************/

div#global { width : 900px; margin-left: auto; margin-right: auto;
/*vertical-align: text-top;*/
}



/**********************************************************
***		DIVISION HEADER	+ MENU			***
**********************************************************/

div#header {
	height : 130px;
	background : url(../images/btoc/header2.jpg) no-repeat 0px 0px;
}

div#header ul { padding-top : 225px; margin : 0px 0px 0px 4px; +margin : 0px 0px 0px 0px !important;}
div#header ul li { display : inline; background : #ffffff url(../images/btoc/border_nav.gif) no-repeat bottom right; border-top : 1px solid #EFEAD7; margin : 0px 0px 0px -4px; +margin : 0px 0px 0px 0px !important; padding : 6px 5px 6px 4px; +padding : 6px 3px 6px 3px !important;}
div#header ul li.current {  background : #ffffff url(../images/btoc/border_nav_current.gif) no-repeat bottom right;}
div#header ul li.last { background : #ffffff url(../images/btoc/border_nav_last.gif) no-repeat bottom right;}

div#header ul li a {color : #402301; text-decoration : none;}
div#header ul li a:hover { text-decoration : underline;}
div#header ul li.current a {color : #FF6E01;}



/**********************************************************
***	DIVISION SOUS HEADER HOME			***
**********************************************************/

div#sousHeaderHome { float : left; width : 760px; height : 180px; border-bottom : 1px solid #D3D3D3; border-right : 1px solid #D3D3D3; background : url(../images/btoc/sous_head.gif) no-repeat top left; margin-bottom : 20px;}

div#sousHeaderHome div.colLeft { float : left; width : 206px; border-left : 1px solid #D3D3D3; height : 180px; margin-left : 380px; +margin-left : 190px!important; background : url(../images/btoc/border.gif) no-repeat right bottom;}
div#sousHeaderHome div.colLeft p.quote { float : left; clear : left; color : #402301; font-style : italic; font-size : 15px; padding : 14px 5px 0px 14px; margin-bottom : 12px;}
div#sousHeaderHome div.colLeft h2 { float : left; clear : left; width : 170px; padding-left : 19px; color : #FF6E00; background : url(../images/btoc/h2/puce_orange_1.gif) no-repeat 10px 1px; margin-bottom : 5px;}
div#sousHeaderHome div.colLeft p { float : left; clear : left; width : 190px; padding-left : 10px; margin-bottom : 5px;}
div#sousHeaderHome div.colLeft a.linkArrowOrange { float : left; clear : left; width : 190px; padding-left : 25px; color : #FF6E00; text-decoration : none; background : url(../images/btoc/link/puce_arrow_orange_1.gif) no-repeat 10px 3px;}
div#sousHeaderHome div.colLeft a.linkArrowOrange:hover { text-decoration : underline;}


div#sousHeaderHome div.colRight { float : left; height : 180px; width : 173px;}
div#sousHeaderHome div.colRight h2 { font-size : 11px;float : left; clear : left; width : 157px; padding-left : 9px; color : #333333; background : url(../images/btoc/h2/puce_noir.gif) no-repeat 0px 0px; margin-bottom : 10px; margin-top : 10px;}
div#sousHeaderHome div.colRight h2 span { font-weight : bold;}
div#sousHeaderHome div.colRight p { width : 157px;float : left; clear : left; padding-left : 7px; margin-bottom : 5px;}
div#sousHeaderHome div.colRight p a{ color : #333333;}
div#sousHeaderHome div.colRight a.linkArrowBrun { float : left; clear : left; width : 157px; padding-left : 23px; color : #402301; text-decoration : none; background : url(../images/btoc/link/puce_arrow_marron.gif) no-repeat 8px 3px;}
div#sousHeaderHome div.colRight a.linkArrowBrun:hover { text-decoration : underline;}




/**********************************************************
***		DIVISION CONTENT HOME			***
**********************************************************/

div#contentHome { float : left; clear : left; width : 760px;}
div#contentHome div.colsContentHome{ float : left; width : 253px;}

div.colsSouscrireHome { padding : 0px 0px 30px 0px; margin : 0px 10px 20px 10px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom;}
div.colsSouscrireHome h2 { padding-left : 9px; color : #FF6E00; background : url(../images/btoc/h2/puce_orange_1.gif) no-repeat 0px 1px; margin-bottom : 10px; padding-bottom : 4px; border-bottom : 1px dotted #CFCFCF;}
div.colsSouscrireHome p.prologue { margin-bottom : 10px; font-size : 13px;}
div.colsSouscrireHome h3 { padding : 2px 0px 2px 5px; margin : 10px 0px 10px 0px; color : #FFffff; background : url(../images/btoc/h3/orange.gif) no-repeat 0px 1px; font-size : 11px; font-weight : normal;}
div.colsSouscrireHome a { padding-left : 10px; background : url(../images/btoc/link/puce_angle_orange.gif) no-repeat 0px 5px;}

div.colsContratHome { padding : 0px 0px 30px 0px; margin : 0px 10px 20px 10px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom;}
div.colsContratHome h2 { padding-left : 9px; color : #D57801; background : url(../images/btoc/h2/puce_marron.gif) no-repeat 0px 1px; margin-bottom : 10px; padding-bottom : 4px; border-bottom : 1px dotted #CFCFCF;}
div.colsContratHome p.prologue { margin-bottom : 10px; font-size : 13px;}
div.colsContratHome h3 { padding : 2px 0px 2px 5px; margin : 10px 0px 10px 0px; color : #FFffff; background : url(../images/btoc/h3/marron.gif) no-repeat 0px 1px; font-size : 11px; font-weight : normal;}
div.colsContratHome a { padding-left : 10px; background : url(../images/btoc/link/puce_angle_marron.gif) no-repeat 0px 4px;}

div.colsElviaHome { padding : 0px 0px 30px 0px; margin : 0px 10px 20px 10px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom;}
div.colsElviaHome h2 { padding-left : 9px; color : #FFBE50; background : url(../images/btoc/h2/puce_jaune.gif) no-repeat 0px 1px; margin-bottom : 10px; padding-bottom : 4px; border-bottom : 1px dotted #CFCFCF;}
div.colsElviaHome a { padding-left : 10px; background : url(../images/btoc/link/puce_angle_jaune.gif) no-repeat 0px 4px;}

div.colsInfomedicHome { padding : 0px 0px 30px 0px; margin : 0px 10px 20px 10px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom;}
div.colsInfomedicHome h2 { padding-left : 9px; color : #FF0100; background : url(../images/btoc/h2/puce_rouge.gif) no-repeat 0px 1px; margin-bottom : 10px; padding-bottom : 4px; border-bottom : 1px dotted #CFCFCF;}
div.colsInfomedicHome p { margin-bottom : 10px;}
div.colsInfomedicHome a { padding-left : 15px; background : url(../images/btoc/link/puce_arrow_rouge.gif) no-repeat 0px 2px; color : #FF0100;}

div.colsTelephoneHome { padding : 0px 0px 30px 0px; margin : 0px 10px 20px 10px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom;}
div.colsTelephoneHome div {  background : url(../images/btoc/bg_teleph.gif); }
div.colsTelephoneHome div p { font-size : 13px; background : #ffffff; margin : 0px 30px 0px 10px; padding : 0px 10px 0px 10px;}
div.colsTelephoneHome div p span { font-weight : bold; font-size : 20px;}




/**********************************************************
***		DIVISION SOUS HEADER			***
**********************************************************/

div#sousHeader {
	clear : both;
	float : right;
	width : 700px;
	height: 30px;
	background : url(../images/btoc/bg_soushead.gif) no-repeat bottom right;
	margin-bottom: 5px;
	text-align: left;
}
div#sousHeader h2 { margin-top : 10px;font-size : 11px;float : left;  padding-left : 9px; color : #333333; background : url(../images/btoc/h2/puce_noir.gif) no-repeat 0px 0px;}
div#sousHeader h2 span { font-weight : bold;}
div#sousHeader a.linkArrowBrun { margin-top : 10px; float : right; padding-left : 15px; color : #402301; text-decoration : none; background : url(../images/btoc/link/puce_arrow_marron.gif) no-repeat 0px 3px; margin-right : 20px;}
div#sousHeader a.linkArrowBrun:hover { text-decoration : underline;}



/**********************************************************
***		DIVISION CONTENT 			***
**********************************************************/

div#content { float : left; clear : left; width : 900px; margin-top : 5px;}



/*************** Menu de gauche *********************/

div#contentMenu { float : left; width : 200px;}
div#contentMenu div { float : left; width : 165px; background : url(../images/btoc/border_bloc_home.gif) no-repeat center bottom; padding-bottom : 10px;}
div#contentMenu ul.accueil { border-bottom : 1px dotted #CFCFCF; padding-bottom : 5px; margin-bottom : 10px; }
div#contentMenu h2 { padding-left : 9px; color : #FF6E00; background : url(../images/btoc/h2/puce_orange_1.gif) no-repeat 0px 0px; margin-bottom : 5px; padding-bottom : 4px; font-size : 11px; font-weight : bold;}
div#contentMenu ul.nav {
	margin-bottom : 10px;
	text-align: left;
}
div#contentMenu ul.nav li{ margin-bottom : 6px!important; margin-bottom : 0px; }
div#contentMenu ul.nav a { padding-left : 10px; background : url(../images/btoc/link/puce_angle_orange.gif) no-repeat 0px 5px;}
div#contentMenu ul.nav a:hover {
	padding-left : 10px;
	background : #FF7D1B;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : underline;
}




div#contentInformation { float : left; width : 700px;}




/*************** Navigation en entete *********************/

div#informationHeader { float : left; width : 660px; margin: 5px 0 0px 0;}
div#informationHeader div.headTitre{ float : left; width : 140px; background : url(../images/btoc/fondhead.jpg) no-repeat 0px 10px;}
div#informationHeader div.headTitre h1 { float : left; padding : 0px 0px 0px 0px; margin : 4px 0px 0px 0px; font-size : 14px;}

div#informationHeader div.headNav { float : left; width : 400px; border-bottom : 1px solid #D1D1D1;}
div#informationHeader div.headNav ul { padding : 4px 0px 0px 10px;}
div#informationHeader div.headNav ul li { border-top : 1px solid #CFCFCF; border-right : 1px solid #FFFFFF; display : inline; margin : 0px 0px 0px -3px; +margin : 0px 0px 0px 0px !important; padding : 0px 15px 0px 15px; font-size : 10px; font-color : #CFCFC; padding-top : 10px; background : url(../images/btoc/menu_g.gif) no-repeat 0px 10px;}
div#informationHeader div.headNav ul li.current { padding-top : 10px; background : url(../images/btoc/menu_o.gif) no-repeat 0px 5px;}
div#informationHeader div.headNav ul li.souscrire { color : #FFffff; padding-top : 10px; background : url(../images/btoc/menu_s.gif) no-repeat 0px 5px;}
.souscrire {color: #FFFFFF}

div#informationHeader div.headNav2 { float : left; width : 150px; }
div#informationHeader div.headNav2 ul { padding : 4px 0px 0px 10px;}

div#informationHeader div.headNav2 ul li.current { padding-top : 10px; }
div#informationHeader div.headNav2 ul li.souscrire { padding-top : 10px;  no-repeat 0px 5px;}

div#informationHeader div.headNav1 { float : left; width : 250px; border-bottom : 1px solid #D1D1D1;}
div#informationHeader div.headNav1 ul { padding : 4px 0px 0px 10px;}
div#informationHeader div.headNav1 ul li { border-top : 1px solid #CFCFCF; border-right : 1px solid #FFFFFF; display : inline; margin : 0px 0px 0px -3px; +margin : 0px 0px 0px 0px !important; padding : 0px 15px 0px 15px; font-size : 10px; font-color : #CFCFC; padding-top : 10px; background : url(../images/btoc/menu_g.gif) no-repeat 0px 10px;}
div#informationHeader div.headNav1 ul li.current { padding-top : 10px; background : url(../images/btoc/menu_o.gif) no-repeat 0px 5px;}
div#informationHeader div.headNav1 ul li.souscrire { color : #FFffff; padding-top : 10px; background : url(../images/btoc/menu_s.gif) no-repeat 0px 5px;}


/*************** Informations meme ************************/

div#information,div#informationservices  { clear : left; float : left; width : 700px;}

div#information div.blocInformation,div#informationservices div.blocInformation{
	clear : left;
	float : left;
	width : 700px;
	margin-bottom : 10px;
	text-align: left;
}
div#information div.blocInformation h2, div#informationservices div.blocInformation h2 { padding : 2px 0px 2px 5px; margin : 0px 0px 10px 0px; color : #FFffff; background : url(../images/btoc/h3/orange.gif) no-repeat 0px 1px; font-size : 11px; font-weight : bold;}
div#information div.blocInformation h3, div#informationservices div.blocInformation h3 { font-size : 11px; color : #FE7610; font-weight : normal; padding : 0px 0px 0px 10px; margin : 0px 0px 5px 0px; background : url(../images/btoc/link/puce_angle_orange.gif) no-repeat 0px 5px;}
div#information div.blocInformation p, div#informationservices div.blocInformation p { text-align : justify; margin-bottom : 10px;}
div#information div.blocInformation p.retrait, div#informationservices div.blocInformation p.retrait { margin : 0px 0px 15px 20px;}

div#information a, div#informationservices a { color : #FE6D00; text-decoration : underline;}
div#information a:hover, div#informationservices a:hover  { text-decoration : none;}

div#information div.bg, div#informationservices div.bg {
	/*background : url(../images/btoc/bg_blocinfo.gif) no-repeat bottom right;*/
	width: 700px;
	float: left;
}
div#information div.bg p, div#informationservices div.bg p {  padding-right : 20px;}

p.temoignage { color : #999999; font-style : italic;}

/*************** devis ************************/

div#information div.blocDevis {font-size: 11px color : #FF6600;}
div#information div.blocDevis h4 { font-size : 11px; color : #FF6600; font-weight : bold; padding : 0px 0px 0px 10px; margin : 0px 0px 5px 11px; background : url(../images/btoc/link/puce_angle_orange.gif) no-repeat 0px 5px;}
div#information div.blocDevis h5 {
	font-size : 10px;
	color : #FF6600;
	font-weight : bold;

	text-align: left;
}
ormation div.blocDevis h6 { font-size : 11px; color : #666666; font-weight : bold; padding : 0px 0px 0px 10px; margin : 0px 0px 5px 11px;}
.tableau {font-size: 11px; color : #010000; font-family:arial;}
.orange {color: #FF6600; font-weight : bold;}

/**********************************************************
***			TABLE DATA 			***
**********************************************************/

table.data { width : 548px; font-size : 11px; margin-bottom : 10px;}
table.data th {
	background : #FFFFFF;
	font-weight : normal;
	padding : 2px 5px 2px 5px;
	border-left : 1px solid orange;
	border-bottom : 1px solid orange;
	height : 30px;
}
table.data td { background : #FEE2CD; text-align : center; padding : 2px 5px 2px 5px; border-left : 1px solid white;  border-bottom : 1px solid white;}
table.data .colLeft { width : 130px; text-align : left;}
table.data .coinTable { background : #FEE2CD url(../images/btoc/coin_table.gif) no-repeat top right; }
table.data .coin { background : #FFFFFF ; border-left : 1px solid white; border-bottom : 1px solid orange;}
table.data a {text-decoration : underline;}




/**********************************************************
***			DIVISION FOOTER			***
**********************************************************/

div#footer {
	border-top : 1px dotted #CFCFCF;
	clear : both;
	padding : 10px 0px 0px 0px;
	margin : 10px 0px 10px 0px;
	width: 900px;
}
div#footer ul { float : right;}
div#footer ul li {display : inline; font-size : 10px; border-right : 1px solid #808080; padding : 0px 10px 0px 10px; }
div#footer ul li.last {border: 0; }
div#footer ul li a { text-decoration : underline;}

/**********************************************************
***			DIVISION DEVIS			***
**********************************************************/

div#paiement  { position : top ; float : right; width : 180px;}

div#paiementTableau { float : right; width : 150px;}


div#paiementTableau div { float : left; right : 150px; padding-bottom : 10px;}
div#paiementTableau h2 { padding-left : 9px; color : #FF6E00; margin-bottom : 5px; padding-bottom : 4px; font-size : 11px; font-weight : bold;}
div#paiementTableau ul.nav { margin-bottom : 10px; }
div#paiementTableau ul.nav li{ margin-bottom : 6px; }
div#paiementTableau ul.nav a { padding-left : 10px; background : url(../images/btoc/link/puce_angle_orange.gif) no-repeat 0px 5px;}
div#paiementTableau ul.nav a:hover { padding-left : 10px; background : #FF7D1B; font-size : 11px; color : #FFFFFF; text-decoration : underline;}
.plan { color: ##3E3E3E; font-weight: bold;}


.StyleTitreProprietes  {
	color:#FF7A04;
}