/* SKIN SEAT 2014 - SUD AUTO EMOTION
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- RESPONSIVE FOR SUD AUTO EMOTION ----------*/
@media handheld, only screen and (max-width: 1024px)
	{
	/*MOTEUR VO ACCUEIL*/
	/*bloc critères*/
		#UCL-RA-container .divPlSearch { width:600px}
		#UCL-RA-container #UCL-sliders { margin: 1px 0 0 20px; width: 210px;}
	/*fiche VO*/
	div#vo-slider {height:345px !important}
	div.divVOSheetName {width:345px}
	div.divVOSheetInfos {margin:-120px 20px 10px 0; width:430px}
	}
	
	@media handheld, only screen and (max-width: 991px)
	{
		/*moteur*/
		#UCL-RA-container .divPlSearch {width: 100%;}
		#UCL-RA-container #UCL-sliders {
			float: right;
			margin: 0 10px;
			width: 290px;
		}
		div#UCL-Result-container {float:left}
		/*fiche vo*/
		div.divVOSheetInformation {width:320px}
		div#vo-slider { height: 255px !important;}
		.divVOSheetDealer {width:330px}
		div.divVOSheetInfos {
			margin: 0;
			width: 330px;
		}
		#vtab > ul > li.locate {display:none}
		div.divVOSheetDealer {width: 330px;}
		
		/*header*/
		div#dnn_topMiddle {background: url("images/bg-middle-header.png") repeat-x scroll left top #ebeff0; }
		#dnn_topMiddle h2#lieuxConcession {font-size: 0.7em; margin: 10px 5px 0 0; padding: 0 5px 0 0; }
	}
	
	@media handheld, only screen and (max-width: 966px)
	{
		
	/*MOTEUR VO ACCUEIL*/
	div.UCL-recherche-container {min-height:170px}
	div#UCL-Result-container {
		background: none repeat scroll 0 0 rgb(238, 228, 228);
		border: 1px solid rgb(255, 255, 255);
		clear: both;
		display: block;
		float: none;
		height: 55px;
		margin: 10px auto;
		padding: 5px;
		width: 265px;
	}
	/*fiche vo*/
	div#vo-slider {height:280px !important}
	div.divVOSheetDealer { width:335px}
	#vtab > ul > li.locate {display:none}
	div.divVOSheetInfos { margin: -45px 10px 10px 0; width: 330px;}
	input#btnZoom {margin:60px 0 0 10px}
	}
	
	@media handheld, only screen and (max-width: 950px){
		/*RAS*/
	}
	@media handheld, only screen and (max-width: 910px){
		/*RAS*/
	}
	
	@media handheld, only screen and (max-width: 870px){
		/*RAS*/
	}
	@media handheld, only screen and (max-width: 853px){
		/*RAS*/
	}
	
	@media handheld, only screen and (max-width: 830px){
		/*RAS*/
	}
	@media handheld, only screen and (max-width: 800px){
		/*RAS*/
	}
	
	@media handheld, only screen and (max-width: 790px){
		/*RAS*/
	}
	
	@media handheld, only screen and (max-width: 768px){
		div#menu-icon {right: 54%;}
	}
	@media handheld, only screen and (max-width: 761px){
		p#sloganFooter {margin:0}
		span.crumbs {padding: 10px 0 !important;}
		}
	@media handheld, only screen and (max-width: 746px){
		div#vo-slider { margin: 0 19px 0 0;}
		div.divVOSheetInformation {width: 320px;}
		div.divVOSheetDealer { width: 320px;}
		div.divVOSheetInfos { width: 320px;margin: -45px 0 10px;}
	}
	
	@media handheld, only screen and (max-width: 736px){
		
		/*fiche vo*/
		#UCL-RA-container #UCL-sliders  { width:250px}
		div#vo-slider {height: 280px !important;}
		div.tab_container { height:255px}
		div.divVOSheetInfos {width:310px}
		div#dnn_topMiddle h2#lieuxConcession a {font-size: 0.8em;}
		div#dnn_topMiddle #telConcession {font-size:1em}
		div.divVOSheetInformation {width: 300px;}
		div.divVOSheetInfos { margin: 0 0 10px; width: 315px;}
	}
	
	@media handheld, only screen and (max-width: 695px){
		/*header*/
		div#dnn_topMiddle h2#lieuxConcession {display:none}
		/*moteur*/
		div.divSearchG {
			float: none;
			height: 120px;
			width: 100%;
		}
		div#UCL-RA-container #UCL-sliders { float: none; width: 100%; height:60px}
		div.layout {
			float: left;
			margin: 0 20px 0 0;
			width: 180px;
		}
		/*fiche vo*/
		div.divPxCatalogue {margin: 9px 5px 0 0;}
		div.divVOSheetDealer {width: 305px;}
		div.divVOSheetName	{ width:332px}
		div.ui-tabs div.ui-tabs-panel {padding:0.3em}
		div.tab_container {height: 205px;}
		label.cnilTxt {font-size:0.6em}
		div#vo-slider {height: 240px !important;}
		div.divVOSheetInfos { width: 290px;}
		
		.divPxCatalogue p {padding: 5px;}
		div.divVOSheetInformation {width: 270px;}
		div.divVOSheetDealer {  width: 295px;}
		div.divVOSheetInfos {
			float: left;
			margin: 0 0 0 38px;
			width: 274px;
		}
	}
	@media handheld, only screen and (max-width: 640px){
		/*header*/
		/*critères*/
		#UCL-RA-container .divPlSearch {width:100%}
		div.divSearchG {
			float: none;
			height: 120px;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		div#UCL-RA-container #UCL-sliders {float: none; clear:both; margin: 0; width: 100%;}
		div.layout {
			float: left;
			margin: 0 10px;
			width: 170px;
		}
		div#UCL-sliders label {font-size:0.7em}
		
		/*fiche vo*/
		div.divVOSheetName { width:305px}
		.divVOSheetName h4 span {font-size: 0.8em;}
		span.tab_content_text {font-size:0.9em}
		a.ui-tabs-anchor { font-size:0.8em}
		div#vo-slider {height:215px !important}
		div.divVOSheetDealer {width: 275px;}
		label.contactTable {margin:0; padding:0}
		input.inputBackground, textarea.inputBackground { width:240px; margin:0; padding:0}
		table.dataTable thead th {font-size: 0.8em; line-height: 2.4em;}
		td.colModel a img.vo-small-picture { margin:0 5px 15px 0}
		label.contactTable {font-size:0.9em; line-height:2em}
		p.listeOptions {
			border-right: 1px dotted rgb(204, 204, 204);
			border-bottom:none;
			font-size: 0.9em;
			width: 125px;
		}
		table.tab_content_table tbody tr td {
			border-right: 1px dotted rgb(204, 204, 204);
			border-bottom: none;
			padding: 0 2px;
			width: 125px;
		}
		div.divVOSheetInformation { width: 250px;}
		div.divPxCatalogue p {
			font-size: 0.9em;
			margin: 6px 0 0;
		}
		div.divVOSheetMarket, div.divVOSheetDealer {width:260px}
		input#btn-selection-add, input#btn-voir-selection{ font-size:0.8em; padding:5px }
		div.divVOSheetInfos {
			float: left;
			margin: 0 0 0 48px;
			width: 251px;
		}
		label.contactTable {font-size: 0.7em;}
		input.inputBackground, textarea.inputBackground {width: 210px;}
		#vtab > ul > li.share {display:none}
	}
	@media handheld, only screen and (max-width: 620px){
		/*moteur*/
		div#dnn_topMiddle #telConcession { display:none}
		div.layout {width:150px}
		
		/*fiche vo*/
		label.contactTable {font-size:0.8em}
		div.divVOSheetInfos {
			margin: 0 0 10px 35px;
			width: 255px;
		}
		/*LISTE ANNONCES*/
		dd.vo-km,dd.vo-year {display:block}
		table.dataTable thead th.colKm,table.dataTable thead th.colYear {display:none} /*tête de colonne*/
		table.dataTable td.colMileage, table.dataTable td.colYear  {display:none} /*interieur colonne*/
		table.dataTable thead th.colModele {width:80% !important}
		table#tblResultat dl dt.vo-brand a.vo_link { margin: 0 5px 0 0;	padding: 0 5px 0 2px;}
		table#tblResultat dl dd.vo-year span.vo-year-value { 
			float:left;border-right: 1px solid #CCCCCC;
			margin: 0 5px 0 0;
			padding: 0 5px 0 2px;}
		div.divSelectionVO, div.div-btn-vo-sheet {margin:0 2px 0 0}
	}
	@media handheld, only screen and (max-width: 604px){
		/*fiche vo*/
		div.divVOSheetDealer {width: 260px;}
		input#btn-selection-add, input#btn-voir-selection { padding:5px; font-size:0.8em}
		div.divVOSheetInfos { width: 254px;}
		div.divVOSheetName {width: 290px;}
		div.divVOSheetName h4 span {font-size:0.8em}
		div.divPxCatalogue p {font-size: 1.1em; padding: 4px 0 0;}
		div.divVOSheetInfos {width:245px}
		div.divVOSheetInformation { width: 245px;}
		div.divVOSheetDealer { width: 250px;}
	}
	
	@media handheld, only screen and (max-width: 580px){
		/*moteur*/
		div.divSearchDropDown {width:165px}
		/*fiche vo*/
		div.divVOSheetName {width:280px }
		.divVOSheetName h4 {font-size:1.3em}
		div.divVOSheetMarket {width:235px; height:30px}
		#vtab > ul > li.share {display: none}
		div.divVOSheetInfos {margin: -20px 3px 10px 0; width: 243px;}
		input.inputBackground, textarea.inputBackground {
			margin: 0;
			padding: 0;
			width: 215px;
		}
		div.divVOSheetInformation {
			float: none;
			margin: 0 auto;
			width: 300px;
		}
		div#vo-slider {
			clear: both;
			float: none;
			height: 215px !important;
			margin: 0 auto;
			width: 300px !important;
		}
		div.divVOSheetMarket {
			float: none;
			margin: 5px auto;
		}
		div.divVOSheetDealer {
			float: none;
			height: 140px;
			margin: 5px auto;
			width: 300px;
		}
		div.divVOSheetInfos {
			float: none;
			margin: 0 auto;
			padding: 5px 0;
			width: 300px;
		}
	}
	@media handheld, only screen and (max-width: 568px){
		/*moteur vo*/
		div.layout {width: 140px;}
		
		/*fiche vo*/
		div.tab_container {height: 215px;}
		div.divVOSheetDealer {width: 240px;}
		h5.titreDistributeur {font-size:10px; margin:0}
		dd.vo-price {display:block} 
		table.dataTable thead th.colPrice, table.dataTable td.colPrice  {display:none}
		div.divVOSheetMarket {display: none}
		div.divVOSheetInformation {width:375px; margin:0 auto; float:none}
		div.divPxCatalogue {margin: 5px 5px 0 0;}
		div.divPxCatalogue p {font-size: 1em;}
		div.advanced-slider {float:none}
		div#vo-slider {
			clear: both;
			float: none;
			height: 190px !important;
			margin: 0 auto;
			width: 260px !important;
		}
		div.divPxCatalogue p { font-size: 0.9em; padding: 7px 0 0;}
		input#btnZoom {margin: 50px 0 0 102px;}
		div.divVOSheetDealer {float: none; height: 160px; margin: 0 auto; width: 375px;}
		div.divVOSheetInfos {float: none; margin: 5px auto; width: 375px;}
		#vtab > ul > li.locate,#vtab > ul > li.share {display: block;}
}
	}
	@media handheld, only screen and (max-width: 535px){
		
		/*moteur*/
		div.divSearchDropDown {width: 150px;}
		div.divSearchDropDown select {width: 150px;}
		div.layout { width: 135px;}
		/*titre vo*/
		div.divVOSheetTitle {height:95px}
		div.divVOSheetName {
		float: none;
		height: 45px;
		margin: 5px auto;
		width: 350px;
		}
		div.divVOSheetName { border-bottom:1px dotted #CCC}
		div.divVOSheetName h4 { text-align:center}
		div.divPxCatalogue {
			height: 30px;
			margin: 5px auto;
			width: 95px;
			float:none;
		}
		div.divPxCatalogue p {font-size:1em}
		div.divBtVOSheetLeft, div.divBtVOSheetCenter, div.divBtVOSheetRight {float:none; margin:0}
		input#btnZoom { margin: 95px 0 0 93px;}
	
	}
	@media handheld, only screen and (max-width: 480px){
		/*moteur*/
		div#UCL-RA-container #UCL-sliders {
			height: 150px;
			margin: 0 auto;
			width: 300px;
		}
		div.layout {
			margin: 0;
			width: 100%;
		}
		div.divSearchDropDown {width: 175px;}
		div.divSearchDropDown select {width: 175px;}
		/*fiche vo*/
		input#btnZoom {margin: 5px 0 0 79px;}
		div#vo-slider {
			height: 150px !important;
			margin: 10px auto;
		}
		div.divVOSheetTitle {
			float: none;
			height: 90px;
			margin: 0 auto;
			padding: 0;
			width: 350px;
		}
		div.divVOSheetName {
			width: 100%;
		}
		div.divVOSheetName h4 {
			font-size: 1.4em;
			text-align: left;
		}
		div.divPxCatalogue {margin: 0 10px;}
		div.divPxCatalogue p { font-size: 1.1em;}
		
		/*footer*/
		p#rejoindreFooter {display:none}
	}
	
	@media handheld, only screen and (max-width: 420px)
	{
		div.divSearchG {
			height: 260px;
			margin: 0 auto;
			width: 300px;
		}
		div.divSearchDropDown {
			width: 295px;
		}
		div.divSearchDropDown select {
			width: 280px;
		}
		/*fiche vo*/
		div.divVOSheetInformation, div.divVOSheetDealer, div.divVOSheetInfos{ width:300px }
		#vtab > ul > li.locate {display:none}
		 div#viewTypeAlert, div.divMarket {width:150px}
		.divMarket input#btnVoirSelection, input.btn-alerte-selection {font-size:0.8em; padding:5px}
	}
	
	@media handheld, only screen and (max-width: 360px){
	/*moteur*/
	div#UCL-RA-container #UCL-sliders { width:280px; margin:0}
	/*critères*/
		div.div_category {display:none}
		div#divSelection {display:none !important}
		#tblResultat dl dt.vo-brand a.vo_link {  }
		td.colModel a img.vo-small-picture {margin: 0 40px 5px 55px;}
		dd.vo-price .vo-price-value {font-weight:bold}
	/*fiche vo*/
		div.divVOSheetName {width:300px}
		input#btnZoom {margin: 4px 0 0 45px;}
		div.divVOSheetInformation {width: 300px;}
		p.listeOptions {
			border-bottom: 1px dotted rgb(204, 204, 204);
			border-right:0px dotted rgb(204, 204, 204);
			height: 35px;
			width: 140px;
		}
		table.tab_content_table tbody tr td {
			border-bottom: 1px dotted #ccc;
			border-right: 0 dotted rgb(204, 204, 204);
			height: 38px;
		}
		div.tab_container {height: 285px;}
		div.divVOSheetDealer {width:300px}
		div.divVOSheetInfos {width:300px}
		div#vo-slider {height:115px !important}
	}
	
	@media handheld, only screen and (max-width: 320px){
	/*header*/
		div#Logo img {max-height:100%}
		div.divSearchG { width:235px; margin:0 }
		div.divSearchDropDown { width: 235px;}
		div.divSearchDropDown select {width: 230px;}
		div.div_category, #btn-open-bodies {display:none}
	/*critères*/
		div#UCL-RA-container #UCL-sliders {width: 230px;}
		div#UCL-Result-container {width:177px; height:100px}
		div#UCL-compteur {float:none}
		div#UCL-btn-stock {float:none; margin:0 auto}
		div.divVOSheetName {width: 250px;}
	/*fiche*/
		div.divVOSheetInformation, div.divVOSheetDealer, div.divVOSheetInfos {width: 250px;}
		td.colModel a img.vo-small-picture {margin: 0 10px 5px 30px;}
		div.divVOSheetTitle {width:250px}
		div.divVOSheetTitle {
			height: 120px;
		}
	}
}
/*Fin*/
}