html, body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#910c1c;
	font-family:Arial;
	font-size:12px;
}

a img{
	border:none
}

.floatleft{
	float:left
}
.floatright{
	float:right
}
.half{
	width:50%
}

.clearfix{
	clear:both
}

noscript p{
	background:#fff;
	border:1px solid #000;
	color:red !important;
	width:75%;
	margin:20px auto !important;
	font-weight:bold;
	padding:10px;
}

/***** BLOCS *****/

#bloc{
	width:973px;
	margin:0 auto;
	background:url(../img/back_central.png) no-repeat top;
	background-color:#650814;
	min-height:543px;
	height:auto !important;
	height:543px;
	overflow:hidden;
	*overflow:none;
	position:relative;
}

*+html #bloc{
	overflow:hidden
}

#bottom{
	width:973px;
	margin:0 auto;
	background:url(../img/back_bottom.gif) no-repeat top;
	height:48px;
}

/***** FIN BLOCS *****/

/***** BARRE SECTEUR *****/

#barre_secteur{
	position:absolute;
	right:10px;
	top:8px;
	width:640px;
	height:25px;
	background:url(../img/barre_secteur.gif) no-repeat;
	padding:5px;
	font-size:0.9em;
	vertical-align:middle;
}

#imgTracer{
	display:none;
}

#barre_secteur #clic{
	float:right;
	width:178px;
	cursor:pointer;
	color:#fff;
	text-align:center;
	/*padding-right:5px;*/
}

#barre_secteur #text{
	float:left;
}

#deco{
	position:absolute;
	right:10px;
	top:6px;
	width:150;
	padding:5px;
	font-size:0.9em;
	vertical-align:middle;
}
#deco a:link, #deco a:visited{
	color:#fff;
	text-decoration:none;
}

#deco a:hover{
	text-decoration:underline;
}

#clic{
	position:relative;
}

#sec_options{
	display:none;
	position:absolute;
	top:21px;
	right:7px;
	background-color:#fff;
	border:1px solid #55010C;
	padding:0;
	margin:0;
	list-style-type:none;
	width:175px;
}

#sec_options li{
	padding:4px;
	text-align:center;
}

#sec_options li a{
	color:#55010C;
	text-decoration:none;
}

#sec_options li a:hover{
	color:#55010C;
	text-decoration:underline;
}

#titre_com{
	background:url(../img/titre_com.gif) no-repeat;
	width:602px;
	height:20px;
}
#titre_IT{
	background:url(../img/titre_IT.gif) no-repeat;
	width:444px;
	height:21px;
}
#titre_services{
	background:url(../img/titre_services.gif) no-repeat;
	width:540px;
	height:21px;
}

#titre_defaut{
	background:url(../img/bienvenue.gif) no-repeat;
	width:606px;
	height:20px;
}

/***** FIN BARRE SECTEUR *****/

/***** LOGO *****/

#maaf{
	padding-top:40px;
	padding-left:20px;
	width:140px;
	float:left;
}

#maaf #slog{
	color:#fff;
	text-align:center;
	font-size:0.9em;
	height:20px;
}

*+html #maaf #slog{
	margin-top:2px;
}

#maaf #logo{
	text-align:center;
}

#slogan{
	float:left;
	color:#fff;
	padding-top:70px;
	margin-left:-20px;
	_margin-left:-40px;
	font-size:1.1em;
}

#slogan div{
	margin-left:1px;
}

/***** FIN LOGO *****/

/***** MENU *****/

#menu{
	width:160px;
	padding:20px 20px 0 20px;
	margin-bottom:0;
	float:left;
}

*+html #menu{
	padding:20px 20px 0 20px;
}

*html #menu{
	padding-right:0;
	
}

*html #menu a{
	position:relative;
}

#menu ul{
	margin-left:-40px;
	width:180px;
}

*+html #menu ul{
	margin-left:0px;
}

*html #menu ul{
	margin-left:0px;
}

#menu ul li{
	color:#fff;
	list-style-type:none;
	line-height:13px;
/*	position:relative;*/
}


#menu ul li.none:hover{
	background:none;
}

#menu ul li.selected a{
	font-weight:bold;
	background:url(../img/fleche_menu.gif) no-repeat top left;
}

#menu ul li a{
	color:#fff;
	text-decoration:none;
	padding-left:24px;
}

#menu ul li a:hover{
	font-weight:bold;
	background:url(../img/fleche_menu.gif) no-repeat top left;
}

/* CONTACT */

#bloc_contact{
	background:url(../img/bloc_contact.png) no-repeat;
	width:181px;
	height:264px;
	margin-left:-6px;
	margin-top:32px;
	padding:11px;
	color:#fff;
	padding-bottom:0;
}

*html #bloc_contact{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bloc_contact.png',sizingMethod='noscale');  background-image:none; }


/**+html #bloc_contact{
	margin-top:45px;
	padding-bottom:-10px;
}

*+html #bloc_contact ul{
	padding-bottom:-10px;
	margin-bottom:0
}

*html #bloc_contact{
	margin-top:45px;
}*/


#bloc_contact h1{
	font-size:1.3em;
	margin:0;
}

#bloc_contact ul{
	margin:0;
	margin-top:5px;
	margin-left:-36px;
}

*+html #bloc_contact ul{
	margin:0;
	margin-top:5px;
	margin-left:2px;
}

*html #bloc_contact ul{
	margin:0;
	margin-top:12px;
	margin-left:8px;
}

#bloc_contact ul li{
	line-height:15px;
	padding-bottom:25px;
	padding-left:25px;
}

#bloc_contact ul li a{
	font-weight:normal;
	background:none;
	padding-left:0px;
}

#bloc_contact ul li a:hover{
	font-weight:normal;
	background:none;
}

/***** FIN MENU *****/

/***** PANNEAU CENTRAL *****/

#panneau{
	float:left;
	margin-top:10px;
	position:relative;
}

#panneau #video{
	background:url(../img/bloc_video.gif) no-repeat;
	width:763px;
	height:332px;
}

*html #panneau #video{
	width:auto
}

*html #panneau #test{
	position:absolute;
	top:3px;
	right:-73px;
}

#test a{
	display:block;
	margin-left:2px;
	margin-top:10px;
}


div.sep{
	float:left;
	background:url(../img/barre_separ.gif) no-repeat;
	width:7px;
	height:80px;
	margin-top:8px;
	margin-left:15px;
	margin-right:15px;
}

div.sep2{
	float:left;
	background:url(../img/barre_separ.gif) no-repeat;
	width:7px;
	height:80px;
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
}

#sol{
	background:url(../img/back_tem.png) no-repeat;
	width:232px;
	height:84px;
	margin-top:8px;
	float:left;
	cursor:pointer
}

#tem img, #sol img{
	font-size:1.3em;
	padding-top:13px;
	padding-left:30px;
	color:#6a605a;
	margin:0;
}

#tem p{
	padding-left:33px;
	margin:0;
}

#sol p{
	padding-left:33px;
	margin:0;
	padding-right:5px;
}

#plusmaaf{
	width:125px;
	height:90px;
	margin-top:7px;
	float:left
}

#infos{
	color:#fff;
	text-align:center;
	margin-top:-40px;
}

#infos p{
	margin:0;
	padding:0;
}

#liens{
	position:absolute;
	bottom:20px;
	left:800px
}
#infos{
	font-size:11px;
}
#infos a{
	color:#fff;
	text-decoration:none;
}

#infos a:hover{
	color:#fff;
	text-decoration:underline;
}

#pan_sec{
	position:absolute;
	top:-110px;
	right:10px;
	z-index:100;
}

*html #pagequestion #pan_sec{
	right:0px;
	z-index:100;
}

*html #reponses #pan_sec{
	right:0px;
	z-index:100;
}

*html #pan_sec{
	right:-180px;
}

/**html #home #pan_sec{
	right:-100px;
}*/

#com, #IT, #services{
	z-index:100
}

#panel_blanc{
	float:left;
	width:539px;
	z-index:1000;
	/*position:relative*/
}

#pagequestion #panel_blanc{
	float:left;
	width:auto
}

#top_panel{
	background:url(../img/top_panneau.gif) no-repeat;
	width:540px;
	height:16px;
}

#bottom_panel{
	background:url(../img/bottom_panneau.gif) no-repeat;
	width:540px;
	height:18px;
}

#panel_blanc #content{
	width:540px;
	background:url(../img/middle_panneau.gif) repeat-y;
	padding:20px;
	padding-top:0
}

#home #panel_blanc #content{
	padding:0 16px;
}

#home .validerForm #content{
	height:515px;
}


#test{
	float:left;
	background:url(../img/back_test.png) no-repeat;
	width:225px;
	margin-left:1px;
	padding-bottom:5px;
	padding-left:8px;
	z-index:1;
	position:relative
}

*html #test{
	margin-top:-3px;
	padding-top:2px;
	margin-right:-120px;
}

*html #home #test{
	margin-top:-3px;
	margin-right:-128px;
}

#panel_blanc #content p{
	margin:0;
	padding:0;
	margin-left:45px;
	margin-right:40px;
	margin-bottom:15px;
}

#home #panel_blanc #content p{
	margin:0
}

#panel_blanc #content ul{
	margin:0;
	padding:0;
	margin-left:70px;
	margin-right:40px;
	list-style-type:square
}

#panel_blanc #content ul li{
	margin:3px;
	padding-bottom:5px;
}

#panel_blanc #content a{
	color:#9a0f23;
	font-weight:bold
}

#panel_blanc #content a.bleu{
	color:#01a0bb;
}

#panel_blanc #content h1{
	margin:0;
	padding:0;
	color:#b1142e;
	font-size:1.6em;
}

#panel_blanc #content h2{
	margin:0;
	padding:0;
	margin-top:5px;
	text-align:center;
	font-size:1.1em;
}

#panel_blanc #content h2.rouge{
	color:#a5001a;
	text-decoration:underline;
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	margin-left:45px;
	margin-bottom:15px;
}

#panel_blanc #content p.rouge{
	color:#a5001a;
	background:url(../img/fleche_rouge.gif) no-repeat left center;
	padding-left:30px;
}

#panel_blanc #content div.bloc_sol{
	background:url(../img/bloc_solutions.gif) no-repeat center;
	width:500px;
	margin:0 auto;
	height:115px;
	padding-top:10px;
	margin-bottom:10px;
}

#panel_blanc #content div.bloc_sol p{
	width:300px;
	margin-top:5px;
}

div.blocs{
	margin-left:-14px;
}

#panel_blanc #content div.blocs p{
	margin:10px;
	padding:0;
}

div.blocsol{
	float:left;
	width:170px;
	margin-right:2px;
	margin-left:2px;
}

.pave_home{
	position:relative;
}

.pave_home .texte{
	position:absolute;
	bottom:22px;
	right:30px;
	width:250px
}

*html .pave_home .texte{
	bottom:202px;
	right:45px
}

#panel_blanc #content .pave_home .texte li{
	margin:0;
	padding:0;
	list-style-type:disc
}

#panel_blanc #content .pave_home .texte ul{
	margin:0;
	padding:0;
	margin-left:20px;
	font-weight:bold
}

#home #panel_blanc #content .pave_home .bleu{
	color:#1a8da8;
	margin-top:10px;
	font-weight:bold;
	margin-left:10px
}

#panel_blanc #content div.blocsol p{
	width:160px;
	margin:0 auto;
	font-size:0.8em;
}

#panel_blanc #content div.sep_bloc{
	background:url(../img/separateur_bloc.gif) no-repeat center;
	float:left;
	width:2px;
	height:85px;
}

#panel_blanc #content ul.secteurs{
	margin:0 0 0 -6px;
	padding:0;
}

ul.secteurs li{
	display:inline
}

div.bloc3{
	width:175px;
}

div.blocsol h4{
	height:21px;
	color:#fff;
	padding:2px;
	padding-left:4px;
	margin:0;
}

*+html div.blocsol h4{
	font-size:1em;
}

div.bloc1 h4{
	background:url(../img/back_bloc1.gif) no-repeat top left;
}
div.bloc2 h4{
	background:url(../img/back_bloc2.gif) no-repeat top left;
}
div.bloc3 h4{
	background:url(../img/back_bloc3.gif) no-repeat top left;
}

div.pts{
	background:url(../img/pts.gif) repeat-x center;
	height:5px;
	margin:5px 0 5px 0;
	width:504px;
}

div#blocs_contact_sol{
	background:url(../img/bloc_contact_sol.gif) no-repeat left center;
	widows:519px;
	height:54px;
	margin-left:7px;
	position:relative
}

div#blocs_contact_sol #div1{
	position:absolute;
	top:12px;
	left:26px;
	color:#fff;
	font-weight:bold;
	cursor:pointer
}
div#blocs_contact_sol #div2{
	position:absolute;
	top:12px;
	left:192px;
	color:#fff;
	font-weight:bold;
	cursor:pointer
}
div#blocs_contact_sol #div3{
	position:absolute;
	top:12px;
	left:365px;
	color:#fff;
	font-weight:bold;
	cursor:pointer
}

span.plus{
	color:#008ca3;
	font-weight:bold;
	font-size:1.2em;
}

#panel_blanc #content h3{
	margin:0;
	/*margin-left:45px;*/
	margin-top:5px;
	padding:0;
	font-size:1em;
}

#info_legales{
	vertical-align:bottom;
}

*html #info_legales{
	vertical-align:baseline;
}

*+html #info_legales{
	vertical-align:baseline;
}

#panel_blanc #content span.left{
	float:left;
}

#panel_blanc #content span.right{
	float:right;
}

#panels{
	clear:both;
}

/***** FIN PANNEAU CENTRAL *****/

/***** STYLES POLICES *****/

span.gras{
	font-weight:bold;
	color:#9a0f23;
}

/***** TESTIMONIAUX *****/

#content #testi p.intro{
	margin-left:44px;
	padding-bottom:10px;
}

#content #testi p, #content #testi h2{
	margin-left:13px;
	text-align:left;
	font-weight:bold;
}

#content #testi h2 span{
	display:none;
}

#content #testi h2.soustitre{
	padding:0;
	margin:0;
	margin-left:34px;
}

*+html #testi h2.title{
	position:relative;
}

*+html #testi h2.title span{
	position:absolute;
	left:20px;
}

#top_testi{
	background:url(../img/top_testi.gif) no-repeat;
	width:496px;
	height:22px;
	margin-left:10px;
	margin-top:4px;
}

#middle_testi{
	background:url(../img/middle_testi.gif) repeat-y;
	width:496px;
	margin-left:10px;
	min-height:150px;
}

*html #middle_testi{
	height:150px;
}

#content #middle_testi p{
	margin:0;
	padding:0 25px 0 25px;
	font-weight:normal;
	display: none;
}

#bottom_testi{
	background:url(../img/bottom_testi.gif) no-repeat;
	width:496px;
	height:22px;
	margin-left:10px;
}

#persos{
	margin-top:-10px;
	margin-bottom:-36px;
	clear:both;
	overflow:hidden;
	width:600px;
	z-index:10000
}

*html #persos{
	width:500px;
	margin-top:20px;
}

*html #bottom_testi{
	margin-bottom:-25px;
}

#persos .float{
	float:left;
}

#persos .on{
}

#persos .off{
	text-align:center;
	position:relative;
	width:120px;
	height:180px;
	margin-left:4px;
	cursor:pointer;
}

#persos .on{
	width:120px;
	height:180px;
}

#persos .off img{
	position:absolute;
	bottom:3px;
	left:20px;
}

#persos .off hover{
	cursor:pointer;
}

#persos .off:hover .bloc{
	color:#910C1C;
}

#persos .on img{
	position:relative;
	bottom:5px;
}

*html #persos .on{
	position:relative;
	bottom:-1px;
	right:15px;
}

#persos .on .bloc{
	display:none;
}

#persos .on .gd{
	display:block;
}

#persos .off .gd, .on .pt{
	display:none;
}

*html #persos .on img{
	position:absolute;
	bottom:4px;
	left:20px;
}

*html #persos .off img{
	position:absolute;
	bottom:3px;
	left:20px;
}

*html #persos .off .bloc{
	position:absolute;
	bottom:2px;
	left:20px;
}

#persos .off .bloc{
	background:transparent url(../img/bloc_testi.png) no-repeat;
	width:121px;
	height:34px;
	position:absolute;
	bottom:3px;
	padding:2px;
	font-size:0.8em;
}

*+html #persos .off .bloc{
	left:0;
}

*html #persos .off .bloc{
	left:0;
}

/***** FIN TESTIMONIAUX *****/

/***** POP IN *****/

#top_popin{
	background:transparent url(../img/top_popin.gif) no-repeat;
	width:364px;
	height:15px;
}

#bottom_popin{
	background:transparent url(../img/bottom_popin.gif) no-repeat;
	width:364px;
	height:15px;
}

#middle_popin{
	background-color:#fff;
	width:324px;
	padding:0 20px 10px 20px;
}

#popin h2{
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.2em;
	color:#990000;
}

#popin{
	position:relative;
	width:364px;
}

#popin p{
	padding:5px 5px 0 5px;
}

body#pop-in{
	margin:0;
}

span.couleur{
	color:#990000;
}

p.fermer a{
	color:#000;
}

p.fermer{
	text-align:center;
}

div#fermer{
	position:absolute;
	right:10px;
	top:10px;
	width:15px;
	height:15px;
	cursor:pointer
}

.zone_grise{
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:100%;	
	background:#000000;	
	z-index:175;
}

#overlay {
	background: #000;
	position: absolute; top: 0; left: 0; bottom:0; right:0;
	min-height:100%;
	height:auto !important;
	height:100%;
	z-index: 10000;
	width: 100%;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	display:none;
}

#msg_popin{
	display: none;
	position: absolute; z-index: 11000;
	top: 25%; left: 50%;
	margin:0 0 0 -182px;
}

/***** FIN POP IN *****/

/*** LANDING PAGE ***/

#panel_blanc #content .landing h1{
	background:url(../img/question.gif) no-repeat left center;
	padding-left:45px !important;
	padding-top:5px !important;
	min-height:36px;
	max-width:460px;
	margin-bottom:10px !important;
	_width:460px
}

#panel_blanc #content .landing h2{
	text-align:left !important;
	margin-bottom:5px;
	color:#259DB1 !important;
	margin-left:15px !important;
	padding-left:30px !important;
	background:url(../img/fleche_rouge.gif) no-repeat 0.5em;
	font-size:1.2em !important;
	max-width:460px;
	_width:460px
}

#panel_blanc #content .landing h2.info{
	background:none !important;
}

#panel_blanc #content .landing h2.black{
	font-weight:bold;
	color:#000 !important
}

/*********************/

/**** solutions ****/

#panel_blanc #content .arrow{
	margin-top:10px
}

#panel_blanc #content .arrow p {
	margin:0;
	padding:0;
}

#panel_blanc #content .arrow{
	background:url(../img/fleche_rouge.gif) no-repeat left 0.3em;
	padding-left:25px;
}

#panel_blanc #content .arrow h3{
	color:#b1142e;
	font-size:1em;
	margin:0
}

#panel_blanc #content .arrow ul, #panel_blanc #content .arrow li{
	margin:0;
	padding:0;
	margin-left:15px
}

#panel_blanc #content .arrow li{
		list-style-type:disc
}

#panel_blanc #content .hiscox p, #panel_blanc #content .hiscox h3{
	padding:0;
	margin:0
}

#panel_blanc #content .hiscox {
	margin-top:15px;
	padding:15px;
	padding-top:5px;
	background:url(../img/cadre-hiscox.gif) no-repeat;
	width:460px;
	height:113px;
}

#panel_blanc #content .hiscox span{
	color:#008ca3;
	font-weight:bold;
	font-size:1.5em
}

#panel_blanc #content .hiscox img{
	margin-top:-15px;
}

#panel_blanc #content .red, #panel_blanc #content .orange, #panel_blanc #content .green, #panel_blanc #content .yellow, #panel_blanc #content .blue{
	width:251px;
	height:20px;
	color:#fff;
	padding-left:30px;
	line-height:18px;
}

.red{
	background:url(../img/votre-protection-litige.gif) no-repeat;
	
}

.orange{
	background:url(../img/votre-mobilite.gif) no-repeat;
}

.green{
	background:url(../img/votre-protection-perso.gif) no-repeat;
}

.yellow{
	background:url(../img/votre-retraite.gif) no-repeat;
}

.blue{
	background:url(../img/votre-securite-info.gif) no-repeat;
}

#panel_blanc #content .infosSolutions, #panel_blanc #content .infosSolutions p{
	margin:0;
	padding:0
}

#panel_blanc #content .infosSolutions li{
	list-style-type:none;
	float:left;
	width:250px;
	padding:0; margin:0;
	_overflow:hidden
}
#panel_blanc #content .infosSolutions li.right{
	margin-left:20px
}

#panel_blanc #content .infosSolutions li p{
	padding:5px 0 0 20px;
	width:85%;
}

#panel_blanc #content h2.contact{
	color:#b1142e;
	font-size:1.3em;
	font-weight:bold;
	margin:0 auto;
	width:75%;
}

.bts_right{
	margin-top:20px;
	*margin-top:23px;
	_z-index:-1
}
.bts_right .sep{
	margin-left:12px;
	margin-right:12px
}

.vid{
	margin-top:7px;
	float:left
}

.bts_right #tem ul{
	margin:0;
	padding:0;
	width:80%;
	margin-top:35px
}

.bts_right #tem li{
	display:none;
	list-style-type:none;
	overflow:hidden;
}

.bts_right #tem li p{
	font-size:0.8em
}

.bts_right div{
	margin:0 0 10px 0;
	padding:0
}

#test .bts_right a{
	display:block;
	margin:0
}

.bts_right #tem{
	background:url(../img/back_tem2.gif) no-repeat;
	width:215px;
	height:90px;
	float:left;
	cursor:pointer;
}

*html #p3 .gd{
	position:relative;
}

