/* DEFAULT DEFINITION */
*	{ margin:0; padding:0; }
html, body, { margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#212424; background:#fff; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; font-size:1em; }
p	{ font:11px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; }
ul	{ margin-bottom:17px; }
ul li	{ list-style-type:none; font:11px Verdana, Arial, Helvetica, sans-serif; color:#828282; }
option { padding:0 5px 0 2px; }
a {outline:0 none;}
a:hover	{color:#ffc62c;}
/*a { outline:0 none; }*/
.clear { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.paddingRight { padding-right:10px; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
.nota { font-size:10px; }
em.error  { margin:0 0 0 0; padding:0 15px 0 0; width:150px; color:red; }
p.error { color:red; }

/*	STRUCTURE	*/
#main				{margin:0 auto; padding:16px 0; width:965px;}
#tools 				{height:20px;}
ul.linksTop 		{float:right;}
.linksTop li 		{font:11px Arial, Helvetica, sans-serif; display:inline; padding:0 10px 0 10px;}
.linksTop li.style 	{border-left:1px solid #053485;}
.linksTop li a 		{color:#053485; text-decoration:none;}

/*	HEADER	*/
#header				{clear:both; height:129px; margin-bottom:11px;}
#header .logo 		{float:left; padding:0; margin:0;} 

/*	MENU	*/
#navMain { height:17px; margin-top:5px;*/ float:left; }
/*#navMain li	{ float:left; }*/
#menuNav { /*margin-left:100px; display:block;*/ height:17px; }
#menuNav li a { color:black; text-transform:uppercase; font-weight:bold; text-decoration:none; overflow:hidden; }
#menuNav li.navSecteur { position:relative; float:left; display:block; line-height:17px; margin:10px 0; }
#menuNav li.navSecteur a { font-size:1.09em;  display:block; overflow:hidden; }
#menuNav li.navSecteur #navActu { background:url(../img/nav-actu.gif) no-repeat left top; width:130px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navActu:hover, #menuNav li.navSecteur #navActu.on { background:url(../img/nav-actu.gif) no-repeat left -17px; width:130px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navServices {  margin: 2px 0; background:url(../img/nav-services.gif) no-repeat left top; width:211px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navServices:hover, #menuNav li.navSecteur #navServices.on  { background:url(../img/nav-services.gif) no-repeat left -17px; width:211px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navFinancements { margin: 2px 0; background:url(../img/nav-financements.gif) no-repeat left top; width:160px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navFinancements:hover, #menuNav li.navSecteur #navFinancements.on { background:url(../img/nav-financements.gif) no-repeat left -17px; width:160px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navEntretien {  margin: 2px 0; background:url(../img/nav-entretien.gif) no-repeat left top; width:124px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navEntretien:hover, #menuNav li.navSecteur #navEntretien.on { background:url(../img/nav-entretien.gif) no-repeat left -17px; width:124px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navBlog {  margin: 2px 0; background:url(../img/nav-blog.gif) no-repeat left top; width:51px; height:17px; text-indent:-5000px; }
#menuNav li.navSecteur #navBlog:hover, #menuNav li.navSecteur #navBlog.on { background:url(../img/nav-blog.gif) no-repeat left -17px; width:51px; height:17x; text-indent:-5000px; }
#menuNav li.navSecteur ul { position:absolute; display:none; border:1px solid #ccc; }
#menuNav li.navSecteur ul { background-color:white; width:180px; padding:0; }
*html #menuNav li.navSecteur ul { height:0.01%; width:228px; margin-left:0; }
#menuNav li:hover ul, #menuNav li.addHover ul { display:block; }
#menuNav li.navSecteur ul li { display:block; text-align:left; line-height:13px; padding-left:10px; }
#menuNav li.navSecteur ul li a { font-size:0.82em; text-decoration:none; display:block; width:170px; padding:1em 0; }
#menuNav li.navSecteur ul li:hover, #menuNav li.addHover ul li.addHoverbis { background-color:#E5E5E5; }

/*	fil d'arianne	*/
#arianne 			{width:681px; margin:12px 0 17px 0;}
#arianne a	 		{color:#053485;}
#arianne a:hover	{color:#ffc62c;}
#arianne span 		{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#053485; }

/* CONTENU GAUCHE	*/
#colLeft 			{width:730px;}
#colLeft h1 		{font:bold 14px Verdana; color:#053485; text-transform:uppercase; margin-bottom:20px;}
#colLeft h2			{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#053485; margin-bottom:17px;}
#colLeft p 			{font:11px Verdana, Arial, Helvetica, sans-serif; color:#797979; margin-bottom:20px;}
#colLeft ol			{font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 30px;}
#colLeft ol	li 		{color:#797979;}
#colLeft ol	li a 	{color:#797979; text-decoration:underline;}
#colLeft ol	li.on 	{color:#053485;}
#colLeft ol	li.on a.on {color:#053485; text-decoration:none;}
#colLeft .adresse 	{width:264px; background:#f1f1f1; padding:10px 0 10px 10px; float:right;}
#colLeft .adresse p	{margin-bottom:0;}
#colLeft .topGray 	{height:21px; border-top:1px solid #797979;}

#colLeftpre 		{width:610px;}
/* flash	*/
#flash				{margin:0 0 0 0; padding-bottom:21px;}
/* options	*/
#options 				{padding:0 0 9px 0; margin:0;}
#options p				{margin:7px 0 7px 0;}
#options #optionsMargin {padding:13px 0 11px 0;}
#options #optionsMargin h2 {margin:0 0 11px 0;}
#options #optionsMargin h3 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#828282; }
#options #optionsMargin #entretien 	{width:345px; padding-right:20px; border-right:1px solid #e9e9e9; }
#options #optionsMargin #services 	{width:345px; padding:0 0 0 19px;}
#options p.btn 			{text-align:right; margin:23px 0 0 0 }

/* home	*/
#colRight { width:215px; background:#f7e282; }
#colRight h2 {height:40px; background:url(../img/tt-monespaceperso.gif) 0 0 no-repeat;}
#colRight h2 span	{display:none;}
.yellow	{ width:215px; background:#f7e282; border-bottom:1px solid #ffc62c; }
.end { border-bottom:none; }
.yellowMargin { padding:10px 12px 3px 14px; }
.yellowMargin h3,
.yellowMargin p { font:11px Arial, Helvetica, sans-serif; margin-bottom:6px; }
.yellowMargin h3.votreblog {height:9px; background:url(../img/tt-votreblog.gif) 0 0 no-repeat; }
.yellowMargin h3.mieuxconnaitre {height:12px; background:url(../img/tt-mieuxconnaitre.gif) 0 0 no-repeat; }
.yellowMargin h3.guide {height:12px; background:url(../img/tt-guidepratique.gif) 0 0 no-repeat; }
.yellowMargin h3 span {display:none;}
.yellowMargin .blog img { float:left; margin-right:10px; }
.yellowMargin p.btn	{ text-align:right; padding-top:5px; }
.yellowMargin .name { font:bold 14px Arial, Helvetica, sans-serif; }
.newsletter	{ text-align:center; }
.newsletter a { text-align:center; text-decoration:underline; color:#000; }
.newsletter a:hover	{ text-decoration:none; }
.footerRight {width:215px; height:18px; background:url(../img/bottom-bg-colRight.gif) 0 0 no-repeat;}

/*	prehome	*/
#colIdentifiant { width:215px; background:#fff; }
#colIdentifiant h3 span { display:none; }
.inscription { height:147px; background:url(../img/bg-inscription.gif) 0 0 no-repeat; margin-bottom:20px;}
.inscription p.bouton { padding:111px 0 0 66px; }
.inscrit { height:178px; background:url(../img/bg-inscrit.gif) 0 0 no-repeat; }
.inscrit form { padding:40px 20px 0 19px; }
.inscrit label { display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#202222; }
.inscrit input { width:175px; margin-bottom:7px;}
.inscrit input.submit { width:auto; }
.inscrit p.mdp	{ margin-bottom:10px; }
.inscrit p.mdp a.mdp {font-size:10px; color:#000; }

/*	inscription	*/
.formulaire	{ color:#797979; background:#f1f1f1; padding:20px 10px 20px 20px; margin:15px 0 15px 0; }
.formulaire p { padding-bottom:8px; }
.formulaire label { float:left; display:block; width:140px; }
.formulaire label.confirm { float:left; display:block; width:152px; margin-left:6px; }
.formulaire label.radio	{ width:70px; }
.formulaire input { margin-right:3px; }
.formulaire .validation { width:414px; color:#666; }
.formulaire .envoi { margin-left:140px; }
.formulaire .validation a { font:bold 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline; }
.formulaire .validation a:hover { color:#f7b100; text-decoration:underline; }

#gauche {width:693px; }
#gauche .nota { font:9px Verdana, Arial, Helvetica, sans-serif; color:#797979; }
#gauche form label.nota	{ font:9px Verdana, Arial, Helvetica, sans-serif; color:#797979; }
#droite { width:252px; background: url(../img/bg-colRight-inscription.gif) 0 0 repeat-y; }
#droite h2 { height:29px; background:url(../img/bg-tt-avecdacia.gif) 0 0 no-repeat; margin-bottom:15px; }
#droite h2 span	{display:none;}
#droite p	{ padding:5px 0 5px 22px; }
#droite a	{ font-weight:bold; color:#919191; text-decoration:none; }
.bottomInscription { height:23px; background:url(../img/bg-colRight-bottom-inscript.gif) 0 0 no-repeat; }

/*	SOUS-MENU GAUCHE	*/
#navContext 			{width:160px; margin:40px 20px 0 0; float:left;}
#navContext h2 			{font:12px Verdana, Arial, Helvetica, sans-serif; color:#6f7075; border-bottom:1px solid #6f7075; padding:0 0 4px 24px; margin-bottom:10px;}
#navContext h2  		{color:#053485; background:url(../img/vague-jaune.gif) 0 2px no-repeat; border-bottom:1px solid #ffc62c;}
#navContext h2.on 		{color:#053485; background:url(../img/vague-jaune.gif) 0 2px no-repeat; border-bottom:1px solid #ffc62c;}
#navContext h2 a 		{color:#6f7075; text-decoration:none;}
#navContext h2.on a.on 	{color:#053485;}
#navContext ul			{margin:0 0 32px 23px;}
#navContext li 			{font:10px Verdana, Arial, Helvetica, sans-serif; color:#6f7075; background:url(../img/bg-list-gray.gif) 0 3px no-repeat; padding:0 0 8px 11px; }
#navContext li a 		{font:10px Verdana, Arial, Helvetica, sans-serif; color:#6f7075; text-decoration:none;}
#navContext li a:hover 	{text-decoration:underline;}
#navContext li.on		{color:#053485; background:url(../img/bg-list-yellow.gif) 0 3px no-repeat;}
#navContext li.on a		{color:#053485; }
#navContext ul li ul		{margin:10px 0 10px 10px;}
#navContext ul li li a	{color:#828282;}

/*	CENTRE	*/
#lili				{width:535px; float:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#797979;}
#lili h1			{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#053485; text-transform:uppercase; margin-bottom:21px;}
#lili p				{font:11px Verdana, Arial, Helvetica, sans-serif; margin-bottom:19px;}
#lili p.nota		{font-size:10px;}
#lili a				{color:#797979;}
#lili .gray			{background:#f1f1f1; margin:20px 0 14px 0; padding:15px 26px 1px 12px;}
#lili .gray	h2		{font-size:14px; color:#053485; margin-bottom:15px;}
#lili .gray h3		{font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:17px; }
#lili .gray h3 a	{display:block; text-decoration:none; background:url(../img/cache-off.jpg) right 5px no-repeat;}
#lili .gray h3.on a	{background:url(../img/cache-on.jpg) right 5px no-repeat;}
#lili .illustration {width:116px; margin-right:9px; float:left;}
#lili .texte		{width:350px; float:left;}
#lili .gray .texte2	{width:310px; float:left;}
#lili .gray .cache	{display:none;}
#lili .block		{border:1px solid #c5c5c5; padding:9px 10px 0 10px; margin-bottom:21px;}
#lili .block br.clear	{height:0; font-size:0;}
#lili ul.liste1		{margin-right:50px;}
#lili ul li 		{color:#797979;}
#lili ul li a 		{color:#797979; text-decoration:underline;}
#lili ul li.on 		{color:#053485;}
#lili ul li a.on {color:#053485; text-decoration:none;}

/* formulaires de contact */
.formulaireContact { }
.formulaireContact fieldset { margin-bottom:15px; }
.formulaireContact p { padding:0 0 0 0; margin:0 0 5px 0;}
.formulaireContact label { float:left; display:block; width:185px; }
.formulaireContact label.carre { width:auto; float:none; }
.formulaireContact label.invisible { display:none; }
.formulaireContact input, .formulaireContact select { width:185px; }
.formulaireContact input.case { width:auto; }
.formulaireContact input.valider { width:auto; margin-left:185px; }

/* formulaires connaitre */
.formulaireConnaitre { margin-bottom:15px;}
.formulaireConnaitre fieldset { margin-bottom:15px; }
.formulaireConnaitre h3 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#053485; text-transform:none; }
.formulaireConnaitre h4 { text-transform:uppercase; margin-bottom:10px; }
.formulaireConnaitre h5 { font:bold 11px Arial, Helvetica, sans-serif; color:#000; margin:8px 0 8px 0; }
.formulaireConnaitre p { padding:0 0 0 0; margin:0 0 8px 0; }
.formulaireConnaitre p.forza label	{ display:block; float:none;}
.formulaireConnaitre label { float:left; width:220px; /*width:auto;*/}
.formulaireConnaitre label.radio { width:auto; margin-right:20px; }
.formulaireConnaitre label.invisible { display:none; }
.formulaireConnaitre input { width:150px; display:block; }
.formulaireConnaitre select { width:150px;}
.formulaireConnaitre input.case { width:auto;}
.formulaireConnaitre input.cocher { width:auto; display:inline; float:left; margin:-3px 0 0 0;}
.formulaireConnaitre input.radio { width:auto; display:inline; float:left; margin:-3px 0 0 0;}
.formulaireConnaitre input.valider { width:auto; margin-left:185px; }
.formulaireConnaitre table { font:11px Arial, Helvetica, sans-serif; margin:8px 0 8px 0; }
.formulaireConnaitre table tr { margin-bottom:8px; }
.formulaireConnaitre table th, .formulaireConnaitre table td { text-align:center; width:auto; padding-bottom:8px;}
.formulaireConnaitre table td.profession { width:90px; font:11px Arial, Helvetica, sans-serif; text-align:left; }
.formulaireConnaitre .cases { width:300px; }
.formulaireConnaitre .cases label { padding:0 0 0 0; margin:0 0 8px 0; }

/*	FOOTER	*/
#footer	{ margin:0 auto 10px auto; height:50px; background:url(../img/bg-footer-bleu.gif) 0 top no-repeat;}
#footer ul {margin:0 0 0 295px; }
#footer li { float:left; display:inline; font:10px Verdana; color:#053485; margin:10px 0 0 10px; padding:15px 0 0 10px; }
#footer li.style { background:url(../img/bg-footer-style.gif) 0 100% no-repeat; }
#footer li a { color:#053485; text-decoration:none; text-align:center; }
#footer li a:hover { color:#053485; text-decoration:underline; }

/* GUIDE PRATIQUE */
#guidePratique { width:198px; border-bottom:10px solid #f7e282; background:transparent url(../img/g-bottom.gif) no-repeat 10px bottom; padding:0 3px; }
#guidePratique ul { height:198px; margin:0 0 0 7px; }
#guidePratique ul li { margin:0; padding:0; width:192px; }
#guidePratique li ol { margin:0 0 -5px 0; padding:0 4px 0 5px; width:183px; border-bottom:5px solid #fff; background-color:white; }
#guidePratique li ol li { width:183px; margin:0; padding:0; background-color:#eae7e7; }
#guidePratique li#questionsPratiques { background-color:white; }
#guidePratique li a { cursor:pointer; position:relative; height:26px; overflow:hidden; }
#guidePratique #g-besoin-aide { background:url(../img/g-besoin-aide.png) no-repeat left top; text-indent:-5000px; }
#guidePratique #g-changer-vehicule { background:url(../img/g-changer-vehicule.png) no-repeat left top; text-indent:-5000px; }
#guidePratique #g-questions-pratiques { background:url(../img/g-questions-pratiques.png) no-repeat left top; text-indent:-5000px; }
* html #guidePratique #g-besoin-aide { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/g-besoin-aide.png', sizingMethod='crop'); }
* html #guidePratique #g-changer-vehicule { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/g-changer-vehicule.png', sizingMethod='crop');  }
* html #guidePratique #g-questions-pratiques { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/g-questions-pratiques.png', sizingMethod='crop'); }
#guidePratique a.head { color:black; display:block; font-weight:bold; margin:0px; padding:0px; }
#guidePratique a.head span { position:absolute; display:block; width:9px; height:9px; background:url(../img/pic-fleche-off.gif) no-repeat left top; right:5px; top:13px; }
#guidePratique a.selected span { background-image: url(../img/pic-fleche-on.gif); }
#guidePratique a.current { background-color:#FFFF99; }
#guidePratique li a { color:black; text-decoration:none; }
#guidePratique li a:hover { text-decoration:underline; }
#guidePratique li li { padding:3px 0; line-height:15px; }
#guidePratique li li a { position:static; display:block; width:162px; height:18px; margin-left:5px; border-bottom:1px solid #bbb9b9; }
#guidePratique li .jScrollPaneContainer { background-color:white; margin-top:3px; padding:5px; padding-right:0; }
#guidePratique li .scrollTab { overflow:auto; width:183px; height:60px; background-color:#eae7e7; }
#guidePratique li .scrollTab p { padding:3px; }
#guidePratique li .jScrollPaneContainer span { display:block; padding:3px 0; border-bottom:1px solid #bbb9b9; }
#guidePratique li .jScrollPaneContainer a { background-color:#eae7e7; }
