/**
 *  @file         screen.css
 *  @description  Feuille de styles globale
 *  @author       Rafaël
 */

/* @group base */

@import url("./reset.css");

/**************Fix .net start ***********/

.msgError{color:Red;font-weight:bold;margin-left:0;font-size:8pt;}

.listRadio li {display:inline;}
.titre
{
 color:#EC1E30;
font-size:190%;
font-style:italic;
font-weight:bold;
margin-top:20px;
margin-bottom:14px; 
height:22px;
width:360px;  
float:left;    
    }

.titreInscription
{
 width:300;
 height:19px;
 font-size:130%;
 color:#6D6E71;
 margin-top:14px;
 margin-bottom:14px;
 font-weight:bold;   
 }



.labelStyle{
color:#6D6E71;
font-size:120%;
font-weight:bold;
padding:2px;
margin-bottom:2px;
}
 
 .divFormulaire
 { 
   margin-top:8px;  
   margin-bottom:8px;             
   width:auto;
   height :auto;
  
    } 
     
 .labelFrenchOnly{width:400px;border:none;color:Red;}           
 #textContain{width:590px;height:auto;margin-bottom:50px;}
#textContain a{color:Black;}
 /************Fix .net end ***************/  
    
html { font-size: 62.5%; }
html, body { height: 100%; }

body {
line-height: 1.3em;
position: relative;
behavior: url("/js/ie6/csshover.htc"); }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-top: 0.9em; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin-bottom: 0.9em; }
table { margin: 1.9em 0 1.9em 0; }
ul {margin-left:2.5em;}

input:focus, textarea:focus { outline: 1px dotted; }
hr { margin-top: 30px; }

small { font-size: 90%; }
big   { font-size: 110%; }
sup { font-size: 80%; line-height: 1; vertical-align: super; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
input, select, button, textarea, option { font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }

.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe { display: inline-block; }
/* Hides from IE-mac \*/ * html .groupe { height: 1%; } .groupe { display: block; } /* End hide from IE-mac */

/* @end */

div#main h1.gros      { font-size: 2.4em; }
div#main h1.gros span { font-size: 0.65em; }

div#main p.gros { font-size: 1.3em; line-height: 1.3em; }

span.date {
display: block;
font-size: 0.8em;
color: #000;
font-style: italic; }

/* @group couleurs *//*

rouge: #ec1e30
gris-vert: #8a8e81
beige: #d8dac9
gris foncé: #6d6e71


bleu:       #99c7cf
bleu pâle:  #c9e1e6
vert:       #afab89
vert pâle:  #d5d3c1
mauve:      #a7a9ac
mauve pâle: #d0d1d3
jaune:      #caa446
jaune pâle: #e3cf9d

gris pied page: #f5f5f5

*//* @end */


/* @group global */

body {
font-family: Arial, Verdana, sans-serif;
font-size: 120%;
color: #000;
background:#8a8e81 url('../img/interface/background.gif') repeat-x; }

a { color: #ec1e30; text-decoration: none; }
a:hover, a:focus { color: #da2128; text-decoration: underline; }

ul { list-style-type: disc; }

p.image { margin: 2em 0; }

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #d8dac9;
background-color: #f5f5f5;
padding: 5px;
width: 400px; }

#tooltip p {
font-size: 90%;
margin: 4px; }

/* @end */


/* @group couleurs et fonds */

div#header ul.meta * { color: #fff; }
div#header ul.meta li a { background-color: #ec1e30; }

div#header ul.main li.premier-niveau,
div#header ul.main li.premier-niveau a { color: #fff; }

div#header ul.main li.courante   { background: #ec1e30 url('../img/interface/main-nav-courante.gif')   no-repeat bottom right; }
div#header ul.main li.principale { background: #8a8e81 url('../img/interface/main-nav-principale.gif') no-repeat bottom right; }
div#header ul.main li.secondaire { background: #d8dac9 url('../img/interface/main-nav-secondaire.gif') no-repeat bottom right; }

div#header ul.main li.courante   a { color: #fff; }
div#header ul.main li.principale a { color: #fff; }
div#header ul.main li.secondaire a { color: #6d6e71; }

div#header ul.main li.courante   div ul *,
div#header ul.main li.principale div ul *,
div#header ul.main li.secondaire div ul * { color: #6d6e71; }

div#main { background-color: #fff; }

body.section-autre div#main { background: transparent url('../img/interface/bkg-filariane.jpg') repeat-x top; }

	div#main div#filariane { color: #6d6e71; }
	
		div#main div#filariane p { text-align: right; }
	
	div#main div.intro * { color: #fff; }

div#footer { color: #6d6e71; background: transparent url('../img/interface/bkg-piedpage.png') no-repeat bottom; }

/* @end */

div#side div.liste-produits {
padding: 2px 0;
margin-bottom: 24px;
background: transparent url('../img/interface/bkg-sidebar-bleu-2.jpg') repeat-y; }

* html div#side div.liste-produits { height: 1%; }
*+html div#side div.liste-produits { height: 1%; }


div#side div.liste-produits h3 {
font-size: 1.1em;
padding-left: 16px; }

div#side ul {
font-size: 1.1em;
padding-left: 2px;
padding-right: 14px;
margin-bottom: 20px; }

	div#side ul ul {
	font-size: 0.9em;
	margin-bottom: 0;
	margin-left: 14px; }

/* @group layout */

div#wrap { width: 978px; margin: 0 auto; }

div#header {  }

	div#header ul.meta {
	float: right;
	margin-bottom: 22px;
	list-style: none; }
	
		div#header ul.meta li { float: left; display: inline; }
		
		div#header ul.meta li.accessibilite { display: none; }
		
			div#header ul.meta li a {
			padding: 2px 8px;
			font-size: 90%;
			display: inline-block;
			margin-left: 1px; }
	
	div#header ul.main {
	float: right;
	margin-bottom: 44px;
	list-style: none; }
	
		div#header ul.main li.premier-niveau {
		width: 104px;
		height: 7em;
		float: left;
		font-size: 80%;
		line-height: 1.3em;
		text-transform: uppercase;
		padding: 12px 15px;
		margin-left: 4px;
		position: relative;
		/* IE6-7 luv */ z-index: 40; }
		
		/* IE6-7 luv */ div#header ul.main li.deroulant { z-index: 50; }
		
		div#header ul.main li a.deroulant:hover { cursor: default; text-decoration: none; }
		
			div#header ul.main li img {
			position: absolute;
			bottom: 17px;
			left: 15px; }
		
		div#header ul.main li.secondaire { font-weight: bold; }
		
		div#header ul.main li div { display: none; position: relative; z-index: 50; }
		div#header ul.main li:hover div {
		display: block;
		position: absolute;
		top: 6.5em;
		left: 8px;
		z-index: 100; }
		
		div#header ul.main li div span.fill {
		display: block;
		position: absolute;
		bottom: -24px;
		height: 24px;
		width: 21.2em;
		border-left: 1px solid #8a8e81;
		background: transparent url('../img/interface/bkg-menu-deroulant-2.png') no-repeat bottom right; }
		
			div#header ul.main li div ul {
			background: transparent url('../img/interface/bkg-menu-deroulant-1.gif') repeat-y right;
			display: block;
			padding: 16px 16px 0 16px;
			width: 17.9em;
			border-top: 1px solid #8a8e81;
			border-left: 1px solid #8a8e81;
			margin: 0; }
			
				div#header ul.main li div ul li {
				list-style: disc url('../img/interface/triangle-menu-deroulant.gif') outside;
				padding: 4px 0;
				margin-left: 16px; }
				
				* html div#header ul.main li div ul li span { position: relative; top: -3px; }
				*+html div#header ul.main li div ul li span { position: relative; top: -3px; }

			* html img#logo { position: relative; left: -30px; }

div#outer-contenu {
border-bottom: none;
border-top: 1px solid #6d6e71;
border-right: 1px solid #6d6e71;
border-left: 1px solid #6d6e71;
width: 976px; }

body.section-autre div#outer-contenu { background: #fff url('../img/interface/bkg-sidebar.gif') repeat-y right; }

body.section-accueil div#outer-contenu { background: #fff; }

body.section-autre div#contenu { background: transparent url('../img/interface/bkg-sidebar-bas.jpg') no-repeat bottom right; }

	div#contenu ul li {  }

	div#main {
	width: 593px;
	float: left; }
	
	body.section-autre   div#main { padding: 0 22px 88px 40px; }
	body.section-accueil div#main { padding: 0 22px 18px 40px; }
	
	* html body.section-autre   div#main { padding-right: 4px; }
	
		div#main div#filariane {
		height: 66px;
		margin-bottom: 50px;
		position: relative;
		left: -40px;
		width: 652px; }
		
		* html div#main div#filariane { width: 612px; }
		
			div#main div#filariane img.icone-section { position: relative; left: 40px; }
			
			div#main div#filariane p {
			position: absolute;
			right: 24px;
			bottom: 0;
			margin-bottom: 8px;
			width: 500px; }
			
			* html div#main div#filariane p { right: -16px; bottom: 2px; }
			
				div#main div#filariane p span.courant { font-weight: bold; }
			
			div#main div.intro {
			padding-bottom: 72px;
			position: relative;
			left: -16px;
			width: 610px;
			background: transparent url('../img/interface/bkg-paragraphe-intro-2.gif') no-repeat bottom;
			margin-bottom: -48px; }
			
			* html div#main div.intro div { height: 1%; }
			*+html div#main div.intro div { height: 1%; }
			
				div#main div.intro div {
				padding: 2px 32px 8px 16px;
				background: transparent url('../img/interface/bkg-paragraphe-intro-1.jpg') no-repeat top; }
				
	div#side { width: 320px; float: right; }
	
	body.section-autre div#side {
	padding-top: 228px;
	background: transparent url('../img/interface/homme-voiture.gif') no-repeat top right; }
	
	body.template-solutions  div#side { padding-top: 155px; }
	
	body.template-a-propos   div#side { background-image: url('../img/interface/edifice.jpg'); }
	
	body.template-formation   div#side { background-image: url('../img/interface/formation-directeurs.png'); }
	
	body.template-solutions  div#side { background-image: url('../img/logo-precursoft.png'); }
	
	body.template-a-propos2 div#side { background-image: url('../img/interface/photo-side-rv.gif'); }
	
	body.template-loisirs div#side { background-image: url('../img/interface/photo-side-loisirs.jpg'); }
	
		div#side div {  }
		
		div#side div.side-garantie-supplementaire {
		border-bottom: 1px solid #c9e1e5;
		height:122px;
		background: transparent url('../img/interface/bkg-sidebar-bleu-2.jpg') repeat-y; }
		
			div#side div.side-garantie-supplementaire div {
			background: transparent url('../img/interface/bkg-sidebar-bleu-1.jpg') no-repeat top right;
			padding: 6px 40px 0 24px; }
			
			* html div#side div.side-garantie-supplementaire div { height: 1%; }
			*+html div#side div.side-garantie-supplementaire div { height: 1%; }
			
		div#side div.side-brochure {
		border-bottom: 1px solid #cfd0cd;
		background: transparent url('../img/interface/bkg-sidebar-gris.jpg') repeat-y;
		padding: 2px 24px;
		margin-top: 24px;
		position: relative; }
		
		
		div#side div.info-bulle 
		{
			padding-top:40px;
	        float:left;
		 	height:250px;
		 	width:300px;
		 	font-weight:bold;
		 	background:transparent url('../img/protection-plus-info-bulle1.png');
		    background-repeat:no-repeat;
		}
		
		div#side div.info-bulle span
		{
			float:left;
			width:250px;
			color:#050400;
		}
		
		
		/** html body.template-remplacement div#side div.side-brochure2 { height: 1%; margin-top: 5px; }
				*+html body.template-remplacement div#side div.side-brochure2 { height: 1%; margin-top: 45px; }
				
				* html body.template-accueil div#side div.side-brochure { height: 40px; }
				*+html body.template-accueil div#side div.side-brochure { height: 1%; }
				
				* html body.template-remplacement div#side div.side-brochure { height: 1%; }
				*+html body.template-remplacement div#side div.side-brochure { height: 1%; }*/
				
				* html div.side-brochure { height: 1%; }
				
				* html div.side-brochure img { height: 1%; display: block; margin-bottom: -50px; }
				* html div.side-brochure a { height: 1%; }
				
				*+html div.side-brochure { height: 1%; }
				*+html div.side-brochure img { height: 1%; display: block; margin-bottom: -50px; }
				*+html div.side-brochure a { height: 1%; }
		
		body.template-remplacement div#side div.side-brochure {
		margin-top: 42px; }
		
			body.template-remplacement div#side div.side-brochure ul {
			list-style-position: inside;
			margin-left: 0;
			margin-top: 16px; }
		
			div#side div.side-brochure img.img-brochure {
			float: left;
			position: relative;
			left: -8px;
			top: -15px; }
		
div#footer {
width: 978px;
height: 58px;
margin-bottom: 40px;
font-size: 80%; }

	div#footer p#copyright { margin-left: 40px; padding-top: 10px; }

/* @end */

form div.ligne   { float: left; }
form label.ligne { display: inline; }

p.succes { font-weight: bold; font-size: 1.3em; color: green; }

/* @group font */

div#main h1 {
font-style: italic;
font-weight: bold;
font-size: 190%;
color: #ec1e30; }

	div#main span.sur-titre {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 85%;
	font-family: Georgia, 'Times New Roman', serif;
	color: #6d6e71; }

div#main h2 { font-size: 140%; color: #6d6e71; margin-top: 1.6em; }

div#main h3 { font-size: 110%; }

div#side h2 { font-size: 130%; color: #ec1e30; }

	div#side p { margin-left: 20px; }

	div#side div.side-garantie-supplementaire h2 
	{
    height : 37px;
	width: 246px;   
	
	 }

	div#side h2 span.normal {
	display: block;
	font-size: 80%;
	color: #6d6e71;
	font-weight: normal; }
	
		div#side h2 span.normal strong { color: #ec1e30; }

div#side div h3 {
color: #3a6f8f;
font-size: 130%;
line-height: 1.4em;}

div#side div.side-garantie-supplementaire h3{
	background: transparent url('../img/titre-garantie-h3.gif') no-repeat;
	height: 37px;
	width: 233px;
	text-indent: -9999px;}
	
	

div#side p {
font-size: 110%;
line-height: 1.4em;
color: #6d6e71; }

/* @end */

body table.plans-protection tbody tr.et-plus td {
	border-bottom: none;
	padding: 8px 13px;
	background-color: #ec2031;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

body table.plans-franchises { width: 282px; text-align: center; }

/* @group section automobile, supplementaire */

table.plans-protection {width:560px;}

	table.plans-protection thead {  }
	
		table.plans-protection thead tr {  }
		
			table.plans-protection thead tr th {
			color: #6d6e71;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 80%;
			vertical-align: middle;
			/*background: #fff url('../img/interface/bkg-tableau-plans-garantie.gif') repeat-y;*/
			border-bottom: 5px solid #fff;
			padding: 3px 0;
			background-color:#EAEBE2;}
			
			
			table.plans-protection thead tr.rangee-titre th {
			color: #fff;
			font-weight: normal;
			border: none; }
			
			table.plans-protection thead tr th.vide { background: none; }                                      
			
			table.plans-protection thead tr th.colonne-couverture     { background: #fff url('../img/interface/bkg-tableau-plans-head-11.gif') repeat-y; }
			table.plans-protection thead tr th.colonne-initial        { background: #fff url('../img/interface/bkg-tableau-plans-head-0.gif') repeat-y; }
			table.plans-protection thead tr th.colonne-de-base        { background: #fff url('../img/interface/bkg-tableau-plans-head-2.gif') repeat-y; }
			table.plans-protection thead tr th.colonne-etendue        { background: #fff url('../img/interface/bkg-tableau-plans-head-3.gif') repeat-y; }
			table.plans-protection thead tr th.colonne-superieure     { background: #fff url('../img/interface/bkg-tableau-plans-head-4.gif') repeat-y; }
			table.plans-protection thead tr th.colonne-complementaire { background: #fff url('../img/interface/bkg-tableau-plans-head-5.gif') repeat-y; }
			
	table.plans-protection tbody {  }
	
	table.plans-protection .colonne-couverture {
	padding-left: 12px;
	text-align: left;
	font-size: 90%;
	color: #6d6e71;
	 }
	
		div#contenu table.plans-protection tbody tr th.colonne-couverture h3 a { color: #6d6e71; }
		
		div#contenu table.plans-protection tbody tr th.colonne-couverture div p { margin-top: 0; padding-right: 12px; } /* pour JS */
	
		table.plans-protection tbody tr th.colonne-couverture p { font-weight: normal; }
	
		table.plans-protection tbody tr th,
		table.plans-protection tbody tr td { border-bottom: 1px solid #afab89; }
		
		    
			table.plans-protection tbody tr td.colonne-initial        { width: 65px; text-align: center; }
			table.plans-protection tbody tr td.colonne-de-base        { width: 65px; text-align: center; }
			table.plans-protection tbody tr td.colonne-etendue        { width: 65px; text-align: center; }
			table.plans-protection tbody tr td.colonne-superieure     { width: 75px; text-align: center; }
			table.plans-protection tbody tr td.colonne-complementaire { width: 76px; text-align: center; }
			
			table.plans-protection tbody tr th.colonne-couverture     { background: #fff url('../img/interface/bkg-tableau-plans-body-11.gif') repeat-y; }
			table.plans-protection tbody tr td.colonne-initial        { background: #fff url('../img/interface/bkg-tableau-plans-body-0.gif') repeat-y; }
			table.plans-protection tbody tr td.colonne-de-base        { background: #fff url('../img/interface/bkg-tableau-plans-body-2.gif') repeat-y; }
			table.plans-protection tbody tr td.colonne-etendue        { background: #fff url('../img/interface/bkg-tableau-plans-body-3.gif') repeat-y; }
			table.plans-protection tbody tr td.colonne-superieure     { background: #fff url('../img/interface/bkg-tableau-plans-body-4.gif') repeat-y; }
			table.plans-protection tbody tr td.colonne-complementaire { background: #fff url('../img/interface/bkg-tableau-plans-body-5.gif') repeat-y; }

/* @end */


/* @group section automobile, remplacement */

table.moyens-passer { width: 582px; margin-top: 52px; }

	table.moyens-passer thead {  }
	
		table.moyens-passer thead tr {  }
		
			table.moyens-passer thead tr th {
			color: #6d6e71;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 80%;
			vertical-align: middle;
			background: #fff url('../img/interface/bkg-tableau-plans-garantie.gif') repeat-y;
			border-bottom: 5px solid #fff;
			padding: 3px 0; }
			
			table.moyens-passer thead tr.rangee-titre th {
			color: #fff;
			font-weight: normal;
			border: none; }
			
			table.moyens-passer thead tr th.vide { background: none; }
			
			table.moyens-passer thead tr th.colonne-exemple        {
			background: #fff url('../img/interface/bkg-tableau-moyens-head-1.gif') repeat-y;
			text-align: left;
			padding-left: 12px; }
			table.moyens-passer thead tr th.colonne-sans-garantie  { background: #fff url('../img/interface/bkg-tableau-moyens-head-2.gif') repeat-y center; }
			table.moyens-passer thead tr th.colonne-avec-garantie  { background: #fff url('../img/interface/bkg-tableau-moyens-head-3.gif') repeat-y; }
			
			table.moyens-passer tfoot tr td { text-align: left; padding: 4px; }
			
	table.moyens-passer tbody {  }
	
	table.moyens-passer .colonne-couverture {
	padding-left: 12px;
	text-align: left;
	font-size: 90%;
	color: #6d6e71; }
	
		div#contenu table.moyens-passer tbody tr th.colonne-exemple h3 a { color: #6d6e71; }
		
		div#contenu table.moyens-passer tbody tr th.colonne-exemple div p { margin-top: 0; } /* pour JS */
	
		table.moyens-passer tbody tr th.colonne-exemple { font-weight: normal; }
				
		table.moyens-passer tbody tr th,
		table.moyens-passer tbody tr td { border-bottom: 1px solid #afab89; }
			
			table.moyens-passer tbody tr th.colonne-exemple        { width: 319px; padding: 12px; text-align: left; }		
			table.moyens-passer tbody tr td.colonne-sans-garantie  { width: 125px; padding: 3px; text-align: center; }
			table.moyens-passer tbody tr td.colonne-avec-garantie  { width: 125px; padding: 3px; text-align: center; }
			
			table.moyens-passer tbody tr th.colonne-exemple        { background: #fff url('../img/interface/bkg-tableau-moyens-body-1.gif') repeat-y left; }
			table.moyens-passer tbody tr td.colonne-sans-garantie  { background: #fff url('../img/interface/bkg-tableau-moyens-body-2.gif') repeat-y center; }
			table.moyens-passer tbody tr td.colonne-avec-garantie  { background: #fff url('../img/interface/bkg-tableau-moyens-body-3.gif') repeat-y left; }

/* @end */




/* @group section à propos */

ul.liste-membres { margin: 2em 0 0 0; }

	ul.liste-membres li {
	list-style: none;
	margin: 1em 0; }

ul.liste-images {
margin: 1em 0;
list-style: none; }

	ul.liste-images li img {
	width: 150px;
	float: left;
	margin-right: 20px;border:1px solid #666666 }
	

/* section administration conseil*/
	
ul.liste-images1 {
margin: 1em 0;
list-style: none; }

	ul.liste-images1 li img {
	width: 150px;
	float: left;
	margin-right: 20px;
	border:1px solid #666666;
	 }	
	
ul.liste-images1 li{margin-bottom:5px;}

p.image { position: relative; }

img#image-organigramme { width: 560px; }

a#lien-description-1,
a#lien-description-2,
a#lien-description-3,
a#lien-description-4 { position: absolute; display: block; }

a#lien-description-1 {
left: 11px;
top: 191px;
width: 110px;
height: 60px; }

a#lien-description-2 {
left: 150px;
top: 214px;
width: 124px;
height: 37px; }

a#lien-description-3 {
left: 294px;
top: 214px;
width: 145px;
height: 37px; }

a#lien-description-4 {
left: 454px;
top: 214px;
width: 106px;
height: 37px; }

/* @end */




/* @group section formation directeurs */

div#side h2.titre-inscription {
text-indent: -9999px;
background: transparent url('../img/titre-inscription-h2.png') no-repeat;
width: 269px;
height: 19px;
margin-top:14px;
margin-bottom:14px;
 }


div.side-inscription {
background: transparent url('../img/interface/bkg-sidebar-brun-repeat.jpg') repeat-y; }

* html div.side-inscription { height: 1%; }
*+html div.side-inscription { height: 1%; }

	div.side-inscription form {
	background: transparent url('../img/interface/bkg-sidebar-brun-bas.jpg') no-repeat bottom;
	padding: 20px;}
	
		/*form div {
		margin: 8px 0; }*/
		
			form label {
			text-indent: 2px;
			margin-bottom: 2px;
			display: block;
			font-size: 120%;
			font-weight: bold;
			color: #6d6e71; }

/* @end */



/* @group page accueil */

body.section-accueil div#bandeau {
width: 976px;
min-height: 179px;
height: auto !important;
height: 179px;
background: #eee url('../img/interface/bkg-accueil-intro-repeat.gif') repeat-x; }
 
body.section-accueil div#bandeau span#femme-voiture {
display: block;
width: 656px;
height: 179px;
float: left;
background: transparent url('../img/interface/bkg-accueil-bandeau.jpg') no-repeat top left; }

	body.section-accueil div#bandeau div#nouvelle {
	min-height: 173px;
	height: auto !important;
	height: 173px;
	float: right;
	width: 280px;
	padding: 5px 20px 0 20px;
	background: transparent url('../img/interface/bkg-accueil-intro-bas.gif') no-repeat bottom right; }
	
		body.section-accueil div#bandeau div#nouvelle h2 {
		font-weight: normal;
		color: #ec1e30;
		line-height: 1.1;
		font-size: 140%;
		margin-bottom: 8px; }
		
		body.section-accueil div#bandeau div#nouvelle p {
		font-size: 120%;
		color: #8a8e81;
		line-height: 1.2; }
		
		body.section-accueil div#bandeau div#nouvelle p#toutes-actualites { font-size: 100%; text-align: right; }

body.section-accueil div#main { position: relative; }

	body.section-accueil div#main h1 
	{
	background:url("../img/titre-accueil-h1.png") no-repeat scroll 0 0 transparent;    
	margin-bottom:14px;
	height: 22px;
	width: 360px;
    text-indent :-9999px;
	}
	
	body.section-accueil div#main p.intro-accueil {
	width: 370px;
	font-size: 140%;
	line-height: 1.2;
	color: #8a8e81; }
	
	p#logo-30-ans {
	background: transparent url('../img/logo-ppp-mini.jpg') no-repeat;
	height: 79px;
	width: 153px;
	text-indent: -9999px;
	position: absolute;
	top: 60px;
	left: 403px; }
	
	body.section-accueil div#main ul#categories { margin: 0; }
	
		body.section-accueil div#main ul#categories li.bloc {
		min-height: 121px;
		height: auto !important;
		height: 121px;
		float: left;
		margin-right: 6px;
		width: 171px;
		background: transparent repeat-x bottom;
		list-style: none; }
		
		body.section-accueil div#main ul#categories li#vehicules-automobiles {
		background-image: url('../img/interface/bkg-accueil-automobiles.jpg'); }
		
		body.section-accueil div#main ul#categories li#vehicules-loisirs {
		background-image: url('../img/interface/bkg-accueil-loisirs.jpg'); }
		
		body.section-accueil div#main ul#categories li#vehicules-recreatifs {
		background-image: url('../img/interface/bkg-accueil-recreatifs.jpg'); }
		
			body.section-accueil div#main ul#categories h2 {
			background: transparent no-repeat;
			height: 48px;
			width: 170px;
			text-indent: -9999px;
			margin-bottom: 4px;
			margin-top: 12px; }
			
			body.section-accueil div#main ul#categories li#vehicules-automobiles h2 {
			background-image: url('../img/interface/titre-accueil-automobiles.png'); }
			
			body.section-accueil div#main ul#categories li#vehicules-loisirs h2 {
			background-image: url('../img/interface/titre-accueil-loisirs.png'); }
			
			body.section-accueil div#main ul#categories li#vehicules-recreatifs h2 {
			background-image: url('../img/interface/titre-accueil-recreatifs.png'); }
			
			body.section-accueil div#main ul#categories li.bloc ul { font-size: 90%; }
			
				body.section-accueil div#main ul#categories li.bloc ul li a {
				color: #000; text-decoration: underline; }
				
				body.section-accueil div#main ul#categories li.bloc ul li a:hover {
				color: #000; text-decoration: none; }


body.section-accueil div#side { padding-top: 58px; position: relative; }

	div#protection-ppp {
	position: relative;
	min-height: 173px;
	height:auto;
	padding: 20px 20px 0 50px;
	background: transparent url('../img/interface/bkg-accueil-protection-ppp.jpg') repeat-y; }
	
	body.section-autre div#protection-ppp { left: 24px; margin-top: 42px; }
	
	* html body.section-autre div#protection-ppp { padding-bottom: 17px; }
	
	* html div#protection-ppp { padding-bottom: 2px; }
	
	div#protection-ppp strong { font-size: 0.9em; }
	
	* html div#protection-ppp { height: 1%; }
	*+html div#protection-ppp { height: 1%; }
	
		div#protection-ppp p { color: #000; }
	
	div#protection-ppp span 
	{
	 /*   
	top: -31px;
	left: -56px;
	position: absolute;
	display: block;
	width: 142px;
	height: 224px;
	background: transparent url('../img/interface/accueil-homme-parapluie.png') repeat-y;
	*/
	 }
	#para-pluie
	{
	top: -31px;
	left: -56px;
	position: absolute;
	display: block;
	width: 142px;
	height: 224px;
	background: transparent url('../img/interface/accueil-homme-parapluie.png') repeat-y;    	    
  }
	
	
	div.side-brochure span#homme-parapluie {
	top: -12px;
	left: 206px;
	position: absolute;
	display: block;
	width: 142px;
	height: 224px;
	background: transparent url('../img/interface/accueil-homme-parapluie.png') repeat-y; }
	
	body div#side div.side-homme-parapluie {
	padding-right: 100px; }
		
/* @end */

