@CHARSET "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	background-color: #ECEEEF;
/*	background-color: #FFF;*/
	font-family:"Lucida Grande",sans-serif;
/*	font-family:Helvetica,sans-serif; */
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
/*	font-size: 11px;*/
	color: #333333;
}



#container {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	
	
}


a{
	color: #D00324;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}



p{text-align: justify; text-justify: newspaper ;}


/* HEADERS */

#header {
	background-color: #515256;
	float: left;
	width: 100%;
	margin: 0px;
	/*background-image: url(../images/bkg_header.png);*/
	/*background-image: url(../images/pattern_toile.jpg);*/
	/*background-repeat: repeat;*/
	/*background-position: bottom left;*/
	
}


#header_up{
	float:left;
	width: 100%;
	/*background-image: url(../images/splash2.png);
	background-repeat: no-repeat;
	background-position: center 0px;*/

}


#header_splash{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #515256;
	background-image: url(../images/splash_ligth.jpg);
	background-repeat: no-repeat;
	background-position: center -300px;
	border-bottom: solid 1px #fff;	
}


.header_content{
	margin: auto;
	width: 1000px;
}


#logo{
	position: absolute;
	top:0px;
	margin: 5px 0 0 0px;
	/*background-color: #FFF;*/
	/*
	-moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px; 
 *//*
 	-moz-box-shadow: 0px 0px 3px #000;  
    -webkit-box-shadow: 0px 0px 3px #000;  
    box-shadow: 0px 0px 3px #000;
 *//*height:143px;*/
    /*width:200px;*/
    z-index:0;
}
#logo img{
	margin: 0px;
	padding: 5px 5px 5px 30px;
	border: 0px;
	/*width:150px;*/
	
	

}

#header_menu{
	float:right;
	width:1000px;
	margin: 0;
	padding: 0;
	z-index:10;
	/*height: 400px;*/
	overflow:hidden;
	
}

#header_menu_ctc{
	float:right;
	width:1000px;
	margin: 0;
	padding: 0;
	z-index:10;
	height: 400px;
	overflow:hidden;
	
}

#main_container{
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	/*background-image: url(../images/bkg_main.png);
	background-repeat: repeat-x;
	background-position: left top;*/
	/*border-top: solid 1px #fff;*/
	
	background-image: url(../images/bkg_main_top.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	
}

#main{
	margin: auto;
	/*margin-top:20px;*/
	width: 980px;
	font-size: 12px;
	line-height: 20px;    
}

#main_ctc{
	margin: auto;
	margin-top:220px;
	width: 980px;
	font-size: 12px;
	line-height: 20px;    
}

.ctc{
	top:160px;
	position:absolute;
	width:980px;
	height:450px;
	margin: 0px 10px;
	
	background-color:#ffffff;
	background-image: url(../images/home/ctc_hp.jpg);
	
	 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(border-radius.htc);
    
    -moz-box-shadow: 0px 0px 3px #333;  
    -webkit-box-shadow: 0px 0px 3px #333;  
    box-shadow: 0px 0px 3px #333; 
    
    
}


#ctc_0{
	background-image: url(../images/home/ctc_hp.jpg);
}

#ctc_27{
	background-image: url(../images/home/ctc_technical_solar_protection.jpg);
}

#ctc_352{
	background-image: url(../images/home/ctc_solar_protection.jpg);
}

#ctc_355{
	background-image: url(../images/home/ctc_indoor.jpg);
}

#ctc_353{
	background-image: url(../images/home/ctc_outdoor.jpg);
}

#ctc_354{
	background-image: url(../images/home/ctc_marine.jpg);
}



#contenu_header_container{
	width:100%;
	height:25px;
	margin: 15px 0 10px 0;
	/*border-bottom: solid 1px #fff;
	border-top: solid 1px #222;
	background-image: url(../images/splash.png);
	background-repeat: no-repeat;
	background-position: center -160px;*/
}	
#contenu_header{
	margin: auto;
	width: 980px;
	height:25px;
	/*background-color: #333;
	
	-moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px; 
    */
	}
	
#contenu_header a, #bread_links a{
	color: #666;
	text-decoration: none;
}

#contenu_header a:hover, #bread_links a:hover{
	text-decoration: underline;
}

#header_login{
	float: right;
}

#breadcrump{
	float: left;
	width: 980px;
	margin: 0 ;
	color:#999;
	padding: 5px 20px 5px 0px;
	
}


#breadcrump ul{
	float: right;
	display: inline;
	/*width: 980px;
	margin: 0 ;
	color:#999;
	padding: 5px 20px 5px 0px;*/
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0;
	
}

#breadcrump li{
	float: left;
	margin-left: 5px
}

#bread_links{
	float: left;
	margin: 0 ;
	color:#999;
	padding: 0px 20px 5px 0px;
	clear:left;
}





/* CONTENU LARGE 980px */
.contenu_980{
	float:left;
	width:940px;
	width:980px\9;
	
	background-color: #fff;
	background-color: transparent\9;
	
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    
    -moz-box-shadow: 0px 0px 3px #aaa;  
    -webkit-box-shadow: 0px 0px 3px #aaa;  
    box-shadow: 0px 0px 3px #aaa;

    padding: 20px;	
	padding: 0px\9;
	margin: 10px 0;
	
}

.contenu_top_980{
	float:left;
	height: 10px;
	width: 980px\9;
	background-image: url(../images/top_980.png)\9;
	background-repeat: no-repeat\9;
	background-position: bottom left\9;
	
}

.contenu_bottom_980{
	float:left;
	height: 10px;
	width: 980px\9;
	background-image: url(../images/bottom_980.png)\9;
	background-repeat: no-repeat\9;
	background-position: top left\9;
	
}


.main_content_980{
	float: left;
	margin:0px;
	padding: 10px 20px\9;
	width: 940px;
	width: 940px\9;
	background-image: url(../images/middle_980.png)\9;
	background-repeat: repeat-y\9;
	background-position: top left\9;
}


/* SIDEBAR 640px + 320px */
.contenu_620{
	float:left;
	clear: left;
	width: 600px;
	width: 640px\9;
	
	background-color: #fff;
	background-color: transparent\9;
	
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    
    -moz-box-shadow: 0px 0px 3px #aaa;  
    -webkit-box-shadow: 0px 0px 3px #aaa;  
    box-shadow: 0px 0px 3px #aaa;

    padding: 20px;	
	padding: 0px\9;
	margin: 10px 0;
	
	}



.sidebar_620{
	float: right;
	width : 320px;
	padding: 0px 0px 10px 0px;
}



.contenu_top_620{
	float: left;
	height: 10px;
	width: 640px\9;
	background-image: url(../images/top_640.png)\9;
	background-repeat: no-repeat\9;
	background-position: bottom left\9;
}

.contenu_bottom_620{
	float:left;
	height: 10px;
	width: 640px\9;
	background-image: url(../images/bottom_640.png)\9;
	background-repeat: no-repeat\9;
	background-position: top left\9;
}


.main_content_620{
	float: left;
	margin:0px;
	padding: 10px 20px\9;
	width: 600px;
	width: 600px\9;
	background-image: url(../images/middle_640.png)\9;
	background-repeat: repeat-y\9;
	background-position: top left\9;
}




/*CONTENU SIDEBAR 320*/

.contenu_320{
	float:left;
	clear: left;
	width: 280px;
	width: 320px\9;
	
	background-color: #fff;
	background-color: transparent\9;
	
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    
    -moz-box-shadow: 0px 0px 3px #aaa;  
    -webkit-box-shadow: 0px 0px 3px #aaa;  
    box-shadow: 0px 0px 3px #aaa;

    padding: 20px;	
	padding: 0px\9;
	margin: 10px 0;
	
	}

.contenu_top_320{
	float: left;
	height: 10px;
	width: 320px\9;
	background-image: url(../images/top_320.png)\9;
	background-repeat: no-repeat\9;
	background-position: bottom left\9;
}

.contenu_bottom_320{
	float:left;
	height: 10px;
	width: 320px\9;
	background-image: url(../images/bottom_320.png)\9;
	background-repeat: no-repeat\9;
	background-position: top left\9;
}


.main_content_320{
	float: left;
	margin:0px;
	padding: 10px 20px\9;
	width: 280px;
	background-image: url(../images/middle_320.png)\9;
	background-repeat: repeat-y\9;
	background-position: top left\9;
}



/* FOOTER */


#pre_footer{
	width:100%;
	float:left;
	margin: 10px 0 0 0;
	padding: 115px 0 0 0;
	height:35px;
	background-image: url(../images/bkg_main_bottom.png);
	background-repeat: repeat-x;
	background-position: center -149px;
	/*border-bottom: solid 1px #fff;*/
}

#footer{
	width:100%;
	float:left;
	margin: 0;
	background-image: url(../images/splash_ligth.jpg);
	background-repeat: no-repeat;
	background-position: center -800px;
	border-top: solid 10px #D00324;
	background-color: #515256;
}

#footer_container{
	margin: auto;
	width: 980px;
}

#footer_content{
	float:left;
	margin-top: 0px;
	padding: 0px 0px;
}


/* login */
#login {
	padding: 5px;
	margin-right: 20px;
	margin-left: 10px;
	
}
#login a {
	color: #999;
	text-decoration: none;
}
#login a:hover {
	color: #333;
}
#login-title {
	background: url("../images/fleche-rouge-gauche-sur-gris-c.jpg") no-repeat;
	padding-left: 18px;
	padding-top: 2px;
}
#login-title.disconnected {
	font-variant: small-caps;
	cursor: pointer;
}
#login.open #login-title {
	background: url("../images/fleche-rouge-bas-sur-gris-c.jpg") no-repeat;
}
#login-error p {
	margin: 10px 5px 0 5px;
	color: #Db0027;
}
#login-content {
	display: none;
	padding: 10px 18px 0 18px;
}
#login-content.open {
	display: block;
}
#login-content p {
	margin: 0;
}
input.form_login-input {
	border: solid 1px #CCCCCC;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 11px;
	color: #Db0027;
}
#form_login-email {
	width: 200px;
}
#form_login-motdepasse {
	width: 150px;
}
#form_login-action {
	width: 47px;
	color: white;
	background-color: #D00324;
	border: solid 1px white;
}
span.login-name {
	margin-right: 10px;
}
span.login-logout {
	margin-left: 10px;
}


/* header - logo - coordonnées */
#logo_site {
	margin: 0px 20px 15px 10px;
	padding: 0px;
	color: #93969B;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
#logo_site img {
	border: 0px;
}
address {
	/*margin: 20px 0 0 15px;*/
	/*padding: 10px 20px;*/
	/*border-bottom: 1px solid #CCC;*/
	font-style: normal;
	/*text-align: center;*/
}
address p {
	margin: 0px;
	padding: 0px;
}

address strong{
	color: #e1e1e1;
	font-weight: bold;
}
/*
address strong {
	font-weight: normal;
	font-size: 16px;
	margin: 5px 0px;
}
address a {
	color: #666;
	text-decoration: none;
}
address a:hover {
	color: #DA0027;
}*/
.nos_marques {
	text-transform: uppercase;
	/*text-align: center;	*/
}
.pictos_marques {
	margin: 0px 0px 10px 0px;
	/*text-align: center;*/
}
.pictos_marques img {
	border: 0px;
}






/*Titres & textes */
h2{
	color: #333;
	font-size: 24px;
  	font-weight: bold;
  	text-shadow:0 1px 0 #FFFFFF;
  	margin: 20px 20px 5px 0px ;
}


strong{
	color: #525257;
}


/* bloc news */
#bloc_news {
	margin: 100px 10px 10px 10px;
	padding: 0;
	height: 360px;
	background-image: url(../images/sigle-dickson-gris-clair.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #525357;
}

.liste_news {
	list-style-type: none;
	list-style-image: url(../images/puce-gris-sur-blanc.jpg);
	list-style-position: inside;
	margin: 10px 0px;
	padding: 0px 10px;	
}
.liste_news li {
	margin: 10px 0px;
	padding: 0px ;
	font-size: 12px;
	font-weight: bold;
	list-style-position: outside;
}
.liste_news a {
	color: #525357;
	text-decoration: none;
}
.liste_news strong a {
	color: #525357;
}
.liste_news a:hover {
	color: #DA0027;
	text-decoration: underline;
}


/* liste des news */
#liste_full_news {
	margin: 10px;
	padding: 0px;	
}
.date_news {
	margin: 10px 0px 0px 0px;
	padding: 3px 6px;
	background-color: #EDEDED;
	width: 100px;
	color: #666;
	border-bottom: 1px solid #FFF;
}
#liste_full_news dl {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#liste_full_news dt {
	margin: 0px;
	padding: 5px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	border-bottom: 2px solid #EDEDED;
}
#liste_full_news dd {
	margin: 5px 0px;
	padding: 0px 10px 20px 10px;
}
#liste_full_news dd a {
	color: #DA0027;
	text-decoration: none;
}
#liste_full_news dd a:hover {
	color: #000;
	text-decoration: underline;
}


/* navigation du site */

#header_top_navigation{
	position:absolute;
	width:980px;
	margin: 0 10px;
	
}

#header_top_navigation_content{
	float:right;
	padding:5px;
	background-color:#444;
	-moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; 
    
}

#flag_top{
	float:left;
	width:180px;
}


#partenaire_top{
	float:left;
	color:#9f9f9f;
}

#partenaire_top a{
	color:#9f9f9f;
}


#header_top{
	float: left;
	width: 100%;
	height: 60px;
	
	background-color: #303030;
	background-image: url(../images/splash2.png);
	background-position: top center;
	background-repeat: no-repeat;
	
}

#header_top2{
	margin: auto;
	width: 980px;
	padding: 0;
}

.navigation_site_top {
	float: right;
	margin: 60px 10px 0px 0px;
	padding: 
	0 ;
	
	list-style-type: none;
	list-style-position: inside;
	
}

.navigation_site_top li {
	float:right;
	display: inline;
	padding: 0px;
	margin-left:0px;
	text-transform: uppercase;
	font-size: 12px;
	text-shadow: 0px -1px #333;
	/*font-weight: 600;*/
	
/*	background-image: url(../images/bkg_head.png);
	background-position: top left;
	background-repeat: repeat-x;
	*/
}
/*
.navigation_site_top li a{
	display: block;
	float: left;
	margin: 0px 0px 3px 0;
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
}

.navigation_site_top li a:hover{
	background-color: #444;
	text-decoration: none;
	
	-moz-border-radius:15px; 
    -webkit-border-radius:15px; 
    border-radius:15px; 
    
	margin: 0px 0px 0px 0;
	/*border-bottom-color: #d9022e;
	border-bottom-style: solid;
	border-bottom-width: 3px;*/
}
*/
#navigation_site_top_right{
	float:right;
	clear: none;
}
  
/*#navigation_site_top #ssearch{
	padding-top: 4px;
	float: right;
}*/



#navigation_site_m1{
	width:980px;
	//width:990px;
	width:990px\9;
	//margin:10px 5px 0 5px;
	margin:10px 5px 0 5px\9;
	
	//background-image: url(../images/bkg_menu_2.png);
	//background-repeat:no-repeat;
	
	background-image: url(../images/bkg_menu_2.png)\9;
	background-repeat:no-repeat\9;
	
	//padding: 5px 0px 0px 5px;
	padding: 5px 0px 0px 5px\9;
	/*height:45px;*/
	
	-moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0; 	 
}

#navigation_site_m1_ctc{
	width:980px;
	//width:990px;
	width:990px\9;
	//margin:5px 5px;
	margin:5px 5px\9;
	
	//background-image: url(../images/bkg_menu.png);
	//background-repeat:no-repeat;
	
	background-image: url(../images/bkg_menu.png)\9;
	background-repeat:no-repeat\9;
	
	//padding: 5px 0px 5px 5px;
	padding: 5px 0px 5px 5px\9;
	
	/*height:350x;*/
	
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

#navigation_site_m2{
	width:250px;
}



.navigation_site {
	float: left;
	height:40px;
	margin: 10px 10px 0 10px;
	margin: 10px 10px 0 10px\9;
	padding: 0px;
	
	/*list-style-type: none;
	list-style-position: inside;
	*/
	/*background-image: url(../images/bkg_head_side.png);*/
	/*background-image: url(../images/bkg_head.png);*/
	/*background-position: top left;*/
	/*background-repeat: repeat-x;*/
	
	background-color: #BA0027;
	//background-color: transparent;
	background-color: transparent\9;
	
	background-image: -moz-linear-gradient(top, #DA0027, #880027); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #880027),color-stop(1, #DA0027)); /* Safari & Chrome */
   
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DA0027', endColorstr='#880027'); *//* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DA0027', endColorstr='#880027')"; *//* IE8 */
	
	
	-moz-box-shadow: 0px 0px 3px #333;  
    -webkit-box-shadow: 0px 0px 3px #333;  
    box-shadow: 0px 0px 3px #333; 
    
    overflow:hidden;
}




#navigation_site_m1 .li_navigation {
	/*width:175px;*/	
	}
	
.li_navigation {
	height:40px;
	overflow:hidden;
	float:left;
	clear:right;
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	
	/*
	background-image: url(../images/bkg_head.png);
	background-position: top left;
	background-repeat: repeat-x;
	
	border-left-color: #861822;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #d9022e;
	border-right-style: solid;
	border-right-width: 1px;
	*/
	
	padding: 0 0 0 10px;
	
}

#navigation_site_m1 .li_navigation:hover , #navigation_site_m1_ctc .li_navigation:hover{
	/*background-image: url(../images/bkg_head_hover.png);
	background-position: top left;
	background-repeat: repeat-x;*/
	
	/*
	background-image: url(../images/menu2_bkg_middle.png);
	text-decoration: none;
	*/
}
	
	
#li_navigation_search{
	float:right;
	text-decoration: none;
	//margin-right:10px;
	margin-right:10px\9;
}	
	
.li_navigation p{
	margin: 3px 0 0 0;
	color: #e1e1e1;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	/*text-align:center;*/
	text-shadow:0 0 0 #666;
}

.li_navigation:hover p{
	color: #fff;
	text-shadow:0 0px 0 #666;
}

#navigation_site #menu_accueil	{
	background-image: url(../images/bkg_head_logo.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#navigation_site #menu_accueil a{
	display: block;
	height: 30px;
	width: 40px;
}
	
#navigation_site .li_plus{
	padding: 13px 1px 0px 1px;
	height: 27px;
	}

.lien_navigation:hover{
	
	/*background-image: url(../images/menu2_bkg_middle.png);
	text-decoration: none;
	text-shadow:0 -1px 0 #666;*/
}

.lien_navigation_1:hover{
	color: #DA0027;
}

.dropdown{
	float:left;
	background-image: url(../images/arrow_menu.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	width: 15px;
	height:35px;
	margin: 0;
	padding: 27px 5px 20px 4px;
}

.dropdown:hover{
	/*background-image: url(../images/arrow_menu_hover.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;*/
}

.lien_navigation{
	float:left;
	display: block;
	color: #FFF;
	height: 35px;
	/*font-size: 12px;*/
	text-decoration: none;
	text-shadow:0 -1px 0 #666;
	margin:0;
	padding: 5px 5px 0 5px;
}

.navigation_site img {
	border:0px;	
	margin-left:5px;
	/*position:absolute;*/
}


#navigation_langue a{
	display: block;
	float: left;
	margin: 0px 0 0 0;
	padding: 8px 10px 10px 10px;
	color: #fff;
	height: 15px;
}

#search_compare{
	float:right;
	height:30px;
	padding:10px 10px 0 5px;
	
	margin: 0;
	/*height:25px;*/
}

#application_list{
	margin: 0px;
	float: left;
	clear: both;
	/*width: 100%;*/
	left: 0px;
	
	width:960px;
}




/* navigation recherche avancée */
#bloc_search {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 700px;
	height: 30px;
	overflow: hidden;
}

#bloc_search_left{
	float: right;
	width:10px;
	height: 35px;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/menu2_bkg_left.png);
	background-position: top left;
	background-repeat: no-repeat;*/
}

#bloc_search_middle{
	float: right;
	padding: 5px 0 0 0;
	margin: 0;
	height: 30px;
	/*background-image: url(../images/menu2_bkg_middle.png);
	background-position: top right;
	background-repeat: repeat-x;*/
	
}

#bloc_search_right{
	float: right;
	width:10px;
	height: 35px;
	margin: 0 6px 0 0;
	padding: 0;
	/*background-image: url(../images/menu2_bkg_right.png);
	background-position: top right;
	background-repeat: no-repeat;*/
}


/*
#bloc_search form, #bloc_search fieldset {
	float:right;
	clear:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
*/
#moteur_interne{
	float:left;
	clear:right;
}

#recherche_couleurs{
	float:left;
	clear:right;
}

#search {
	float: left;
	clear:right;
	margin: 0px;
	padding: 10px 0px 5px 5px;
	list-style-type: none;
	/*list-style-image: url(../images/puce-gris-moyen.jpg);*/
	list-style-position: inside;
	color: #3F3F3F;
	
}
#search li {
	padding: 0px;
	margin: 3px 0px;
}
#search li a {
	color: #3F3F3F;
	text-decoration: none;
}
#search li strong, #search li a strong {
	color: #FFF;
}
#search li form {
	margin: 0px;
	padding: 0px;
}

.field_search {

	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;	
	background:transparent url(../images/search.png) no-repeat scroll 0 0;
	border:0 none;
	color:#999999;
	float:left;
	font-size:12px;
	height:17px;
	padding:3px 0 0 10px;
	width:160px;
	}

#words{
/*width: 190px;*/

}

#validate_search {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/search_btn.png) repeat scroll top right;
	border:0 none;
	display:block;
	float:left;
	clear:right;
	font-size:0;
	height:20px;
	width:30px;

}

.recherche_couleurs-input {
	float: left;
	clear:right;
	margin-left: 5px;
	padding: 0px;
}


#choix_versions {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 150px;
	color: #3F3F3F;
}




/* Articles */
#navigation_articles {
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#navigation_articles li {
	display: inline;
	padding: 5px 10px;
	margin: 0px;
	background-color: #CCC;
}
#navigation_articles li a {
	color: #666;
	text-decoration: none;
}
#navigation_articles li a:hover {
	color: #DA0027;
	text-decoration: none;
}
#bloc_article {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
}
#bloc_article h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
#bloc_article h2 strong {
	color: #333;
	font-weight: normal;
}
.article {
	margin: 10px 0px;
	padding: 15px;
	color: #777;
	background-color: #FFF;
}
.msg_datefin {
	margin: 10px 0px;
	padding: 5px 15px;
	background-color: #666;
	color: #FFF;
}

#bloc_menu_droit {
	/*float: right;*/
	margin: 0px;
	padding: 0px;
	/*width: 140px;*/
}
/*
#bloc_menu_droit h3 {
	background-color: #DA0027;
	padding: 5px 8px;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	margin: 2px 0px;
}
*/
#bloc_menu_droit h3 {
	/*background-color: #FFF;*/
	padding: 15px 0 5px 0;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	border-bottom: 1px solid #CCC;
}
#bloc_menu_droit ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0px 0px;
	padding: 0px;
}
#bloc_menu_droit li {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
}

#bloc_menu_droit li:hover {
	background-color: #fff;
}
#bloc_menu_droit li a {
	color: #777;
	text-decoration: none;
	padding: 3px;
	width:100%;
	display:block;
}
#bloc_menu_droit li a strong {
	color: #DA0027;
}
#bloc_menu_droit li a:hover {
	color: #DA0027;
}


/* résultats recherche */
#recherche {
	/*width: 440px;*/
	margin: 0px;
	padding: 0px;
}
#recherche h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
.resultats_recherche {
	margin: 15px 10px;
	padding: 0px;
	color: #666;
}
.resultats_recherche h3 {
	font-size: 12px;
	color: #333;
	margin: 5px 0px;
	padding: 0px;
}
.resultats_recherche ul {
	margin: 5px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position:outside;
}
.resultats_recherche li {
	padding: 3px 5px;
	border-bottom: 1px solid #FFF;
}
.resultats_recherche li a {
	color: #666;
	text-decoration: none;
}
.resultats_recherche li a strong {
	color: #333;
}
.resultats_recherche li a:hover {
	color: #DA0027;
}


.hors_collection{
	position:absolute;
/*	margin-top:-100px;*/
	width:128px;
	padding:5px;
	background-color:#DA0027;
	font-size:10px;
	line-height:13px;
}

.hors_collection strong{
	color:#fff;
}	

/*DROPDOWN MENU*/

span.select {
	position: absolute;
	width: 128px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #999999;

	background: url(../images/dropdown.png) no-repeat;
	overflow: hidden;
	
	float: left;
	clear:left;
}


#slick-toggle{
	color: #fff;

	background: url(../images/recherche_avancee.png) no-repeat;
	overflow: hidden;
	height: 34px;
	display: block;
	float: left;
	clear: right;
	padding: 7px 10px 0 20px;
	text-decoration: none;
	margin-left: 10px;
	//width:200px;

}

#slick-toggle2{
	color: #fff;

	background: url(../images/recherche_avancee2.png) no-repeat;
	overflow: hidden;
	height: 34px;
	width:40px;
	display: block;
	float: left;
	clear: right;
}



/* FAQ */
#page_faq {
	margin: 0px;
	padding: 0px;
}
#page_faq h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
#liste_questions {
	float: left;
	width: 440px;
	margin: 0px;
	padding: 0px;
}
#liste_questions h3 {
	margin: 5px 0px;
	padding: 3px 5px;
	font-size: 12px;
	color: #DA0027;
	font-weight: normal;
	background-color: #FFF;
	border-bottom: 2px solid #999;
}
#liste_questions dl {
	margin: 10px 0px;
	padding: 0px;
}
#liste_questions dt {
	margin: 0px;
	padding: 4px 8px;
	color: #333;
	background-color: #FFF;
}
#liste_questions dd {
	margin: 0px;
	padding: 5px 15px 15px 15px;
	color: #777;
	background-color: #FFF;
}



/* lien retour */
.lien_retour {
	margin: 5px 0px;
	padding: 0px;
}
.lien_retour a {
	color: #555;
	text-decoration: none;
}
.lien_retour a:hover {
	color: #DA0027;
}


/* Footer */
#footer_site {
	margin: 20px 10px;
	padding: 0px;
	color: #ccc;
	font-size: 10px;
	float:left;
	clear: right;
	width: 295px;
}

#footer_site_2 {
	margin: 20px 10px;
	padding: 0px;
	color: #ccc;
	font-size: 10px;
	float:left;
	clear: right;
	width: 215px;
}

#footer_site_middle {
	margin: 0;
	padding: 10px 0px;
	color: #ccc;
	/*font-size: 10px;*/
	font-size:12px;
	line-height:20px;
	position: relative;
	float: left;
	clear: left;
	width: 100%;
}




.footer_underline {
	border-bottom-color: #222;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

.footer_middleline {
	border-bottom-color: #222;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	border-top-color: #999;
	border-top-style: solid;
	border-top-width: 1px;
}

.footer_upperline {
	border-top-color: #999;
	border-top-style: solid;
	border-top-width: 1px;
	
}

.footer_upperline img{
	margin: 5px 17px;

}

#footer_site H3, #footer_site_2 H3{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	margin:auto 0;
	}

#footer_site a,#footer_site_2 a, #footer_site_middle a {
	color: #fff;
	text-decoration: none;
}
#footer_site a:hover,#footer_site_2 a:hover, #footer_site_middle a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer_site p,#footer_site_2 p, #footer_site_middle p {
	margin: 10px 5px 5px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
}
#footer_site ul,#footer_site_2 ul, #footer_site_middle ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;
}
#footer_site li,#footer_site_2 li, #footer_site_middle li {
	padding: 2px 0px;
	/*border-bottom: 1px dotted #CCC;*/
}











.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../images/boxy/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { float:none; width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #525357; padding: 6px; height:13px; position: relative; }
	.boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; text-shadow:none;}
	.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
    
   
   
   .boxy-wrapper #form_changer_langue ul {
		bottom:10px;
		margin: 0px;
		padding: 0px;
   }
   .boxy-wrapper #form_changer_langue li{
		display: inline;
		float:left;
		margin:10px;
		text-align:center;
   }
   
   .boxy-wrapper #form_changer_langue img{
		border:0;
		
   }
   
   .boxy-wrapper #form_changer_langue #pays {
		display: inline;
		text-transform: uppercase;
		font-size: 10px;
		
	}
	
	.boxy-wrapper #form_changer_langue a {
		color: #525357;
		text-decoration: none;
		
		
	}
	.boxy-wrapper #form_changer_langue a:hover {
		color: #DB0124;
	}
	
	
	

	.boxy-wrapper #login {
		margin: 20px;
		padding: 0px;
   }
   
   




/*Changement de langue*/


#flag_top ul {
		float: right;
		bottom:10px;
		margin: 0;
		padding: 0px;
   }
#flag_top li{
		display: inline;
		float: left;
		margin: 0px 5px 0 0;
   }
   


/*LIENS BOUTONS*/
a.button {
    background: transparent url('../images/button_tpl_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    margin-top: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/button_tpl_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 6px 0 6px 25px;
} 

/*Pour le slider en home*/
a.button .span_link {
    background: transparent url('../images/button_tpl_span.png') no-repeat;
    display: block;
    line-height: 15px;
    height:14px;
    padding: 5px 0 6px 25px;
} 



.button_alpha {
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    margin-top: 6px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
    
}

.button_alpha span {
    display: block;
    line-height: 14px;
    padding: 6px 0 6px 13px;
    overflow:hidden;
}



.button_alpha:hover {
    background: transparent url('../images/alpha_btn_2.png') no-repeat scroll top right;
    text-decoration: none;
    
}

.button_alpha:hover span {
    background: transparent url('../images/alpha_btn.png') no-repeat ;
}



/**MENU*****************/
/*
#li_navigation_1 .dropdown:hover #menu_up_container {visibility: visible;}
#li_navigation_2 .dropdown:hover #menu_up_container {visibility: visible;}
#li_navigation_3 .dropdown:hover #menu_up_container {visibility: visible;}
#li_navigation_4 .dropdown:hover #menu_up_container {visibility: visible;}
#li_navigation_1 .dropdown:hover #menu_up {visibility: visible;}
#li_navigation_2 .dropdown:hover #menu_up {visibility: visible;}
#li_navigation_3 .dropdown:hover #menu_up {visibility: visible;}
#li_navigation_4 .dropdown:hover #menu_up {visibility: visible;}
*/
#menu_up{
	z-index: 100;
	position: absolute;
	margin:10px 0 0 0;
	/*width:960px;*/
	width:100%;
	/*padding: 10px 10px 0 10px;*/
	left:0px;
	overflow: hidden;
	visibility: hidden;
	
	/*background-image: url(../images/menu2_bkg_middle.png);
	background-position: top right;*/
	/*
	background-color:#222;
	-moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px;*/
}

#menu_up h3{
		margin:5px 10px;
		color:#888;
}



/*#li_navigation_1 #menu_up {margin-left:-10px;}
#li_navigation_2 #menu_up {margin-left:-332px;}
#li_navigation_4 #menu_up {margin-left:-203px;}
#li_navigation_3 #menu_up {margin-left:-475px;}*/

#menu_up_container{
	text-align:left;
	color:#888;
	background-color:#222;
    width:980px;
	margin:auto;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	height:340px;
}

menu_up_lien{
	float:left;
	width:100%;	
}

#menu_up_gammes, #menu_up_applications{
	float:left;
	clear:right;
	padding:5px;	
	margin:0px;
	/*background-color:#fff;*/
}

#menu_up_applications{
	/*width:759px;*/
}

#menu_up_gammes{
	width:180px;
}

#menu_up ul{
	float:left;
	clear:right;
	list-style-image:none;
 	list-style-position:inside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	
}


#menu_up li{
	padding:0px ;
	margin:0px;

	
}

#menu_up li a{
	float:left;
	clear:both;
	padding:4px 10px ;
	margin:0px;
	width:205px;
	color:#fff;
	text-transform:none;
}

#menu_up_gammes li a{
	width:170px;
}

#menu_up li p{
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
}

#menu_up li a:hover, #menu_up li a:hover p{
	background-color:#fff;
	text-decoration:none;
	color:#333;
}


#menu_up .img_gam{
	position:absolute;
	/*left:420px;*/
	margin-left:420px;
	//margin-left:-20px;
	top:10px;
	width:550px;
	/*height:100%;*/
	/*background-image: url(../images/menu2_bkg_middle.png);*/
	background-color:#222;
	overflow:hidden;
	
}

#menu_up .img_gam img{
	float:left;
	/*position:absolute;*/
	/*left:-75px;*/
	/*margin-left:215px;*/
	
}

#menu_up .img_gam img{
	margin-top:0px;
	margin-left:0px;	
}

#menu_up .img_appli{
	width:550px;
	position:absolute;
	margin-left:215px;
	
	float: right;
   	top:10px;
	visibility:hidden;
	background-color:#fff;
	height:330px;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	padding-top: 10px;
	
	
}

#menu_up .img_appli img{
	margin: 45px 200px;
} 

#menu_up li a:hover .img_appli{
	
	visibility:visible;
}

#menu_up #spacer{
	bottom:0px;
	width:980px;
	height:10px;
	margin:auto;
	background-color:#222;
	/*background-image: url(../images/menu2_bkg_middle.png);*/
	-moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px;
}
/*
#lien_gamme{
	position: absolute;
	left : 25px;
	top : -25;
}
*/





/**** HOME HOME HOME *****************************************************/



#menu_middle{
	float: left;
	padding-top: 10px;
	height: 450px;
	margin: 0px 8px;
	
}


#amenu_applications{
	margin: 0px;
	padding:0px;
	float: left;
	width: 960px;
	display: inline;
	list-style-position:inside;
	list-style-type:none;
}

#amenu_applications li{
	//float: left;
}

#amenu_applications h2{
	margin:0px;
	padding: 0px ;
	font-size:14px;
	width:220px;
	height: 40px;
	float: left;
	clear: left;
}

#amenu_applications h2 a{
	font-size: 17px;
	text-decoration: none;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	color: #202020;	
	text-shadow:0 1px 0 #FFFFFF;
}

#amenu_applications p{
	margin:0px;
	padding:10px 0 0 0 ;
	font-size:13px;
	width:220px;
	color: #94979C;
	font-size: 12px;
	line-height: 20px;
	height: 160px;
	float:left;
	clear: left;
}



.lien_img_marche{
	float: left;
	clear: left;
	width: 208px;
	background-color: #fff;
	border-color: #d1d1d1;
	border-style: solid;
	border-width: 1px;
	
	padding: 5px;
	overflow: hidden;
}

.lien_img_marche:hover{
	border-color: #777;
}


.lien_img_marche img{
	float: left;
	clear: left;
	width: 208px;
	overflow: hidden;
}

.lien_img_marche span{
	float: left;
	width: 208px;
	overflow: hidden;
}
















/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; max-height:300px; width:240px; overflow:hidden }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */



/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable
----------------------------------*/
.ui-selectable-helper { border:1px dotted black }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }