body {	
	background: SILVER;
	margin-left: 0px;	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px;	
	color: #FFF;	
	text-align: left;}
	
.nav {	
	font-family: Arial;	
	font-size: 11px;	
	font-weight: bold;	
	color: #000000;
}


.nav  a:visited {	
	text-decoration: underline;	
	color: black;}
	
.nav  a:hover {	
	text-decoration: underligne;	
	color: red;}
	
.nav  a:link {	
	text-decoration: underligne;	
	color: red;}

.nav a:active {	
	text-decoration: underline;}	
	
.navbarre {	
	font-family: Arial;	
	font-size: 10px;	
	font-weight: Bold;	
	color: #ff7932;}

.navbarre  a:link {	
	color: white;	
	text-decoration: none;}

.navbarre  a:visited {	
	text-decoration: none;	
	color: #ff7932;}
	
.navbarre  a:hover {	
	text-decoration: none;	
	color: red;}

.navbarre a:active {	
	text-decoration: none;}	
	
.navbarre2 {	
	font-family: Arial;	
	font-size: 11px;	
	font-weight: bold;	
	color: #FFFFFF;}

.navbarre2  a:link {	
	color: white;	
	text-decoration: none;}

.navbarre2  a:visited {	
	text-decoration: none;	
	color: silver;}
	
.navbarre2  a:hover {	
	text-decoration: none;	
	color: red;}

.navbarre2 a:active {	
	text-decoration: none;}

.nav2 {	
	font-family: Arial;	
	font-size: 12px;	
	font-weight: normal;	
	color: black;
	text-align: left;}

.nav2  a:link {	
	font-size: 13px;	
	font-weight: bold;	
	color: #FF6600;
	text-decoration: underline;
}

.nav2  a:visited {	
	text-decoration: none;	
	color: black;
	font-weight: bold;}
	
.nav2  a:hover {	
	text-decoration: underline;
	font-size: 13px;	
	color: black;
	font-weight: bold;
	}

.nav2 a:active {	
	text-decoration: underline;
	color: black;}	

.titre {	
	font-family: Arial;	
	font-size: 12px;	
	font-weight: bold;	
	color: black;
	text-align: left;}
	
.titre2 {	
	font-family: Arial;	
	font-size: 12px;	
	font-weight: normale;	
	color: black;
	text-align: left;}
	
.promos {
	font-family: Arial;	
	font-size: 12px;	
	font-weight: bold;	
	color: red;
	text-align: left;
}

.avantage_client {
	font-family: Arial;	
	font-size: 12px;	
	font-weight: bold;	
	color: green;
	text-align: left;
}



/* ARTICLE PAGE */
.titre_page {
	padding:7px 30px;
	width:96%;
	color:black;
	font-size: 13px;
	}
	
.article {
	padding: 12px ;
	width: 95%;
	height: auto;
	background:white;
	color:black;
	border-right: 3px thin solid silver;
	border-collapse: collapse;
	}


.article-avantage {
	padding: 12px ;
	width: 98%;
	height: auto;
	background:white;
	color:black;
	font-size: 11px;
	border: 6px thin solid black;
	border-collapse: collapse;
	}
	
.titre_article {
	padding:8px 15px;
	font-weight:bold;
	font-size: 13px;
	width: 98%;
	height: auto;
	color: white;
	background: black;
	}
/* FIN ARTICLE PAGE */		
	
/* ARTICLE GAUCHE */
.titre_article_gauche {
	padding: 6px 25px;
	font-weight:bold;
	font-size: 13px;
	width: 370;
	height: 20px;
	color: black;
	border-collapse: collapse;
	
	}	
	
.article_gauche {
	width: 370;
	height: auto;
	background: lightyellow;	
	font-weight:bold;
	font-size: 11px;
	border: 1px solid whitesmoke; 
	
	
	}
	
.article_gauche p {
	padding: 1px;
	font-weight:bold;
	font-size: 12px;
	}	

/* FIN ARTICLE GAUCHE */

	
.leg {	
	font-family: Arial;	
	font-size: 11px;
	font-weight: bold;	
	color: red;}
	
.leg  a:link {	
	color: #000000;	
	text-decoration: none;}

.leg  a:visited {	
	text-decoration: none;	
	color: #000000;	}

.leg  a:hover {	
	text-decoration: none;	
	color: #FF9900;}

.leg a:active {	
	text-decoration: none;}
	
.leg2 {	
	font-family: Arial;	
	font-size: 9px;
	font-weight: bold;	
	color: green;}
	
.leg2  a:link {	
	color: #33FF33;	
	text-decoration: none;}

.leg2  a:visited {	
	text-decoration: none;	
	color: #000000;	}

.leg2  a:hover {	
	text-decoration: none;	
	color: #FF9900;}

.leg2 a:active {	
	text-decoration: none;}

.titregrand {	
	font-family: Arial;	
	font-size: 12px;	
	font-weight: bold;	
	color: #ff7932;}

.entetesun {	
	font-family: Arial;	
	font-size: 40px;	
	font-weight: normal;	
	color: white;} 
	
.enteteanti {	
	font-family: Arial;	
	font-size: 15px;	
	font-weight: normal;	
	color: yellow;}
	
.titregrand2 { 
	font-family: Arial;	
	font-size: 13px;	
	font-weight: bold;	
	color: #000000;	
	text-align: left;}

.titregrand3 {	
	font-family: Arial;	
	font-size: 14px;	
	font-weight: bold;	
	color: #F00;	
	text-align: left;}			 

.titregrand4 {	
	font-family: Arial;	
	font-size: 12px;	
	font-weight: bold;	
	color: #ff7932;	
	text-align: left;}	
	
.txt {	
	font-style: normal;	
	font-family: Arial;	
	font-size: 20px;	color: #FFF;}
	
.txt div blockquote p {	
	font-weight: normal;	
	color: #000;}

.txt table tr td #TabbedPanels1 
.TabbedPanelsContentGroup 
.TabbedPanelsContent
.TabbedPanelsContentVisible p {
	font-weight: normal;}

.txt table tr td table tr .txt .txt {
	font-size: 10px;} 
	
.txt table tr td form p .txt{	
	font-size: 10px;}

.txt table tr td form p 
.txt {	color: #000;}
.txt table tr td form p {	color: #FFF;}
.txt2 {	
	font-style: bold;	
	font-family: Arial;	
	font-size: 10px;	
	color: #000000;}

.txt2 div blockquote p {
	font-weight: bold;}
	
.txt2 table tr td #TabbedPanels1 
.TabbedPanelsContentGroup 
.TabbedPanelsContent
.TabbedPanelsContentVisible p {	
	font-weight: normal;}
	
.txt2 table tr td table tr .txt .txt {	
	font-size: 10px;}
	
.txt2 table tr td form p .txt2 {	
	font-size: 10px;}

.txt2 table tr td form p .txt2 {	
	color: #FFF;}

.txt2 table tr td form p {	
	color: #FFF;}


	
.anti {	
	color: red;	
	font-family: Arial;	
	font-size: 35px;}	   
					  
 onglets1	
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em arial;
	list-style: none;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
	border-top: solid 0px #000;
	border-right: solid 0px #000;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.TabbedPanelsTabHover {
	background-color: #FFF;
}

.TabbedPanelsTabSelected {
	background-color: #000000;
	border-bottom: 5px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
	border-top: solid 5px #000;
	border-right: solid 0px #000;
	
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 5px #000;
	border-right: solid 0px #000;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
 onglets1 	


 ongletsTarifs	

.TabbedPanelsTarifs {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroupTarifs {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTabTarifs {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em arial;
	background-color: #FFFFFF;
	list-style: none;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
	border-top: solid 0px #000;
	border-right: solid 0px #000;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.TabbedPanelsTabHoverTarifs {
	background-color: #008080;
}

.TabbedPanelsTabSelectedTarifs {
	background-color: #008080;
	border-bottom: 5px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.TabbedPanelsTabTarifs a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroupTarifs {
	clear: both;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
	border-top: solid 5px #000;
	border-right: solid 0px #000;
	background-color: #FFFFFF;
}

.TabbedPanelsContentTarifs {
	padding: 4px;
}

.TabbedPanelsContentVisibleTarifs {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.VTabbedPanels .TabbedPanelsTabGroupTarifs {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 5px #000;
	border-right: solid 0px #000;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
}

.VTabbedPanels .TabbedPanelsTabTarifs {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelectedTarifs {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
}

.VTabbedPanels .TabbedPanelsContentGroupTarifs {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
 ongletsTarifs .table_style {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}