
/* BICOLONNE */
#bicolonne {clear:both;background-color:#FFF;height:100%;width:auto;}
/* passage en vert haute police souligné pour les titres section */
.sepgrand {clear:both;width:432px;height:14px;background: url('../images/graphics/sepGrand.gif') no-repeat;margin-bottom:20px;}

/* COLONNNE NUMERO 1 */
/* *******************/
#colnumero1{float:left;width:664px;background-color:#FFFFFF;}
#colnumero11{float:left;width:632px;padding-left:16px;padding-right:16px;}

#synthese{float:left;width:632px;margin-bottom:15px;}
#synthese .colonne{float:left;width:125px;text-align:left;}
#synthese .colonnetotal{float:left;width:auto;text-align:left;}
#synthese .jaune{color:#F7AF2D;font-weight:bold;text-transform:Capitalize;}
#synthese .jaune a{color:#F7AF2D;text-decoration:none;}
#synthese .vert{color:#186622;font-weight:bold;}
#synthese ul{list-style-type:none;text-align:left;list-style-position:outside;padding-left:0;margin:0;}
#synthese li a{color:#000000;text-decoration:none;}
#synthese li a:hover{color:#000000;text-decoration:underline;}


#lignetri{float:left;width:632px;margin-bottom:10px;}
#lignetri .casetri{float:left;width:316px;}
#lignetri #pagination{float:right;width:311px;text-align:right;padding-right:5px;color:#186622;font-weight:bold;}
#lignetri #pagination a{color:#186622;font-weight:bold;text-decoration:none;}
#lignetri #pagination a:hover{color:#186622;font-weight:bold;text-decoration:underline;}

#pagination{color:#186622;font-weight:bold;}
#pagination a{color:#186622;font-weight:bold;text-decoration:none;}
#pagination a:hover{color:#186622;font-weight:bold;text-decoration:underline;}


#blocannonces{float:left;width:632px;}
#blocannonces .uneannonce{float:left;clear:both;width:630px;border:solid #FFBA00 1px;margin-bottom:2px;}
#blocannonces .uneannonce .image{float:left;width:79px;padding:5px;border-right:solid #FFBA00 1px;text-align:center;height:53px;}
#blocannonces .uneannonce .description{float:left;width:349px;padding-right:5px;padding-left:5px;padding-top:15px;border-right:solid #FFBA00 1px;height:28px;padding-bottom:20px;}
#blocannonces .uneannonce .description a:hover {text-decoration:underline;}
#blocannonces .uneannonce .description .marquemodele{text-transform:uppercase;font-weight:bold;}
#blocannonces .uneannonce .annee{float:left;width:74px;padding-right:5px;padding-left:5px;padding-top:25px;border-right:solid #FFBA00 1px;height:13px;text-align:center;padding-bottom:25px;}
#blocannonces .uneannonce .prix{float:left;width:85px;text-align:center;text-transform:uppercase;color:#186622;font-weight:bold;padding-right:5px;padding-left:5px;padding-top:25px;}
.description a{color:#000;text-decoration:none;}


.titreproduit {float:left;width:627px;height:25px;background-color:#F7AF2D;text-transform:uppercase;color:#FFFFFF;font-weight:bold;padding-left:5px;margin-bottom:10px;}
.titreproduit h1{font:bold 20px/25px Arial;display:inline;}
.blocphotos{float:left;clear:both;width:632px;margin-bottom:15px;}
.blocphotos .groupephotos{float:left;clear:both;width:400px;padding-left:116px;}
.blocphotos .groupephotos .cliquer{clear:both;text-align:center;}
.blocphotos .groupephotos .cliquer a{color:#000000;text-decoration:underline;}
.blocphotos .groupephotos .cliquer a:hover{color:#000000;text-decoration:none;}
.blocphotos .groupephotos .photogrande{float:left;clear:both;width:320px;height:240px;}
.blocphotos .groupephotos .colonnephotosmall{float:left;width:70px;padding-left:10px;}
.blocphotos .groupephotos .colonnephotosmall .pte{float:left;clear:both;margin-bottom:5px;}

.blocinfos{float:left;clear:both;width:632px;}

.blocinfos .caracteristiques{float:left;width:306px;height:100%;padding-right:10px;}
.blocinfos .caracteristiques .gras{font-weight:bold;}
.blocinfos .caracteristiques ul{list-style-type:none;text-align:left;list-style-position:outside;padding-left:0;margin:0;}
.blocinfos .droitdesc {float:right;}
.blocinfos .optionsdesc{clear:both;width:306px;padding-bottom:10px;padding-left:10px;}

.ligneprix{float:left;clear:both;width:627px;height:25px;background-color:#FF0000;text-transform:uppercase;color:#FFFFFF;font-weight:bold;padding-left:5px;margin-bottom:10px;margin-top:10px;font:bold 18px/25px Arial;}

.contactmail{float:left;clear:both;width:632px;text-transform:uppercase;text-align:center;color:#FF0000;font-weight:bold;margin-bottom:10px;}
.contactmail a{color:#FF0000;font-weight:bold;text-decoration:underline;}
.contactmail a:hover{color:#FF0000;font-weight:bold;text-decoration:none;}

.blocmail{float:left;width:628px;border:2px solid #F7AF2D;margin-bottom:10px;}
.blocmail .ligne2{float:left;width:auto;padding-top:5px;padding-bottom:5px;padding-left:20px;}
.blocmail .ligne{float:left;width:628px;padding-top:5px;}
.blocmail .ligne input{font:11px/11px arial;}
.blocmail .ligne .casetitre{float:left;width:104px;font-weight:bold;text-transform:capitalize;padding-left:20px;}
.blocmail .ligne .casetitreverif{float:left;width:440px;font-weight:bold;padding-left:20px;}
.blocmail .ligne .casechampverif{float:left;width:150px;padding-left:10px;padding-top:9px;}
.blocmail .ligne .casechampdefaut{float:left;width:212px;}
.blocmail .ligne .casechampbig{float:left;width:auto;}
.blocmail .ligne .casechampbig .message{font:11px/11px arial;}
.blocmail .lignebouton{float:left;width:628px;padding-top:10px;padding-bottom:5px;}
.blocmail .lignebouton .button { 
		width:200px; 
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color:#FFBA00; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #FFFFFF;
		background: #FFBA00; 
		cursor:pointer;
		margin-right:10px;
}



/* COLONNNE NUMERO 2 */
/* *******************/
#colnumero2{float:left;width:300px;padding-right:6px;background-color:#FFF;}
.sepmoyen {clear:both;width:264px;height:14px;background: url('../images/graphics/sepmoyen.gif') no-repeat;}

/* COORDONNEES */
#coordonnees{float:left;width:298px;border:solid #CDCDCE 1px;padding-bottom:5px;margin-bottom:10px;background:#F9F9FA url('../images/graphics/bgcadre.gif') repeat-x;text-align:center;}
#coordonnees .entourlogo{clear:both;width:298px;height:50px;text-align:center;margin-top:2px;}
#coordonnees .entourlogo img {border:#000000 1px solid;}
#coordonnees .nbannonces{clear:both;width:298px;font-weight:bold;text-align:center;margin-bottom:5px;margin-top:5px;}
#coordonnees .details{clear:both;width:298px;text-align:center;}
#coordonnees .details .contact{text-transform:uppercase;color:#FF0000;font-weight:bold;text-align:center;}
#coordonnees .details .contact a{text-transform:uppercase;color:#FF0000;font-weight:bold;text-decoration:none;}
#coordonnees .details .contact a:hover{text-transform:uppercase;color:#FF0000;font-weight:bold;text-decoration:underline;}
#coordonnees .details .maj{text-transform:uppercase;}
#coordonnees .details .majenseigne{text-transform:uppercase;font-weight:bold;}


.plan{float:left;clear:both;width:300px;text-align:center;margin-bottom:3px;}
.plan .credits{float:left;width:300px;text-align:center;}
