#PubWarning {
clear:both;
width:300px;
height:240px;
text-align:center;
margin-bottom:10px
}

#ExcluAutotheque {
clear:both;
width:296px;
border:2px solid #E50002;
margin-bottom:10px
}

#ExcluAutotheque #ZoneTexte {
clear:both;
width:286px;
height:auto;
font:12px/14px Arial;
padding:10px 5px
}

#ExcluAutotheque #ZoneTexte .grosTitre {
font:bold 16px/16px Arial;
color:#E50002
}

#annonceAmi {
clear:both;
width:300px;
height:auto;
font:bold 13px/25px Arial;
color:#E50002;
margin:0 0 10px
}

#annonceAmi a {
color:#E50002;
text-decoration:underline
}

.enre {
margin:10px 0
}

#PubAutotheque {
clear:both;
width:600px;
height:480px;
background:url(../images/graphics/fond.jpg) no-repeat
}

#autotheque {
clear:both;
width:300px;
height:54px;
margin:5px 0 10px
}

#allopneus {
clear:both;
width:300px;
height:77px;
margin:5px 0 10px
}

#Magazine {
clear:both;
width:300px;
font:12px/15px Arial;
margin:5px 0 10px
}

#Actu .UneActu .TitreActu {
float:left;
width:213px;
height:46px;
background-color:#E9E8E4;
color:#003677;
font:bold 12px/14px Arial;
padding-left:5px;
padding-right:5px;
padding-top:13px
}

#Essai .UnEssai .TitreEssai {
float:left;
width:213px;
height:43px;
background-color:#E9E8E4;
color:#003677;
font:bold 12px/14px Arial;
padding-left:5px;
padding-right:5px;
padding-top:16px
}

#Annonce .UneAnnonce {
clear:both;
width:298px;
height:51px;
margin-bottom:2px;
margin-top:2px;
border:1px solid #E50002
}

#Annonce .UneAnnonce .PhotoAnnonce {
float:left;
width:77px;
height:51px
}

#Annonce .UneAnnonce .TitreAnnonce {
float:left;
width:211px;
height:41px;
color:#E50002;
font:bold 12px/14px Arial;
padding:5px 5px 2px
}

#Annonce .UneAnnonce .TitreAnnonce a {
text-decoration:none;
color:#000;
font:bold 12px/14px Arial
}

#Annonce .UneAnnonce .TitreAnnonce a:hover {
text-decoration:underline;
color:#000;
font:bold 12px/14px Arial
}

#Affinage {
width:270px;
background:url(../images/barres/fondaff2.jpg) no-repeat;
font:10px/10px Arial;
margin-bottom:10px;
padding:10px 5px 0 20px
}

.ElemAffin {
clear:both;
height:25px;
padding-left:15px
}

.ElemAffin select,.ElemAffin input {
font:italic 11px/11px Arial
}

#exfinit {
clear:both;
padding:0 0 0 15px
}

#flech {
float:left;
background:url(../images/graphics/flech.gif) no-repeat;
width:20px;
height:40px
}

#finittxt {
float:right;
font:10px/10px Arial;
width:235px
}

#expliq {
font:12px/12px Arial;
text-align:center;
height:30px
}

.titreaf {
clear:both
}

.pttrait {
float:left;
background:url(../images/graphics/sepbaff.gif) repeat-x;
width:10px;
height:30px
}

.txttrait {
float:left;
font:bold 16px/28px Arial;
padding:0 3px
}

.grtrait {
float:left;
background:url(../images/graphics/sepbaff.gif) repeat-x;
width:60px;
height:30px
}

.grtrait2 {
float:left;
background:url(../images/graphics/sepbaff.gif) repeat-x;
width:112px;
height:30px
}

.grtrait3 {
float:left;
background:url(../images/graphics/sepbaff.gif) repeat-x;
width:169px;
height:30px
}

#SubAffin {
width:166px;
height:65px;
margin-left:40px;
text-align:center;
font:italic bold 12px/12px Arial;
padding:18px 10px 0 0
}

#DivDepotAnnonce {
clear:both;
width:300px;
margin-bottom:10px;
height:200px
}

#TitreDepot {
clear:both;
width:300px;
height:30px;
color:#FFF;
text-align:center;
background:url(../images/graphics/motif-abeille-bleu.gif) repeat;
text-transform:uppercase;
font:bold 20px/30px Arial;
border-bottom:solid 1px #FFF
}

#CouvMag {
float:left;
width:130px;
height:166px;
background:url(../images/graphics/motif-abeille-bleu.gif) repeat
}

#TxtDepot {
float:left;
width:170px;
height:166px;
color:#FFF;
background:url(../images/graphics/motif-abeille-bleu.gif) repeat
}

#txtPaperUn {
clear:both;
font:11px/11px Arial;
text-align:center;
height:35px;
padding-top:7px
}

#txtPaperDeux {
font:11px/11px Arial;
text-transform:uppercase;
text-align:center;
height:53px;
padding-top:7px
}

#txtPaperTrois {
width:166px;
height:55px;
text-align:center
}

#DivStagePilotage {
clear:both;
width:300px;
height:190px;
background:url(../images/graphics/divStage.jpg) no-repeat;
text-align:center;
margin-bottom:10px
}

#divTitleStage {
font:bold italic 19px/19px Arial;
text-transform:uppercase;
padding-top:25px;
padding-bottom:10px
}

#divTitleStage a {
text-decoration:none
}

#divTxtStage {
font:bold italic 15px/15px Arial;
height:60px
}

#DivPub300x250 {
clear:both;
width:300px;
height:250px;
margin-bottom:10px
}

#ServicesAssoc {
clear:both;
width:280px
}

#SpeedLink {
width:280px;
font:12px/15px Arial;
padding:10px 0 10px 10px
}

#SpeedLink li {
padding-left:5px;
padding-top:8px;
margin-left:20px;
list-style-image:url(../images/graphics/flecBlue.gif);
height:23px
}

#SpeedLink a {
color:#09074A;
text-decoration:none
}

#SpeedLink a:hover {
color:#09074A;
text-decoration:underline
}

.OneService {
float:left;
width:280px;
height:85px;
margin:5px
}

.TitreServ {
width:280px;
height:15px;
font:11px/15px Arial;
text-transform:Capitalize;
border-bottom:2px solid #003677;
color:#003677;
margin-bottom:5px
}

.logoServ {
float:left;
width:62px
}

.LinkServ {
float:left;
width:210px;
font:11px/20px Arial;
color:#80BCE5
}

.logoServ2 {
clear:both;
width:280px;
text-align:center
}

.LinkServ2 {
clear:both;
font:11px/20px Arial;
color:#80BCE5;
width:280px
}

#DivRechVoiture {
clear:both;
width:300px;
height:auto;
margin-bottom:10px
}

#TitreVoiture {
clear:both;
width:300px;
height:30px;
color:#FFF;
text-align:center;
background:url(../images/graphics/motif-abeille-rouge.gif) repeat;
text-transform:uppercase;
font:bold 12px/30px Arial;
border-bottom:solid 1px #FFF
}

#TitreDepot h2 {
font-style:italic
}

#Moteur {
clear:both;
width:300px;
text-align:center;
background:url(../images/graphics/motif-abeille-rouge.gif) repeat
}

#formuAchat {
height:90px;
width:auto;
padding-left:69px
}

#ElemeFormu {
float:left;
width:161px;
height:80px;
padding:5px
}

#ElemeFormu select {
font:11px/11px Arial;
width:160px
}

#ButtonFormu {
clear:both;
text-align:center;
width:300px;
height:55px;
padding-bottom:10px
}

#DivCoordPro {
width:300px;
margin-bottom:10px;
background-color:#E9E8E4;
text-align:center;
font:11px/20px Arial;
padding:10px 0
}

#DivGoogleMap {
width:300px;
height:188px;
margin-bottom:10px;
clear:both
}

#LogMulti {
clear:both;
width:280px;
height:auto;
margin-bottom:5px
}

.TitreGrisColTwo {
width:300px;
height:22px;
background:url(../images/barres/SmallGrey.gif) no-repeat
}


.TxtTitreBleu {
float:left;
color:#003677;
font:bold 12px/22px Arial;
text-transform:uppercase;
padding-left:65px
}

#RubriqueCol {
float:left;
width:113px;
padding-top:7px;
background-color:#FFF;
font:11px/20px Arial;
text-transform:uppercase
}

#RubriqueCol a:hover {
color:#000;
text-decoration:underline;
font-weight:700
}

.ModeleMa ul {
list-style-type:circle
}

#SessConnect {
clear:both;
width:300px;
font:11px/14px Arial;
text-align:center;
height:60px;
border-top:2px solid red;
border-bottom:2px solid red;
margin-bottom:10px;
padding-top:10px
}

#MenuStage {
float:left;
width:300px;
margin-bottom:10px
}

#MenuStage .LigneDamier {
float:left;
width:300px;
height:19px;
background:url(../images/stage-pilotage/damier.gif) repeat-x
}

#MenuStage .ContenuMenu {
clear:both;
background-color:#E9E8E4;
width:300px;
height:auto
}

#MenuStage .ContenuMenu .ZoneTexte {
font:12px/14px Arial;
padding:5px
}

#MenuStage .ContenuMenu .ZoneTexte .EspaceFormu {
clear:both;
padding-bottom:10px
}

#MenuStage .ContenuMenu .ZoneTexte .EspaceFormuLigne {
clear:both;
margin-bottom:7px
}

#MenuStage .ContenuMenu .ZoneTexte .EspaceFormuLigne .CaseTxtFormu {
float:left;
font:12px/20px Arial;
width:100px
}

#MenuStage .ContenuMenu .ZoneTexte .EspaceFormuLigne .CaseChampFormu {
float:right;
width:auto;
text-align:right;
padding-right:5px
}

#MenuStage .ContenuMenu .ZoneTexte .EspaceFormuLigne .CaseBoutonFormu {
clear:both;
text-align:center;
width:290px;
padding-top:7px
}

#MenuStage .ContenuMenu .ZoneTexte .TitreRubStage {
clear:both;
font:bold italic 12px/14px Arial;
text-transform:uppercase;
margin-bottom:7px
}

#MenuStage .ContenuMenu .ZoneTexte li {
list-style-type:none;
margin:0 0 5px;
padding:0
}

#EspacePub {
clear:both;
width:288px;
height:auto;
border:#003677 1px solid;
font:12px/14px Arial;
margin-bottom:10px;
padding:5px
}

#EspacePub .SepRub {
clear:both;
width:auto;
border-bottom:#003677 1px solid;
margin-top:10px;
margin-bottom:10px
}

#EspacePub .GrosseCase {
clear:both;
width:288px;
margin-top:10px
}

#EspacePub .GrosseCase .UneCase {
float:left;
width:144px;
height:auto;
margin-bottom:10px
}

#MorceauRouge {
width:240px;
height:30px;
background:url(../images/barres/SmallRed.gif) no-repeat;
color:#FFF;
font:bold 12px/22px Arial;
text-transform:uppercase;
padding-left:60px
}

#TxtEnvoiHome {
float:left;
font:11px/13px Arial;
color:red;
width:116px;
padding-left:5px
}

#TxtImpr {
float:left;
font:11px/30px Arial;
color:red;
width:116px;
padding-left:5px
}

#Facebook {
float:left;
width:100px
}

#TxtFacebook {
float:left;
font:11px/14px Arial;
color:red;
width:66px;
padding-left:5px
}

#AlerteEnr {
float:left;
width:200px
}

#TxtAlerte {
float:left;
font:bold 11px/15px Arial;
color:red;
text-transform:uppercase;
text-align:right;
width:166px;
padding-right:5px
}

#DivPub300x210 {
clear:both;
width:300px;
height:240px;
margin-bottom:10px
}

#publink {
width:680px
}

#publink2 {
width:300px
}


.publinkx	{float:left;height:130px;width:338px;text-align:center;}

#LeftLink2 {
float:left;
width:300px;
height:120px;
text-align:center;
padding-bottom:5px
}

#RightLink2 {
float:left;
width:300px;
height:120px;
text-align:center
}

#SelectAA {
clear:both;
height:auto;
margin-bottom:20px
}

.OneSelect1 {
clear:both;
width:300px;
background-color:#E3E3E3;
height:33px
}

.OneSelect2 {
clear:both;
width:300px;
background-color:#BFBFBF;
height:33px
}

.MiniPht {
float:left;
width:48px;
height:33px
}

.txtPht {
float:left;
width:229px;
height:28px;
padding-left:5px;
padding-top:5px
}

.Poub {
float:left;
width:18px;
height:23px;
padding-top:10px
}

.colTcaddie {
clear:both;
width:300px
}

.colGcaddie {
float:left;
width:112px;
height:60px;
margin-top:5px
}

.colDcaddie {
float:left;
width:158px;
padding-left:30px;
height:55px;
margin-top:10px
}

.TitreRougeColTwoV2 {
width:300px;
height:20px;
border-bottom:1px solid #CA000A;
font:14px/14px Tahoma
}

.BlAds {
float:left;
width:89px;
height:139px;
text-align:center;
text-transform:uppercase
}

.imgMyAds {
width:76px;
height:58px;
background:url(../images/graphics/bgphtMyAds.gif) repeat-x;
padding:2px
}

.imgMyAds2 {
width:76px;
height:58px;
background:url(../images/graphics/bgphtMyAdsR.gif) repeat-x;
padding:2px
}

.txtMyAds {
padding-top:4px;
font:bold 11px/12px Arial
}

.txtMyAds a {
text-decoration:none;
color:#000
}

.titre {
font:bold 12px/12px Arial;
margin:0;
padding:0 0 3px
}

.contentcadreessai {
font:11px/11px Arial;
color:#909090;
margin:0;
padding:0
}

.contentcadreessai a {
color:#909090;
text-decoration:underline
}

.contentcadreessai a:hover {
color:#CA000A;
text-decoration:underline
}

.cadreessai2 ul {
list-style-type:decimal;
margin:0 0 0 20px;
padding:0
}

#ExcluAutotheque #ZoneTexte .grosTitre a,#annonceAmi a:hover {
color:#E50002;
text-decoration:none
}

#Actu,#Essai {
clear:both;
width:300px;
margin:5px 0 10px
}

#Actu .UneActu,#Essai .UnEssai {
clear:both;
width:300px;
height:58px;
padding-bottom:2px
}

#Actu .UneActu .PhotoActu,#Essai .UnEssai .PhotoEssai {
float:left;
width:77px;
height:58px
}

#Actu .UneActu .TitreActu a,#Essai .UnEssai .TitreEssai a {
text-decoration:none;
color:#003677;
font:bold 12px/15px Arial
}

#Actu .UneActu .TitreActu a:hover,#Essai .UnEssai .TitreEssai a:hover {
text-decoration:underline;
color:#003677;
font:bold 12px/15px Arial
}

#Annonce,#Outils {
clear:both;
width:300px;
margin-bottom:10px
}

#divSelectStage,#divSelectStage	select {
font:11px/11px Arial
}

#SpeedLink ul,#RubriqueCol ul,#RubriqueCol li,#MenuStage .ContenuMenu .ZoneTexte ul,.cadreessai ul {
list-style-type:none;
margin:0;
padding:0
}

.LinkServ a,.LinkServ2 a {
color:#52A3DB;
text-decoration:none
}

.LinkServ a:hover,.LinkServ2 a:hover {
color:#52A3DB;
text-decoration:underline
}

#DivCoordPro a,#TxtEnvoiHome a,#TxtEnvoiAmi a,#TxtImpr a,#TxtCote a,#TxtFacebook a,#TxtAlerte a {
color:red;
text-decoration:none
}

#DivCoordPro a:hover,#TxtEnvoiHome a:hover,#TxtEnvoiAmi a:hover,#TxtImpr a:hover,#TxtCote a:hover,#TxtFacebook a:hover,#TxtAlerte a:hover {
color:red;
text-decoration:underline
}

.TxtCliquable,.ModeleMa {
width:280px;
font:11px/15px Arial;
padding:10px 0 0 10px
}

.TxtCliquable a,#RubriqueCol a,.ModeleMa a,#SessConnect a:hover,#MenuStage .ContenuMenu .ZoneTexte a {
color:#000;
text-decoration:none
}

.TxtCliquable a:hover,.ModeleMa a:hover,#SessConnect a,#MenuStage .ContenuMenu .ZoneTexte a:hover {
color:#000;
text-decoration:underline
}

#LineOne,#LineTwo,#LineThree {
clear:both;
width:300px;
height:35px
}

#EnvoiHome,#EnvoiAmi,#Impr,#Cote {
float:left;
width:150px
}

#ImgEnvoiHome,#ImgEnvoiAmi,#ImgImpr,#ImgCote,#ImgFacebook,#ImgAlerte {
float:left;
width:29px
}

#TxtEnvoiAmi,#TxtCote {
float:left;
font:11px/13px Arial;
color:red;
text-align:right;
width:116px;
padding-right:5px
}

#LeftLink,#RightLink {
float:left;
width:340px;
height:120px;
text-align:center
}

.imgMyAds img,.imgMyAds2 img {
border:2px solid #FFF
}

.cadreessai,.cadreessai2 {
clear:both;
width:278px;
border:1px solid #909090;
margin-bottom:10px;
padding:10px
}

.cadreessai li,.cadreessai2 li {
font:11px/17px Arial;
margin:0;
padding:0
}

.cadreessai li a,.cadreessai2 li a {
font:11px/8px Arial;
color:#909090
}

.cadreessai li a:hover,.cadreessai2 li a:hover {
font:11px/8px Arial;
color:#474747;
text-decoration:none
}

/* Services */
#serviceAcc {clear:both;width:300px;margin-top:10px;margin-bottom:10px;overflow:auto;}
	#serviceEuroAss	{float:left;width:285px;background-color:#373737;font:12px/12px Arial;padding:5px;margin-right:5px;margin-bottom:5px;}
	#serviceEuroAss	img {margin-right:5px;}
	#serviceEuroAss p.titre {padding:0;margin:0;padding:3px 0 5px 0} #serviceEuroAss p.titre a {color:white;font-weight:bold;text-decoration:none;}
	#serviceEuroAss p.txt {padding:0;margin:0;} #serviceEuroAss p.txt a {color:white;font:11px/11px Arial;text-decoration:none;}

	#serviceCetelem	{float:left;width:285px;background-color:#93B657;font:12px/12px Arial;padding:5px;margin-right:5px;margin-bottom:5px;}
	#serviceCetelem	img {margin-right:5px;}
	#serviceCetelem p.titre {padding:0;margin:0;padding:3px 0 5px 0} #serviceCetelem p.titre a {color:white;font-weight:bold;text-decoration:none;}
	#serviceCetelem p.txt {padding:0;margin:0;} #serviceCetelem p.txt a {color:black;font:11px/11px Arial;text-decoration:none;}

	#serviceGarantie	{float:left;width:285px;background-color:#033478;font:12px/12px Arial;padding:5px;margin-right:5px;margin-bottom:5px;}
	#serviceGarantie	img {margin-right:5px;}
	#serviceGarantie p.titre {padding:0;margin:0;padding:3px 0 5px 0} #serviceGarantie p.titre a {color:white;font-weight:bold;text-decoration:none;}
	#serviceGarantie p.txt {padding:0;margin:0;} #serviceGarantie p.txt a {color:white;font:11px/11px Arial;text-decoration:none;}

	#servicePneu	{float:left;width:285px;background-color:#F5A031;font:12px/12px Arial;padding:5px;margin-bottom:5px;}
	#servicePneu	img {margin-right:5px;}
	#servicePneu p.titre {padding:0;margin:0;padding:3px 0 5px 0} #servicePneu p.titre a {color:white;font-weight:bold;text-decoration:none;}
	#servicePneu p.txt {padding:0;margin:0;} #servicePneu p.txt a {color:white;font:11px/11px Arial;text-decoration:none;}

/* Liens Ut */
		/* Liens Utiles */
#cadreblue {clear:both;color:white;font:bold 14px/30px Arial;width:295px;height:30px;background:url("../images/graphics/spriteServices.gif") repeat-x 0 -230px;text-align:center;}
#liensut	{clear:both;width:295px;background-color:#EBECEB;}
#liensut ul {padding:0;margin:0;list-style-type:none;}
#liensut li a {font:12px/12px Arial;color:black;text-decoration:none;} #liensut li a:hover {font:12px/12px Arial;color:black;text-decoration:underline}

/* ******************************************** */
#Telecommande 				{	clear:both;width:680px;height:30px;}
	.EtiquetteOn 			{	float:left;width:115px;height:23px;background:url(../images/graphics/telecommande_on.gif) no-repeat;color:#FFF;text-transform:uppercase;font:bold 11px/11px Arial;
								padding:7px 15px 0 27px;margin-right:5px;}
	.EtiquetteOff 			{	float:left;width:115px;height:23px;background:url(../images/graphics/telecommande_off.gif) no-repeat;color:#FFF;text-transform:uppercase;font:bold 11px/11px Arial;
								padding:7px 15px 0 27px;margin-right:5px;}


#Webapp {clear:both;width:300px;height:140px;}
#Webapp #logo {float:left;width:80px;}
#Webapp #txt {float:left;width:220px}
#Webapp #txt h2 {font:bold 20px/20px Arial;display:inline;}
#Webapp #txt p {font:bold 11px/11px Arial;padding:0;margin:0;padding-top:10px;}
#Webapp #txt #machine {clear:both;}
		#Webapp #mesgok {clear:both;color:green;font:bold 11px/11px Arial;}
		#Webapp #mesgko {clear:both;color:red;font:bold 11px/11px Arial;}
