/* ---------------------------------- */
/*
#00A0C6 Bleu OFoto titre
#ECF5FC bg fond bleu clair
#B2D0F3 bleu border li formulaire
*/
/* ---------------------------------- */
/* 02/2010 */
/* ---------------------------------- */
/*haut de page*/

form#formDepot a:active, 
form#formDepot a:visited, 
form#formDepot a:link {color:#00A0C6;}
form#formDepot a:hover {color:#CC0000;}


form#formDepot .btnAction a:active, 
form#formDepot .btnAction a:visited, 
form#formDepot .btnAction a:link {color:#ffffff;}
form#formDepot .btnAction a:hover {color:#ffffff;}


#contentDepot h1 {
display:block;
font-size:2em;
color:#FF0000;
font-family:Arial,Verdana,Tahoma,Helvetica;
font-weight:bold;
}

#contentDepot .etapesDepot { margin:5px 0;
font-size:1em;
color:#3f413e;
}

#contentDepot .sousTitre {
background-color:#B0D6DE;
color:#3f413e;
font-size:11px;
font-weight:bold;
margin:0;
padding:6px 0 5px 12px;
/*text-transform:uppercase;*/
}
#contentDepot .sousTitre em {
text-transform:lowercase;
padding:0 0 0 10px ;
}
#contentDepot .error {
margin:10px;
color:#ff0000;
font-weight:bold;
}

#contentDepot .error span{
font-weight:lighter;
font-style:italic;
}


/*
#contentDepot ul.depotEtap1 {}
#contentDepot ul.depotEtap1 li {display:inline; border:1px solid red; overflow:auto;}
#contentDepot ul.depotEtap1 .entree01 {padding:0 0 0 0;}
#contentDepot ul.depotEtap1 .entree02 {padding:0 0 0 10px;}

#contentDepot .depotEtap {border:0px solid red; overflow:auto; }
#contentDepot .depotEtap li {display:inline; border:0px solid red; height:25px; overflow:auto;  width:392px;
}
*/
#contentDepot .chooseWeb {
float:right;
background:url('/Resources/Guichet/COAuto/Img/depot/fondWebPress.gif') repeat-y; width:389px; text-align:center;}
#contentDepot .choosePrint {
float:left;
background:url('/Resources/Guichet/COAuto/Img/depot/fondWebPress.gif') repeat-y; width:389px;  text-align:center; }


#contentDepot .chooseWeb ul,
#contentDepot .choosePrint ul {height:75px; text-align:left;}
#contentDepot .chooseWeb li,
#contentDepot .choosePrint li{background:url('/Resources/Guichet/COAuto/Img/depot/puce.gif') no-repeat; line-height:20px; padding:0 0 0 24px; margin:0 10px 0 40px; font-size:12px;}

#contentDepot .bottomWeb {background:url('/Resources/Guichet/COAuto/Img/depot/bottomWeb.jpg') no-repeat; height:131px; text-align:center;}
#contentDepot .bottomPress {background:url('/Resources/Guichet/COAuto/Img/depot/bottomPress.jpg') no-repeat; height:131px;  text-align:center;}

#contentDepot .chooseWeb a,
#contentDepot .choosePrint a {position:relative; top:52px; left:97px; color:#fff; font-size:13px; font-weight:bold;}

#contentDepot #logosPresse {
padding:20px 0 0 0;
display:block;
color:#3f413e;
text-align:center;
clear:both;
border:0px solid red;
}
#contentDepot #logosPresse li {margin:0 0 15px 0;}

/* ---------------------------------- */
/* Formulaire */

#formDepot {width:500px; border:0px solid red;
background-color:#DAECF0;
padding:0 15px 15px 15px; overflow:auto;}

#formDepot .blocsSupplement,
#photoVehicules {/*open close*/
overflow:auto;
clear:both;
} 
#formDepot h2 {

clear:both;
display:block;
font-size:1.2em;
color:#00A0C6;
}

#formDepot #nfoPlus h2 {
padding:0 0 0 15px;
background:url(/Resources/Guichet/COAuto/Img/depot/pictos.gif) no-repeat 0 2px; 
}

#formDepot #nfoPlus h2.active {
background:url(/Resources/Guichet/COAuto/Img/depot/pictos.gif) no-repeat 0 -22px; 
}

#formDepot #nfoPlus h2 span {
height:16px;
padding:0  0 0 56px;
background:url(/Resources/Guichet/COAuto/Img/depot/affiche-masque.gif) no-repeat right 2px; 
float:right;
}

#formDepot #nfoPlus h2.active span {
background:url(/Resources/Guichet/COAuto/Img/depot/affiche-masque.gif) no-repeat right -12px; 
}

#formDepot #nfoPlus h2 span em {
display:none;
}


#formDepot li {
margin :0;
overflow:auto;
border-bottom:1px dotted #B0D6DE;
padding:5px 0 ;
}

.definitionPrix { /*radio button*/
clear:both;
margin:10px 0 0 33%;
display:block;
}

#formDepot p a,
#formDepot p span {}

#formDepot label {
float:left;
text-align:right;
width:33%;
padding: 0 .7em 0 0;
line-height:1.4em;
}

#formDepot .oblig {/*label obligatoire*/
 font-weight:bold;
}

#formDepot .legende {/*legende combos*/
 font-style:italic;
 color:gray;
}

#formDepot .services {/*lien aide combos*/
display:inline;
font-size:.8em;
font-weight:normal;
line-height:12px;
height:30px;
width:159px;
margin:0 0 0 3px ;
padding:3px 0 3px 0;
}

#formDepot .aide {/*lien aide combos*/
display:inline;
font-size:.8em;
font-weight:normal;
line-height:12px;
height:12px;
width:159px;
margin:0 0 0 0 ;
padding:0 12px 0 0;
background:url('/Resources/Guichet/COAuto/Img/depot/pictos.gif') no-repeat right -48px;
text-decoration:none;
cursor:help;
}

#formDepot h2 .aide {/*lien aide Titreh2*/
font-size:.7em;
float:none;
}

.depotPlus:hover {
cursor:pointer;
}

/* ---------------------------------- */
/* Input select etc...*/

#formDepot input {
font-size:1em;
}
#formDepot select  {
font-size:1em;
width:200px;
}

#formDepot input[type=checkbox]{
border:0;
background:transparent;
} 

#formDepot select#annDateMiseEnCircMois,
#formDepot select#annDateMiseEnCircAnnee {width:60px; display:inline;
}
#formDepot  select#annIdApp {width:90px; display:inline;
}

#formDepot input#annPuissanceReelle,
#formDepot input#annPuissanceFiscale {
border:1px solid #000000;
background:#ffffff;
}


/* ---------------------------------- */
/* class jquery*/

#formDepot .normalChamp{
background:#fff;
color: #000;
border: solid 1px #000;
margin:1px;
}

#formDepot .nonRempli {
background:#fff;
color: #000;
border: solid 2px #ff0000;
color:#ff0000;
margin:0;
}

#formDepot .focusChamp{
border:solid 1px #000;
background:#ffff99; /*jaune*/
color:#000;
margin:1px;
}

#formDepot input:focus,
#formDepot select:focus { 
outline-style: none; /*desactive focus sur Chrome et Safari*/
}

/*#formDepot #infosContactVendeur .validForm {
text-align:right;
}*/
#formDepot li.validForm  {text-align:right;}


#locLibelle_divAutocompleteContainer {}
.autocomplete {border:1px solid red;
background:#FFFFFF;
border:1px solid #444444;
clear:both;
font-size:10px;
height:100px;
margin:0 0 0 35%;
overflow:auto;
padding:0;
text-decoration:none;
width:240px;
}

.autocomplete a {
padding:0 0 0 5px;
display:block;
color:#000000;
font-size:10px;
text-decoration:none;
}

.autocomplete a:hover {}

.autocompleteSelected {
background:#D4E5F9;
}



.normalChamp {}
/* ---------------------------------- */
/* Upload des photos */
#photoVehicules {margin:0; padding:0; overflow:auto; border:0px solid red;}

#photoVehicules #uploadPhoto {
border:0;
}

#photoVehicules #uploadPhoto {
font-size:1em;
background:#fff;
color: #000;
width:250px;
border: solid 1px #000;
}



#uploadImgPhotos {display:block; clear:both; margin:0;}

ul#photoGalleryDisplayer {margin:0; padding:0; /*display:none;*/}

#uploadImgPhotos li {
display:inline; 
float:left;
overflow:auto;
padding:0 2px 0 4px;
border:0;
width:119px;

}

#uploadImgPhotos li img {
border:3px solid transparent;
margin:0;
padding:0;
width:105px;
height:75px;
overflow:auto;
}

#uploadImgPhotos img.selected {
border:3px solid red;
}

#uploadImgPhotos li div {
text-align:center;
}
#uploadImgPhotos li input[type=radio]{
outline:none;
border:0;
background:transparent;
display:block;
margin:0;
padding:3px 0 ;
width:111px;
cursor:pointer;
}

#uploadImgPhotos .del {
position:absolute;
text-align:right;
float:right;
background:url('/Resources/Guichet/COAuto/Img/depot/del.gif') no-repeat;
font-weight:bold;
padding:0 12px 0 0;
margin:5px 0 0 95px;
text-decoration:none;
cursor:pointer;
text-decoration:none;
}
#uploadImgPhotos .del:hover {text-decoration:none;}


/* ---------------------------------- */
/* ToolTip // Info Bulle */

#tooltip {
	position:absolute;
	border:1px solid #333;
	-moz-border-radius:3px;
  -webkit-border-radius:3px;
	border-radius:3px; 
	background:#fff;
	padding:5px;
	color:#333;
	display:none;
	font-size:.7em;
}


.tooltipElement {
    position:absolute;
    border:1px solid #333;
    -moz-border-radius:3px;
   -webkit-border-radius:3px;
    border-radius:3px; 
    background:#fff;
		margin:5px;
		/*top:5px;
		left:5px;*/
		padding:5px;
    color:#333;
    display:none;
    font-size:.7em;
}

/* ---------------------------------- */
/*Ecran de controle de l'annonce */

#colRight {float:right; width:250px;}	

#floatMenu {
position:absolute;
top:210px;
width:250px;
}
		
#floatMenu h2 {
margin:0;
padding:0;
}
#floatMenu .controlContent {
 background:url('/Resources/Guichet/COAuto/Img/depot/controlBg.gif') repeat-y;
 padding:5px;
 font-size:.8em;
 color:#4c4c4c;
}		

#floatMenu .tips {
color:#0D50A7;
padding:0 0 5px 0;
margin:0 0 5px 0;
border-bottom:1px dotted #B2D0F3;
}
#floatMenu .adress {
padding:5px 0 0 0;
margin: 7px 0 0 0;
border-top:1px dotted #B2D0F3;
}



/* ---------------------------------- */
/*Etape 3*/

#contentDepot .contourValidation {
background:#DAECF0;
margin:0 0  0 0; display:block; padding:15px 70px;}
#contentDepot .contourValidation #formDepot {width:653px; margin:25px 0 0 0; padding:0;}
#contentDepot .contourValidation #infosContactVendeur {}

.actionModif {margin:0 0; float:left;}
.actionCGU   {margin:0 0; float:right; padding:0 1px;}
.actionModif a,
.actionCGU a  {
color:#00A0C6; 
text-decoration:none;}
.actionModif a:hover,
.actionCGU a:hover {
color:#00A0C6; 
text-decoration:underline;}

.contourValidation .validForm {margin:10px 5px 0 0; /*float:right;*/}

.contourValidation .validForm input { font-size:1em; float:right;}

#contentDepot .contourValidation .nouvelUtilisateur {margin:25px 0 0; color:green; font-weight:bold;}

#formDepot .listOffresPartenaires  label {
float:left;
text-align:left;
width:57%;
padding: 0 .7em 0 0;
line-height:1.4em;
}
/* ---------------------------------- */
/*Etape 3*/

#contentDepot .contourConfirmationDepot{background:#ECF5FC; margin:0 0  0 0; display:block; padding:15px 20px; overflow:auto;}





/*  **************************************************************************************  */
/*  **************************************************************************************  */
/*  **************************************************************************************  */
/*  **************************************************************************************  */
/*  **************************************************************************************  */
/*New detail dom*/
#AnnDetails {
background-color:#fff;
margin:15px 0 0;
padding:5px 10px 10px;
overflow: auto;
font-family:Verdana;
} 

#AnnDetails .Contour {
 border:1px solid #00A0C6;
 overflow:auto;
 font-family:Verdana;
 text-align:left;
}

#AnnDetails h1.TtrNavigation02 {
 margin:0;
 padding:12px;
 font-size:18px;
 font-weight:bold;
 color:#00A0C6;
 background:#FFF;
 font-family:Verdana;
 font-style:normal;
  text-align:left;
 }

#Annonce {
 padding:10px 0 0;
 margin:0;
 overflow:hidden;}

#ColGalerieAnn {
float:right;
padding-right:18px;
_padding-right:0;
width:250px;

}

#GalerieAnn {
float:left;
width:267px;

}

#GalerieAnn #GrossePhoto {
	margin:0; width:253px;
}

#GalerieAnn .Vg {
background-color:#FFFFFF;
display:inline;
float:left;
height:50px;
padding:5px 13px 9px 0;
/*padding:5px 9px 9px 0;*/ 
width:75px;
}
 

 
 
#GalerieAnn .LegendeVg { 
width:243px; 
display:block; 
margin:5px 0; 
padding:5px; 
text-align:center; 
background:#eee; 
color:#444; 
font-size:10px; 
font-weight:bold;}


.messageAnnPerimee {padding:5px;}


#TexteAnn {
color:#3F413E;
float:left;
margin-left:13px;
_margin-left:0;
width:340px;
text-align:left;

}

#AnnDetails .TtrCaracteristiques {
 clear:left;
 margin:0;
 padding:5px 12px ;
 font-weight:bold;
 color:#FFF;
 background:#00A0C6;
}
#TexteAnn .BlocpTxtAnn {
background-color:#DAECF0;
overflow:auto;
}

#TexteAnn p.pTxtAnn  {
border-bottom-color:#B0D6DE;
border-bottom-style:dotted;
border-bottom-width:1px;
clear:left;
font-weight:bold;
line-height:16px;
margin:0;
padding:2px 0;
}

.pTxtAnn strong {
display:block;
float:left;
font-weight:normal;
margin:0 0 0 5px;
width:180px;
}

#contentDepot h1.TtrTxtAnnonce {
color:#3F413E;
font-weight:bold;
font-style:normal;
margin:12px 0 0 0;
font-size:1.2em;

}


#TexteAnn p.pTxtAnn {
border-bottom-color:#B0D6DE;
border-bottom-style:dotted;
border-bottom-width:1px;
font-weight:bold;
line-height:16px;
margin:0;
padding-bottom:2px;
}

#Precision p.pTxtAnn, #Confort p.pTxtAnn, #Securite p.pTxtAnn, #Divers p.pTxtAnn, #Description p.pTxtAnn {
font-weight:normal;
}

.AdPostalAnnonceur {
	padding:20px ; 
	background-color:#B0D6DE; 
	clear:both; 
	overflow:auto; 
	color:#3c3c3c; 
	margin:20px 0;
	}

#AdPostalAnnonceur h1 {
color:#00A0C6;
font-family:Verdana;
font-style:normal;
font-size:23px;
margin:0;
padding:0;
text-align:center;

}

#ColReclame, .TitreLstBottom {
display:none;
}

/*Photo Uploader*/
#contentDepot .btnAjoutPhoto {margin:5px 0 10px 0;}


#photoGalleryUploader {
position: relative;
}

div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width:250px;
background-image:url("/Resources/Guichet/COAuto/Img/depot/input_boxes.gif") ;
background-attachment:scroll;
background-color:transparent;
background-position:0 -57px;
background-repeat:no-repeat;
}

/* ------------ */
/* ------------ */
/* opacite 0 */
/* ------------ */
/* ------------ */

#photoGalleryUploader input.file {
position: relative;
text-align: left;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity:0;
z-index:2;
}

input[type="file"]#myUploadFile {}

.fakefile input {
border:0;
background:transparent; 
font-size:0.8em;
}

#photoGalleryUploader .btnSelect:hover {
cursor:pointer;
}	


#photoGalleryUploadDiv  {overflow:auto; padding:10px 0;}


.nfoPhotoUploader {font-size:0.7em; margin:0 0 10px 0; font-weight:normal; }


.stepActiv {
border:10px solid #DAECF0;
padding:40px; 
font-size:13px; 
color:#404040;
}
.stepActiv h2 {
font-size:16px; 
color:#404040;
}