@charset "utf-8";
/* ADDITIONNAL STYLING FOR FAQ PAGE, ENGAGEMENTS, CGV, LEGAL NOTICE, INSTALLATION SERVICE, OUR OTHER SITES, ETC. */


.height356 {height: 356px;}
.height160 {height:160px;}
.height196 {height:196px;}
	.cadre h2 {color: #09438b; font-size: 1.5em; font-weight: bold; padding: 0.475em 20px; position:relative; width: 80%;}
	.cadre h3 {color: #fff; font-size: 1.25em; font-weight: bold; padding: 0.6em 20px; border-top: 1px solid #c7c7c7; background: #c7c7c7;}
	.cadre h4 {color: #09438b; font-size: 1.25em; font-weight: bold; padding: 0.6em 20px ; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
	.cadre h5 {color: #4b4c4c; font-size: 1em; font-weight: bold; padding: 0.6em 20px; }
	.cadre p {font-size: 1em; padding: 0.475em 20px 0.45em 20px; background-color: #f1f1f1; margin: 0; color: #323232;}
	.white p {background-color: #fff; clear:both; /* avoid sliding block with FF */ display:block;}
	.cadre p span {font-weight: bold; }
	.cadre p span.petit {font-size: 10px;}
	.cadre p span.livraisongratuite {font-weight: bold; text-transform:uppercase; color: #b62c43;}
	.cadre .tableau {padding: 0.475em 20px 0.45em 20px; background-color: #f1f1f1; margin: 0; }
		.cadre .tableau table {border: 1px solid #c7c7c7; border-right:none; border-bottom:none; margin: 1em auto 0 auto; background-color: #fff;}
		.cadre .tableau table.centre tr th {color: #fff; background-color:#c7c7c7; text-transform: uppercase;font-size: 10px; font-weight:bold;}
		.cadre .tableau table.centre tr td,
		.cadre .tableau table.centre tr th {text-align: center;}
			.cadre .tableau table tr td,
			.cadre .tableau table tr th {border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 0.5em; color: #323232;}
			.cadre .tableau table tr th.half {width: 50%; }
			.cadre .tableau table tr th span {font-size: 10px; font-weight: normal;}
		
a.hautdepage {font-size: 1em; font-weight: normal; display:block; float: right; margin: -26px 10px 0 0; padding: 0; }

ul.links {list-style-type: none; list-style-position: outside; margin: 10px 0 10px 0; padding : 0 0 0 20px; width: 45%; float: left;}
	ul.links li {list-style-type: none; list-style-position: outside; margin: 0; padding : 0; background: none; padding : 3px 0 3px 0; }
		ul.links li a,
		ul.links li a:link,
		ul.links li a:visited {background: transparent url(/pages/images/icoBlueArrow.png) scroll no-repeat 0 4px; padding : 3px 0 3px 20px; color: #09438c;}
		
ul.liste {list-style-type: none; list-style-position: outside; padding : 0 0 10px 20px; float: left; display: block; width: 218px;}
	ul.liste li {list-style-type: none; list-style-position: outside; margin: 0; padding : 0; display: block; background: none; padding : 0 0 0 9px; background:transparent url(/pages/images/bulletDarkBlue.png) no-repeat scroll 0 5px;}
	
div.third ul.liste {width: 330px; list-style-type: decimal;}
	div.third ul.liste li {padding-bottom: 7px;}
	
ul.petit {font-size: 10px; color: #999; width: 500px;}
	ul.petit li {list-style-type: none; list-style-position: outside; margin: 0; padding : 0; display: block; padding : 0 0 0 9px; background:transparent url(/pages/images/bulletCyan.png) no-repeat scroll 0 5px;}
ul.nobullet li {background: none; padding: 0;}
	p a, 
	p a:link,
	p a:visited {background: transparent url(/pages/images/icoBlueArrow.png) scroll no-repeat 0 4px; margin: 0;padding : 3px 0 3px 20px; color: #09438c; font-weight: bold;}

/* OTHER WEBSITES */
.cadre img.autressites {border: 1px solid #c7c7c7; margin: 5px auto; width: 204px; display: block;}


/* SERVICES */
.cadre {border: 1px solid #c7c7c7; margin: 2em;}
div.third {float: left; width: 363px;margin: 10px 10px 10px 0;}
.fourth {float: left; width: 238px; margin: 10px 10px 10px 0;}

.colonne4 {float: left; width: 240px; margin: 0 10px 10px 0;}
	.colonne4 .fourth,
	.colonne4 .white {margin: 10px 0 0 0;}
	.services .cadre h2 {width: 91%; padding-right: 0; overflow:hidden;}
	.services .cadre h5 {padding: 45px 105px 40px 20px; font-size: 12px; line-height: 19px;background: transparent url(/pages/images/services-lancezvous.gif) scroll no-repeat 143px 20px; }
		
		.colonne4 .cadre img.azur {width: 176px; height: 23px; margin: 0 auto; display: block; text-align: center; padding: 3px 0 5px 0;}

.services .cadre p  {padding-right: 5px;}
	.services .cadre p a,
	.services .cadre p a:link,
	.services .cadre p a:visited {font-weight: normal;}

.services .manuellancezvous {background: transparent url(/pages/images/lightGrayGradientBg.gif) scroll repeat-x 0 0;}
.services .manuellancezvous p {background: none;}
	
	.services ul.lancezvous {list-style-type: none;}
		.services ul.lancezvous li {list-style-type: none; font-weight: bold; color: #4b4c4c;  padding-bottom: 5px; display:block;}
			.services ul.lancezvous li span {font-weight: normal; display: block;}


/* POSE */
div.pose1, div.pose2, div.pose3, div.pose4 {float: left; }
div.pose2, div.pose3, div.pose4 { margin-right: 0;}
div.pose1 {background: transparent url(/pages/images/pose-01.gif) scroll no-repeat 0 0; height: 299px;}
div.pose2 {background: transparent url(/pages/images/pose-02.jpg) scroll no-repeat right bottom; width: 737px; }
div.pose3 {background: transparent url(/pages/images/pose-03.jpg) scroll no-repeat right bottom; width: 737px; }
div.pose4 {width: 737px; margin: 10px 0 10px 0; position: relative; left: 250px; display:block; clear: both; background-color: #f1f1f1;}

div.pose4 h2 {background-color: #fff; width: 697px;}
	.cadre .tableaupose table {float: left; }
		.cadre .tableaupose table tr td {text-align: center; font-weight: bold; color: #fff;}
			.cadre .tableaupose table tr td.violet {background-color: #A98ABB;}
			.cadre .tableaupose table tr td.jaune {background-color: #F6A800;}
			.cadre .tableaupose table tr td.orange {background-color: #EE7F00;}
		.cadre .tableaupose table tr th {background-color:#EE7F00; color: #fff;}
	
	.cadre .tableaupose p {width: 255px; float: left; padding-right: 100px; background: transparent url(/pages/images/pose-tva.gif) scroll no-repeat top right; padding-bottom: 20px;}


/* QUI SOMMES NOUS - WHO WE ARE */

#quisommesnous {width: 990px;}
	#quisommesnous #contenu {margin-left: 200px;}
		#quisommesnous #contenu h1,
		#quisommesnous #contenu h2,
		#quisommesnous #contenu h3,
		#quisommesnous #contenu p {padding: 0.475em 20px;}
		
		#quisommesnous #contenu p {color: #323232; text-align: justify; padding: 0.475em 0 0.475em 20px;}
		#quisommesnous #contenu p.petit {color: #666; font-size: 10px;}
		
		#quisommesnous #contenu h2 {font-size: 14px; font-weight:normal; color: #09438b; padding: 1em 20px 0 20px; }
		#quisommesnous #contenu h3 {font-size: 12px; font-weight:bold; color: #5e5e5e; padding: 0.475em 20px 0 30px; background: transparent url(/pages/images/bulletDarkBlue.png) scroll no-repeat 20px 12px;}
		
		#quisommesnous #contenu img.floatright {float: right; padding: 0 0 10px 10px;}
	
#menugauche {width: 190px; float: left; background-color: #e9e9e9; margin-right: 10px;}
	#menugauche ul {border-bottom: 1px solid #fff; padding: 7px 0;}
		#menugauche ul li {list-style-position: outside; padding: 2px 10px; background: transparent url(/pages/images/bulletBlack.png) scroll no-repeat 0 50%; margin-left: 10px;}
		#menugauche ul li.premier {list-style-type:none; color: #09438b; font-weight:bold; background: none;margin-left: 0;}
			#menugauche ul li a,
			#menugauche ul li a:link,
			#menugauche ul li a:visited {color: #424242; font-weight: normal;}


	#quisommesnous #contenu .blocarrondi {border:1px solid #C7C7C7; height:auto; padding:9px; position:relative; margin-bottom: 10px; } 
		#quisommesnous #contenu .blocarrondi .cornerBorder {background-image:url(/pages/images/cornersGray.gif); height:6px; position:absolute; width:6px; }
		#quisommesnous #contenu .blocarrondi .cornerTopLeft {background-position:0 0 !important; left:-1px; top:-1px; }
		#quisommesnous #contenu .blocarrondi .cornerTopRight {background-position:-6px 0 !important; right:-1px!important; right: -2px;top:-1px;}
		#quisommesnous #contenu .blocarrondi .cornerBottomLeft {background-position:0 100% !important; bottom:-1px; left:-1px;}
		#quisommesnous #contenu .blocarrondi .cornerBottomRight {background-position:-6px 100% !important; bottom:-1px;right:-1px !important; right: -2px;}
		#quisommesnous #contenu .blocarrondi .label {left:18px; position:absolute; top:-8px;}
		#quisommesnous #contenu .blocarrondi .label b {background-color:#FFFFFF; color:#064389; font-size:11px; font-weight:bolder; padding:0 3px 0 2px; text-transform:uppercase;}
		
	#quisommesnous #contenu #chiffrecles {width: 505px; float: left; margin-top: 10px; position:relative; }
	#quisommesnous #contenu #presse {width: 235px;float: left;margin-left: 10px; margin-top: 10px; position:relative; }
	#quisommesnous #contenu #investisseur {width: 235px;float: left;margin-left: 10px; margin-top: 10px; position:relative; }
	
	#quisommesnous #contenu .organigramme {width: 103px;float: left;margin-left: 10px; position:relative; text-align: center; height: 88px;}
	#quisommesnous #contenu .premier {float:none;height:40px; margin:0 auto; width:100px;}
	#quisommesnous #contenu .premierligne {margin-left:0}
	
	#quisommesnous #contenu .organigramme-ligne {width: 790px; display:block; float: left;}
		#quisommesnous #contenu .organigramme-ligne table.organigramme-tableau {width: 675px; display:block; margin:0 auto;}
				#quisommesnous #contenu .organigramme-ligne table td.grisgauche {border-left: 1px solid #c7c7c7;}
				#quisommesnous #contenu .organigramme-ligne table td.grisdroite {border-right: 1px solid #c7c7c7;}
				#quisommesnous #contenu .organigramme-ligne table td.grishaut {border-top: 1px solid #c7c7c7;}

	#quisommesnous #contenu .blocarrondi dl dd {width: 250px; color: #4b4a4a; text-align:right; float: left; }
	#quisommesnous #contenu .blocarrondi dl dt {width: 240px; color: #09438b; margin-left : 260px;}
	#quisommesnous #contenu .blocarrondi dl dd,
	#quisommesnous #contenu .blocarrondi dl dt {font-weight:bold; padding: 3px 0;}
	
	#quisommesnous #contenu .blocarrondi ul {margin:0; padding: 0;}
		#quisommesnous #contenu .blocarrondi ul li {font-family:Arial; font-size:11px; margin:0; background: none; padding: 2px;}
			#quisommesnous #contenu .blocarrondi ul li a,
			#quisommesnous #contenu .blocarrondi ul li a:link {color:#09438B; font-weight:bold; text-decoration:none; padding:1px 0 1px 23px; background:transparent url(/pages/images/icoBlueArrow.png) no-repeat scroll 0 2px; }
	
/* NOS MARQUES - OUR BRANDS */
	
	#nos-marques {height: 369px; display: block;}
		#nos-marques .barometre {width: 77px; display: block; float: left; position: relative;}
			#nos-marques .barometre .gm {position: absolute; top: 0; left: 0;}
			#nos-marques .barometre .se {position: absolute; top: 60px;}
			#nos-marques .barometre .qp {position: absolute; top: 180px;}
			#nos-marques .barometre .pp {position: absolute; top: 300px;}
		#nos-marques .textes {display: block;margin-left: 88px;}
		
			#nos-marques .textes table {margin:0; padding:0; width: 700px; text-align: center; border: 1px solid #83939F; }
					
				#nos-marques .textes table tr td {text-align: center; border:none; margin:0; padding: 0; vertical-align: middle; display: inline-block;}
					#nos-marques .textes table tr td table {margin:0; padding:0; text-align: center; border: none; }
						#nos-marques .textes table tr td table tr,
						#nos-marques .textes table tr td table tr td {border: none; }
					#nos-marques .textes table tr td img {margin:auto;  vertical-align: middle;}
					
					#nos-marques .textes tr td table.selectionexclusive {border-bottom:5px solid #FFFFFF; border-top:1px solid #83939F; background-color: #C3E3EF ; }
						#nos-marques .textes table tr td table.selectionexclusive tr td.images {width: 138px;float: left; padding-top: 10px; height:60px; border-left: 1px solid #92aab3; border-right: 1px solid #fff;}
							#nos-marques .textes table tr td table.selectionexclusive tr td.premiere {border-left: none;}
							#nos-marques .textes table tr td table.selectionexclusive tr td.derniere {border-right: none;}
							#nos-marques .textes table tr td table.selectionexclusive tr td p {color:#09438B; padding: 10px 50px; }
							
							#nos-marques .textes table tr td table.selectionexclusive tr td.images a {position: relative; margin-left:auto;  margin-right:auto; width:100%; height: 100%; display:block;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img {position: relative; display:block;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img.logo1 {padding-top: 0;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img.logo2 {padding-top: 17px;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img.logo3 {padding-top: 13px;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img.logo4 {padding-top: 1px;}
								#nos-marques .textes table tr td table.selectionexclusive tr td.images a img.logo5 {padding-top: 8px;}
			
			#nos-marques .textes .grandesmarques {border-bottom:5px solid #FFFFFF; border-top:2px solid #C1C4D1; background-color: #C1C4D1; }
				#nos-marques .textes .grandesmarques p {color:#071447; padding: 12px 50px 12px 50px;}

			#nos-marques .textes .qualiteprix {border-bottom:5px solid #FFFFFF; border-top:1px solid #83939F; background-color: #C1D0E2; }
				#nos-marques .textes .qualiteprix p {color:#071447; padding: 10px 50px;}
				#nos-marques .textes table tr td table.qualiteprix tr td {vertical-align: middle; }
				#nos-marques .textes table tr td table.qualiteprix tr td.images {width: 348px; border-left: 1px solid #92aab3; border-right: 1px solid #fff; float: left; height:60px; vertical-align: middle; padding-top: 10px;}
				#nos-marques .textes table tr td table.qualiteprix tr td.premiere {border-left: none;}
				#nos-marques .textes table tr td table.qualiteprix tr td.derniere {border-right: none;}
				#nos-marques .textes table tr td table.qualiteprix tr td p {color:#09438B; padding: 10px 50px; clear: both; }
				#nos-marques .textes table tr td table.qualiteprix tr td.images img {padding-top: 5px; padding-bottom: 5px;}
				#nos-marques .textes table tr td table.qualiteprix tr td.derniere img {padding-top: 15px;}
			#nos-marques .textes table tr td.premierprix {border-top:1px solid #83939F; border-top:1px solid #83939F; background-color: #FFC299;}
				#nos-marques .textes table tr td.premierprix p {color:#FF1A00; padding: 5px 50px 5px 50px;}
				#nos-marques .textes table tr td.premierprix a img {display: inline; padding-top: 5px;}


/* GENERIC */
.last {margin-right: 0;}
.spacer {display: block; clear: both; height: 1px; border:none; visibility: hidden; overflow: hidden;}