article,aside,canvas,command,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }

datalist { display: none; }

hr { margin: 0.5em auto; } 

menu { list-style-type: disc; margin: 1em 0; padding-start: 40px; }

progress { display: inline-block; height: 1em; width: 10em; vertical-align: -0.2em; }

ruby,rt { text-indent: 0; line-height: normal; }

small { font-size: smaller; }

.clear{ clear:both; }


.entry-title a span.pieuvresblog { color:#FFF; font-size:1.2em}

/* ------------------------------------------

/* 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: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }



/* 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: 'Karla', Verdana, Geneva, sans-serif; }

h1,.h1 { font-size: 1.7em; color: #fff; background: url(img/h1titre.jpg) no-repeat top left; padding:0.2em 0.4em 0.5em 0.4em;}

h2,.h2 { font-size: 1.40em; font-weight: normal; }

h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #70617E; }

.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #70617E; }

h3,.h3 { font-size: 1.20em; font-weight: bold; }

h3.spip { color:#00aeef; font-size:1.5em; margin: 1.5em 0 0.5em 0 ; width:100%; display:block; clear:both; border-bottom:1px solid #CCC; line-height:1.2em; padding-bottom:3px} /* Cf.: spip_style.css */

hr.spip {} /* Cf.: spip_style.css */





h2.pieuvres_electriques{ font-family:'Karla', sans-serif; text-align:center; margin:0.7em 0; text-align:center}

h3.pieuvres_electriques{ font-family:'Karla', sans-serif; text-align: left; font-size:2em; margin:0.5em 0; text-shadow: 1px 1px 2px #FFF; letter-spacing:1px; color:#0180ae}

h4.pieuvres_electriques{ font-family:'Karla', sans-serif; text-align: left; font-size:2em; margin:0.1em 0; text-shadow: 1px 1px 2px #FFF; letter-spacing:1px; color:#0180ae; font-size:1.3em;}

h3.pieuvres_electriques span{ font-family:'Days One', sans-serif; text-transform:uppercase ; font-size:0.9em; color: #999}



.prefabat_electric { height:23px; overflow:hidden; width:140px; padding-left:5px }

a.prefabat_electric:hover img{ margin-top:-23px}



.facebook-pieuvres-electriques{ height:30px; width:30px; float:left; overflow:hidden; margin:15px 3px }

.facebook-pieuvres-electriques a:hover img{margin-top:-31px  }

.facebook-pieuvres-electriques{ height:30px; width:30px; float:left; overflow:hidden; margin-top:15px  }

.facebook-pieuvres-electriques a:hover img{margin-top:-31px  }



/* 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 {} /* Cf.: spip_style.css */

ol.spip {} /* Cf.: spip_style.css */

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 {}



a.spip_in{color:#66839b; text-decoration:underline;}



/* Tableaux */

/* Cf.: spip_style.css */

table.spip { width: auto; }

table.spip tr.row_first th { background: #06719d url(img/h1titre.jpg) no-repeat ; color:white; text-align:center; padding:11px}

table.spip td, table.spip th {border:white 2px solid; background: #dcdcdc; padding:1em; }

table.spip td strong, table.spip th strong{ color:#4caeef}



/* Logos, documents et images */

img { margin: 0; padding: 0; border: 0; }

.spip_logos {} /* Cf.: spip_style.css */

.spip_documents { margin:30px 0} /* Cf.: spip_style.css */

.spip_documents_center {} /* Cf.: spip_style.css */

.spip_documents_left { padding-right:15px} /* Cf.: spip_style.css */

.spip_documents_right {padding-left:15px; margin-left:10px} /* Cf.: spip_style.css */

.spip_doc_titre {} /* Cf.: spip_style.css */

.spip_doc_descriptif {} /* Cf.: spip_style.css */



/* ------------------------------------------

/* Disposition a l'ecran des blocs principaux

/* ------------------------------------------ */

body { background: #fcfcfc url(img/fd23.jpg) repeat  ; margin: 0; padding: 0; text-align: center; }

.page_sommaire .top{background:  url(img/cables_electriques.png) repeat-x  ; position:absolute; top:0; height:603px; width:100%}



.top{background:  url(img/cables_electriques-pieuvres.png) repeat-x  ; position:absolute; top:0; height:293px; width:100%}



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



#entete { width: 100%; margin: 0; padding-top: 1.60em; padding-bottom: 1.60em; margin-bottom:1em; position:relative}

#entete .accueil { display: block; width: 67%;  }

#entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }

#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

.lang{ position:absolute; right:33px; bottom:-10px}

.pieuvres-ombres{ width:27px; position: absolute; background: url(img/pieuvres-page.png) no-repeat top left; height:548px; margin: 50px 0 0 -25px }

.pieuvres-ombres2{ width:27px; position: absolute; background: url(img/pieuvres-page-elec.png) no-repeat top left; height:548px; margin: 50px 0 0 958px }



#conteneur { clear: both; overflow: hidden; background:#fafcfb ; padding:2em; margin:2em 0 0 0;

	border:1px solid #999;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; 

	border-top:5px solid #c9c9c9;

}



#pieuvre_electrique{ background: url(img/fd_bas_pieuvres-electriques.png) no-repeat bottom center; width:960px; height:24px; margin-top:-3px; }





#contenu { padding-top: 0.30em; float:left; width:65%;}



#navigation { float: right; width: 30%; margin-top: 0.5em; }



#nav{ margin-bottom:2px; padding-top:0; margin-top:0}



#electriques-pieuvres{background: url(img/pie-pieuvres-electriques-top.gif) no-repeat top center; padding:18px 0 0 0; margin-top:-15px}



#pied { clear: both; margin: -26px 0 0 0  ; padding:1em 2em; background:  url(img/fdbas.png) repeat-x; text-align: left; font-size: 0.90em; color: #333 }

#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */

#pied label,#pied li.editer_email label{color:#FFF}



#pied-pieuvres-electriques{ clear: both; width: 100%; margin: 0 ; padding:1.3em 0em 4em 0; background:#333; text-align: left; font-size: 0.90em; color: #333; font-family:'Karla', Verdana, Geneva, sans-serif; font-size:1.03em; }

.with-pieuvres{margin:0px auto; width:980px; padding:0 0em 0 1em}

.column5{width:15.5%;padding:0 0.7em 0 0.7em; float:left; height:180px; border-right:1px solid #999}

.last{ width:26%;padding:0 1em; float:left;}



.column5 h2.pieuvres_electriques, .last h2.pieuvres_electriques { color:#FFF; font-size:1.1em; padding:0.2em 0 1em 0; margin:0; }

.column5 h2.pieuvres_electriques a, .last h2.pieuvres_electriques a{ color:#FFF; text-align:center }



#araignee_electrique-pie{background: url(img/pie-pieuvres-electriques-bottom.gif) no-repeat top center; height:26px; width:100%;position:relative; top:-10px}

.column5 ul{ margin:0; padding:0; text-transform:uppercase; list-style: none; letter-spacing:1px; }

.column5 ul li {  padding:0px 3px 0 0; border-top:1px solid #404040; border-bottom:1px solid #2b2a2a;}	

.column5 ul li a{ width:100%; display:block; padding:5px 0px 5px 5px; font-size:0.8em;}	

.column5 ul li a:hover{ background-color:#3f3f3f; text-decoration:none; color:#CCC}	

.column5 ul li a.on{background-color:#3f3f3f;color:#CCC}	



.column5 ul li ul li a{ width:80%; display:block; padding:5px 5px 5px 25px; border-top:1px solid #404040; border-bottom:1px solid #2b2a2a; font-size:0.8em; letter-spacing:0}	









.skype{ background:url(img/skype_icon.gif) no-repeat top left; padding-left:23px}

.gps{ background:url(img/GPS.png)  no-repeat top left; padding-left:23px}

.mail{ background:url(img/mail.jpg)  no-repeat top left; padding-left:23px}

.telefon{ background:url(img/telefon.png)  no-repeat top left; padding-left:23px; font-size:1.4em; }



#topbanner { height: 351px; margin-left:-50px; padding-left:50px; background: url(img/pieuvres-electriques.jpg) top left no-repeat; }

#topbanner2{ height: 345px;  margin-left:-50px; padding-left:50px; background: url(img/home_banner2.jpg) bottom left no-repeat; }

#topbanner3{ height: 345px;  margin-left:-50px; padding-left:50px; background: url(img/services_banner.jpg) bottom left no-repeat; }

#topbanner4{ height: 345px;  margin-left:-50px; padding-left:50px; background: url(img/produits_banner.jpg) bottom left no-repeat; }



.pieuvres_separation{ height: 44px; width:750px; margin: 0px auto; background: url(img/pieuvreelectrique.jpg) bottom center no-repeat; }



.gris_pieuvres-electriques { background: #EFEFEF url(img/pieuvres-gris-top.jpg) no-repeat top center; width:910px; padding:1em 2em 1em 2em; margin:3.5em 0 0em -2em;}

.gris_pieuvres-electriques-end { background: #EFEFEF url(img/pieuvres-gris-bottom.jpg ) no-repeat bottom center; height:24px; width:960px; margin:0em 0 0em -2em;;} 

.left_pieuvres-electriques { width:57%; float:left}

.right_pieuvres-electriques { width:40%; float:right; border-left:1px solid #CCC; padding-left:10px;}

.brochure-pieuvres-electriques{ float:left; padding-left:5px; margin:4em 0 0 8px; width:100px; line-height:1.2em; text-align:center}

.brochure-pieuvres-electriques img{padding-bottom:10px; background:url(img/et-image-sliderright-shadow.png) no-repeat bottom right;}



.offres_pieuvres_electriques{ font-family: Verdana, Geneva, sans-serif; text-align: left; font-size:1.3em; padding:0.5em 0 0 2em ; background:url(img/title_pieuvres.jpg) no-repeat top right; width:404px; height:40px; display:block; right:-1px; position:absolute}

ul.píeuvre_elec{ list-style:none; margin-top:4em; 	}

.elec{ margin: 0 0 0 10px; line-height:1em; padding:5px; text-shadow: #fff 0 1px 1px; }

.elec a{ text-decoration:none; color:#333}



ul.nuage li{ background:url(img/etiquettes_pieuvres.jpg) no-repeat 0 4px; padding:0 0 15px 23px; line-height:2em; margin-right:7px}







.bords-pieuvres{ background:url(img/bord-pieuvres-images.png) no-repeat top left; padding:8px; width:150px; height:140px; left:495px; position:absolute}

.entry-title img{ padding-bottom:10px; background:url(img/bas-pieuvres.jpg) bottom center}



.title-pulpos{ height:50px; width:100%;}

h4.entry-title{background:url(img/fd-pieuvres-elec-right.png) no-repeat top right; 

width:300px; height:33px;  

padding:7px 5px 0 5px; right:-0px; 

position:absolute; display:block; color:#FFF}





.tags{ padding: 0px 0 18px 39px; background:url(img/etiquettes_pieuvres_electriques.jpg) no-repeat left top; float:left}

/* ------------------------------------------

/* 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; }

.texte { line-height: 1.60em; }

.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }

.notes { clear: both; font-size: 0.90em; }





/* Portfolio */

.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }

.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: #46839B; }





/* ------------------------------------------

/* 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; z-index:9999 }



#navigation .menu {background:#fcfcfc; padding:0.5em; border: 1px solid #ddd;}

#navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */

#navigation .menu-liste {border-bottom:0;}

#navigation .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}

#navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}

#navigation .liste .h2 {margin-top:1em;}

#navigation .formulaire_recherche{margin-bottom:2em;}



/* Pagination */

.pagination { clear: both; text-align: left; 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; }

*/



#forum{clear:both}



/* Listes d'articles et extraits introductifs */



li.item-doc-pieuvres-electriques{ width:170px; float:left; margin:0.2em; padding:0.8em; }

li.item-doc-pieuvres-electriques img{border:1px solid #CCC; text-align:center}



/* Listes d'articles et extraits introductifs */

.liste-items {margin: 0; padding: 0; list-style: none;}

.liste-items .item {list-style:square; margin-left:0; padding:2px 0; clear:both; overflow:hidden;}

#contenu .liste-items .item {margin:1em 0; border-top: 1px solid #CCC; padding:1em 0 0 0}

.liste-items .item .h3 { margin: 0.30em 0;}

.liste-items .item .h3 span.pieuvresblog{background:url(img/fd-pieuvres-elec.png) no-repeat top left; display:block; left:-3px; width:478px; height:33px; position:absolute; padding:7px 0 0 55px}

.liste-items .item .h3 a:hover,.liste-items .item .h3 a  { text-decoration:none; color:#FFF}

.liste-items .item .info-publi {  margin:0.8em 0; padding:.5em 33px; border-top: 1px dashed #01749d; border-bottom: 1px dashed #01749d; width:355px; font-size:0.8em; text-transform:uppercase; background-color:#eeeeee}



.liste.articles .spip_logos { float: right; clear: right; margin: 2px 0 4px 25px; }

.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}

.entry-content{margin-top:15px;}



/* Couleurs des liens

---------------------------------------------- */

a { color: #3996BB; text-decoration: none; }

a:focus,a:hover,a:active { color: #46839B; text-decoration: underline; }

a.spip_out, a.spip_glossaire {

	color: #46839B;

	background:transparent url(img/out.gif) no-repeat scroll right center;

	padding-right:12px;

}

a.on{ color: #333; font-weight:normal}





/*  ------------------------------------------

/*  Habillage des formulaires

/*  ------------------------------------------ */

input, select, textarea { font-size: 100%; font-family: inherit; }





/* Structure generale des formulaires

----------------------------------------------- */

.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }

.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */



/* Fieldset */

.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }

.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; }

.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }



/* 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: 45em; border: 1px inset; }

.formulaire_spip select { width: 99%; }



li.obligatoire label{ font-weight:bold;}

/* 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 { }





/* Reponses, previsu et erreurs

----------------------------------------------- */



h3.legend span{ clear:both; width:36em; display:block; height:23px; border-bottom:1px solid #666; margin-top:15px;}

.choix {float:left; margin-left:10px}

.saisie_oui_non{ float:left; width:13em; padding-right:10px; min-height:5em;}

.choix{ margin:0px 10px 0 0; }

.saisie_date{width: 20.55em; }

.saisie_fieldset{margin-bottom:30px;}



/* 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.text { width: 10em; }



#formulaire_recherche input.submit { padding:0px; margin:-5px 0 0 0px; cursor: pointer }

#formulaire_recherche input.text {border:none; background:url(img/fd-recherche.gif) no-repeat; padding:2px 5px 5px 10px; width:175px;  margin:50; height:24px; color: #666; font-weight:normal }

#entete .buscar {position: absolute; right: 0; top: 2em; display: block; width: 26%; }

#entete .buscar label{ font-weight:100; font-size:0.8em; text-transform:uppercase; letter-spacing:1px;}



/* NEWSLETTER */

.newsletter{ color:#FFF; margin:0px 0 5px 10px; float:left; border-top:1px solid #FFF; padding:13px; width:100%}

.newsletter .formulaire_spip input.text { width: 175px;background:url(img/fd-recherche.gif) no-repeat 0 0; height:28px;border:none;  padding:2px 5px 5px 5px ; color: #333;}

.newsletter label{ margin-bottom:1px;}



.formulaire_spip_listes_inscription label { color:#FFF; font-weight:normal}

.formulaire_spip_listes_inscription .spip_bouton input{ float: left; margin: 2px 0 0 5px}

li.editer_email{ width:270px}

.formulaire_spip_listes_inscription #email{ float: left; margin-top:2px; }



li.editer_email label{color: #666; font-weight:100; font-size:0.8em; text-transform:uppercase; letter-spacing:1px; margin:5px 0 0 0; padding:0; }





/* 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; }

.mots{margin:0px 0 ; float:right; width:250px; z-index:9999; position:absolute; background:#fafcfb}



.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */



/* 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%;  height:33px; font-family: 'Days One',Verdana, Geneva, sans-serif ; z-index:999999 }

   

.adxmenu ul.pieuvres { 

	-webkit-border-radius: 29px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	-webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px 5px, inset rgba(255,255,255,0.4) 1px 1px 1px;

	-moz-box-shadow: rgba(0,0,0,0.4) 5px 5px 5px, inset rgba(255,255,255,0.4) 1px 1px 1px;

	box-shadow: rgba(0,0,0,0.4)5px 5px 5px, inset rgba(255,255,255,0.4) 1px 1px 1px;

	text-shadow: #000 0 1px 1px;

    margin:0px; 

	padding:5px;  

	border:5px solid #c9e9fe; 

	background-color:  #2c3039; margin-top:7px; z-index:999999  }





.fleche-pieuvres{ background: url(img/fleche-pieuvre.gif) no-repeat 33px top ; position:absolute; height:15px; width:100%; top:-14px;}     

.adxmenu, .adxmenu ul, .adxmenu ul.menu-liste, {

	margin:0;

	padding: 0;

	border:0;

	list-style-type:none;

	display:block;

}

.adxmenu li a{ padding:0px 16px 15px 16px; line-height:1.6em;  margin-top:7px } 

.adxmenu a.on, .adxmenu a:hover, .adxmenu li:hover>a {

	color: #09F; background:url(img/pieuvres_light.jpg) no-repeat center 22px; font-weight:normal

}
.adxmenu li li:hover>a, .adxmenu li li a.on{ background:none}
.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; border-bottom: 1px solid #464f56; padding:8px 0 ; background: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 li a {font-size:0.85em; padding:0 0.5em; } 

.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: */

	min-height:0; margin-top:8px

}



.adxmenu, .adxmenu ul li {

	float:left; list-style:none; color: #fff;  text-transform:uppercase; font-size:1em ; 

}



.adxmenu ul li { background-color:#2c3039; margin-left:5px;   }

.adxmenu a {  margin:0 0px}

.adxmenu ul {

	min-width: 19em;

}

.adxmenu a {

	text-decoration:none;

	 color:#b5c5d7;

	padding: 0.1em;

	display:block;

	position: relative; letter-spacing:1px

}



.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*/





#slidehome{margin:89px 0 0px 0; background:url (img/fdslieder-pieuvres.jpg) repeat-x top; padding: 0 0 0px 13px; }



/* bottom center */

#wowslider-container1{ margin-top:0; padding-top:0;}



/* bottom center */

#wowslider-container1  .ws_bullets {

	top: 320px;

	left:400px;	

	

	

}

#wowslider-container1 { 

	/*overflow: hidden;*/

	zoom: 1; 

	position: relative; 

	width:100%; margin: 35px 0 0 -13px;

	z-index:100; text-align:left; height:350px; 

}

#wowslider-container1 .ws_images{

	width:1016px; margin: -40px  0 0 -50px; text-align:center;

	height:350px;

	overflow: visible;

	position: absolute;

}



#wowslider-container1 .ws_images a{

	color:transparent;

}



#wowslider-container1 .ws_images img{

	top:0;

	left:0;

	border:none 0;

	max-width: none;

}





#wowslider-container1 a{ 

	text-decoration: none; 

	outline: none; 

	border: none; 	

}

#wowslider-container1 .ws_bullets { 

	font-size: 0px; 

	padding: 15px 45px 7px 45px; 

	position:absolute;

	z-index:70;

		 height:20px; 

	 width:115px;

	 background:url(img/bgbullets.png) repeat; 



}

#wowslider-container1 .ws_bullets div{

	position:relative; 

	

}

#wowslider-container1 .ws_bullets a { 

	margin-left: 10px; 

	height: 10px; 

	width: 10px; 

	float: left; 

	color: #CCC; 

	text-indent: 0px; border:1px solid #353538;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    behavior: url(/PIE.htc);

	position:relative;



}

#wowslider-container1 .ws_selbull { 

	background-color: #353538; 

	color: #FFFFFF; border: none;

}



#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 

	background-color: #f08a01;

	color: #FFFFFF; 

}



#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {

	font-family: Tahoma,Arial,Helvetica;

	font-size: 14px;

	position:absolute;

	display:none;

	top:50%;

	margin-top:-15px;

	line-height:30px;

	z-index:60;

	background-color: #000; 

	color: #FFFFFF; 

	padding: 0px 10px; 

	opacity:0.7;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

#wowslider-container1 a.ws_next{

	right:0;

}

#wowslider-container1 a.ws_prev {

	left:0;

}

* 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 .ws-title{

	position: absolute;

	z-index: 50;

	color: #000;

	padding:0;

	font-family: Tahoma,Arial,Helvetica;

	font-size: 13px;

	 background:url(img/fd-menu.jpg) repeat;

	 bottom:0px;

	

opacity:0.65;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);

	width:100%; height:110px; overflow:hidden

}



h2.revista_arte a{ color:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:2.3em; font-weight:bold; text-shadow: 0.1em 0.1em 0.2em black}

#wowslider-container1 p { color:#FFF; text-shadow: 0.1em 0.1em 0.2em black}

#wowslider-container1 .ws-title div{

	padding:5px;

	font-size: 12px; width:980px; margin:0 auto; 

	

}#wowslider-container1 .ws_bullets  a img{

	text-indent:0;

	display:block;

	bottom:12px;

	left:-120px;

	visibility:hidden;

	position:absolute;

    border: 2px solid #353538;

}

#wowslider-container1 .ws_bullets a:hover img{

	visibility:visible;

}



#wowslider-container1 .ws_bulframe div div{

	height:80px;

	overflow:visible;

	position:relative;

}

#wowslider-container1 .ws_bulframe div {

	left:0;

	overflow:hidden;

	position:relative;

	width:250px;

}

#wowslider-container1  .ws_bullets .ws_bulframe{

	display:none;

	bottom:25px;

	overflow:visible;

	position:absolute;

	cursor:pointer;

    border: 2px solid #353538;

}

#wowslider-container1 .ws_bulframe span{

	position:absolute;

}





#search { /*float: right;*/ margin-top: 33px; padding-left:5px; }

div#search-form { position: relative; float: right; margin-top: 30px; z-index:90}

#searchform { background:url(img/search-form.png) no-repeat; height:43px; width:190px; position: absolute; top: -16px; margin-left:30px; display: none; }

#searchinput { background: none; border: none; width: 120px; font-size: 12px; /*float: left;*/ color: #555555; margin-top: 12px;  padding-top: 0; margin-right:20px; margin-left:10px }

#searchform .submit{width:25px; color:#0F0; background:url(img/check.gif) no-repeat;  border: none; color:transparent}



#slider-iluminacion{background: #f08a01 url(img/fd-slider.jpg) repeat-x bottom; width:100%; padding: 10px 0;  z-index:10; position: relative}

.slider{ text-align:center; color:#FFF; text-transform: uppercase}

#slider1{ width:990px; text-align:center;}







.titre-pieuvres_electriques{  text-align:center; font-size:2.3em; font-family:'Karla', sans-serif; color: #333; letter-spacing:0px; padding:20px 0px 3px 0px; line-height:0.1em; margin:0 auto 15px auto;  }

.titre-electrique{ margin: 0 0 10px 30px; padding:0 }







#araignee_electrique{ position:relative; margin :0 0  25px 0; padding:0 }

#araignee_electrique li{ list-style:none}

#araignee_electrique li ul{ margin:9px 0px 0 0px; width:260px; padding:1px;  }



li.pieuvres-liste {background: #fbfcfc url(img/fdmenu.jpg) repeat-x bottom; }

 

li.pieuvres-liste a{ list-style: none; padding:7px 7px 7px 10px; margin:0;  border-bottom:1px  solid #EAEAEA; border-right:1px  solid #f8f6f6; border-left:1px  solid #fff; border-top:1px  solid #fff; background: url(img/fleche-pieuvre.jpg) no-repeat 2px 15px; display:block; font-size:0.9em;-webkit-border-radius: 7px; color:#333}

li.pieuvres-liste a:hover{ background: #e6f2ff url(img/fleche-pieuvre.jpg) no-repeat 2px 15px; text-decoration:none;  color:#46839B }

li.pieuvres-liste a.on{ color:#3996BB }



li.spider{list-style:none; margin:0 0 50px 0; width:950px  }



.pieuvres_electriques-araignée { width:270px; float:left; margin:0 30px 0px 0px;  }

.images_pieuvres { height:158px; margin-top:0; overflow:hidden}



.pieuvres_electriques-araignée a:hover img{margin-top:-161px }

.pieuvres_electriques-araignée a.on img{margin-top:-161px }



.devis { border-bottom:1px solid #CCC; position:absolute; width:270px; display:block; height:15px;  bottom:10px }

a.devis_pieuvres-eletriques { background: url(img/devis-pieuvre-electrique.jpg) no-repeat; width:75px; height:34px; margin : 10px  0 0 95px ; position: absolute; display:block; top:-12px }

a.devis_pieuvres-eletriques:hover{ background-position:0 -34px }





/* HOME électrique */



#araignee_electrique2{ position:relative; margin :0 0  25px -30px; padding:0 }

#araignee_electrique2 li{ list-style:none}

#araignee_electrique2 li ul{ margin:9px 0px 0 0px; width:200px; padding:1px;  }



.pieuvres_electriques-araignée2 { width:200px; float:left; margin:0 15px 0px 10px;  }



.images_pieuvres2 { height:137px; margin-top:0; overflow:hidden}

.pieuvres_electriques-araignée2 a:hover img{margin-top:-137px }

.pieuvres_electriques-araignée2 a.on img{margin-top:-137px }



.devis-pieuvres { border-bottom:1px solid #CCC; position:absolute; width:200px; display:block; height:15px;  bottom:10px }

a.devis_pieuvres-eletriques2 { background: url(img/devis-pieuvre-electrique.jpg) no-repeat; width:75px; height:34px; margin : 10px  0 0 55px ; position: absolute; display:block; top:-12px }
a.devis_pieuvres-eletriques2.en { background-image: url(img/devis-pieuvre-electrique-en.jpg)}
a.devis_pieuvres-eletriques2:hover{ background-position:0 -34px }



.devis2 { border-bottom:1px solid #CCC;  position: relative; width:260px; display:block; height:15px; float:right;  bottom:10px}











#et_pt_gallery { padding: 15px 0px 0px 0px; margin-left: 0px; }

	.et_pt_gallery_entry { 

   }

   .et_pt_gallery_entry img{ position:relative; width: 260px; height:105px ;background: #fff url("img/item-bottom-shadow.png") no-repeat bottom center;  padding:0 0 12px 0; }

   

		.et_pt_item_image { position:relative; top:0; }

			.et_pt_item_image img.portfolio { border:3px solid #E5E5E5; }

			.et_pt_item_image span.overlay { height:136px; left:3px; position:absolute; top:3px; width:207px; }

			.et_pt_item_image a.zoom-icon, .et_pt_item_image a.more-icon {display:block; height:61px; position:absolute; text-indent:-9999px; top:41px; width:61px; visibility: hidden; }

			.et_pt_item_image a.zoom-icon {  left:31px; }

			.et_pt_item_image a.more-icon { left:128px; }

	#et_pt_gallery .page-nav { clear: both; }

	

	

.eletrique-pieuvre{ background:url(img/fd-electrique.png) no-repeat bottom; width:350px;  padding-bottom:9px; margin:0 auto }   









#text {margin:50px auto; width:500px}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; }



#tt {position:absolute; display:block; }

#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}

#ttcont {display:block; padding:20px; margin-left:5px; background:#147eae; color:#FFF}

#ttbot {display:block; height:5px; margin-left:5px;  overflow:hidden}















/*SLIDER PIEUVRE ÉLECTRIQUE*/



#header .next, #header .prev, #header .pause{visibility:hidden}

#header:hover .next, #header:hover .prev, #header:hover .pause{visibility: visible}



#navslider li {

	display: inline-block;

	height: 140px;

}



#navslider li img {

	opacity: 0.5;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}







#navslider li img.active {

	opacity: 1;

}



@media only screen and (min-width : 1224px) {

	/*only display the hover effect on desktops/laptops*/

	#navslider li img:hover {

		opacity: 1;

		-webkit-transition-duration: 1s;

		-moz-transition-duration: 1s;

		-o-transition-duration: 1s;

		-ms-transition-duration: 1s;

		transition-duration: 1s;

	}



}



#navslider {

 position:absolute; top:317px; left:395px;  z-index:999

}

#navslider li:hover{ }

#navslider li,#social li {

	display: inline-block;

	vertical-align: middle;

}



#navslider li:not(:last-child) {

	padding: 0 10px 0 0;

}





#header {

	height: 333px;

	overflow: visible ;

	position: relative;

	width: 100%;

}



#sequence {

	height: 351px;

	margin: 0 auto;

	position: absolute;

	top: 0px;

	width: 100%;

	

	/*backface-visibility prevents graphical glitches when frames are animating*/

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	backface-visibility: hidden;

}





#sequence ul{ margin:0; z-index:1}



#sequence li{list-style:none}



#sequence h2.pieuvres_electriques{ color:#FFF; font-size:3em; z-index:999; text-align:left; }

/*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/

#sequence a{ color:#FFF; font-size:1.2em; text-decoration: none }

#sequence p{ color:#FFF; font-size:1.15em; }



#sequence h1{ color:#FFF; font-family: 'Days One', sans-serif; font-size:1.3em }



#sequence a:hover{ text-decoration: underline;}



.link-electrique{ position:absolute; z-index:999}



#sequence.sequence-fallback {

    overflow: hidden;

}



#slideshow * {

	-webkit-backface-visibility: hidden;

}



#main {

	border: none;

}



.controls {

	list-style:none;

	height: 41px;

	margin: 0 auto;

	position: relative; 

	top: 100px;

	width: 198px;

	z-index: 9999;

}



.prev, .next {

	opacity: 0.7;

}



.next,.prev,.pause {

	position: absolute;

	z-index: 10000;

	top: 5px; 

}



.next {

	background: url("../images/bt-next.png") 50% 0px no-repeat;

	height: 76px;

	width: 41px; 

	left: 563px;

}



.next:hover,.prev:hover,.pause:hover {

	background-position: 50% -78px;

}



.pause.paused:hover {

	background-position: 50% -78px;

}



.prev {

	left: -363px;

	background: url("../images/bt-prev.png") 50% 0px no-repeat;

	cursor: pointer;

	height: 76px;

	width: 41px; 

}







.pause {

	background: url("../images/bt-pause.png") 50% 0px no-repeat;

	height: 76px;

	left: 90px;

	width: 42px; 

	top:-100px; cursor:pointer;

}



.pause.paused {

	background: url("../images/bt-play.png") 50% 0px no-repeat;

	height: 76px;

	left: 90px;

	width: 42px; cursor:pointer;

}



.status {

	background: url("../images/status-bar.png") -119px 0 repeat-y;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	height: 6px;

	margin: 0 0 0 10px;

	position: relative;

	top: -90px;

	width: 118px;

}



.status.paused {

	-webkit-animation: paused 1s linear alternate infinite;

	-moz-animation: paused 1s linear alternate infinite;

	-ms-animation: paused 1s linear alternate infinite;

	-o-animation: paused 1s linear alternate infinite;

	animation: paused 1s linear alternate infinite;

}



@keyframes "paused" {

 0% {

    background-position: 0 0;

   	opacity: 0;

 }

 100% {

    background-position: 0 0;

   	opacity: .7;

 }



}



@-moz-keyframes paused {

 0% {

   background-position: 0 0;

   opacity: 0;

 }

 100% {

   background-position: 0 0;

   opacity: .7;

 }



}



@-webkit-keyframes "paused" {

 0% {

   background-position: 0 0;

   opacity: 0;

 }

 100% {

   background-position: 0 0;

   opacity: .7;

 }



}



@-ms-keyframes "paused" {

 0% {

   background-position: 0 0;

   opacity: 0;

 }

 100% {

   background-position: 0 0;

   opacity: .7;

 }



}



@-o-keyframes "paused" {

 0% {

   background-position: 0 0;

   opacity: 0;

 }

 100% {

   background-position: 0 0;

   opacity: .7;

 }



}



@keyframes "status-bar" {

 0% {

    background-position: -119px 0;

 }

 100% {

    background-position: 0 0;

 }



}



@-moz-keyframes status-bar {

 0% {

   background-position: -119px 0;

 }

 100% {

   background-position: 0 0;

 }



}



@-webkit-keyframes "status-bar" {

 0% {

   background-position: -119px 0;

 }

 100% {

   background-position: 0 0;

 }



}



@-ms-keyframes "status-bar" {

 0% {

   background-position: -119px 0;

 }

 100% {

   background-position: 0 0;

 }



}



@-o-keyframes "status-bar" {

 0% {

   background-position: -119px 0;

 }

 100% {

   background-position: 0 0;

 }



}



.status.active {

	-webkit-animation: status-bar 0s linear;

	-moz-animation: status-bar 4s linear;

	-ms-animation: status-bar 4s linear;

	-o-animation: status-bar 4s linear;

	animation: status-bar 4s linear;

}



.pause-icon {

	right: 20px;

	position: absolute;

	bottom: 20px;

}



#sequence-preloader {

	height: 100%;

	position: absolute;

	width: 100%;

	z-index: 999999;

}



@keyframes "preload" {

 0% {

   	opacity: 0;

 }

 50% {

   	opacity: 1;

 }

 100% {

   	opacity: 0;

 }



}



@-moz-keyframes preload {

 0% {

   opacity: 0;

 }

 50% {

   opacity: 1;

 }

 100% {

   opacity: 0;

 }



}



@-webkit-keyframes "preload" {

 0% {

   opacity: 0;

 }

 50% {

   opacity: 1;

 }

 100% {

   opacity: 0;

 }



}



@-ms-keyframes "preload" {

	0%  {

	opacity: 0;

}

 50% {

   opacity: 1;

 }

 100% {

   opacity: 0;

 }



}



 @-o-keyframes "preload" {

	0%  {

	opacity: 0;

}

 50% {

   opacity: 1;

 }

 100% {

   opacity: 0;

 }



}









 #sequence-preloader img {

	background: #ff9933;



	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	display: inline-block;

	height: 12px;

	opacity: 0;

	position: relative;

	top: -50%;

	width: 12px;



	-webkit-animation: preload 1s infinite;

	-moz-animation: preload 1s infinite;

	-ms-animation: preload 1s infinite;

	-o-animation: preload 1s infinite;

	animation: preload 1s infinite;

}



.preloading {

	height: 12px;

	margin: 0 auto;

	top: 50%;

	position: relative;

	width: 48px;

}



#sequence-preloader img:nth-child(2) {

	-webkit-animation-delay: .15s;

	-moz-animation-delay: .15s;

	-ms-animation-delay: .15s;

	-o-animation-delay: .15s;

	animation-delay: .15s;

}



#sequence-preloader img:nth-child(3) {

	-webkit-animation-delay: .3s;

	-moz-animation-delay: .3s;

	-ms-animation-delay: .3s;

	-o-animation-delay: .3s;

	animation-delay: .3s;

}



.preloading-complete {

	opacity: 0;

	visibility: hidden;



	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}

 

  

.pulpo-electric {

	left: -200px;

	opacity: 0;

	position: absolute;

	top:132px;



	-webkit-transform: rotate(-0deg);

	-moz-transform: rotate(-0deg);

	-o-transform: rotate(-0deg);

	-ms-transform: rotate(-0deg);

	transform: rotate(-0deg);



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

}



.pulpo-electric.animate-in {

	left: -60px;

	opacity: 1;

	top: 132px;



	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);



	-webkit-transition-duration: 3s;

	-moz-transition-duration: 3s;

	-o-transition-duration: 3s;

	-ms-transition-duration:3s;

	transition-duration: 3s;

}



.pulpo-electric.animate-out {

	left: 360px;

	opacity: 0;

	top: 132px;







	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;

}





.slide2 {

	left: -500px;

	position: absolute;z-index:999;

	top: 120px;

	width: 450px;

	opacity: 0;

}



.slide2.animate-in {

	left: 140px;

	top: 120px;

opacity: 1;





	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;



}



.slide2.animate-out {

	left: 500px;

	opacity: 0;

	top: 120px;





	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



}



.fond-pieuvre-electrique{

		position: absolute;



	left: -70px;

	opacity: 0;

		-webkit-transition-duration:1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;



	}





.fond-pieuvre-electrique.animate-out{

	left: 900px;

	opacity: 0;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;





}



.fond-pieuvre-electrique.animate-in{

	left: 400px; 

	opacity: 1;

	-webkit-transition-duration:1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;





}







.intro {

	position: absolute;

	left:50px;

	top: 40px;

	opacity: 0; z-index:999; 

	

	-webkit-transform: scale(0.005);

	-moz-transform:  scale(0.005);

	-o-transform:  scale(0.005);

	-ms-transform:  scale(0.005);

	transform: scale(0.005);



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

}



.intro.animate-in {

	left: 50px;

	top:40px;

	opacity: 1; 

	

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);



	-webkit-transition-duration: 2.5s;

	-moz-transition-duration: 2.5s;

	-o-transition-duration: 2.5s;

	-ms-transition-duration: 2.5s;

	transition-duration: 2.5s;



}



.intro.animate-out {

	left:50px;

	opacity: 0;

	top: 40px;



	-webkit-transform: scale(2.5);

	-moz-transform: scale(2.5);

	-o-transform: scale(2.5);

	-ms-transform: scale(2.5);

	transform: scale(2.5);



	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	-ms-transition-duration: 0.5s;

	transition-duration: 0.5s;

}	

		

.prefabat{

	left: 500px;

	opacity: 0;

	position: absolute;

	top:50px;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

	}

	

.prefabat.animate-in{

	left: 600px;

	opacity: 1;

	position: absolute;

	top:50px;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;





	}	

.prefabat.animate-out{

	left:999px;

	opacity: 0;

	position: absolute;

	top:50px;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



	

	}		

.domotiques	{

	left: -550px;

	opacity: 0;

	position: absolute;

	top:0px;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

	}

	

.domotiques.animate-in{

	left: -170px;

	opacity: 1;





	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

	}

.domotiques.animate-out{

	left: 300px;

	opacity: 0;





	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

	}

	

.pieuvre	{

	left: -450px;

	opacity: 0;

	position: absolute;

	top:0px;

	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

	}	

.pieuvre.animate-in{

	left: 280px;

	opacity: 1;

	-webkit-transition-duration: 1.3s;

	-moz-transition-duration: 1.3s;

	-o-transition-duration: 1.3s;

	-ms-transition-duration: 1.3s;

	transition-duration: 1.3s;

	}

.pieuvre.animate-out{

	left: 550px;

	opacity: 0;

	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;

	}	



.pieuvres_hydrauliques{

		position: absolute;

	left: 200px;

	opacity: 0; z-index:2;

		-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;

	z-index:5;

	}

	

.pieuvres_hydrauliques.animate-out{

	left: 900px;

	opacity: 0;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}



.pieuvres_hydrauliques.animate-in{

	left: 550px;

	opacity: 1;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;



}	





.pieuvres_domotiques_KNX{

		position: absolute;

	left: -60px;

	opacity: 0; bottom:0px;

		-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;

	z-index:5;



	}





.pieuvres_domotiques_KNX.animate-out{

	left: 900px;

	opacity: 0;bottom:0px;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;





}



.pieuvres_domotiques_KNX.animate-in{

	left: 390px; bottom:0px;

	opacity: 1;

	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;





}	



.ipad {

	position: absolute;

	left: -100px;

	opacity: 0;

	top: 0px;



	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);

	z-index: 5;

}



.ipad.animate-in {

	left: 540px;

	top: 50px;

		opacity: 1;





	-webkit-transform: rotate(20deg);

	-moz-transform: rotate(20deg);

	-o-transform: rotate(20deg);

	-ms-transform: rotate(20deg);

	transform: rotate(20deg);



	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;



}



.ipad.animate-out {

	left: 750px;

	opacity: 0;

	top: 0px;



	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);



	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}







.iphone2 {

	position: absolute;

	left: 860px;

	top: 550px;

	z-index: 7;

	opacity: 0;

}



.iphone2.animate-in {

	left: 400px;

	top: 150px;

opacity: 1;

	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



	-webkit-transition-timing-function: ease-in;

	-moz-transition-timing-function: ease-in;

	-o-transition-timing-function: ease-in;

	-ms-transition-timing-function: ease-in;

	transition-timing-function: ease-in;

}



.iphone2.animate-out {

	left: 830px;

	top: 450px;

	opacity: 1;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



	-webkit-transform:scale(.6)  rotate(100deg);

	-moz-transform:scale(.6)  rotate(100deg);

	-o-transform: scale(.6) rotate(100deg);

	-ms-transform:scale(.6)  rotate(100deg);

	transform:scale(.6)  rotate(100deg);

}





.iphone3 {

	position: absolute;

	left: 860px;

	top: 550px;

opacity: 0;

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	-o-transform: scale(.8);

	-ms-transform: scale(.8);

	transform: scale(.8);

	z-index: 6;

}



.iphone3.animate-in {

	left: 500px;

	top: 160px;

opacity: 1;

	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration:1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;



	-webkit-transition-timing-function: ease-in;

	-moz-transition-timing-function: ease-in;

	-o-transition-timing-function: ease-in;

	-ms-transition-timing-function: ease-in;

	transition-timing-function: ease-in;

}



.iphone3.animate-out {

	left: 830px;

	top: 450px;

	opacity: 1;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



	-webkit-transform:scale(.6)  rotate(100deg);

	-moz-transform:scale(.6)  rotate(100deg);

	-o-transform: scale(.6) rotate(100deg);

	-ms-transform:scale(.6)  rotate(100deg);

	transform:scale(.6)  rotate(100deg);

}



.iphone4 {

	position: absolute;

	left: 830px;

	top: 450px;

	z-index: 5;

	opacity: 0;

	-webkit-transform: scale(.6) rotate(100deg);

	-moz-transform: scale(.6) rotate(100deg);

	-o-transform: scale(.6) rotate(100deg);

	-ms-transform: scale(.6) rotate(100deg);

	transform: scale(.6) rotate(100deg);



}



.iphone4.animate-in {

	left: 575px;

	top: 170px;

opacity: 1;

	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;

	

		-webkit-transform:scale(.6)  rotate(0deg);

	-moz-transform:scale(.6)  rotate(0deg);

	-o-transform: scale(.6) rotate(0deg);

	-ms-transform:scale(.6)  rotate(0deg);

	transform:scale(.6)  rotate(0deg);



	-webkit-transition-timing-function: ease-in;

	-moz-transition-timing-function: ease-in;

	-o-transition-timing-function: ease-in;

	-ms-transition-timing-function: ease-in;

	transition-timing-function: ease-in;

}



.iphone4.animate-out {

	left: 830px;

	top: 450px;

	opacity: 0;



	-webkit-transition-duration: 1.5s;

	-moz-transition-duration: 1.5s;

	-o-transition-duration: 1.5s;

	-ms-transition-duration: 1.5s;

	transition-duration: 1.5s;



	-webkit-transform:scale(.6)  rotate(100deg);

	-moz-transform:scale(.6)  rotate(100deg);

	-o-transform: scale(.6) rotate(100deg);

	-ms-transform:scale(.6)  rotate(100deg);

	transform:scale(.6)  rotate(100deg);

}



.slide3 {

	position: absolute;

	left: -600px;

	opacity: 0;

	top: 250px;

	width: 500px; color:#FFF

}

.slide3 h2{ color:#FFF}

.slide3.animate-in {

	left: 100px;

	opacity: 1;

	top: 250px;



	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;



}



.slide3.animate-out {

	left: -600px;

	opacity: 0;

	top: 250px;



	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}



.slide4 {

	position: absolute;

	left: -600px;

	opacity: 0;

	top: 120px;

	width: 400px; color:#FFF

}

.slide4.animate-in {

	left: 0px;

	opacity: 1;

	top: 120px;



	-webkit-transition-duration: 2s;

	-moz-transition-duration: 2s;

	-o-transition-duration: 2s;

	-ms-transition-duration: 2s;

	transition-duration: 2s;

}

.slide4.animate-out {

	left: 500px;

	opacity: 0;

	top: 120px;



	-webkit-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-o-transition-duration: 1s;

	-ms-transition-duration: 1s;

	transition-duration: 1s;

}




.spip_form_champ.multiple input{ margin-top:0px}
.spip_form_champ.multiple li label{ margin-top:-3px}
.form_2 .ligne_9{ margin-left:535px; }

.spip_form_champ.multiple, .spip_form_champ.multiple_1 { height: auto; margin:3px 0; padding:0; position:relative; width:100%; clear:both }
.spip_form_champ.multiple .spip_form_label .label, .spip_form_champ.multiple_1 .spip_form_label .label{ width:20em; display:block; min-height:40px }
.spip_form_champ.multiple .spip_form_label, .spip_form_champ.multiple_1 .spip_form_label{float:left  }

.spip_forms .spip_form_champ ul.spip_form_choix_multiple{ width: auto; float: left;  }
.spip_forms .spip_form_champ ul.spip_form_choix_multiple li{ width: auto; margin:0 10px;  display:block; float: left; }
.spip_forms .spip_form_champ .spip_form_choix_multiple li input{ float:left; width:auto; margin: 0 px; position:relative}
.spip_forms .spip_form_champ .spip_form_choix_multiple li label{  width: auto; float: right; margin-left:7px  }

.form_1 .spip_forms fieldset.separateur_5{ height:300px;}
.form_1 .spip_forms fieldset.separateur_5 .spip_form_champ.multiple_10:after{content: url('img/appareillages.jpg'); display:block; width:100%; clear:both}

.form_4 fieldset.separateur_5{ height:400px;}
.form_4 fieldset.separateur_5 .spip_form_champ.multiple_4:after{content: url('img/appareillages2.jpg'); display:block; width:100%; clear:both; margin-top:50px}

.spip_forms .spip_form_champ ul.spip_form_choix_unique{ width:17em; float: left; top:0; margin-right:3em; margin-left:273px;  }
.spip_forms .spip_form_champ ul.spip_form_choix_unique li{ width:80px; margin:-19px 0 0px 0px;  padding:0px;  display:block; float:left}
.spip_forms .spip_form_champ .spip_form_choix_unique li label{  width:50px; float: left  }
.spip_forms .spip_form_champ .spip_form_choix_unique li input{ float:left; width:auto;}
.spip_forms .champ_obli_oubli {}
.spip_forms .spip_form_label{ width:20em; display:block;   }

.form_1 .separateur_13 .ligne, .form_1 .separateur_13 .ligne_41, .form_1 .separateur_13 .ligne_43, .form_1 .separateur_13 .ligne_45, .form_1 .separateur_13 .ligne_47, .form_1 .separateur_13 .ligne_49    { width:50%}
.form_1 .separateur_13 .select_17{ width:100%}
.form_1 .texte_1{ display:block; clear:both}

.spip_form_champ { float:left; height:50px; margin:13px 0; padding:0; position:relative }
.spip_form_champ .select{ float: left; margin-right:0;}

.spip_form_champ.texte,.spip_form_champ.texte_1 { clear:both; min-height:150px; display:block }
.form_1 .separateur_14 .label{ min-height:40px;  display:block; }
.form_1 .separateur_14 .spip_form_champ{ margin-bottom:30px}
.form_1 .separateur_15 .multiple .spip_form_label, .form_1 .separateur_15 .multiple_19 .spip_form_label{ display:none; }
.form_1 .separateur_15 .multiple, .form_1 .separateur_15 .multiple_19{ float:left; width:450px; clear:none;margin-top:33px}
.form_1 .separateur_15 .nettoyeur{ clear:none;  float:left; display:none}
.form_1 .separateur_15 .select, .form_1 .separateur_15 .select_32, .form_1 .separateur_15 .select_33, .form_1 .separateur_15 .select_34{ clear:both;  }
.form_1 .separateur_16 .select, .form_1 .separateur_16 .select_23, .form_1 .separateur_16 .select_24, .form_1 .separateur_16 .select_25{ width:400px; }


.form_1 fieldset.separateur_17{ border:none; padding:0 0 0 1.5em; margin:0; clear:both; display:block; float:none; margin-bottom:195px;min-height:850px}
.form_1 fieldset.separateur_17 legend{ font-size:2em}
.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique label span{ font-size:1.3em; clear:both; display:block;}

.form_1 fieldset.separateur_17 .select_26, 
.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique, 
.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique li
{width:100%; padding:0; margin:0; clear:both; display:block; float:none }

.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique li{ border:1px solid #999; padding:1em; margin:1em 0; display:block; clear:both; float:none}

.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique label{ text-align:left; float:left; padding:0; margin:0 0 0px 10px; display: inline-block; min-width:350px}
.form_1 fieldset.separateur_17 .select_26 ul.spip_form_choix_unique input{ margin-top:25px}
.form_1 fieldset.separateur_17 .select_26 li{ clear:both}
.form_1 fieldset.separateur_17 .select_26 li:nth-child(1) { background:url(../images/01.jpg) no-repeat right 30px; height:200px; width:100%; display:block;}
.form_1 fieldset.separateur_17 .select_26 li:nth-child(2) { background:url(../images/02.jpg) no-repeat right 30px; height:200px; width:100%; display:block;}
.form_1 fieldset.separateur_17 .select_26 li:nth-child(3) { background:url(../images/03.jpg) no-repeat right 30px; height:200px; width:100%; display:block;}
.form_1 fieldset.separateur_17 .select_26 li:nth-child(4) { background:url(../images/04.jpg) no-repeat right 30px; height:200px; width:100%; display:block;}

.form_1 fieldset.separateur_21 .num, 
.form_1 fieldset.separateur_21 .num_1, .form_1 fieldset.separateur_21 .num_2, .form_1 fieldset.separateur_21 .num_3, .form_1 fieldset.separateur_21 .num_4{ width:50px; margin:0}

.form_1 fieldset.separateur_21 .multiple, 
.form_1 fieldset.separateur_21 .multiple_26, .form_1 fieldset.separateur_21 .multiple_36, .form_1 fieldset.separateur_21 .multiple_28, .form_1 fieldset.separateur_21 .multiple_29, .form_1 fieldset.separateur_21 .multiple_30, .form_1 fieldset.separateur_21 .multiple_31{ width:600px; margin-top:19px }

.form_1 fieldset.separateur_21 .multiple .label,
 .form_1 fieldset.separateur_21 .multiple_26 .label, .form_1 fieldset.separateur_21 .multiple_36 .label, .form_1 fieldset.separateur_21 .multiple_28 .label, .form_1 fieldset.separateur_21 .multiple_29 .label, .form_1 fieldset.separateur_21 .multiple_30 .label, .form_1 fieldset.separateur_21 .multiple_31 .label
 { width:500px; display:block}
 
.form_1 fieldset.separateur_21 .spip_form_choix_multiple label { display:none}
.form_1 fieldset.separateur_21 .spip_form_choix_multiple { margin-left:250px; position:absolute; top:-5px; left:250px} 

.form_1 fieldset.separateur_22 .multiple,
.form_1 fieldset.separateur_22 .multiple_22, .form_1 fieldset.separateur_22 .multiple_32, .form_1 fieldset.separateur_22 .multiple_33, .form_1 fieldset.separateur_22 .multiple_34, .form_1 fieldset.separateur_22 .multiple_35{ width:600px; }
.form_1 fieldset.separateur_22 .multiple .label,
.form_1 fieldset.separateur_22 .multiple_22 .label, .form_1 fieldset.separateur_22 .multiple_32 .label, .form_1 fieldset.separateur_22 .multiple_33 .label, .form_1 fieldset.separateur_22 .multiple_34 .label, .form_1 fieldset.separateur_22 .multiple_35 .label{ width:500px; display:block}
.form_1 fieldset.separateur_22 .spip_form_choix_multiple label { display:none}
.form_1 fieldset.separateur_22 .spip_form_choix_multiple { margin-left:250px;  position:absolute; top:-5px; left:250px} 
.form_1 fieldset.separateur_22 .textestatique{ float: right; border:none; width:120px; margin:0 30px 0  0; clear:none}


.spip_forms .erreur{ padding:0.3em; color: #F00;clear:both; float:right; margin-bottom:33px}

.label span{ font-size:0.73em;}
.formInfo{ float:left; display:block}
.spip_form_champ.textestatique_1{ display:block; clear: both; font-size:0.85em; line-height:1.2em; margin:10px 0; border:1px solid #CCC; height:auto; padding:0.7em}

.spip_forms { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.spip_forms form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.spip_forms li.fieldset fieldset{ clear: both; margin: 1em 0 0em 0; width:600px; min-height:50px; border:1px dashed #000; padding-left:2em }
.spip_forms 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 */
.spip_forms fieldset fieldset { margin-top: 1em; border:0px }
.spip_forms fieldset fieldset legend { font-size: 1em; font-weight: normal; }
.spip_forms fieldset{ width:800px; padding-left:50px}


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

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 */
.spip_forms .explication { margin: 0.50em 0; color: #444; font-size:0.85em; }

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

.spip_forms fieldset{ margin-bottom:33px}

.spip_forms fieldset legend{ font-weight:normal; background:none; background-color:transparent}

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

.spip_forms .choix label{display:inline;font-weight:normal;}
.spip_forms .choix input.radio,
.spip_forms .choix input.checkbox {width:17em;}

.pieces_jointes label {}
.pieces_jointes{ }
li.pieces_jointes ul { float:left}
li.pieces_jointes ul li { width:21em;}
li.pieces_jointes ul li input.fichiers{ border:none; background:#0C3}


.spip_form_label_obligatoire{ display:none}
.spip_forms{ margin:5px 15px}
.spip_forms.spip_forms label, .spip_forms input{ }
.spip_forms.spip_forms input.text, .spip_forms.spip_forms select{ width:17em; background-color:#FFF; border:1px solid #CCC}
.spip_forms.spip_forms .boutons{ margin-left:245px}

.spip_forms.spip_forms.spip_forms-2 fieldset{ border: none;  padding:0; clear:both}

.spip_forms  .spip_form_champ textarea{ width:39em; background-color:#FFF; border:1px solid #CCC; float: left; display:block; height:10em;}
.spip_forms  .spip_form_champ.texte .spip_form_label{ float:left; clear:both}

.form_3 fieldset.separateur_5{ height:200px; clear:both}
 .form_3 fieldset.separateur_4{ height:150px; clear:both}

.spip_forms.spip_forms.boutons {float:right}


.spip_forms.spip_forms .saisie_radio .choix{float:left; width:130px; padding:0;}
.spip_forms.spip_forms .saisie_radio .choix label{float:left; width:90px;}


p.explication{ position:absolute; top:15px; font-size:0.8em}
.spip_forms li{ position:relative}

.spip_forms.spip_forms.spip_forms-1 label{ width:100px;}
.spip_forms.spip_forms.spip_forms-2 label, .spip_forms.spip_forms.spip_forms-3 label{ width:240px; margin-right:50px}

.spip_forms .fieldset_fieldset_1 h3.legend{ font-weight:normal; font-size:1em; font-family:Verdana, Geneva, sans-serif; letter-spacing:0px}

.saisie_selection label, .saisie_textarea label{ display: block; text-align: left; color: #444; font-weight: bold; position: relative; font-weight:normal; width:200px  }
.submit{ margin-right:160px}

/* Champs de saisie */
.spip_forms input.text,.spip_forms select  { width: 17em; background-color:#fff; border:1px solid #CCC }
.spip_forms textarea { width: 17em; background-color:#fff; border:1px solid #CCC }
.spip_forms input{ width:17em;  border:1px solid #CCC}
.spip_forms select { width:17em; border:1px solid #CCC}
/* Boutons */
.spip_forms .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.spip_forms .boutons input { margin-left: 1em;}

.spip_forms .boutons input, input.submit { }
.formulaire_recherche .boutons input, .formulaire_recherche input.submit { border:none; width:22px; height:23px; cursor:pointer }
.spip_forms_listes_inscription input{ width:5em;} 

/* Reponses, previsu et erreurs
----------------------------------------------- */

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

/* Previsualisation du message */
.spip_forms fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.spip_forms fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.spip_forms fieldset.previsu li { padding: 3px; border: none; }
.spip_forms 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 */
.spip_forms li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.spip_forms li.erreur input.text, .spip_forms 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; }

.formulaire_forum .moderation_info{ position:relative}
.formulaire_forum .explication, .formulaire_forum fieldset{ position:relative; margin:0; padding:0; min-height: 50px; display:block}

#navigation .explication, #navigation fieldset{ position:relative; margin:0 0 15px 0; padding:0; min-height: 50px; display:block}