@charset "utf-8";

html {
    height: 100%;
}

img {
	border:none;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    height: 100%;
    background-color: #FFFFFF;
    min-height: 100%;
}

#principal {
    position: relative;
    margin-left: -480px;
    left: 50%;
    width: 960px;
    height: auto;
    z-index: 1;
    background-color: #efeff1;
}

#page_elastique {
    position: relative;
    left: 0px;
    height: auto;
    min-height: 350px;
    _height: 350px;
    width: 900px;
    z-index: 10;
}

#page_elastique_2 {
    position: relative;
    left: 0px;
    height: auto;
    min-height: 490px;
    _height: 490px;
    width: 900px;
    z-index: 10;
}

#page_elastique_3 {
    position: relative;
    left: 0px;
    height: auto;
    min-height: 570px;
    _height: 570px;
    width: 900px;
    z-index: 10;
}

#page_elastique_4 {
    position: relative;
    left: 0px;
    height: auto;
    _height: 690px;
    min-height: 690px;
    width: 900px;
    z-index: 10;
}

#page_elastique_5 {
    position: relative;
    left: 0px;
    height: auto;
    _height: 930px;
    min-height: 1330px;
    width: 900px;
    z-index: 10;
}

#page_elastique_6 {
    position: relative;
    left: 0px;
    height: auto;
    min-height: 830px;
    width: 900px;
    z-index: 10;
}
#page_elastique_ {
    position: relative;
    left: 0px;
    height: auto;
    min-height: 830px;
    width: 900px;
    z-index: 10;
}

#page_elastique_insc {
    position: relative;
    top: 30px;
    left: 0px;
    height: auto;
    _height: 630px;
    min-height: 630px;
    width: 900px;
    z-index: 10;
}
/* Debut css du header */
#conteneur_header {
    left: 0px;
    top: 0px;
    position: relative;
    height: 245px;
}

#conteneur_header_admin {
    left: 0px;
    top: 0px;
    position: relative;
    height: 120px;
}

#haut {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 100px;
    z-index: 2;
}

#pub {
    position: absolute;
    left: 115px;
    top: 0px;
    width: 728px;
    height: 90px;
    z-index: 3;
}

#header {
    position: absolute;
    left: 0px;
    top: 100px;
    width: 960px;
    height: 100px;
    z-index: 5;
}

#header_admin {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 100px;
    z-index: 5;
}

#bandeau_admin {
    position: absolute;
    left: 0px;
    top: 100px;
    width: 960px;
    height: 20px;
    z-index: 5;
}
/* fin css du header */
/* debut css du bandeau authentification */
#menu {
    position: absolute;
    left: 0px;
    top: 200px;
    width: 960px;
    height: 20px;
    z-index: 6;
}

#mauvais-log {
    position: absolute;
    left: 713px;
    top: 225px;
    width: 226px;
    height: 24px;
    z-index: 86;
}

#deposer {
    position: absolute;
    left: 123px;
    top: 202px;
    width: 125px;
    height: 18px;
    z-index: 82;
}

#mon_compte {
    position: absolute;
    left: 13px;
    top: 202px;
    width: 125px;
    height: 18px;
    z-index: 82;
}

#mes-annonces {
    position: absolute;
    left: 253px;
    top: 202px;
    width: 86px;
    height: 18px;
    z-index: 83;
}

#modifier-annonce {
    position: absolute;
    left: 383px;
    top: 202px;
    width: 232px;
    height: 18px;
    z-index: 84;
}

#deconnexion {
    position: absolute;
    left: 820px;
    top: 202px;
    width: 84px;
    height: 18px;
    z-index: 85;
}

#monpanier {
    position: absolute;
    left: 685px;
    top: 202px;
    width: 84px;
    height: 18px;
    z-index: 85;
}

#bonjour {
    position: absolute;
    left: 20px;
    top: 225px;
    width: 168px;
    height: 24px;
    z-index: 87;
}
/* fin css du bandeau authentification */
/* d�but css du footer */
#conteneur_footer {
    position: relative;
}

#menu-bas {
    position: relative;
    left: 13px;
    top: 25px;
    width: 506px;
    height: 21px;
    z-index: 22;
}

#groupe {
    position: relative;
    left: 731px;
    top: 46px;
    width: 215px;
    height: 19px;
    z-index: 23;
}
/* fin css du footer */
.arial10noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.tableauOffre {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.arial11blancbold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.lien-menu-bas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.chiffre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #999999;
}

.arial12noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

a.arial12noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.arial12rouge {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
}

.arial12noirbold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.arial12gris {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777880;
}

.arial10bleu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0000FF;
}

.lien_image_no {
    border: 0;
}

.titre_page_blanc {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
}

.grand_blanc {
    font-family: Arial;
    font-size: 13px;
    color: #FFFFFF;
}

.titre_page {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #969b9e;
}
.intro {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: black;
}

.fond_gris {
    background-color: #d8dfe5;
}

.fond_gris_clair {
    background-color: #efeff1;
}

.fond_bleu {
    background-color: #C2CEDA;
}
/* style modalBox */
.transparentDivs {
    filter: alpha( opacity = 40 ); /* Transparency */
opacity:
    0.4; /* Transparency */
-moz-opacity:
    0.4; /* Transparency */
background-color:

#666;

z-index:
    1;

position:absolute; /* Always needed	*/
z-index:
    100000;
}

.contentDiv {
    border: 3px solid #000;
    padding: 2px;
    z-index: 100002; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #FFF; /* White background color for the message */
}

.contentDiv_shadow {
    z-index: 100001; /* Always needed	- to make it appear below the message */
    position: absolute; /* Always needed	*/
    background-color: #555;
    filter: alpha( opacity = 30 ); /* Transparency */
opacity:
    0.3; /* Transparency */
-moz-opacity:
    0.3; /* Transparency */
}

.pagination_bold a {
    font-size: 12px;
    padding: 2px;
    border: solid;
    border-width: 1px;
    text-decoration: none;
    color: white;
    background-color: #5E656D;
}

.pagination_bold a:hover {
}

.pagination_normal a {
    font-weight: normal;
    font-size: 12px;
    padding: 2px;
    border: solid;
    border-width: 1px;
    text-decoration: none;
    color: #5E656D;
    background-color: #C5D5E6;
}

.pagination_normal a:hover {
    color: white;
    font-weight: bold;
    background-color: #5E656D;
}

.infoModal {
    background-color: #99FF91;
    background-image: url(info.png);
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid #0F9205;
    color: #000000;
    font-size: 14px;
    max-width: 150px;
    padding: 10px 10px 10px 35px;
    text-align: left;
}

.contentDiv {
    background-color: #d8dfe5;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.linkmod {
    font-size: 12px;
    padding-top: 15px;
}

.linkmod a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    background-image: url('comment.png');
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: -10;
    padding-left: 17px;
}

.linkmod a:hover {
    border-color: black;
    border-width: 2px;
    border-bottom-style: solid;
}

.lien {
    font-size: 12px;
}

.lien a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.lien a:hover {
    border-color: black;
    border-width: 2px;
    border-bottom-style: solid;
}

.alert {
    text-align: left;
    max-width: 200px;
    border-color: #84111a;
    border-style: solid;
    border-width: 1px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(warning.png);
    font-size: 14px;
    background-color: #ffded4;
    color: #850e1a;
}

.alert ul {
    margin: 0px;
    padding: 0px;
}

.alert li {
    margin-left: 8px;
    list-style-type: square;
}

.logok {
    text-align: left;
    max-width: 150px;
    border-color: #388517;
    border-style: solid;
    border-width: 1px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(ok.png);
    font-size: 14px;
    background-color: #d5ffca;
    color: green;
}

.loginfo {
    text-align: left;
    max-width: 612px;
    border-color: #316AFF;
    border-style: solid;
    border-width: 1px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(info.png);
    font-size: 14px;
    background-color: #F1F9FF;
    color: #1D3F97;
}

.introSaisie {
    text-align: left;
    width: 612px;
    border-color: #316AFF;
    border-style: solid;
    border-width: 1px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(info.png);
    font-size: 14px;
    background-color: #F1F9FF;
    color: #1D3F97;
}

.close a {
    font-size: 12px;
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding-bottom: 5px;
}

.close a:hover {
    border-color: black;
    border-width: 2px;
    border-bottom-style: solid;
}

hr {
    display: none;
}

.fond_normal {
    background-color: #efeff1;
}

.navigation {
    background-color:#c2ceda;
	background-image:url('bg_navig.png');
	background-repeat:repeat-y;
	position:absolute;
	left:0px;
	top:90px;
	width:960px;
	height:85px;
	z-index:79;	
}

.navigationCommande {
	height:50px;
	position:absolute;
	top:650px;
	width:960px;
    background-color:#c2ceda;
	background-image:url('bg_navig.png');
	background-repeat:repeat-y;	
}

.backToAnnonces{
	text-align:center;
	border:solid;
	border-width:1px;
	border-color:#003366;
	color:#003366;
	background-color:#CDE2F0;
	background-image:url('arrow_undo.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;
	padding:5px 5px 5px 25px;
}
.backToAnnonces a{
	color:#003366;
	text-decoration:none;
}
.backToAnnonces a:hover{
	text-decoration:underline;	
}
.nav_annonce{
	color:white;
	text-align:center;
}
.formVehicule{
	font-size:14px;
	text-align:left;
	margin:14px;
}

.formVehiculeBloc{
	background-color:white;
	text-align:left;
	padding:8px;
}
	
.formVehiculeBtn{
	margin-top:5px;
	text-align:center	
}

.formElement{
	padding-bottom:5px;
}

.btnAjouter{
	font-size:12px;
	background-color:#c9e0c1;
	background-image:url(btn_ajouter.png);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding:2px 2px 2px 23px;
}

.btnListe{
	font-size:12px;
	background-color:#ccd3da;
	background-image:url(btn_liste.png);
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding:2px 2px 2px 24px;
}

.btnListe a{
	text-decoration:none;
	color:#27486b;
}

.infoNewVehicule {
    text-align: left;
    max-width: 500px;
    border-color: #646464;
    border-style: solid;
    border-width: 1px;
    padding-left: 35px;
    padding-bottom: 25px;
    padding-right: 10px;
    padding-top: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(car_add.png);
	position:relative;
	left:200px;
    font-size: 14px;
    background-color: #EFEFEF;
    color: #343434;
}

.linksNewVec {
	margin:10px 0 0 0px;
	padding:0px 0 0px 0px;
	font-size:12px;
}

.editVehicule a{
	font-weight:bold;
	text-decoration:none;
	color: #343434;
	padding-left: 20px;
	background-image: url(pencil.png);
	background-repeat:no-repeat;
}
.editVehicule a:hover{
	font-weight:bold;
	text-decoration:underline;
}

.addVehicule a{
	font-weight:bold;
	text-decoration:none;
	color: #343434;
	padding-left: 20px;
	background-image: url(add.png);
	background-repeat:no-repeat;
}
.addVehicule a:hover{
	font-weight:bold;
	text-decoration:underline;
}

.infoNewVehicule table{
	padding:0px;
	margin:0px;
	border-spacing: 0px;	
}

.vecUl{
	margin:20px 0px 0px 4px;
	padding-top:5px;
	padding-bottom:1px;
	padding-left:1px;
	width:250px;
	border:dashed;
	border-width:1px;
	background-color:white;
}
.infoNewVehicule ul{
	margin:0px 0px 0px 10px;
	padding:5px 5px 5px 20px;
}

.infoNewVehicule li{
	padding-bottom:4px;
	list-style-type:square;
}

.marker {
	background-color: #73C4FE;
}

.logNewVec{
	margin-top:10px;
	float:right;
	width:233px;
	text-align:left;
}
.logNewVecOk{
	background-image:url(accept.png);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right: 30px;
	font-size:12px;
	font-weight:bold;
	color:#1A6119;
}
.logNewVecAlert{
	background-image:url(error.png);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right: 30px;
	font-size:12px;
	font-weight:bold;
	color:#CC7D11;
}

.verifPromo{
	float:right;
	margin-left:430px;;
}

.alertAlt{
	 background-position: 10px 10px;
	width:250px;
	background-image:url(error.png);
	background-repeat:no-repeat;
	padding:10px 10px 10px 35px;
	margin-right: 40px;
	font-size:14px;
	font-weight:550;
	background-color:#FFFFCC;
	border-style:solid;
	border-color:#CC7D11;
	border-width:1px;
	color:#CC7D11;
}

.alertAlt ul {
    margin: 0px;
    padding: 0px;
}

.alertAlt li {
    margin-left: 8px;
    list-style-type: square;
}



.pubPreview{
	margin-top:10px;
}

.alertModo{
	padding-bottom:10px;
}

.infoInscription{
	text-align:justify;
	margin-top:60px;
	margin-left:137px;
	font-size:11px;
	width:660px;
	line-height:12px;
}

.infoInscription p{
	margin-top : 1px;
	margin-bottom:4px;
}

.exclam {
	font-weight:bold;
	color:#C7523A;
}

.gestionGroupe{
	padding-bottom:20px;
}

.encadreGroupe{
	padding:10px;
	width:300px;
	border:solid;
	border-width:1px;
	border-color:#D3D200;
	background-color:#FFFFDB;
}

.deleteGroupe{
	color:#E42325;
	font-size:10px;
}

.deleteGroupe a{
	color:#E42325;
	text-decoration:none;
}

.deleteGroupe a:hover{
	color:#E42325;
	text-decoration:underline;
}

.editGroupe{
	color:#0066CC;
	font-size:10px;
}

.editGroupe a{
	color:#0066CC;
	text-decoration:none;
}

.editGroupe a:hover{
	color:#0066CC;
	text-decoration:underline;
}


.uploadVignette{
	font-weight:bolder;
	text-align:center;
	width:150px;
	padding:4px;
	background-color:#BED2FF;
	color:#2A5ECB;
	font-size:12px;
}
.uploadVignette a{
	color:#2A5ECB;
	text-decoration:none;
}
.uploadVignette a:hover{
	color:#2A5ECB;
	text-decoration:underline;
}

.visualVignette{
	font-weight:bolder;
	text-align:center;
	width:auto;
	padding:4px;
	border:solid;
	border-width:1px;
	border-color:#D3D200;
	background-color:#FFFFDB;
	color:#333333;
	font-size:12px;
}
.visualVignette a{
	color:#333333;
	text-decoration:none;
}
.visualVignette a:hover{
	color:#333333;
	text-decoration:underline;
}

.infosClient{
	width:400px;
	margin-left:240px;
	text-align:left;;
	padding:4px;
	border:solid;
	border-width:1px;
	border-color:#D3D200;
	background-color:#FFFFDB;
	color:#333333;
	font-size:12px;
}