.noir { margin-bottom:15px; }
/*---------------------Formulaire de couleur noir------------------------*/
/*titre formulaire h2*/
#content .noir h2.titre-formulaire { color: #FFFFFF; background: #000; margin:0em; padding:0.2em; }
#content .produits h2 { color: #FFFFFF; background: #006699; margin:0em; padding:0.2em; }
/*formulaire*/
#content .noir .formulaire { border: 1px solid #000000; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.noir .titre { border: 1px solid #000000; background-color:#CCCCCC; padding:0; }
/*---------------------Formulaire de couleur bleu------------------------*/
.f2 { margin-bottom:10px; width:520px; clear:both; }
/*titre formulaire h2*/
#content .f2 h2.titre-formulaire { color: #FFFFFF; background:#006699; margin:0em; padding:0.2em; }
/*formulaire*/
#content .f2 .formulaire { border: 1px solid #006699; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.f2 .titre { border: 1px solid #006699; background-color:#006699; padding:0; }
/*---------------------f3------------------------*/
.f3 { margin-bottom:10px; clear:both; }
/*titre formulaire h2*/
#content .f3 h2.titre-formulaire { color: #FFFFFF; background:#006699; margin:0em; padding:0.2em; }
/*formulaire*/
#content .f3 .formulaire { border: 1px solid #006699; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #FFFFFF; }
/*---------------------formulaires gabarit commun-------------*/

/*style textarea wysiwyg*/
.formulaire .textarea-simple, .formulaire .textarea-perso { margin-bottom:10px; width:98%; min-height:100px; height:auto!important; height:100px; }
.formulaire .mceSimple { width:100%; height:200px; }
.formulaire .mceAdvanced { width:100%; height:300px; }
/*style ajout champs*/
.formulaire .select, .formulaire .ajout-champ { margin-bottom:10px; }
/*style bouton*/
.formulaire .bouton { background-color:#0099FF; border: 2px solid #000000; color:#ffffff; font-weight:bold; font-size:1.2em; margin-top:5px; }
/*---------------------formulaire tailles champs-----------------*/
/* style option*/
.formulaire .option { padding-right:10px; }
.formulaire .petit { width:30px; }
.formulaire .moyen { width:60px; }
.formulaire .titre { width:160px; }
.formulaire .grand { width:100%; height:20px; }
/*----------------------formulaire image gris----------------------*/
.liste-formulaire-gris { list-style:none; margin:0px; padding-top:5px; padding-bottom:5px; border: 1px solid #970097; margin-top:-1px; background-color: #DFDFDF; }
.liste-formulaire-gris li { margin-bottom:8px; width:515px; height:20px; }
.liste-formulaire-gris .formtext { text-align:right; width:215px; display:block; float:left; font-weight:bold; margin-right:5px; }
/* ---------------------------------------------taille cadre */
#content .taille1 { width:382px; float:left; margin-right:20px; }
#content .taille2 { width:290px; float:left; }
/*---------------------Cadre cadrebleu------------------------*/
/*titre cadrebleu h2*/
#content .cadrebleu h2 { color: #FFF; background: #3366CC; margin:0em; padding:0.2em; }
/*cadrebleu*/
#content .cadrebleu .cadre { border: 1px solid #3366CC; padding: 10px; }
/*---------------------Cadre rouge------------------------*/
/*titre rouge h2*/
#content .rouge h2 { color: #FFF; background: #FF0000; margin:0em; padding:0.2em; }
/*rouge*/
#content .rouge .cadre { border: 1px solid #FF0000; padding: 10px; }
/*---------------------Cadre gris5------------------------*/
/*titre gris5 h2*/
#content .gris5 h2 { color: #FFF; background: #666; margin:0em; padding:0.2em; }
/*gris*/
#content .gris5 .cadre { border: 1px solid #666; padding: 10px; }
/*--------------aideg1----------------------*/
a.aideg1 { font-size: 12px; color: #FFFFFF; background-color: #0099FF; padding:2px; padding-left: 5px; padding-right: 5px; border: 1px solid #000000; margin-left:10px; text-decoration:none; }
a.aideg1:hover { color: #000000; }
/*----------------aide visuel apparence---------*/
.visuelapparence { padding-top:2px; padding-bottom:10px; padding-left:10px; padding-right:10px; }
#ap_total { font-size:13px; font-weight:bold; border:solid 1px #000000; }
#ap_total a { display:block; background-color:#666666; padding:5px; color:#ffffff; text-decoration:none; }
#ap_total a:hover, #ap_total a.actif { background-color:#333333; }
#ap_total .total_a { background-color:#ccc; color:#000; }
#ap_total .total_a:hover, #ap_total a.actif { color:#ffffff; }
#ap_banniere { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#ap_barre { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#ap_colonneg a, #ap_colonned a { padding-left:3px; }
#ap_colonneg { font-size:12px; width:60px; float:left; background-color:#CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#ap_page { width:86px; float:left; background-color:#CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#ap_colonned { font-size:12px; width:60px; float:right; background-color:#CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#ap_colonned a, #ap_colonneg a, #ap_page a { height:40px; }
#ap_pied { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; clear:both; }
/*tableau article*/
#content .tableauarticle { width:100%; border: 1px solid #999999; background-color:#FFFFFF; }
#content .tableauarticle tr { }
#content .tableauarticle tr.fondarticle { background-color: #DFDFDF; }
#content .tableauarticle td { padding:5px; margin:0; }
#content .retourblog { padding-bottom:5px; }
#content .retourblog a { text-decoration:none; }
#content .retourblog a:hover { text-decoration: underline; }
#content .erreur_validation_titre .titre-article { border: 1px solid #0000FF; }
#content .erreur_validation_titre { color:#0000FF; }
/*tableau page*/
.tableau-page .ligne_fond { background-color:#CCCCCC; }
.tableau-page td { padding:5px; }
.tableau-page th { padding:5px; text-align: left; background-color: #999999; color:#FFFFFF; font-weight:bold; }
.tableau-page .titre8 { color: #000000; font-size:11px; font-style:italic; }
.bordure5 { border: 1px solid #999999; }
/*sousmenu2*/
.sousmenu2 { border: 1px solid #666666; margin-bottom:10px; padding:5px; }
#content p.titresousmenu { padding:5px; background-color:#666666; color:#FFFFFF; margin-bottom:0; }
.sousmenu2 .tableau-page th { background-color:#999; }
.smenucontenu { background-color:#666666; color:#FFFFFF; padding:5px; }
.smenucontenu a { color:#CCCCCC; }
#content .remplircolonne a { /*background-color: #006699; color:#fff;*/
}
.supcolonne { text-align:right; }
.supcolonne a { color:#FF0000; }
/*---------------------Formulaire fiche produit------------------------*/
#content .navremplirproduit li { float:left; list-style:none; }
#content .navremplirproduit li a { display:block; text-decoration:none; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
#content .navremplirproduit li a:hover, #content .navremplirproduit li.actif-messages a { background-color: #0066CC; color:#FFFFFF; text-decoration: underline; }
/*titre formulaire h2*/
#content .ficheproduit h2 { color: #fff; background: #999; padding:5px; }
#content .ficheproduit h2.titre-formulaire { color: #FFFFFF; background: #666666; margin:0em; padding:0.2em; }
/*formulaire*/
#content .ficheproduit .formulaire { border: 1px dotted #666666; padding: 15px; }
#content .ficheproduit .formulaire .tableproduit { background-color:#DFDFDF; border: 1px solid #0066CC; padding:10px; }
#content .ficheproduit .formulaire .tableproduit .liste-formulaire { background-color:#ccc; }
