/* ########## DESIGN------*/
body, html { text-align: center; background-color: #968067; margin: 0px; padding: 0px }
a:link { color: #75C5EF; text-decoration: none }
a:active { color: #75C5EF; text-decoration: none }
a:visited { color: #75C5EF; text-decoration: none }
a:hover { color: #75C5EF; text-decoration: underline }
.clear { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0; border: 0; display: block; font-size:1px; visibility: hidden}
/* ########## DESIGN TOP ------*/
.design_top_all { background-color: #968168; background-image: url('images/bg-top_all.png'); background-repeat: repeat-x; background-position: top }
.design_top { width: 1000px; height: 180px; background-image: url('images/bg-top2.png'); background-repeat: no-repeat; margin-left: auto; margin-right: auto; background-position: center top }
.design_top_advertising { height: 92px; text-align: right; padding-top: 1px; padding-bottom: 1px }
.design_top_menu_top { height: 15px; text-align: right; font-family: Arial; color: #FFFFFF; font-size: 11px }
.design_top_menuonglet { height: 78px; text-align: left; vertical-align: bottom; margin-left: 315px; padding-top: 48px }
.top_link:link { color: #BBE1F7; text-decoration: none; font-size: 11px }
.top_link:active { color: #BBE1F7; text-decoration: none; font-size: 11px }
.top_link:visited { color: #BBE1F7; text-decoration: none; font-size: 11px }
.top_link:hover { color: #BBE1F7; text-decoration: underline; font-size: 11px }
/* ########## MENU ONGLET ------*/
.menuonglet { background-color: #DBD3CC; color: #FFFFFF; float: left; font-family: Arial; font-size: 12px; font-weight: bold; margin-right: 2px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 3px }
.menuonglet a:link { color: #FFFFFF; text-decoration: none }
.menuonglet a:active { color: #FFFFFF; text-decoration: none }
.menuonglet a:visited { color: #FFFFFF; text-decoration: none }
.menuonglet a:hover { color: #FFFFFF; text-decoration: none }
.menuonglet_bleu { background-color: #75C5EF; color: #FFFFFF; float: left; font-family: Arial; font-size: 12px; font-weight: bold; margin-right: 2px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 3px }
.menuonglet_bleu a:link { color: #FFFFFF; text-decoration: none }
.menuonglet_bleu a:active { color: #FFFFFF; text-decoration: none }
.menuonglet_bleu a:visited { color: #FFFFFF; text-decoration: none }
.menuonglet_bleu a:hover { color: #FFFFFF; text-decoration: none }
.menuonglet_orange { background-color: #E77817; color: #FFFFFF; float: left; font-family: Arial; font-size: 12px; font-weight: bold; margin-right: 2px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 3px }
.menuonglet_orange a:link { color: #FFFFFF; text-decoration: none }
.menuonglet_orange a:active { color: #FFFFFF; text-decoration: none }
.menuonglet_orange a:visited { color: #FFFFFF; text-decoration: none }
.menuonglet_orange a:hover { color: #FFFFFF; text-decoration: none }
.menuonglet_blanc { background-color: #FFFFFF; color: #12A3DA; float: left; font-family: Arial; font-size: 12px; font-weight: bold; margin-right: 2px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 3px; text-decoration: none; }
/* ########## DESIGN CONTENT ------*/
.design_content_all { background-color: #B8B1A7 }
.design_content { width: 1000px; background-image: url('images/bg-content.png'); background-repeat: repeat-y; background-position: top; margin-left: auto; margin-right: auto }
.design_content_left { width: 295px; float: left; text-align: left; margin-top: 10px; padding-right: 20px }
.design_content_right { width: 665px; float: left; text-align: left; background-color: #FFFFFF; color: #968067; font-size: 12px; font-family: Arial; padding: 10px}
/* ########## BLOCS ------*/
/* ########## HABILLAGE BLOC ------*/
.bonobgnotyno { margin-bottom: 10px}
.bomabgwityma { margin-bottom: 10px; padding: 9px; border: 1px solid #968067; font-family: Arial; font-size: 12px; color: #514537; background-image: url('images/bg-content-blanc.png')}
.bowibgwityma { margin-bottom: 10px; padding: 9px; border: 1px solid #FFFFFF; font-family: Arial; font-size: 12px; color: #514537; background-image: url('images/bg-content-blanc.png')}
.bomabgmatywi { margin-bottom: 10px; padding: 9px; border: 1px solid #968067; font-family: Arial; font-size: 12px; color: #FFFFFF; background-image: url('images/bg-content-maron.png')}
.bomabgbetyma { margin-bottom: 10px; padding: 9px; border: 1px solid #968067; font-family: Arial; font-size: 12px; color: #514537; background-image: url('images/bg-content-beige.png')}
.boorbgwityor { margin-bottom: 10px; padding: 9px; border: 1px solid #E77817; font-family: Arial; font-size: 12px; color: #E77817; background-image: url('images/bg-content-blanc.png')}
.boorbgortywi { margin-bottom: 10px; padding: 9px; border: 1px solid #E77817; font-family: Arial; font-size: 12px; color: #FFFFFF; background-color: #E77817}
.boblbgwitybl { margin-bottom: 10px; padding: 9px; border: 1px solid #11A2DA; font-family: Arial; font-size: 12px; color: #11A2DA; background-image: url('images/bg-content-blanc.png')}
.boblbgbltywi { margin-bottom: 10px; padding: 9px; border: 1px solid #11A2DA; font-family: Arial; font-size: 12px; color: #FFFFFF; background-color: #11A2DA}
.fullblack { margin-bottom: 10px; padding: 9px; border: 1px solid #000; font-family: Arial; font-size: 12px; color: #FFF; background-color: #000}
/* ### BLOC NUAGE ----*/
.nuage { margin-bottom: 10px; padding: 9px; border: 1px solid #E77817; font-family: Arial; font-size: 12px; color: #E77817; background-image: url('images/bg-content-blanc.png')}
.nuage1 { font-size: 12px; color: #422100; text-decoration: none }
.nuage2 { font-size: 14px; color: #660066; text-decoration: none }
.nuage3 { font-size: 17px; color: #000066; text-decoration: none }
.nuage4 { font-size: 21px; color: #003399; text-decoration: none }
.nuage5 { font-size: 26px; color: #99CCFF; text-decoration: none }
/* ##### FORMAT BLOC LEFT ------*/
.d145 {width: 300px}
.d145_left {width: 145px; float: left; margin-right: 10px; margin-bottom: 10px}
.d145_right {width: 145px; float: left; margin-bottom: 10px}
.d125 {width: 270px; background-image: url('images/modules/left/white-transparent-50.png'); padding: 15px; margin-bottom: 10px}
.d125_left {width: 125px; float: left; margin-right: 20px}
.d125_right {width: 125px; float: left}
/* ##### FORMAT BLOC RIGHT ------*/
.d180_468 {width: 660px }
.d180_468_left {width: 180px; float: left; margin-right: 12px; margin-bottom: 10px}
.d180_468_right {width: 468px; float: left; margin-bottom: 10px}
.d468_180 {margin-bottom: 10px; width: 665px }
.d468_180_left {width: 468px; float: left; margin-right: 12px}
.d468_180_right {width: 180px; float: left}
.d325_325 {width: 660px}
.d325_325_left {width: 325px; float: left; margin-right: 10px; margin-bottom: 10px}
.d325_325_right {width: 325px; float: left; margin-bottom: 10px}
.d210_210_210 {text-align: center}
.d210_210_210_left {width: 215px; float: left; text-align: left; margin-right: 10px; margin-bottom: 10px}
.d210_210_210_right {width: 215px; float: left; text-align: left; margin-bottom: 10px}
.d430_210 {margin-bottom: 10px; width: 665px; text-align: center}
.d430_210_left {width: 440px; float: left; text-align: left; margin-right: 10px; margin-bottom: 10px}
.d430_210_right {width: 215px; float: left; text-align: left; margin-bottom: 10px}
/* ########## LEFT SOUSMENU ----- */
.sousmenu2 {width: 298px; background-image: url('images/modules/left/white-transparent-50.png');
border: 1px solid #FFFFFF; margin-bottom: 10px }
.sousmenu2titre
{
width: 278px;
font-family: cambria, serif;
font-style: italic;
font-size: 20px;
color: #42322C;
font-weight: bold;
background-image: url('file:///C:/Documents%20and%20Settings/fawi/Bureau/old-2990-12/WdMMdI/DEP%20-%20AUTO/CLASSIC%20CAR%20COTATION/white-transparent-50.png');
border-bottom: 1px dotted #FFFFFF;
padding: 10px
}
.sousmenu2linktitre
{
width: 278px;
font-family: Arial;
font-weight: bold;
color: #967E65;
font-size: 12px;
border-bottom: 1px dotted #FFFFFF;
padding-left: 79px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none
}
.sousmenu2linksoustitre a
{
width: 278px;
font-family: Arial;
color: #967E65;
font-size: 12px;
border-bottom: 1px dotted #FFFFFF;
padding-left: 89px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none
}
.sousmenu2link a:link, .sousmenu2link a:active, .sousmenu2link a:visited
{
width: 218px;
display: block;
font-family: Arial;
color: #42322C;
font-size: 12px;
border-bottom: 1px dotted #FFFFFF;
padding-left: 78px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none
}
.sousmenu2linkbottom a
{
width: 218px;
display: block;
font-family: Arial;
color: #42322C;
font-size: 12px;
padding-left: 79px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none
}
.sousmenu2link a:hover, .sousmenu2linkbottom a:hover
{
width:205px;
display: block;
color: #42322C;
text-decoration: none;
background-image: url('ccs-content/themes/v31/images/white-transparent-50.png');
padding-left: 90px
}
/* ########## DESIGN BOTTOM -----*/
.design_bottom_all { background-color: #968168; background-image: url('images/bg-bottom_all.png'); background-repeat: repeat-x; background-position: top }
.design_bottom { width: 1000px; background-image: url('images/bg-bottom.png'); background-repeat: no-repeat; background-color: #968067; color: #FFFFFF; font-family: Arial; font-size: 10px; margin-left: auto; margin-right: auto; padding-top: 20px; background-position: center top }
.design_bottom_about { width: 233px; float: left; text-align: left; font-family: Arial; font-size: 11px; color: #ECE9D8; border-right: 2px solid #E77817; margin-left: 80px; padding-right: 10px }
.design_bottom_rubriques{ width: 123px; float: left; text-align: left; font-family: Arial; font-size: 11px; color: #ECE9D8; border-left: 2px solid #75C5EF; padding-left: 10px }
.design_bottom_nav { width: 123px; float: left; text-align: left; font-family: Arial; font-size: 11px; color: #ECE9D8; border-right: 2px solid #E77817; padding-right: 10px }
.design_bottom_legal { width: 393px; float: left; text-align: right;font-family: Arial; font-size: 11px; color: #ECE9D8; border-left: 2px solid #75C5EF; padding-left: 10px; padding-left: 10px }
.design_bottom_bottom { text-align: left; font-family: Arial; font-size: 11px; color: #ECE9D8; margin-left: 80px; padding-top: 20px; padding-bottom: 10px }
.bottom_link:link { color: #BBE1F7; text-decoration: none }
.bottom_link:active { color: #BBE1F7; text-decoration: none }
.bottom_link:visited { color: #BBE1F7; text-decoration: none }
.bottom_link:hover { color: #BBE1F7; text-decoration: underline }
/* ########## FORM ----*/
div#form { background-color: #FFFFFF; font-family: Arial; font-size: 12px; color: #AB9A87; padding-bottom: 10px }
.tdform1 { background-color: #ECE9D8; font-family: Arial; font-size: 12px; color: #8A7E72; background-color: #ECE9D8; border-bottom: 1px dotted #8A7E72 }
.tdform1on { background-color: #ECE9D8; font-family: Arial; font-size: 12px; color: #8A7E72; background-color: #E2DEC2; border-left: 0 solid #8A7E72; border-right: 0 solid #8A7E72; border-top: 0 solid #8A7E72; border-bottom: 1px dotted #8A7E72 }
.formerror { font-family: Arial; font-size: 11px; color: #FF0000; font-weight: bold }
.chform { font-family: Arial; font-size: 12px; color: #8A7E72; border: 1px solid #8A7E72; width: 300px }
.chformoff { font-family: Arial; font-size: 12px; color: #8A7E72; border: 1px solid #FFFFFF; width: 300px; background-color: #ECE9D8 }
.chformon { font-family: Arial; font-size: 12px; color: #48A3D9; border: 1px solid #12A3DA; width: 300px }
.chformerror { font-family: Arial; font-size: 12px; color: #FF0000; width: 300px; border: 1px solid #FF0000 }
.bt1 { background-color: #12A3D9; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; border: 1px solid #48A3D9; padding: 1px; cursor: pointer}
.bt1on { background-color: #FF6600; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; cursor: pointer; border: 1px solid #FF6600; padding: 1px }
.bt2 { background-color: #AB9A87; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; cursor: pointer; border: 1px solid #AB9A87; padding: 1px }
.bt2on { background-color: #FF6600; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; cursor: pointer; border: 1px solid #FF6600; padding: 1px }
/* ########## COTATION ----*/
div#cotation {background-color: #FFFFFF; padding-bottom: 10px;}
.trtitre { font-family: Arial; font-size: 12px; color: #FF6600 }
.trselectoff { font-family: Arial; font-size: 12px; color: #8A7E72 }
.trselecton { font-family: Arial; font-size: 12px; color: #8A7E72; background-color: #ECE9D8 }
.cotation-search-form { font-family: Arial; font-size: 12px; color: #514537; border: 1px solid #8A7E72; width: 120px }
.cotation-search-form200{ font-family: Arial; font-size: 12px; color: #514537; border: 1px solid #8A7E72; width: 200px }
.cotation-search-form405{ font-family: Arial; font-size: 12px; color: #514537; border: 1px solid #8A7E72; width: 405px }
/* ########## INFOBULLES ----*/
a.infobulle1 { position:relative; background:none; z-index:10;}
.infobulle1:hover { z-index:20;}
a.infobulle1 span { display:none;}
a.infobulle1:hover span { display: block; position: absolute; top: -15px; left: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 10px; color: #12A3DA; text-decoration: none; text-align: justify; background-color: #FFFFFF; border: 1px solid #12A3DA; padding: 3px }
a.infobulle2 { position:relative; background:none; z-index:10;}
.infobulle2:hover { z-index:20;}
a.infobulle2 span { display:none;}
a.infobulle2:hover span { display: block; position: absolute; top: -125px; left: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 10px; color: #12A3DA; text-decoration: none; text-align: justify; background-color: #FFFFFF; border: 1px solid #12A3DA; padding: 3px }
/* ########## PUBLIREDAC ----*/
.publiredac_top { font-family: Arial; color: #0099CC; font-size: 20px; font-weight: bold; margin-bottom: 10px}
.publiredac_left { width: 468px; float: left; font-family: Arial; font-size: 12px; color: #504034}
.publiredac_cadre_photo { height: 250px; background-image: url('photo1.png'); margin-bottom: 10px}
.publiredac_left_soustitre { width: 100%; font-family: Arial; font-size: 15px; color: #0099CC; font-weight: bold; border-bottom: 1px dotted #808080; padding-bottom: 5px; padding-top: 10px; margin-bottom: 10px; margin-top: 10px}
.publiredac_right { width: 192px; float: left; padding-left: 5px}
.publiredac_right_2 { font-family: Arial; font-size: 12px; color: #504034; border: 1px solid #0099CC; margin-bottom: 10px; padding: 5px }
.publiredac_right_2 a { font-family: Arial; font-size: 12px; color: #504034; text-decoration: none }
.publiredac_right_2_reduction { font-family: Arial; font-size: 12px; color: #808080; border: 1px dashed #808080; margin-bottom: 10px; padding: 5px; background-image: url('/ccs-includes/images/publiredac/bg-reduction1.png'); background-repeat: no-repeat; padding-top: 50px; background-position: center top }
.publiredac_reduction_bt_imprimer {cursor: pointer; background-color: #EAEAEA; color: #FF6600; padding: 3px; float: left; width: 82px; margin-right: 6px; text-decoration: none}
.publiredac_reduction_bt_partager {cursor: pointer; background-color: #EAEAEA; color: #FF6600; padding: 3px; width: 82px; text-decoration: none}
/* ########## ANNUAIRE TRI ALPHABETIQUE ----*/
.trialpha { width: 310px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px}
.trialphatitre { font-family: Arial; font-size: 20px; color: #625850; font-weight: bold; border-bottom: 1px dotted #967E65}
.trialphalink { font-family: Arial; font-size: 11px; color: #967E65; text-decoration: none }
.trialphalink a:link, a:active, a:visited { font-family: Arial; font-size: 11px; color: #967E65; text-decoration: none }
.trialphalink a:hover { font-family: Arial; font-size: 11px; color: #80B9F1; text-decoration: underline }
/* ########## ANNONCES ----*/
.annonce { border: 1px dotted #402711; padding: 5px; margin-bottom: 20px; width: 645px }
.annonce0 { border: 2px solid #0099CC; padding: 5px; margin-bottom: 20px; width: 645px }
.annonce2 { background-color: #F8F7F1; width: 645px; border: 1px dashed #0099CC; margin-bottom: 20px; padding: 5px }
.annonce02 { background-color: #F8F7F1; width: 645px; border: 2px dashed #0099CC; margin-bottom: 20px; padding: 5px }
.annonce-titre { font-family: Arial; font-size: 15px; color: #402711; margin-bottom: 12px}
.annonce-description { font-family: Arial; font-size: 13px; color: #402711; margin-bottom: 12px; }
.annonce-contact { font-family: Arial; font-size: 12px; color: #402711; font-weight: bold; width: 100%; border-top: 1px solid #C0C0C0; padding-top: 5px }
.annonce-promo { text-align: right; padding: 5px }