/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* couleurs utilisees
 *
 * - #b8131f
 * - #f9f9f9
 * - #ddd
 * - #f63
 */
 
 
 /* Éléments modifiés ou ajoutés en HTML5. Ces styles par défaut
   sont principalement suggérés par http://dev.w3.org/html5/markup/
   Pour hr et small, comparer avec http://www.w3.org/TR/CSS2/sample.html
*/

.lang { position:absolute; right:273px; top:33px}
.lang a.on{ color:#FFF}


.plan li a {text-transform:uppercase}
.spip_surligne{background: none; text-decoration:underline}

article,aside,canvas,command,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }
datalist { display: none; }
hr { margin: 0.5em auto; } 
progress { display: inline-block; height: 1em; width: 10em; vertical-align: -0.2em; }
ruby,rt { text-indent: 0; line-height: normal; }
small { font-size: smaller; }

.icone a{ height:36px; width:36px; overflow:hidden; display:block; float:left; margin: 15px 5px 0 0 }
.facebook a{ background:url(img/facebook.jpg) no-repeat}
.facebook a:hover { background-position:  0px -35px}
.twit a{ background:url(img/twit.jpg) no-repeat}
.twit a:hover { background-position:  0px -35px}
.youtube a{ background:url(img/youtube.jpg) no-repeat}
.youtube a:hover { background-position:  0px -35px}

#pied .menu a.on{ color:#FFF; }
#pied .adxmenu a.on { background:none; color:#FFF; }
#pied .adxmenu a { font-size:1.1em; margin-bottom:1em;}
#pied h3.title{text-transform:uppercase}

ul li.carrocerias_delperu{  text-transform:uppercase;  }
ul li.carrocerias_delperu a{ padding-left:23px;background:url(img/carroceria.png) no-repeat 0 0px; letter-spacing:1px}
ul li.carrocerias_delperu a:hover, ul li.carrocerias_delperu a.on { background-position:0 -19px; color:#FFF; }
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html {font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {font-size: 0.8125em; font-family: Verdana, Geneva, sans-serif; color: #4D4D4D;  }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family:Verdana, Geneva, sans-serif; }
h1,.h1 { font-size: 1.70em; color: #000; }
h2,.h2 { font-size: 1em; font-weight: normal; }
.page_sommaire h2,.h2 { font-size: 1.40em; font-weight: normal; text-transform:uppercase }

h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #B8131F; }
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #B8131F; }
h3,.h3 { font-size: 1.20em; font-weight: bold; }

h3.spip { color:#fff; padding-left:1em; font-size:1.1em; margin-top:1.3em; background:#b8131f url(img/hbord.jpg) no-repeat top right; height:23px; padding-top:0; clear:both; display:block; } /* Cf.: spip_style.css */


hr.spip {} /* Cf.: spip_style.css */
h1.carroceria_peru{ color:#b8131f}

h2.construccion_modular a{ text-align:left; color:#6E6E71; font-size:1.7em;  float:left; margin:33px 0 20px 0; width:100%; clear:both; background:url(img/flechlong.gif) no-repeat bottom left; display:block; padding-bottom:30px; height:50px }
h2.construccion_modular a spam{font-weight:bold;}

h2.carroceria_industrial a{ text-align:left; color:#B8131F; font-size:1.33em; background:url(img/flech2.gif) no-repeat top left; display:block; font-weight:bold; padding-left:20px; }

h2.carroceria_industrial_noticias a{text-align:left; color:#B8131F; font-size:1.33em; background:url(img/flech2.gif) no-repeat top left; display:block; font-weight:bold; padding-left:20px; margin-bottom:10px }


h2.cotizacion_construccion a{ text-align:left; color:#6E6E71; font-size:1.7em; }

ul.insumos_quimicos { list-style:none; margin-top:0; padding-top:0; margin-bottom:18px }
ul.insumos_quimicos li  a{padding-left:15px; font-weight:bold; color:#000}
ul.insumos_quimicos li  a:hover{ color:#B8131F}	
h3.carroceria_peru{ margin:5px 0 5px 0; border-bottom:1px solid #999999; padding-bottom:5px; text-transform:uppercase}

.piebas{background:url(img/black_WEB.png) repeat; padding:5px 0; text-align:left;}

li.editer_email label{color:#FFF}

.buscar{ position:absolute; float:right; top:30px; right:13px; background-color:#CFCFD0;  -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; behavior: url(/PIE.htc);}
.tel{ position:absolute; top:80px; right:13px}
.face{ position:absolute; top:31px; right:250px}
.rss{ position:absolute; top:31px; right:220px}

.clef p{ margin:0; padding:0; display:inline }


/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip { margin:0px; padding:0 }
ul.spip li{list-style-image: url(img/flech.png); margin:0 0 0.3em 1em} 
ol.spip {} /* Cf.: spip_style.css */
ol.spip li{ }
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
/* Cf.: spip_style.css */
.spip_code {color:#8B2703;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
address {}

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { width: 100%; margin-top:2.3em  }
table.spip tr.row_first {  color:white;}
table.spip td, table.spip th {background-color:#666; border:none; color:#fff; }
table.spip h3{ background:none; font-size:1.2em;  margin:0 0 1em 0; display:block; padding:0}
table.spip h3 img{ padding:0; margin:-10px 0 0 0}
table.spip td iframe{ padding:1em 0 1em 0em;}

.okonite-cables table.spip {width: 920px; margin-top:2.3em; overflow:hidden}
.okonite-cables table.spip td, .okonite-cables table.spip th {background-color:#DEDFE0; border:none; color:#333333; padding-right:130px; width:400px }
.okonite-cables h3.spip{color:#fff; padding-left:1em; font-size:1.1em; margin-top:1.3em; background:#b8131f url(img/hbord.jpg) no-repeat top right; height:23px; padding-top:0; clear:both; display:block; }


/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left { margin-left:4px; padding:0 5px 0 0 ; margin:0} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

a:active, a:focus{
      outline:none;
}
.sombratop{ background:url(img/toppage.png) repeat-x; height:73px; width:100%; position:absolute}
/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: url(img/fd.jpg) repeat; margin: 0; padding: 0; text-align: center; }

.page_sommaire #page { position: relative; width:980px; margin: -1em auto 02em auto; padding:0em 2em; text-align: left;  }

#page { position: relative; width:980px; margin: 0em auto; padding:1em 2em; text-align: left; }

#entete {width: 100%; padding-top: 0em; text-align:left; height:157px; background:url(img/entete.jpg) repeat }
#entete .accueil .spip_logos { margin-top:37px}

#conteneur { clear: both; overflow: hidden; padding-top: 1em; }
#contenu { padding-top: 0.30em; float:left; width:65%; font-size:1em}
.contenu2 { padding-top: 0.30em; float:left; width:65%; font-size:1em}

#navigation, .navigation { float: right; width: 31%;  overflow: hidden; margin-top:80px }

#nav{  position:absolute; top:119px; width:720px; background:url(img/menu.png) no-repeat top left; left:273px; padding-left:23px; padding-top:3px}

#pied { clear: both; width: 100%; margin: 1em 0 0 0; text-align: center; font-size: 0.90em; color:#808080 }
.carroceria-lima {  padding: 0.60em 0;background:url(img/fd-menu.png) repeat}

#pied a { color: #999} 
#pied a:hover, #pied a.on  { color: #FFF; font-weight:normal} 
#pied img { vertical-align: middle; }

.telefono{position:absolute; top:57px; right:23px;}
.telefono strong{ color:#b8131f}
.slideron {background:url(img/fd-slider.jpg) repeat-x 0 0; height:463px }
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }

SUP{ font-size:0.5em}

.texte {line-height: 1.60em; background:#DEDFE0 url(img/ombres-txt.jpg) no-repeat bottom center; padding:1em 2em 3.3em 2em; overflow:hidden }
.texte h3.spip{ margin-left:-2em; padding: 0.15em 2.5em 0.10em 2em; display:inline-block;  margin-top:1.3em}

#navigation2{margin-top:37px;}
#navigation h3.spip, #navigation2 h3.spip, .navigation h3.spip{ padding: 0.33em 2.5em 0.10em 1em; display:inline-block;  margin:0em; background: #b8131f url(img/hbord2.jpg) no-repeat top right}
#navigation p, .navigation p{padding:1em; background:url(img/rose.png) repeat;  margin:0em 0 2em 0; display:block; min-height:100px }


#navigation h3.title a, #navigation2 h3.title a, .navigation h3.title a{background-color:#000; color:#FFF; padding:0.3em 1em; display:block; text-transform:uppercase; font-size:0.9em}


.contenu-principal h1.carroceria_peru{ background:#000 url(img/pricipaltitulo.jpg) right top no-repeat; color:#FFF; padding:0.3em 5em 0.3em 0.5em; margin:0;display: inline-block; font-weight:bold; margin:0 }
.contenu-principal .cartouche{ margin-bottom:0px;}

.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

.img_noticias img{border:1px solid #CCC; padding:3px}

a.lire-la-suite{text-align:left; float:right; background:url(img/flech.png) no-repeat left 10px; padding:3px 0px 13px 13px; display:block; color:#000; font-weight:bold}

.leer{background:url(img/leer.gif) no-repeat; height:18px; width:18px; float:right}
.leer a{ display:block;}




/* Portfolio */
.documents_portfolio { clear: both; margin: 2em auto; text-align: left; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #f63; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #b8131f; }


h3.materiales-electricos{ background:#000 url(img/pricipaltitulo.jpg) right top no-repeat; color:#FFF; padding:0.2em 5em 0.3em 0.5em; margin:0;display: inline-block; font-weight:bold;  padding-right:10em; width:87%; display:block}
h3.materiales-electricos a{ color:#FFF; font-size:1.5em; letter-spacing:1px; margin:0; }

.somos h3.spip {background:#000 url(img/pricipaltitulo.jpg) right top no-repeat; color:#FFF; padding:0.2em 0em 0.7em 0.5em; margin:0; font-weight:bold; padding-right:10em; width:87%; display:block }
.somos h3.spip a{ color:#FFF; font-size:1.5em; letter-spacing:1px; margin:0; }
.somos p apn.spip_documents{ margin:0; padding:0}
.somos{ background:#DEDFE0 url(img/okonite-calvert.jpg) no-repeat bottom center ; padding-bottom:3em}
.somos p{ padding:0 1em; width:100%}

.brochure{ background:#DEDFE0 url(img/suministross_electricos.jpg) no-repeat bottom center ;  width:360px; min-height:311px}
.brochure h3.materiales-electricos{  width:240px; margin:0 0 10px 0 }
.brochure p{ padding:0.3em}
.brochure .news a{ background:url(img/flech.png) no-repeat left 8px; padding:3px 40px 8px 10px; display:block; color:#000; font-weight:bold; margin: 0 1em ; text-align:left; font-size:13px; min-height:30px }
.brochure .news {background:url(img/ductos-estaciones-electricos-calvert.jpg) no-repeat 310px -3px; padding:0; margin:0; min-height:45px}
.brochure a.lire-la-suite{ font-size:10px; margin-right:1em}

.certificados { width:360px; background:url(img/rose.png) repeat; margin: 0 0 20px 0}
.certificados h3.spip { padding: 0.3em 1em; margin:0; background: #b71520 url(img/hbord2.jpg) no-repeat right top; width:auto}

.left{float:left; padding-right:33px; border-right:1px solid #D8D6D8; margin-right:33px}
.right{float:right; }
.big{width:65%;}
.smallest{width:30%}
.somos{ width:55%}
.servicios{ width:250px}
.half{width:530px;}
.halfer{width:403px;}
.first{border-left:0px; padding-left:0px}
.tercero{width:230px; border-right:1px solid #333;border-left:1px solid #666; float:left; padding: 0 15px; min-height:190px}
.lastone{ margin-right:0px; width:180px;border-left:1px solid #666; float:left; padding: 0 15px; min-height:190px; }
.last{border-right:none}
.tercero ul li{list-style:none; padding-left:0px; margin-left:0px}
.tercero ul{padding-left:0px; margin-left:0px}

.tercero a{background:url(img/calconduit.png) no-repeat 0 4px; padding-left:9px;}
.tercero.clave a{ background:none;}
.tercero.clave { width:260px;}
.tercero.clave .nuage a{ padding:0; margin:0 5px 0 0}
.lastone strong{ font-weight:bold; font-size:1.3em}
.tercero h3 a, .tercero .menu-liste li.menu-entree li  {background:none; padding-top:0.5em; text-transform:uppercase}
.tercero .menu-liste, .tercero .menu{ border:none; }

.pied li a.on{ background:none; color:#FFF}

.tercero.first{ border-left:none; width:180px}


.center{width:980px; margin:0 auto; position:relative }
.clear{clear:both;}
.menuright { font-weight:bold; background:url(img/sombrasmenuright.png) no-repeat bottom; padding-bottom:7px; position:relative; }
.menuright a{font-weight:bold; background:url(img/menuright.jpg) repeat-x bottom left; display:block; padding:15px; text-decoration:none;border-bottom:2px #CCC solid}
.menuright a:hover{ background:url(img/menuright2.jpg) repeat-x bottom left; display:block; padding:15px; color:#FFF; text-decoration:none }
.menuright spam{background:url(img/flech2.gif) no-repeat top left; height:52px; width:31px; display:block; position:absolute; right:10px; bottom:20px  }
.menuright a:hover spam{background:url(img/flech.gif) no-repeat top left; height:52px; width:31px; display:block; position:absolute; right:10px; bottom:20px  }

.spaceafter{ margin-bottom:30px}


.subestaciones-para-mineria{float:left; width:260px; margin:0 17px; padding: 0 10px 40px 0; background-color:#f2f2f2; position:relative; border:2px solid #A6B0B3; height:163px;  }


a.subestaciones-mineria{ color:#FFF; text-align: center; font-weight:bold; font-size:0.95em;}
.subestaciones-para-mineria .services{ position:absolute; top:138px; padding:2px 10px 8px 10px;background-color:#B8131F; height:42px; width:250px;line-height: 42px;}
.subestaciones-para-mineria .services span{width:250px;vertical-align:middle;display:inline-block;line-height:1.2; text-align:center; padding:0; margin:0}

a:hover.subestaciones-mineria{color:#000}
.subestaciones-central-electric{background:url(img/subestaciones.jpg)no-repeat bottom center; padding-bottom:11px; position:absolute; bottom:-15px; width:100%; height:15px; display:block}
.subestaciones-okonite-cables{ background: #dedfe0 url(img/suministros-electricos.jpg) no-repeat bottom center; width:600px; padding-right:340px}


.listitem{float:left; width:270px; margin-right:30px; margin-bottom:33px;  padding: 0 10px 25px 0; background-color:#f2f2f2; position:relative; border:2px solid #A6B0B3; }
.listitem .introduction { margin-top: 0.80em; line-height: 1.40em; padding: 0;}


.cables-okonite{background:url(img/cables-okonite.jpg) no-repeat bottom center; padding-bottom:14px; position:absolute; bottom:-15px; width:100%; height:15px; display:block}

.okonite-cables{ background: #dedfe0 url(img/bg-cables_okonite.jpg) no-repeat bottom center; width:600px; padding-right:340px; margin:0}

.proveedores-electricos{ background: #dedfe0 url(img/bg-cables_okonite.jpg) no-repeat bottom center; width:600px; padding-right:340px}



a.subestaciones{ background-color:#B8131F; display:block; color:#FFF; width:260px; left:0; height:20px; position:absolute; bottom:0; padding:5px 10px; text-align: center; font-weight:bold; font-size:1.1em}
a:hover.subestaciones{color:#000}
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
.menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em;}
.menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
.menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }
#nav .menu-liste .menu-entree {	display: inline;padding:0;margin:0 0 0 10px; }
.menu-liste li.menu-entree ul {padding-left:9px;}
.menu-liste li.menu-entree ul li {list-style:none; margin-left:0px; padding-left:1em; color:#B8131F; background:url(img/flech.png) no-repeat 0 9px}

.menu-liste li.menu-entree ul { display:none;}
.menu-liste li.menu-entree.on ul, .menu-liste li.menu-entree:hover ul { display:block;}
.menu-liste li.menu-entree.on ul li a{font-weight:normal}
.menu-liste li.menu-entree.on ul li a.on{font-weight: bold}

a.cboxElement{ margin-right:13px}

#navigation .menu, .navigation .menu {background:#DEDFE0; padding:0.5em; border: 1px solid #ddd;}
#navigation .menu a, .navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#navigation .menu-liste, .navigation .menu-liste {border-bottom:0;}
#navigation .menu-liste .menu-entree , .navigation .menu-liste .menu-entree {list-style:none; margin-left:0px; padding-left:1em; color:#B8131F; background:url(img/flech.png) no-repeat 0 9px}
#navigation .menu-liste .menu-entree .menu-liste, .navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation .liste .h2, .navigation .liste .h2{margin-top:1em;}
#navigation .formulaire_recherche, .navigation .formulaire_recherche{margin-bottom:2em;}


#navigation2 .menu {background:#DEDFE0; padding:0.5em; border: 1px solid #ddd;}
#navigation2 .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#navigation2 .menu-liste {border-bottom:0;}
#navigation2 .menu-liste .menu-entree {list-style:none; margin-left:0px; padding-left:1em; color:#B8131F; background:url(img/flech.png) no-repeat 0 9px}
#navigation2 .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation2 .liste .h2 {margin-top:1em;}
#navigation2 .formulaire_recherche{margin-bottom:2em;}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
/*
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }
*/


/* Listes d'articles et extraits introductifs */
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
.liste-items .item {list-style:square; margin-left:0; padding:2px 0; clear:both; overflow:hidden; }
#navigation .liste-items .item, .navigation .liste-items .item  {text-align:left}
.contenu2 .liste-items .item {margin-bottom:2em;}

#contenu .liste-items .item {margin-bottom:2em;}
.liste-items .item .h3 { margin: 0.30em 0; border-bottom:1px solid #b8131f;}
.liste-items .item .h3 a:hover { text-decoration:none;}
.liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;}
.liste-items .item { font-size:1.3em}
.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}


.liste-items2 {list-style: none; width:960px; padding:2em }

.liste-items2 li.item{float:left; width:400px; margin-right:5em; border-bottom:1px solid #808080; position:relative ; margin-bottom:5em; padding-bottom:13px}
.liste-items2 li.item a.okonite{padding-left:1em;  background:url(img/flech.png) no-repeat 0 7px; width:210px; display:block; position:absolute; bottom:15px}
.liste-items2 li.item a.cablesokonite{ float:right}
/* Couleurs des liens
---------------------------------------------- */
a { color: #B8131F; text-decoration: none; }
a:focus,a:hover,a:active { color: #666; text-decoration: none; }
a.spip_out, a.spip_glossaire {
	color: #B8131F;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 0.5em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip li.fieldset fieldset{ clear: both; margin: 1em 0 0em 0; width:600px; min-height:50px; border:1px dashed #b8131f; padding-left:2em }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; border:0px }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

.choix {float:left; margin:5px 15px 0 0; }
h3.legend{ margin-bottom:15px; color:#b8131f}
.saisie_radio { margin:16px 33px 0 50px; border:1px solid #f0f0f0; padding:10px; float:left}

li.saisie_radio label { padding-left:10px;  text-transform:uppercase; font-weight:bold}
li.saisie_radio .choix label{padding-left:0px; text-transform: none}

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }



.formulaire_spip ul li { margin: 0 25px 0 0 ; padding: 0.50em 0; float:left;font-weight:normal ; }
/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative; font-weight:normal   }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}

/* Champs de saisie */
.formulaire_spip input.text { width: 20em; border: 1px inset; }
.formulaire_spip textarea { width: 44em; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em;}

.formulaire_spip .boutons input, input.submit { }
.formulaire_recherche .boutons input, .formulaire_recherche input.submit {background:url(img/loupe.png) no-repeat 0 2px; border:none; width:27px; height:23px; cursor:pointer; }
.formulaire_spip_listes_inscription input{ width:5em;} 

.formulaire_formidable-1{ margin-bottom:0em; padding-bottom:0}

.formulaire_formidable ul{ width:600px; position:relative; min-height:19em}
.formulaire_formidable li.saisie_textarea textarea{ width:23em;}
.formulaire_formidable li.saisie_textarea {position:absolute; top:0em; right:-25em}
.formulaire_formidable li.saisie_destinataires{position:absolute; top:0; left:46em; width:15em}
#champ_textarea_1{ height:142px}

.formulaire_spip ul{position:relative}
.formulaire_spip .saisie_code_postal{position:absolute; top:0; left:46em; width:15em}
.formulaire_spip .saisie_texte{position:absolute; top:4.4em; left:46em; width:15em}
.formulaire_spip .saisie_texte textarea{ width:21em;}
.formulaire_spip .pieces_jointes{position:absolute; top:220px; left:600px; width:280px;}
.formulaire_spip .pieces_jointes .fichier{ font-size:10px}


.formulaire_spip .boutons{position: relative;  width:auto;  font-weight:bold; float:right; margin-right:-265px; margin-top:55px}
.formulaire_spip .boutons input{background:url(img/bt-okonite.png) repeat-x  top center; border:none; min-width:70px; min-height: 25px; color:#FFF; cursor:pointer;font-weight:bold; padding:2px 0}


.page_login .formulaire_spip .boutons{position: relative;top:0em; left:0em; }


.formulaire_formidable .boutons{position:absolute; left:750px; top:33em; }
.formulaire_formidable .boutons input{background:url(img/bt-okonite.png) no-repeat top center; border:none; min-width:70px; min-height: 25px; color:#FFF; cursor:pointer;}
/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */


/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
.forum {margin:1em 0 0 0; padding:1em; border:#888 1px solid; background:#f6f6f6; list-style-type:none;}
.forum .forum-fil {margin-bottom:2em;}
.forum .forum-fil .forum-chapo {background:#666; padding:.5em; color:white;}
.forum .forum-fil .forum-chapo a {color:white;}
.forum .ancre {float:left; margin-right:0.5em;}
.forum .spip_logos {float:right; margin: 0 2px 4px 10px;}

/* Selection des langues */
.formulaire_menu_lang { padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text2 { width: 12em; background:#CCC none; border:none;  padding:0 3px 3px 3px }
.formulaire_recherche input.submit {}


/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
fieldset{ border:0px}
/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login ul li input.password { width: 15em; border: 1px inset; }
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}



/* menu admx */
.adxm, .adxmenu  { width:100%;}
.adxmenu, .adxmenu ul, .adxmenu ul.menu-liste, {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
}
.adxmenu li a{ padding:7px 12px 11px 12px; display:block;  height:19px; font-size:11px; font-family:Verdana, Geneva, sans-serif } 

.adxmenu li, .adxmenu li.menu-entree {
	margin:0;
	padding:0; text-align: left;
	border:0;
	display:block;
	float:left; /* move all main list items into one row, by floating them */]
	position:relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index:5; /* thus we need to apply explicit z-index here... */
}
.adxmenu li:hover, .adxmenu li.menu-entree:hover {
	z-index:10000; /* ...and here. this makes sure active item is always above anything else in the menu */
	white-space:normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
		see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.adxmenu li li{
	float:none;  /* items of the nested menus are kept on separate lines */
}
.adxmenu ul, .adxmenu ul.menu-liste {
	visibility: hidden; /* initially hide all submenus. */
	position:absolute;
	z-index:10; 
}
.adxmenu li:hover>ul, .adxmenu li:hover>ul.menu-liste {
	visibility:visible; /* display submenu them on hover */
}
.adxmenu li li:hover>ul, .adxmenu li li:hover>ul.menu-liste { /* 2nd+ levels go on the right side of the parent item */
	left:100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.adxmenu:after, .adxmenu ul:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both;
}
.adxmenu, .adxmenu ul { /* IE7 float clear: */}
ul.adxmenu ul {padding-top:0px; margin-top:0px}
.adxmenu, .adxmenu ul li {
	float:left; list-style:none; color: #fff; font-size:1em; 
}
.adxmenu ul li { background: url(img/fd-menu.png) repeat;   }
.adxmenu a {  margin:0 0px}
.adxmenu ul {
	width: 17em; 
}
.adxmenu a.on{font-weight: bold; color: #fff;}

.adxmenu li a.on{ background:url(img/carrocerias.png) no-repeat center 27px; color:#FFF; padding:7px 3px 11px 3px; letter-spacing:0px; font-size:0.83em;  }


ul.adxmenu li ul.materialeselectricos li a.on, ul.adxmenu li ul.materialeselectricos li a:hover { background: #B8131F;  height:auto;font-weight: normal; color:#FFF}
ul.adxmenu li ul.materialeselectricos li a{ padding-bottom:3px; padding-top:3px; border-bottom:1px solid #999; height:auto }


.adxmenu a {
	text-decoration:none;
	 color: #F2F2F2;
	padding: 0.1em;
	display:block;
	position: relative;
}
.adxmenu a:hover, .adxmenu li:hover>a {
	color: #fff;
}
.adxmenu ul>li + li { /* and remove the top border on all but first item in the list */
	border-top: 0;
}
.adxmenu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */
	bottom,top: 5px;
	right,left: 90%;
}


/* WOW SLIDER*/


/* bottom center */


 
#wowslider-container1  .ws_bullets {
	top:410px;
	left:45%; 
}

#wowslider-container1 h2.h2 { font-size: 2em;  padding-top:50px; text-transform:none}

#wowslider-container1  .ws_bullets div{
}
#wowslider-container1 { 
	/*overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:990px;
	margin:0px 0 33px 0 ;

}
#wowslider-container1 .ws_images{
	width:990px;
	height:400px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none; padding:0; 
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}
#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:999;
	margin:0px ;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;

}
#wowslider-container1 .ws_bullets a { 
	margin-left: 9px;
	height: 10px; 
	width: 10px; 
	float: left; margin-top:2px;
	background-color: #000; 
	color: #d6d6d6; 
	text-indent: -1000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
	color:transparent;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);

}
#wowslider-container1 .ws_bullets a.ws_selbull { 
	background-color: #b8131f; 	height: 17px; margin-top:-2px;
	width: 17px;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    behavior: url(/PIE.htc);
	color: #FFFFFF; 
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 
	background-color: #666; 
	color: #FFFFFF; 
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:block;
	top:343px;
	z-index:60;
	height: 67px;
	width: 51px;
	background-image: url(img/arrows.png);
	z-index:999;
	display:none;
}
#wowslider-container1 a.ws_next{
	background-position: 0 0; 
	right:33px;
}
#wowslider-container1 a.ws_prev {
	right:70px;
	background-position: 0 100%;margin-top:4px; 
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}

#wowslider-container1 a.ws_next:hover{
	background-position: 100% 0; 
}
#wowslider-container1 a.ws_prev:hover{
	background-position: 100% 100%; 
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:0px;
	left: 0px;
	z-index: 100;
	background: url(img/cablesokonite.png); 
	color: #FFF;
	width:990px;
	height: auto;
}

.txt p{font-size:1.2em; text-align: left; padding:0px 23px; text-transform:uppercase; font-weight:700; font-family: Helvetica, Arial,  sans-serif; letter-spacing:1px; margin: auto; vertical-align:middle;}
.txt strong{font-weight:700; font-size:1.4em;padding:0px;}
.txt a { vertical-align:middle;}
.txt{ padding-bottom:1em}

#wowslider-container1 .ws-title a{
	color: #FFF;
}

#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:12px;
	left:-110px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:60px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:220px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
	
}
#wowslider-container1 .ws_bulframe span{
	position:absolute;
}


/*=SLIDER*/
.slider2 {background:url(img/fd-slider2.jpg) repeat-x bottom; width:100%;  padding-top:50px; margin-top:33px }
.carroceria{ float:left; margin:0 25px 0 0px; padding: 0 50px 0px 0; border-right:1px solid #CCC; width:190px; min-height:0px; background:url(img/sombra_carroceria.png) no-repeat bottom left;   }
.carroceria.last{border:none}
h2.carroceria-peru {  font-size:1.11em; color:#B8131F; text-transform:none; margin-bottom:3px; font-weight:700; text-align:left}
h2.carroceria-peru a { color:#B8131F; text-transform:none;}
.carroceria img{margin-left:0px}
div.anythingSlider ul#slider1 {height: 200px;}

.slider2 .leer{background:url(img/leer.gif) no-repeat; height:18px; width:105px; margin-left:0px; bottom:33px; position:absolute}
.slider2 .leer a{ display:block;}

.noticias .leer {background:url(img/leer.gif) no-repeat; height:18px; width:55px; padding-left:25px; float:right; }
.noticias .leer a{ display:block;}
.news{ border-bottom:1px solid #B1B3B4; padding-bottom:10px; margin-bottom:10px}

.anythingBase { max-width: 32766px; }
div.anythingSlider .anythingWindow {}
div.anythingSlider ul { margin-left:25px;}
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	background: #777;
	color: #000;}
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}



div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #7C9127;
}
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 45px 0px 45px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height:100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 45%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(img/default.png) no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(images/default.png);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}

/* - - - Reset des styles Zpip - - - */
/* => on retire les defs CSS sur les .menu-liste et .menu-entree si .adxmenu */
.adxmenu .menu-liste,
.adxmenu .menu-liste .menu-entree,
.adxmenu .menu-liste .menu-entree .menu-liste,
.adxmenu .menu-liste .menu-entree .menu-entree, 
#nav .adxmenu .menu-liste .menu-entree {margin:0;padding:0;border:0;}
#nav .adxmenu li li.menu-entree {width: inherit;}
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/*<![CDATA[*/
/* remove all list stylings */

.adxmenu, .adxmenu ul, .adxmenu ul.menu-liste {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
}
.adxmenu li, .adxmenu li.menu-entree {
	margin:0;
	padding:0;
	border:0;
	display:block; 
	float:left; /* move all main list items into one row, by floating them */
	position:relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index:5; /* thus we need to apply explicit z-index here... */
}
.adxmenu li:hover, .adxmenu li.menu-entree:hover {
	z-index:10000; /* ...and here. this makes sure active item is always above anything else in the menu */
	white-space:normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
		see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
} 

.adxmenu li li{
	float:none; /* items of the nested menus are kept on separate lines */
}
.adxmenu ul, .adxmenu ul.menu-liste {
	visibility: hidden; /* initially hide all submenus. */
	position:absolute;
	z-index:10;
	left:0; /* while hidden, always keep them at the top left corner */
	top:0; /* to avoid scrollbars as much as possible */
}
.adxmenu li:hover>ul, .adxmenu li:hover>ul.menu-liste {
	visibility:visible; /* display submenu them on hover */
	top:100%; /* 1st level go below their parent item */
} 
.adxmenu li li:hover>ul, .adxmenu li li:hover>ul.menu-liste { /* 2nd+ levels go on the right side of the parent item */
	top:0;
	left:100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.adxmenu:after, .adxmenu ul:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both;
}
.adxmenu, .adxmenu ul { /* IE7 float clear: */
	min-height:0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".adxmenu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.adxmenu ul {
	background-image: url(plugins/ADXmenu/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
} 
.adxmenu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}