body { margin : auto; background-color: #ffffff; width: 100%;} 

h1{ font-size: 11px; font-weight: normal; display:inline; }

h2{ font-size: 18px; font-weight: normal; display:inline; }

h3{ font-size: 18px; font-weight: normal; display:inline; }

h4{ font-size: 18px; font-weight: normal; display:inline; }

h5{ font-size: 18px; font-weight: normal; display:inline; }

strong{ font-weight: normal; }

img { border : none; }  

.cboth {clear:both;}

.page{ width: 990px; color: #636363; margin: auto; font-family: Arial; font-size: 12px; left: 50%; border: 0px solid black;  }
		
	.fond-header { background: url("../images/fond-header-grey.png") repeat-x top left; height:152px; width: 100%; margin: 0px 0px 0px 0px; z-index: 4; }
		.accroche { float:left; width:990px; margin: 0px 0px 0px 0px; border : 0px solid #b2b2b2; }
			.text_accroche { float: left; font-size : 11px; line-height: 20px; padding: 0px 10px 0px 0px; border-right : 1px solid #b2b2b2; }
			.right_accroche { float:left; font-size : 11px; line-height: 20px; margin: 0px 0px 0px -1px; padding: 0px 10px 0px 10px;  }
				.right_accroche a { color: #ff0000; font-weight: bold; text-decoration: none; }
				.right_accroche a:hover{ color: #000000;font-weight: bold; text-decoration: none; }
			.right_2_accroche { float:right; font-size : 11px; line-height: 20px; margin: 0px 0px 0px -1px; padding: 0px 10px 0px 0px;  }
				.right_2_accroche a { color: #636363; font-weight: normal; text-decoration: none; }
				.right_2_accroche a:hover{ color: #000000;font-weight: normal; text-decoration: none; }
		
		.header { float: left; width: 990px; }
			.logo { float:left; width: 345px; height: 70px; margin: 0px 0px 0px 0px;}
			
			.rejoignez { float:right; width: 120px; height: 70px; margin: 0px 0px 0px 0px;}
			
			.social { float:right; width: 390px; height: 70px; margin: 0px 0px 0px 0px;}
				.social-1{ float:left; background: url("../images/social/facebook-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-1 a{ float:left; background: url("../images/social/facebook-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; z-index: 2; }
					.social-1 a:hover{ float:left; background: url("../images/social/facebook-color.png") top center no-repeat; width: 65px; height: 70px;}
				.social-2{ float:left; background: url("../images/social/twitter-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-2 a{ float:left; background: url("../images/social/twitter-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; }
					.social-2 a:hover{ float:left; background: url("../images/social/twitter-color.png") top center no-repeat; width: 65px; height: 70px;}
				.social-3{ float:left; background: url("../images/social/google-plus-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-3 a{ float:left; background: url("../images/social/google-plus-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; }
					.social-3 a:hover{ float:left; background: url("../images/social/google-plus-color.png") top center no-repeat; width: 65px; height: 70px;}
				.social-4{ float:left; background: url("../images/social/linked-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-4 a{ float:left; background: url("../images/social/linked-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; }
					.social-4 a:hover{ float:left; background: url("../images/social/linked-color.png") top center no-repeat; width: 65px; height: 70px;}
				.social-5{ float:left; background: url("../images/social/rss-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-5 a{ float:left; background: url("../images/social/rss-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; }
					.social-5 a:hover{ float:left; background: url("../images/social/rss-color.png") top center no-repeat; width: 65px; height: 70px;}
				.social-6{ float:left; background: url("../images/social/blog-grey.png") top center no-repeat; width: 65px; height: 70px; border: 0px solid black; margin: 0px 0px 0px 0px;}
					.social-6 a{ float:left; background: url("../images/social/blog-grey.png") top center no-repeat; width: 65px; height: 70px;  line-height: 0px; display: block; }
					.social-6 a:hover{ float:left; background: url("../images/social/blog-color.png") top center no-repeat; width: 65px; height: 70px;}						
			
		.menu { float: left; border: 0px solid #000000; width: 990px; height: 45px; margin: 0px 0px 0px 0px; border: 0px solid black; }
			.button-1{ float:left; width: 165px; height: 45px; background: url("../images/assurance-artisan-330.jpg") left top no-repeat; }
				.button-1 a{ background: url("../images/assurance-artisan-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-1 a:hover, .button-1 a:focus, .button-1 a:active { background: url("../images/assurance-artisan-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			
			.button-2{ float:left; width: 165px; height: 45px; background: url("../images/assurance-commerce-330.jpg") left top no-repeat; }
				.button-2 a{ background: url("../images/assurance-commerce-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-2 a:hover, .button-2 a:focus, .button-2 a:active { background: url("../images/assurance-commerce-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			
			.button-3{ float:left; width: 165px; height: 45px; background: url("../images/assurance-service-330.jpg") left top no-repeat; }
				.button-3 a{ background: url("../images/assurance-service-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-3 a:hover, .button-3 a:focus, .button-3 a:active { background: url("../images/assurance-service-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			
			.button-4{ float:left; width: 165px; height: 45px; background: url("../images/assurance-pro-auto-330.jpg") left top no-repeat; }
				.button-4 a{ background: url("../images/assurance-pro-auto-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-4 a:hover, .button-4 a:focus, .button-4 a:active { background: url("../images/assurance-pro-auto-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			
			.button-5{ float:left; width: 165px; height: 45px; background: url("../images/assurance-association-330.jpg") left top no-repeat; }
				.button-5 a{ background: url("../images/assurance-association-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-5 a:hover, .button-5 a:focus, .button-5 a:active { background: url("../images/assurance-association-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			
			.button-6{ float:left; width: 165px; height: 45px; background: url("../images/assurance-tpe-pme-autre-330.jpg") left top no-repeat;}
				.button-6 a{ background: url("../images/assurance-tpe-pme-autre-330.jpg") left top no-repeat; display: block ; width: 165px; height: 45px; }
				.button-6 a:hover, .button-6 a:focus, .button-6 a:active { background: url("../images/assurance-tpe-pme-autre-330.jpg") right top no-repeat; width: 165px; height: 45px;}
			.texte-menu{ display: none;}
	
		
	.corpus-top-activite { float:left; width: 100%; margin: 0px 0px 0px 0px; border-bottom : 10px solid #b2b2b2; background-color: #e2e2e2; z-index: 1; }
		.formulaire-activite { width: 990px; margin: 0px 0px 0px 0px; z-index: 4; border : 0px solid #b2b2b2;}
			.form-garantie { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("../images/fond-form-garantie.jpg") top center no-repeat; }
			.form-activite { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("../images/fond-form-artisan.jpg") top center no-repeat; }
			
			.form-activite-2 { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("../images/fond-form-assur-pro.jpg") top center no-repeat; }
				.bouton-form-activite-2 { float:left; margin: 0px 0px 0px 0px; width: 990px; height: 308px; border : 0px solid #b2b2b2; background: url("../images/bouton-form-assur-pro-off.png") top center no-repeat; }	
					.bouton-form-activite-2 a{ float:left; background: url("../images/bouton-form-assur-pro-off.png") top center no-repeat; width: 990px; height: 308px; display: block; }
					.bouton-form-activite-2 a:hover{ float:left; background: url("../images/bouton-form-assur-pro-on.png") top center no-repeat; width: 990px; height: 308px;}
			
			.form-activite-commerce { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-commercant.jpg") top center no-repeat; }
			.form-activite-service { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-service.jpg") top center no-repeat; }
			.form-activite-auto { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-pro-auto.jpg") top center no-repeat; }
			.form-activite-association { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-association.jpg") top center no-repeat; }
			.form-activite-autre { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-autres.jpg") top center no-repeat; }
			.form-activite-autoentrepreneur { float:left; margin: 10px 0px 0px 0px; width: 970px; height: 288px; padding: 10px; border :  0px solid #b2b2b2; background: url("/images/fond-form-auto-entrepreneur.jpg") top center no-repeat; }

			
			
				.fleche-etape { float:left; margin: 0px 0px 0px 0px; width: 464px; height: 33px; }
				.bloc-form-activite { margin: 20px 0px 0px 0px; }
					.champs-form-activite { margin: 0px 0px 0px 0px; }	
						.ligne-form-activite { height: 40px; margin: 0px 0px 20px 0px; }
							.intitule-activite { float:left; width: 250px; height: 40px; text-align: right; padding-right: 5px; border: 1px solid #e7e7e7; line-height: 40px; margin: 0px 10px 0px 0px; font-size: 14px; }
							.formu-activite { float:left; padding-left: 5px; height: 40px; width: 350px; font-size: 16px; font-weight: normal; border: 0px solid #a9a8a8; color: #c70808; line-height: 40px; background-color: #e7e7e7;}
							.formu-activite-2 { float:left; padding-left: 5px; height: 40px; width: 350px; font-size: 16px; font-weight: normal; line-height: 40px; background-color: #e7e7e7;}
								select { border: 1px solid #e7e7e7; background-color: #e7e7e7; width: 345px; }
							.bout-titre-activite { text-align: right; width: 622px; margin: 20px 0px 0px 0px;  border: 0px solid black;}
			.img-form-activite { float:left; width: 290px; height: 243px; margin: 10px 0px 0px 0px; border : 0px solid #b2b2b2; background-color: #e7e7e7; }
		.clock { position: absolute; height: 238px; width: 238px; z-index: 1; margin: 30px 0px 0px -135px; }
		
		.fond_image_intro {  width: 100%; border : 0px solid #000000; z-index: 1; background-color: red;}
			.image_intro { width: 990px; }
		
	.corpus-middle { float:left; width: 100%; margin: 0px 0px 0px 0px; border : 0px solid #b2b2b2; z-index: 1;  }
		.bloc-bulle-activite { float:left; width: 990px; margin: 20px 0px 0px 0px; }
			.bulle-activite { float:left; width: 190px; height: 250px; margin: 5px 0px 0px 0px;  }
				.bulle-activite a{ width: 190px; height: 250px; border: 1px solid #ffffff; display: block; background-color: #ffffff; }
				.bulle-activite a:hover{ width: 190px; height: 250px; border: 1px solid #000000; display: block; background-color: #ffffff; }
					.img-bulle-activite { float:left; width: 190px; height: 250px; margin: 0px 0px 0px 0px; }
			.bulle-activite-blanc { float:left; width: 9px; height: 250px; margin: 0px 0px 0px 0px; }
		
		.bloc-auto-entrepreneur { margin: 10px 0px 0px 0px; }
		
		.bloc-titre { float:left; margin: 0px 0px 0px 0px; font-family: arial; width: 990px; border: 0px solid #a9a8a8; }
		
		.bloc-bulle-garantie { float:left; width: 990px; margin: 25px 0px 0px 0px; border: 0px solid #a9a8a8; }
			.bulle-garantie { float:left; width: 188px; margin: 10px 0px 0px 0px; border: 1px dashed #a9a8a8;  }
				.titre-garantie { padding: 10px 5px 0px 5px; text-align: center; font-family: Arial; }
				.liste-garantie { text-align: left; font-weight: normal; font-size: 11px; color: #c70808; text-decoration: none; font-size: 11px; list-style-image : url("../images/base-puce-red.jpg"); list-style-position: inside; margin: 0px 0px 5px -35px; }
					.liste-garantie a { font-weight: normal; font-size: 11px; color: #636363; text-decoration: none; }
					.liste-garantie a:hover { font-weight: normal; font-size: 11px; color: #c70808; text-decoration: none; }
					.activite-garantie { font-size: 11px; }
			.bulle-garantie-blanc { float:left; width: 10px; height: 1px; margin: 0px 0px 0px 0px; }			

		.bloc-actualite-assurance { float:left; width: 990px; margin: 25px 0px 0px 0px; }
			.actualite-assurance { float:left; padding: 0px 10px 0px 10px; margin: 10px 0px 0px 0px; border: 1px solid #a9a8a8; width: 700px; }
				.liste-actu { text-align: justify; font-weight: normal; font-size: 11px; list-style-image : url("../images/base-puce-grey.png"); list-style-position: inside; margin: 0px 0px 15px -40px; line-height: 17px; }
					.liste-actu a { font-weight: bold; font-size: 14px; color: #c70808; text-decoration: none; }
					.liste-actu a:hover { font-weight: bold; font-size: 14px; color: #636363; text-decoration: none; }
				.actu-suite { font-weight: bold; }
					.actu-suite a { font-size: 11px; color: #c70808; }
					.actu-suite a:hover { font-size: 11px; color: #636363; }
				.toute-actualite-assurance { text-align : right; margin: 0px 0px 10px 0px; }
					.toute-actualite-assurance a { font-weight: bold; font-size: 14px; color: #c70808; text-decoration: none; }
					.toute-actualite-assurance a:hover { font-weight: bold; font-size: 14px; color: #636363; text-decoration: none; }
			.annuaire-pro { float:left; width: 256px; height: 306px; margin: 10px 0px 0px 10px; border: 1px solid #a9a8a8; }

		.bloc-content { float:left; width: 990px; margin: 25px 0px 0px 0px; }
			.content-1 { float:left; padding: 10px; font-size: 11px; text-align: justify; margin: 10px 0px 0px 0px; border: 1px solid #a9a8a8; width: 968px; }
				.content-1 a { font-weight: bold; font-size: 11px; color: #c70808; text-decoration: none; }
				.content-1 a:hover { font-weight: bold; font-size: 11px; color: #636363; text-decoration: none; }
	
			.content-2 { float:left; padding: 0px; font-size: 11px; text-align: justify; margin: 20px 0px 0px 0px; border: 0px solid #a9a8a8; width: 990px; }
				
				.titre-content-list-metier { width: 100%; font-size: 16px; display:inline; }
					.titre-content-list-metier a { font-weight: normal; font-size: 16px; color: #679800; text-decoration: none; }
					.titre-content-list-metier a:hover { font-weight: normal; font-size: 16px; color: #679800; text-decoration: none; }
						.titre-content-list-metier-img { float: left; width: 16px; height: 16px; margin: 0px 0px 0px 0px; }
						.titre-content-list-metier-text { float: left; width: 900px; height: 16px; line-height: 16px; margin: 0px 0px 0px 20px; }	
						
				.content-list-metier { width: 100%; border: 0px solid #a9a8a8; }
					.list-metier { float:left; width: 241px; margin: 0px 1px 0px 0px; border: 0px solid #a9a8a8; }
						.liste-metier { text-align: left; font-weight: normal; font-size: 12px; color: #c70808; list-style-image : url("../images/base-puce-red.jpg"); list-style-position: inside; margin: 0px 0px 5px -35px; }
							.liste-metier a { font-weight: normal; font-size: 12px; color: #636363; text-decoration: none; }
							.liste-metier a:hover { font-weight: normal; font-size: 12px; color: #c70808; text-decoration: none; }
			
			.content-3 { float:left; padding: 10px; font-size: 11px; text-align: left; margin: 10px 0px 0px 0px; border: 1px dashed #a9a8a8; width: 968px; }
				.content-list-garantie-3 { width: 100%; border: 0px solid #a9a8a8; }
					.list-garantie-3 { float:left; width: 321px; margin: 0px 1px 0px 0px; border: 0px solid #a9a8a8; }
						.ul-garantie-3 { padding: 0px 0px 0px 17px; border: 0px solid black; }
							.liste-garantie-3 { font-weight: normal; font-size: 11px; color: #c70808; list-style-image : url("../images/base-puce-red.jpg"); margin: 5px 0px 5px 0px; }
								.liste-garantie-3 a { font-weight: normal; font-size: 11px; color: #636363; text-decoration: none; }
								.liste-garantie-3 a:hover { font-weight: normal; font-size: 11px; color: #c70808; text-decoration: none; }							

/*

* css pariane

*/	
	
	.ariane { float:left;  font-size: 11px; width: 990px; margin: 20px 0px 0px 0px; }
		.ariane a{ font-weight: normal; font-size: 11px; color: #c70808; text-decoration: none; }
		.ariane a:hover{ font-weight: normal; font-size: 11px; color: #636363; text-decoration: none; }
		
/*

* Couleur de texte

*/

.toppage {color:#9d9d9d;}

.txtonaime {color:#83747c;}

.twhite {color:white;}

.tvert {color:green;}

.tgris {color:grey;}

.trouge {color:#c70808;}

.tgrisfonce {color:#636363;}

.tgrismoyen {color:#83747c;}

.panier { color:#eb870d;}

.orange {color:#ef880f;}

.txtbleu {color:#1c94cd;}


/*

* Couleur background

*/

.bgwhite {background-color: #ffffff;}

.bggrisfonce {background-color: #e5e5e5;}


/*

* style de texte

*/

.txtcenter {text-align: center;}

.txtleft {text-align: left;}

.txtright {text-align: right;}

.uline {text-decoration: underline;}

.txtitalic{font-style: italic;}

.tbold { font-weight: bold; }


/*

* Taille de texte

*/

.s9 {font-size:9px;}

.s10 {font-size:10px;}

.s11 {font-size:11px;}

.s12 {font-size:12px;}

.s13 {font-size:13px;}

.s14 {font-size:14px;}

.s15 {font-size:15px;}

.s16 {font-size:16px;}

.s17 {font-size:17px;}

.s18 {font-size:18px;}

.s20 {font-size:20px;}

.s22 {font-size:22px;}

.s30 {font-size:30px;}

/* padding*/
.padtop5 {padding-top:5px;}
.padtop2 {padding-top:2px;}


.dleft{float:left;}

.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
  width: 28px;
  height: 26px;
  display: block;
  background: url(/rating/css/crystal-stars.png) no-repeat 0 0;
}

.ui-stars-star a {
    background-position: 0 -56px;
}
.ui-stars-star-on a {
    background-position: 0 -84px;
}
.ui-stars-star-hover a {
    background-position: 0 -112px;
}
.ui-stars-cancel-hover a {
    background-position: 0 -28px;
}

.ui-stars-result {
  height: 26px;
  background: url(/rating/css/crystal-stars.png) repeat-x 0 0;
  background-position: 0 -84px;
  border:0px;
  vertical-align: middle;
}

.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}

/**
 * Messages Bar
 */
.message-box { text-align: center; padding: 5px; color:#545454;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/**
 * Star rating L-R panels 
*/
.ratings {
    margin: 0 0 1em;
    width: 100%;
    overflow: hidden;
    line-height: 2em;
}
.rating-L {
    float: left;
    margin-right: 1em;
    white-space: nowrap;
}
.rating-R {
    float: left;
    margin-left: 1em;
    width: 300px;
}
.rating-L {width: 100%;}
#rat > * {float: left; line-height: 1.4em;}
#rating_title {padding-right: .5em;}
#messages, #caption {padding-left: .5em;}
#messages {color: #fd1c24;}               

.bloc-rating-jm { float:left; width: 986px; margin: -2px 0px 0px 0px; background-color: #6b6b6b; border: 2px solid #b2b2b2; }
.rating-jm { float:left; width: 482px; padding: 5px; border: 0px solid #a7a7a7; font-size : 14px; color: #dfdfdf; height: 55px; }
.sep-rating-jm { float:left; width: 2px; background-color: #a7a7a7; height: 55px; margin-top: 5px; }


.pagesmenu{ 

width: 990px;
position:absolute;
font-family: Arial ;
font-size: 12px; 
left: 50%;
margin-left:-495px;
z-index:1000;
}   
 
.bloc-content-drop { float:left; width: 990px; margin: 0px 0px 0px 0px; }
.content-1-drop { float:left; padding: 10px 10px 10px 10px; font-size: 11px; text-align: justify; margin: 0px 0px 0px 0px; border-left: 1px solid #a9a8a8; border-right: 1px solid #a9a8a8; border-bottom: 1px solid #a9a8a8; width: 968px; background-color: #fafafa; }
.content-1-drop a { font-weight: bold; font-size: 11px; color: #c70808; text-decoration: none; }
.content-1-drop a:hover { font-weight: bold; font-size: 11px; color: #636363; text-decoration: none; }
.content-list-metier-drop { width: 100%; }
.list-metier-drop { float:left; width: 241px; margin: 0px 1px 0px 0px; border: 0px solid #a9a8a8; }
.liste-metier-drop { text-align: left; font-weight: normal; font-size: 11px; color: #c70808; list-style-image : url("../images/base-puce-red.jpg"); list-style-position: inside; margin: 0px 0px 5px -35px; }
.liste-metier-drop a { font-weight: normal; font-size: 11px; color: #636363; text-decoration: none; }
.liste-metier-drop a:hover { font-weight: normal; font-size: 11px; color: #c70808; text-decoration: none; }
.texte-actu-info-2 { float:left; text-align: justify; width: 813px; font-size: 11px; margin: 0px 0px 0px 0px;}
.bloc-img-actu-info { float:left; width: 150px; margin: 5px 5px 0px 0px; }
.img-actu-info { float:left; width: 150px; height: 100px; margin: 0px 0px 0px 0px; }