A:LINK { color: #666666; text-decoration: none; }
A:VISITED { color: #666666; text-decoration: none; }
A:HOVER, A.select { color: #ff0000; text-decoration: none; }

body { margin: 0; text-align: center; background-color: #d2d2d2; font-size: 11px; }
body, td, th { font-family: Arial, sans-serif; font-size: 11px; }
div, p, span, ul, li { padding: 0; margin: 0; }
	#centre ul { line-height: 16px; }
form { display : block; margin : 0; padding : 0; }
img { display: block; }
a img { border: none; }
label { width: 100px; padding-left: 9px; text-align: left; float: left; display: inline; }
table.collapse { border-collapse: collapse; border-spacing: 0; } 
td img { display: inline; }
fieldset { padding: 8px; }
legend.center { margin: auto; width: 1%; display: block; }
br.sep { clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
* + html .clearfix {display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {clear: both;}

.txt_left { text-align: left; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_blanc { color: #ffffff; }
.bg_white { background-color: #ffffff; }
.txt_rouge { color: #ff0000; }
.txt_vert { color: #1BA822; }
.txt_white, a.txt_white:link, a.txt_white:visited, .txt_white, .txt_white a:link, .txt_white a:visited { color: #ffffff; }
.txt_black, a.txt_black:link, a.txt_black:visited, .txt_black, .txt_black a:link, .txt_black a:visited { color: #000000; }
a.txt_black:hover { color: #ff0000; }
.txt_souligne { text-decoration: underline; }
.inline { display: inline; }
.txt_small { color: #666666; }
.txt_souligne { text-decoration: underline; }
.txt_12 { font-size: 12px !important; }
.txt_14 { font-size: 14px; }
.txt_18 { font-size: 18px; }
.txt_24 { font-size: 24px; }
a.noLink { color: #000000; text-decoration: none; }
input.field { background-image: url(../../images/bg_input_text.gif); background-repeat: repeat-x; border: 1px solid #cccccc; }
.txt_erreur { font-family: Arial; font-size: 12px; }
.txt_erreur input, .text_erreur textarea, .txt_erreur select { background: none; background-color: #fff1f1; border: 1px solid #fc9696; }
.txt_obligatoire { font-family: Arial; font-size: 12px; font-weight: bold; }
.txt_etoile { font-family: Verdana; font-size: 14px; font-weight: bold; color: #ff0000; }
.ico { margin-right: 5px; display: inline; vertical-align: middle; }
.ico { margin-right: 5px; display: block; vertical-align: middle; float: left; }
.margin_t { margin-top: 10px; }
.margin_b { margin-bottom: 10px; }
.margin_l { margin-left: 10px; }
.margin_r { margin-right: 10px; }
.padding { padding: 0 15px; }

.td_default_height td { height: 30px; }
.sep_down_noir td { border-bottom: 1px solid #000000; }
.sep_down_gris td { border-bottom: 1px solid #eaeaea; }

/* Divers */
p#modele { margin: 0; padding: 0; display: inline; }
.txt_barre { text-decoration: line-through; color: #627386; }
.formSimple { background-color: #ffffff; padding: 10px; margin-bottom: 4px; }
.hover { background-color: #ffffcc; }
.bg_carbonne { background: url(../../images/bg_carbonne.gif) repeat; }
.overlay{ background-image: url(../../images/overlay.png); position: fixed; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; }
	* html .overlay{ background: none; background-color: #000000; }
.sep_x { padding: 5px; border-right: 1px solid #d9d9d9; width: 1px; font-size: 1px; }
 .iepngfix { behavior: url(../../iepngfix.htc) }

/* Sous menu Ajax des formulaires */
.ss_menu_ajax { position: absolute; margin-top: 1px; padding: 10px; background-color: #ecf8ff; border: 4px solid #d6e0f5; }
.ss_menu_ajax li { margin: 0; padding: 0; list-style-type: none; }
.ss_menu_ajax a { width: 200px; color: #666666; border-bottom: 1px solid #aaaaaa; display: block; }
.ss_menu_ajax a:hover { background-color: #ffcc00; }

/* Liste de pages dans les formulaires à plusieurs pages */
.ul_etape { margin: 0; padding: 0; }
.ul_etape li { line-height: 30px; padding-left: 15px; padding-right: 25px; margin-bottom: 12px; background-color: #e4e4e4; background-image: url(../../images/fleche.gif); background-position: top right; background-repeat: no-repeat; color: #000000; float: left; list-style-type: none; }
.ul_etape li.selected { background-color: #ee2524; color: #ffffff; font-weight: bold; }
.ul_etape li.selectedBlue { background-color: #3366cc; color: #ffffff; font-weight: bold; }
.ul_etape li#last { padding-right: 15px; background-image: none; }

/* Divers */
#modele { margin: 0; padding: 0; display: inline; }
#bg_carte_fr { background-image: url(../../images/bg_carte_fr.gif); background-repeat: no-repeat; background-position: 100% 100%; }
.carte_france_mini { padding-left: 32px; background-image: url(../../images/ico/ico-france-27x27.gif); background-repeat: no-repeat; }
select.select_annee { width: 80px; }

#table_marque_small a { color: #737373; font-size: 12px; font-weight: bold; }
#table_marque_small a:hover { color: #ff0000; }
#table_marque_small img { width: 16px; }

/* Liste float left */
.liste_colonnes { list-style: none; padding: 0; margin: 0; }
.liste_colonnes li { display: inline; float: left; width: 25%; font-size: 11px; color: #666; }
.liste_colonnes img { display: inline; }
.liste_colonnes a { font-size: 12px; color: #000; }

/* Paginateur */
#ListePageCont { text-align: center; font-size: 12px; }
#ListePage { margin: 0; padding: 0; height: 27px; margin: 0 auto; padding-left: 1px; border-left: 1px solid #cccccc; display: table; }
* html #ListePage { padding-bottom: 5px; display: inline; zoom: 1; }
#ListePage li { margin: 0; padding: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; list-style-type: none; display: block; float: left; }
#ListePage a { line-height: 24px; width: 24px; background-image: url(../../images/structure/li_ListePage.png); background-repeat: repeat-x; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; font-size: 14px; font-weight: bold; text-align: center; display: block; float: left; }
#ListePage a:hover, #ListePage #select { color: #ff0000; background-image: url(../../images/structure/li_ListePageHover.gif); background-repeat: repeat-x; }

.optinDiv {margin:5px 0; font-size:11px;}
.optinDiv p {padding:5px; margin: 5px 0; font-weight:bold; background-color: #ededee; }
.optinDiv label { float: none; }

.equipements h3 { margin: 0; }
.equipements p { width: 33%; float: left; }

span.basket_out, #liste span.basket_in { cursor: pointer; width: 16px; height: 16px; display: inline-block; }
span.basket_out { background: url(/images/star_empty.png) no-repeat left top;}
span.basket_in { background: url(/images/star_full.png) no-repeat left top;}

.align-c { text-align: center; }
.align-l { text-align: left; }
.align-r { text-align: right; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.hidden  {display: none;}
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.min-height { height: 1%; }
.min-width { width: 1%; }
.max-height { height: 100%; }
.max-width { width: 100%; }
.no-border { border: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.relative { position: relative; }
.round-all { border-radius: 5px 5px 5px 5px; }
.round-all-small { border-radius: 2px 2px 2px 2px; }
.round-none { border-radius: 0 0 0 0; }
/* Titles */
h1 { margin: 0; padding: 0 50px 0 0; font-size : 18px; text-align: left; text-shadow: 2px 2px 0 #FFF; }
h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; text-align: left; }
/* Buttons */
.btn, a.btn { line-height: 36px; border: 0; color: #FFF; text-shadow: 1px 1px 0 #000; font-size: 16px; font-weight: bold; text-align: center; padding: 10px 15px; text-decoration: none; font-style: none; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.btn-small, a.btn-small { padding: 8px 10px; border: 0; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; font-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.btn-grey, a.btn-grey { color: #6f6f6f; text-shadow: 0 0 0;}
.btn:hover, .btn-small:hover { opacity: 0.7; }
/* Block */
.box { margin-bottom: 10px; background-color: #ffffff; text-align: left; border: 1px solid #bcbcbc; }
.box-head, .box-head-b, .box-head-grey { margin: 0 !important; padding: 5px 10px; font-size: 16px; text-align: left; font-weight: bold; display: block; color: #ffffff; }
.box-head a:link, .box-head a:visited, .box-head-b a:link, .box-head-b a:visited { color: #ffffff; }
.block { padding: 10px; }
.block-head { font-size: 14px; display: block; margin: 0 0 10px 0; }
.lr-box-head, .lr-box-head-b { padding: 5px; margin: 0; color: #ffffff !important; font-size: 12px; text-align: left; text-shadow: none; border: none; display: block; }
.lr-box-head .arrow-b { border-color: #a0231e transparent !important; position: absolute; margin-top: 18px; }
.lr-box-head-b .arrow-b { border-color: #2e9a9f transparent !important; position: absolute; margin-top: 18px; }
/* Block nav */
.block-nav { list-style: none; padding: 0; margin: 0; }
.block-nav li { border-right: 1px solid #cccccc; display: inline; float: left; }
.block-nav li:last-child { border: none; }
.block-nav a { padding: 0px 10px; display: block; color: #000;  }
/* Page nav */
.top-nav { padding: 0; margin: 0 0 10px 0; }
.top-nav li { padding-left: 21px; line-height: 16px; background: url(../../images/generic-icons.png) no-repeat 0px -80px; list-style-type: none; float: left; display: block; }
/* Gradients */
#menu, .btn, .btn-small, .btn-1, .box-head { background: -moz-linear-gradient(top, #cc2c25, #9a221d); background-color: #cc2c25; }
.btn-2, .btn-b, .box-head-b { background: -moz-linear-gradient(top , #37B3B9, #288186); background-color: #37B3B9; }
.btn-grey, .box-head-grey { color: #6f6f6f; text-shadow: 0 0 0; background: -moz-linear-gradient(top, #DCDCDC, #C2C2C2); background-color: #c4c4c4; }
.gradient { background: -moz-linear-gradient(top, #ffffff, #d5d5d5); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d5d5d5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d5d5d5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d5d5d5)"; background-color: #ffffff; }
.lr-box-head { background: #e16158; background: -moz-linear-gradient(top,  #e16158 0%, #e16158 10%, #c92b25 10%, #a0231e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e16158), color-stop(10%,#e16158), color-stop(10%,#c92b25), color-stop(100%,#a0231e)); background: -webkit-linear-gradient(top,  #e16158 0%,#e16158 10%,#c92b25 10%,#a0231e 100%); background: -o-linear-gradient(top,  #e16158 0%,#e16158 10%,#c92b25 10%,#a0231e 100%); background: -ms-linear-gradient(top,  #e16158 0%,#e16158 10%,#c92b25 10%,#a0231e 100%); background: linear-gradient(top,  #e16158 0%,#e16158 10%,#c92b25 10%,#a0231e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16158', endColorstr='#a0231e',GradientType=0 ); }
.lr-box-head-b { background: #6ed0d4; background: -moz-linear-gradient(top,  #6ed0d4 0%, #6ed0d4 10%, #36b1b7 10%, #2e9a9f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ed0d4), color-stop(10%,#6ed0d4), color-stop(10%,#36b1b7), color-stop(100%,#2e9a9f)); background: -webkit-linear-gradient(top,  #6ed0d4 0%,#6ed0d4 10%,#36b1b7 10%,#2e9a9f 100%); background: -o-linear-gradient(top,  #6ed0d4 0%,#6ed0d4 10%,#36b1b7 10%,#2e9a9f 100%); background: -ms-linear-gradient(top,  #6ed0d4 0%,#6ed0d4 10%,#36b1b7 10%,#2e9a9f 100%); background: linear-gradient(top,  #6ed0d4 0%,#6ed0d4 10%,#36b1b7 10%,#2e9a9f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ed0d4', endColorstr='#2e9a9f',GradientType=0 ); }
/* Bullets */
.bullet li, .bullet-b li, .bullet-grey li, .bullet-car li, .bullet-car-b li, .bullet-car-grey li, .bullet-foto li { list-style-type: none; background: url(../../images/generic-icons.png) no-repeat left top; display: block; line-height: 16px; padding-left: 21px; margin-bottom: 2px; }
.bullet-car li, .bullet-car-b li, .bullet-car-grey li, .bullet-foto li { margin-bottom: 5px; }
.bullet-car li { background-position: 0px 0px; }
.bullet-car-b li { background-position: 0px -16px; }
.bullet-car-grey li { background-position: 0px -32px; }
.bullet-foto li { background-position: 0px -48px; }
.bullet-foto li.no-foto { background-position: 0px -64px; }
.bullet li { background-position: 0px -96px; padding-left: 16px; }
.bullet-b li { background-position: 0px -112px; padding-left: 16px; }
.bullet-grey li { background-position: 0px -128px; padding-left: 16px; }
#gauche .bullet, #gauche .bullet-b, #gauche .bullet-grey { margin: 5px 0px; }
/* Arrows */
.arrow-t, .arrow-b, .arrow-l, .arrow-r { width: 0px; height: 0px; display: inline-block; border-style: solid; }
.arrow-t { border-width: 0px 5px 5px 5px; border-color: black transparent; }
.arrow-b { border-width: 5px 5px 0px 5px; border-color: black transparent; }
.arrow-l { border-width: 5px 5px 5px 0px; border-color: transparent black; }
.arrow-r { border-width: 5px 0px 5px 5px; border-color: transparent black; }
.r-block-head .arrow-r { border-color: transparent #37b3b9; }
/* Borders */
.border-all, .border-t, .border-b, .border-l, .border-r { border-color: #d9d9d9; border-style: solid; }
.border-all { border-width: 1px 1px 1px 1px; }
.border-t { border-width: 1px 0px 0px 0px; }
.border-b { border-width: 0px 0px 1px 0px; }
.border-l { border-width: 0px 0px 0px 1px; }
.border-r { border-width: 0px 1px 0px 0px; }
/* Justify */
.block-justify { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.block-justify:after { content: ''; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.justify { vertical-align: top; display: inline-block; *display: inline; zoom: 1; float: none; }
/* overlink */
.overlink {position: relative; overflow: hidden; text-align: left; zoom:1; }
.overlink strong{ display:block; background-color: #000000; position: absolute; left: 0px; bottom:0px; color:#fff; font-weight:bold; width:100%; cursor:pointer; float:left; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.overlink span{ display:block; padding: 5px 0; font-size: 14px; text-align: center; }
.overlink a:hover strong, .overlink a:focus strong{ background-color: #e10202; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
/* Icons */
.liste-type-icon { width: 44px; height: 60px; background-image: url(../../images/sprite-liste-type.png); background-repeat: no-repeat; display: block; }
.icon-map-fr { background-position: 0px 0px; }
.icon-energy { background-position: 0px -60px; }
.icon-type { background-position: 0px -120px; }

/* Indice co2 */
.niveau_co2 { background: url(/images/picto_niveau_co2.png) no-repeat right top; height: 21px; display: block; }
.co2_a { background-position: 50% 0px; }
.co2_b { background-position: 50% -21px; }
.co2_c { background-position: 50% -42px; }
.co2_d { background-position: 50% -63px; }
.co2_e { background-position: 50% -84px; }
.co2_f { background-position: 50% -105px; }
.co2_g { background-position: 50% -126px; }

/* Styles utilisés à supprimer */
#centre .header { margin: 0; padding: 3px 5px; font-size: 18px; text-align: left; text-shadow: 0 1px 0 #ffffff; font-weight: bold; background-color: #ffffff; display: block; }
#centre .header a, .header a:link, .header a:visited { color: #222222; }
.bloc_large { margin-bottom: 10px; background-color: #ffffff; text-align: left; }
.bloc_large div.bloc_large_padding { padding: 10px; }
.bloc_large h3 { margin: 0; padding: 0; margin-bottom: 15px; font-size: 16px; color: #cc2c25; }
.bloc_large div.vignettes { padding: 10px 0 10px 10px; }

/* Styles plus utilisés en dev */
.bloc-save { padding: 8px; background-color: #ffffff; border: 1px solid #d9d9d9; }
.ss_header { margin: 0; padding: 0 5px; color: #222222; font-size: 14px; background-color: #ffffff; }
.ss_header a, .ss_header a:link, .ss_header a:visited { color: #222222; }
.ul_onglet { margin: 0; padding: 0; clear: both; }
.ul_onglet li { margin: 0; padding: 0; margin-right: 2px; float: left; list-style-type: none; }
.ul_onglet a { width: 150px; height: 32px; line-height: 32px; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; background-color: #37B3B9; text-align: center; display: block; }
.ul_onglet a:visited { color: #ffffff; }
.ul_onglet a:hover, .ul_onglet .on a { background-color: #cc2c25; }
.ul_navigation { margin: 0; padding: 0; }
.ul_navigation li { margin-right: 5px; padding-left: 9px; background-image:url(../../images/li_navigation.png); background-repeat: no-repeat; background-position: left center; list-style-type: none; display: inline; }
.ul_navigation a { text-decoration: underline; }
.ul_navigation .selected a { color: #ff0000; }