﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(/images/bg.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
}
ul, li, p, img {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a
{
    font-family: Arial, Helvetica, sans-serif;
}
.main {
	background-color: #FFFFFF;
	margin: 0px;
	float: left;
	width: 940px;
	padding-right: 10px;
	padding-left: 10px;
}
.header {
	height: 60px;
	float: left;
	width: 940px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.logo {
	width: 238px;
	float: left;
}

.logo p {
	text-align: right;
	margin-top: 10px;
}
.banner {
	width: 468px;
	float: left;
	margin-right: 60px;
	margin-left: 60px;
}
.menu_haut {
	float: right;
	line-height: 20px;
}
.menu_haut .accueil {
	background-image: url(/images/pic_home.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: 1px 2px;
}
.menu_haut .plan {
	background-image: url(/images/pic_plan.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: 0px 3px;
}
.menu_haut .contact {
	background-image: url(/images/pic_contact.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: 3px 5px;
}
.menu_haut a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
.menu_haut a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.menu {
	float: left;
	width: 940px;
	height: 41px;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #214797;
	background-image: url(/images/bg_menu.gif);
	background-repeat: no-repeat;
	line-height: 41px;
}
.menu ul {
	display: block;
	line-height: 41px;
	float: left;
	height: 41px;
	width: 900px;
}
.menu li {
	display: inline;
}
.menu .accueil {
	float: left;
	margin-left: 14px;
	margin-right: 40px;
	line-height: 41px;
	margin-top: 10px;
}
.menu .mentions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #214696;
	font-weight: bold;
	margin-right: 50px;
}
.menu .mentions a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #214797;
	text-decoration: none;
	height: 41px;
	line-height: 41px;
}
.menu .mentions a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #214797;
	text-decoration: none;
	background-image: url(/images/menu_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 41px;
	line-height: 41px;
	padding-top: 10px;
}
.formulaire {
	background-image: url(/images/bg_formulaire.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 290px;
	width: 940px;
	margin-bottom: 10px;
}
.formulaire .devis_express {
	margin-left: 340px;
	margin-top: 8px;
	margin-right: 20px;
	height: 260px;
}
.formulaire .devis_express h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #214797;
	background-image: url(/images/bulle_1.gif);
	background-repeat: no-repeat;
	line-height: 23px;
	text-indent: 30px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.NosPack{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #214797;
	background-image: url(/images/bulle_1.gif);
	background-repeat: no-repeat;
	line-height: 23px;
	text-indent: 30px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.formulaire .devis_express .tableau {
	float: left;
	width: 550px;
	margin-top: 2px;
	font-size: 11px;
	margin-left: 20px;
	/*height: 186px;*/
}
.formulaire .devis_express .tableau .texte {
	background-image: url(/images/bull_2.gif);
	background-repeat: no-repeat;
	line-height: 22px;
	background-position: 0px 7px;
	text-indent: 12px;
}
.formulaire .devis_express .tableau .champ_texte {
	font-family: Arial, Helvetica, sans-serif;
	height: 14px;
	width: 117px;
	font-size: 11px;
}
.formulaire .devis_express .tableau .combo {
	font-family: Arial, Helvetica, sans-serif;
	height: 16px;
	width: 123px;
	font-size: 11px;
}
.formulaire .devis_express .tableau .combo2 {
	font-family: Arial, Helvetica, sans-serif;
	height: 16px;
	width: 40px;
	font-size: 11px;
}
.formulaire .devis_express .bouton_comparer {
	float: left;
	width: 100%;
}

.formulaire .devis_express .bouton_comparer img {
	float: right;
}
.content {
	float: left;
	width: 940px;
}
.content .left {
	width: 230px;
	margin-right: 10px;
	float: left;
}
.content .left .espace_personnel {
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #214797;
	float: left;
	width: 230px;
	background-image: url(/images/bg_rubrique.gif);
	background-repeat: no-repeat;
}
.content .left .espace_personnel h3 {
	background-image: url(/images/bg_espace_personnel.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 230px;
	font-size: 14px;
	color: #214797;
	line-height: 38px;
	font-weight: bold;
	text-indent: 54px;
	margin: 0px;
	padding: 0px;
}
.content .left .espace_personnel .bg {
	width: 210px;
	margin-top: 10px;
	height: 104px;
	margin-left: 10px;
}
.content .left .espace_personnel .champ_texte {
	font-family: Arial, Helvetica, sans-serif;
	height: 14px;
	width: 117px;
	font-size: 11px;
}
.content .left .espace_personnel .bouton_connexion {
	text-align: right;
	margin-top: 10px;
	float: left;
	width: 210px;
}

.content .left .espace_personnel .link {
	background-image: url(/images/bulle_3.gif);
	background-repeat: no-repeat;
	text-indent: 8px;
	background-position: 0px 4px;
	margin-bottom: 10px;
	float: left;
	width: 210px;
}
.content .left .espace_personnel a {
	line-height: 14px;
	color: #214797;
	text-decoration: underline;
}
.content .left .espace_personnel a:hover {
	line-height: 14px;
	color: #214797;
	text-decoration: none;
}
.content .left .actualites {
	background-image: url(/images/bg_rubrique.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #214797;
	float: left;
	width: 230px;
	background-position: bottom;
}
.content .left .actualites h3 {
	background-image: url(/images/bg_acualites.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 230px;
	line-height: 38px;
	text-indent: 54px;
	font-size: 14px;
	font-weight: bold;
	color: #214696;
	margin: 0px;
	padding: 0px;
}
.content .left .actualites .bg {
	width: 210px;
	float: left;
	padding-bottom: 10px;
}
.content .left .actualites .bg .actu {
	float: left;
	width: 210px;
	text-align: left;
	margin-left: 10px;
}

.content .left .actualites .bg .texte {
	margin-top: 10px;
	text-align: left;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 210px;
}
.content .left .actualites .bg .link {
	float: right;
	width: 70px;
	background-image: url(/images/bulle_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-indent: 8px;
}
.content .left .actualites a {
	line-height: 14px;
	color: #214797;
	text-decoration: underline;
}
.content .left .actualites a:hover {
	line-height: 14px;
	color: #214797;
	text-decoration: none;
}


.content .left .Partenaire {
	/*background-image: url(/images/bg_rubrique.gif);*/
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #214797;
	float: left;
	width: 230px;
	background-position: bottom;
}
.content .left .Partenaire h3 {
	background-image: url(/images/bg_acualites.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 230px;
	line-height: 38px;
	text-indent: 54px;
	font-size: 14px;
	font-weight: bold;
	color: #214696;
	margin: 0px;
	padding: 0px;
}

.content .right {
	float: left;
	width: 690px;
}

.content .right h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #214696;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-weight: bold;
}
.content .right p {
	text-align: justify;
}
.content .right .pack {
	width: 700px;
	margin-top: 10px;
}
.content .right .pack h3 {
	font-size: 14px;
	line-height: 24px;
	color: #214696;
	text-indent: 10px;
	background-image: url(/images/titre_pack.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 148px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.content .right .pack .bg {
	padding: 10px;
	height: 90px;
	width: 670px;
	background-image: url(/images/bg_pack.gif);
	background-repeat: no-repeat;
}
.content .right .pack .bg .left {
	width: 474px;
	height: 90px;
	float: left;
}
.content .right .pack .bg p {
	height: 62px;
}
.content .right .pack .bg .left .comparer {
	text-align: right;
}

.content .right .pack .bg .right {
	height: 89px;
	width: 186px;
	float: left;
}





.footer {
	background-image: url(/images/bg_footer.gif);
	background-repeat: repeat-x;
	height: 41px;
	width: 940px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer .logo {
	float: left;
	width: 190px;
	padding-left:5px
}
.footer .menu_bas {
	float: left;
	color: #FFFFFF;
	text-align: center;
	width: 540px;
}
.footer .menu_bas a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer .menu_bas a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.footer .copyrights {
	float: right;
	height: 41px;
	text-align: right;
	color: #989898;
	width: 190px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:5px
}

.SmallMenu
{
    color: #21718E;
}

.SmallMenu a:link, a:visited, a:active, a:hover
{
     text-decoration: none;
    color: #21718e;
    /*font-size: 10px;*/
}


.MainMenu
{
    color: #8B8B8B;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 12pt;
}

.MainMenu a,a:link, a:visited
{
    color: #8B8B8B;
    text-decoration: none;
}

.MainMenu a:hover 
{
    color: #3639E9;
    text-decoration: none;
}



.MainMenuSelectedSection
{
	background-image: url(/images/MasterLayouts/Default/MenuSelectedBGD.gif);
	font-weight: bold;
	font-size: 11px;
	color: #658cfc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.MainMenuItemSection
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/bg_menu.gif);
    /*background-color:#F78D15;*/
    height: 25px;
    padding-top:5px
}
.SubMenuItemSection
{
	background-image: url(/images/MasterLayouts/Default/SubMenuItemBGD.gif);
	background-repeat: no-repeat;
	
}

.arial11blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#arial11blanc a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#arial11blanc a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#arial11blanc a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
#arial11blanc a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.arial12blancbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.arial11blanccopyrights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 0px;
	margin: 0px;
	text-align: center;
}

.ComparateurHeader
{
    background-position: center top;
    background-image: url(/Images/Comparateur_BGD.gif);
    background-repeat: repeat-x;
    padding-right: 8px;
    padding-left: 8px;
}

.ComparateurHeader1
{
    background-position: center top;
    background-image: url(/Images/Comparateur_BGD.gif);
    background-repeat: repeat-x;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.OffreBouton
{
    font-size: 11pt;
    background-image: url(/Images/Bouton_Offre_BGD.png);
    width: 133px;
    background-repeat: no-repeat;
    font-family: 'Trebuchet MS';
    height: 46px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    color: #266aae;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
}

.OffreUpper
{
    text-transform: uppercase;
}



/* Menu */
#templatemo_menu
{
    width: 765px;
    height: 26px;
    float: left;
    padding: 0;
}


#templatemo_menu ul {

	list-style: none;
	display: inline;

}
#templatemo_menu li {

	float:left;
	
}

#templatemo_menu li a {

	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0 4px 0 0;
	padding: 0;
	height: 26px;
	line-height: 26px;
	/*text-align: center;*/
	cursor: pointer;
	
}

#templatemo_menu li a b {

	float: left;
	display: block;
	margin: 0 0 0 6px;
	padding: 0 15px 0 10px;
	background: url(images/templatemo_menu_right.jpg) right top no-repeat;
	color: #383838;

}

* html #templatemo_menu li a b {
	margin: 0 0 0 3px;
}

#templatemo_menu li a:hover, #templatemo_menu li a:hover b {

	color: #214797;

}

#templatemo_menu li.current a {

	color: #214797;
	float: left;
	display: block;
	color: #000;
	background: url(/images/templatemo_menu_left.jpg) no-repeat;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0 3px 0 0;
	padding: 0;
	height: 26px;
	line-height: 26px;
	/*text-align: center;*/
	cursor: pointer;

}

#templatemo_menu li.current a b
{
    float: left;
    display: block;
    margin: 0px 0px 0px 5px;
    padding: 0 15px 0 10px;
    background: url(/images/templatemo_menu_right.jpg) right top no-repeat;
    color: #383838;
}
/*End OF menu*/


.container
{
    background-color:#fff;
    border:1px solid #C2CBD4;
    
}
.comparatifsort
{
    width:100%;
    overflow:hidden;
    background-color:#EDEEF2;
    border-left:1px solid #C2CBD4;
    border-right:1px solid #C2CBD4;
    text-align:left;
    padding-left:30px;
    color:#000000;
    vertical-align:middle
}
.tabmenu
{
    border:1px solid #C2CBD4;
    border-bottom:0px;
    background-color:#ffffff;
    color:#000000;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    height:25px
}

.tabmenuactive
{
    border:1px solid #005C99;
    border-bottom:0px;
    background-color:#aec42e;
    color:#ffffff;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    height:25px
}
.tabmenuactive a
{
    color:#ffffff;
    font-weight:bold;
    text-decoration:none
}
.tabmenu a
{
    color:#005C99;
    font-weight:bold;
}
.headerbgBlue
{
    background-color:#b8c4dd;
    padding:3px 0 3px 0;
    font-weight:bold;
    font-size:11px;
    padding-left:10px;
    color:#000;
    font-family:Arial,Helvetica,sans-serif;
}
.ComparatifLinkTitle 
{
    font: 11px arial,helvetica,sans-serif;color: #000000;
}
A.ComparatifLinkTitle:link 
{
    font: 11px arial,helvetica,sans-serif;	
    color: #000000;	
    text-decoration: underline;
}
A.ComparatifLinkTitle:visited 
{
    font: 11px arial,helvetica,sans-serif;	
    color: #000000;	
    text-decoration: underline;
}
A.ComparatifLinkTitle:hover 
{	
    font: 11px arial,helvetica,sans-serif;	
    color: red;	
    text-decoration: underline;
}
.ComparatifHeaderFormule
{
    font: bold 12px arial,helvetica,sans-serif;	
    color: #015999;	
    text-decoration: none
}
A.ComparatifHeaderFormule:link 
{	
    font: bold 12px arial,helvetica,sans-serif;	
    color: #015999;	
    text-decoration: underline
}
A.ComparatifHeaderFormule:visited 
{	
    font: bold 12px arial,helvetica,sans-serif;	
    color: #015999;	
    text-decoration: underline
}
A.ComparatifHeaderFormule:hover 
{	
    font: bold 12px arial,helvetica,sans-serif;	
    color: #f60;	
    text-decoration: underline
}
.ComparatifOptionValues
{
    font: 11px arial,helvetica,sans-serif;	
    COLOR: #000000;
}
.arialblack 
{	
        font: 11px arial,helvetica,sans-serif;	
        color: #000000
}
.arial 
{	
    font: 11px arial,helvetica,sans-serif
}
/** Begin Comparateur Details**/
.tbl
{
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	/*margin: 20px 10px 10px;*/
	border-collapse: collapse;
	border: 1px solid #999999;
}
.tblHeaderGrey{
	background-color: #e1e1e1;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px solid #999999;
	HEIGHT:20px;
}
.tblHeaderWhite{
	background-color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border-collapse: collapse;
	border-left: 1px solid #999999;
}
.tblOver{
	background-color:#fedba5;
	font-family: Arial;
	font-size: 11px;
	border-collapse: collapse;
	border-left: 1px solid #999999;
}
.tblHeader2
{
	background-color: #f1f0f0;
	font-family: Arial;
	font-size: 11px;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.tblItem
{
	background-color: #f9f9f9;
	border-left: 1px solid #999999;
	/*border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;*/
	padding-left:4px;
	font-family: Arial;
	font-size: 11px;
	border-collapse: collapse;
}
.tblAlternatingItem{
	background-color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	border-collapse: collapse;
	border-left: 1px solid #999999;
	padding-left:4px;
	/*border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;*/
}

/** End Comparateur Details**/
.Form
{
    background-color:#fff;
    border:1px solid #C2CBD4;
    
}
.FormHeader
{
	font-weight: bold;
	font-size: 11px;
	color: White;
	font: bold 12px arial,helvetica,sans-serif;	
	background-color: #edeef1;
	padding-right: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #015999	
}
.FormBody
{
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;	
}
.FormRequiredField
{
	background-color: firebrick;
	width: 4px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin: 2px;
	height:20px;
}
.IndexFormLabel
{
    font-size: 11px;
	font-family: arial,helvetica,sans-serif;	
	font-weight:bold
}
.IndexFormControl
{
    font-size: 11px;
	font-family: arial,helvetica,sans-serif;	
	font-weight:bold
}
.TitreBlue16
{
    font-family: arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#007acf
}
.LabelBlue
{
    font-family: arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#007acf
}


