/* CSS Document */
/*---------------------RESET------------------------*/
* { margin:0px; padding:0px; }
/*---------------------BASE------------------------*/

html, body { width:100%; height:100%; }
body { /*background-color:#F4F4F4;*/
	color: #000000; font: 75% Verdana, Arial, Helvetica, sans-serif; }
body.presentation { min-width:970px; background-image:url(/pages/index/interface/body.jpg); background-repeat: repeat-x; background-position: 0px 138px; }
#global { min-height:100%; height:auto!important; height:100%; position:relative; }
/*---------------------CLASS------------------------*/


.left { float:left; }
.right { float:right; }
.textleft { text-align:left; }
.textright { text-align:right; }
.clear { clear:both; }
.image1 { margin-top:0.2em; }
.image-inscription { padding-bottom:0.4em; }
.centrer { width:955px; margin-left:auto; margin-right:auto; }
#smenucompte-remplissage ul li .lien-souligne { text-decoration:underline; }
.relative { position:relative; }
.cursor { cursor:pointer; }
.style1 { font-weight:bold; }
.erreur_validation { font-weight:bold; color:#FF0000; }
/*---------------------BALISE------------------------*/
#content h1 { color: #000; font-size:1.6em; font-weight:bold; margin-bottom:0.4em; }
#content h2 { color:#000064; font-size:1.2em; font-weight:bold; margin-top: 0.4em; margin-bottom: 0.4em; }
#content p { margin-bottom: 0.4em; }
#content .contour_boite p { margin-bottom:10px; }
img { border:none; }
/*---------------------HEADER------------------------*/
#header { padding-bottom:5px; background-color:#666666; }
#header img { padding-top:18px; float:left; margin-left:10px; padding-bottom:5px; }
#connection { float:right; color:#000000; padding:5px 10px; background: #EEEEEE; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
/*---------------------MENU PRINCIPAL------------------------*/
#menu-principal { background-color:#666666; clear:both; }
#menu-principal ul li { list-style:none; float:left; margin-right: 0.7em; margin-left: 0.7em; }
#menu-principal ul li a { font-size: 1.2em; color: #fff; text-decoration: none; font-weight:bold; display:block; padding-right:13px; line-height:1.7; vertical-align:middle; }
#menu-principal ul li a .g { height: 5px; width: 10px; float:left; }
#menu-principal ul li a:hover, #menu-principal ul li.actif a, .accueil #menu-principal ul .btn1 a, .inscription #menu-principal ul .btn1 a, .compte #menu-principal ul .btn5 a, .administration #menu-principal ul .btn6 a, .references #menu-principal ul .btn2 a, #menu-principal ul li.btn-connexion a:hover { background-color:#ccc; color:#000; }
#menu-principal ul li a:hover .g, #menu-principal ul li.actif a .g, .accueil #menu-principal ul .btn1 a .g, .inscription #menu-principal ul .btn1 a .g, .compte #menu-principal ul .btn5 a .g, .administration #menu-principal ul .btn6 a .g, .references #menu-principal ul .btn2 a .g { height: 5px; width: 10px; float:left; }
/*-------------------sous-menu--------------------------*/

#sous-menu { clear:both; background-color:#ccc; padding-top:6px; padding-bottom:7px; }
#sous-menu ul { width:955px; margin-left:auto; margin-right:auto; }
#sous-menu ul li { list-style:none; display:inline; }
#sous-menu ul li a { color:#000; text-decoration:none; margin-right:35px; font-size:1.1em; position:relative; font-weight:bold; }
#sous-menu ul li a:hover, .moncompte #sous-menu .sbtn1 a, .apparence #sous-menu .sbtn2 a, .parametres #sous-menu .sbtn3 a, .mon-compte #sous-menu .sbtn4 a, .apercus #sous-menu .sbtn5 a, .catalogue #sous-menu .sbtn6 a, .messages #sous-menu .sbtn7 a { text-decoration: underline; }
.clients #sous-menu .sbtn1 a, .templates #sous-menu .sbtn2 a, .mysql #sous-menu .sbtn3 a, .sites #sous-menu .sbtn4 a, .pages #sous-menu .sbtn5 a { text-decoration: underline; }
#sous-menu ul li .lien-bleu, #sous-menu ul li.lien-bleu a { color:#000; text-decoration: underline; }
#sous-menu ul li.statut-test a { color:#FF0000; text-decoration:none; }
#sous-menu ul li.statut-test a:hover { color:#FF0000; text-decoration:underline; }
/* lien actif*/
#sous-menu li.actif a { text-decoration: underline; }
/*---------------------COLONNE------------------------*/
#gauche { width:230px; margin-right:20px; float:left; }
#gauche2 { width:220px; margin-right:20px; float:left; }
#droit { width:220px; margin-left:20px; float:right; }
/*boite inscription*/
.boite_inscription { border: 1px solid #ccc; background-color:#fff; }
h2.titre_inscription { background-color:#ccc; color:#000; font-size:1.2em; padding:5px; }
#content h2.titre_inscription { color:#000; font-size:1.2em; padding:5px; margin-bottom:0; }
.boite_inscription { padding:5px; margin-bottom:10px; }
.boite_inscription a { }
.boite_inscription p .image-inscription { margin-left:4px; }
/*---------------------CONTENT------------------------*/
#total-content { padding-top:15px; padding-bottom:120px; }
#content { overflow:hidden;/*creer un contexte de formatage */ margin-right:5px; }
/*page*/
#content .titre_boite { background-color:#ccc; color: #000; font-size:1.2em; padding:5px; margin-bottom:0px; }
#content .contour_boite { border: 1px solid #ccc; padding:20px; background-color:#fff; }
/*-------------------FOOTER--------------------------*/
#footer { color:#fff; background: #666666; border-top: 1px solid #333333; height:100px; position:absolute; bottom:0; left:0; width:100%; }
#footer #fond-footer { width:955px; margin-left:auto; margin-right:auto; }
#footer ul { }
#footer #fond-footer ul li { display:inline; padding-right: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
#footer #fond-footer ul li a { color:#fff; text-decoration:none; padding-left:5px; }
#footer #fond-footer ul li a:hover { text-decoration: underline; }
#footer #fond-footer ul li.fin { border-right-style: none; padding-right:0px; }
/* lien actif*/
#footer #fond-footer li.actif a { text-decoration:underline; }
/*bas-footer*/
#footer .bas-footer, #footer .bas-footer2 { text-align:center; }
#footer .bas-footer2 a { color:#fff; text-decoration:none; }
#footer .bas-footer2 a:hover { text-decoration: underline; }
/*-------------------BOITES--------------------------*/

.bleu .haut div { background: url(/images/interface/boites/bleu/arrondi-hg.gif) no-repeat left top; }
.bleu .haut { background: url(/images/interface/boites/bleu/arrondi-hd.gif) no-repeat right top; }
.bleu .bas div { background: url(/images/interface/boites/bleu/arrondi-bg.gif) no-repeat left bottom; }
.bleu .bas { background: url(/images/interface/boites/bleu/arrondi-bd.gif) no-repeat right bottom; }
.bleu { background-color:#006699; }
.bleu3 .haut div { background: url(/images/interface/boites/bleu3/arrondi-hg.gif) no-repeat left top; }
.bleu3 .haut { background: url(/images/interface/boites/bleu3/arrondi-hd.gif) no-repeat right top; }
.bleu3 .bas div { background: url(/images/interface/boites/bleu3/arrondi-bg.gif) no-repeat left bottom; }
.bleu3 .bas { background: url(/images/interface/boites/bleu3/arrondi-bd.gif) no-repeat right bottom; }
.bleu3 { background-color:#3366CC; color:#FFFFFF; margin-bottom:10px; }
.noirb .haut div { background: url(/images/interface/boites/noir/arrondi-hg.gif) no-repeat left top; }
.noirb .haut { background: url(/images/interface/boites/noir/arrondi-hd.gif) no-repeat right top; }
.noirb .bas div { background: url(/images/interface/boites/noir/arrondi-bg.gif) no-repeat left bottom; }
.noirb .bas { background: url(/images/interface/boites/noir/arrondi-bd.gif) no-repeat right bottom; }
.noirb { background-color: #000; }
.orange .haut div { background: url(/images/interface/boites/orange/arrondi-hg.gif) no-repeat left top; }
.orange .haut { background: url(/images/interface/boites/orange/arrondi-hd.gif) no-repeat right top; }
.orange .bas div { background: url(/images/interface/boites/orange/arrondi-bg.gif) no-repeat left bottom; }
.orange .bas { background: url(/images/interface/boites/orange/arrondi-bd.gif) no-repeat right bottom; }
.orange { background-color: #FFCC00; }
.rouge .haut div { background: url(/images/interface/boites/rouge/arrondi-hg.gif) no-repeat left top; }
.rouge .haut { background: url(/images/interface/boites/rouge/arrondi-hd.gif) no-repeat right top; }
.rouge .bas div { background: url(/images/interface/boites/rouge/arrondi-bg.gif) no-repeat left bottom; }
.rouge .bas { background: url(/images/interface/boites/rouge/arrondi-bd.gif) no-repeat right bottom; }
.rouge { background-color: #FF0000; }
.jaune .haut div { background: url(/images/interface/boites/jaune/arrondi-hg.gif) no-repeat left top; }
.jaune .haut { background: url(/images/interface/boites/jaune/arrondi-hd.gif) no-repeat right top; }
.jaune .bas div { background: url(/images/interface/boites/jaune/arrondi-bg.gif) no-repeat left bottom; }
.jaune .bas { background: url(/images/interface/boites/jaune/arrondi-bd.gif) no-repeat right bottom; }
.jaune { background-color: #FFFF99; }
.bleu2 .haut div { background: url(/images/interface/boites/bleu2/arrondi-hg.gif) no-repeat left top; }
.bleu2 .haut { background: url(/images/interface/boites/bleu2/arrondi-hd.gif) no-repeat right top; }
.bleu2 .bas div { background: url(/images/interface/boites/bleu2/arrondi-bg.gif) no-repeat left bottom; }
.bleu2 .bas { background: url(/images/interface/boites/bleu2/arrondi-bd.gif) no-repeat right bottom; }
.bleu2 { background-color: #003399; }
.gris .haut div { background: url(/images/interface/boites/gris/arrondi-hg.gif) no-repeat left top; }
.gris .haut { background: url(/images/interface/boites/gris/arrondi-hd.gif) no-repeat right top; }
.gris .bas div { background: url(/images/interface/boites/gris/arrondi-bg.gif) no-repeat left bottom; }
.gris .bas { background: url(/images/interface/boites/gris/arrondi-bd.gif) no-repeat right bottom; }
.gris { background-color:#DFDFDF; margin-bottom:10px; }
.stylec .haut div { background: url(/images/interface/boites/stylec/arrondi-hg.gif) no-repeat left top; }
.stylec .haut { background: url(/images/interface/boites/stylec/arrondi-hd.gif) no-repeat right top; }
.stylec .bas div { background: url(/images/interface/boites/stylec/arrondi-bg.gif) no-repeat left bottom; }
.stylec .bas { background: url(/images/interface/boites/stylec/arrondi-bd.gif) no-repeat right bottom; }
.stylec { background-color: #0099CC; }
.textehaut .haut div { background: url(/images/interface/boites/orange/arrondi-hg.gif) no-repeat left top; }
.textehaut .haut { background: url(/images/interface/boites/orange/arrondi-hd.gif) no-repeat right top; }
.textehaut .bas div { background: url(/images/interface/boites/orange/arrondi-bg.gif) no-repeat left bottom; }
.textehaut .bas { background: url(/images/interface/boites/orange/arrondi-bd.gif) no-repeat right bottom; }
.textehaut { background-color:#FFCC00; margin-bottom:10px; }
.accueil1 .haut div { background: url(/images/interface/boites/accueil1/arrondi-hg.gif) no-repeat left top; }
.accueil1 .haut { background: url(/images/interface/boites/accueil1/arrondi-hd.gif) no-repeat right top; }
.accueil1 .bas div { background: url(/images/interface/boites/accueil1/arrondi-bg.gif) no-repeat left bottom; }
.accueil1 { background: url(/images/interface/boites/accueil1/arrondi-bd.gif) no-repeat right bottom; background-color:#FFD52B; width:33%; float:left; margin-right:1%; }
.accueil2 .haut div { background: url(/images/interface/boites/accueil2/arrondi-hg.gif) no-repeat left top; }
.accueil2 .haut { background: url(/images/interface/boites/accueil2/arrondi-hd.gif) no-repeat right top; }
.accueil2 .bas div { background: url(/images/interface/boites/accueil2/arrondi-bg.gif) no-repeat left bottom; }
.accueil2 { background: url(/images/interface/boites/accueil2/arrondi-bd.gif) no-repeat right bottom; background-color:#ADE4AD; width:32%; float:left; margin-right:1%; }
.accueil3 .haut div { background: url(/images/interface/boites/accueil3/arrondi-hg.gif) no-repeat left top; }
.accueil3 .haut { background: url(/images/interface/boites/accueil3/arrondi-hd.gif) no-repeat right top; }
.accueil3 .bas div { background: url(/images/interface/boites/accueil3/arrondi-bg.gif) no-repeat left bottom; }
.accueil3 { background: url(/images/interface/boites/accueil3/arrondi-bd.gif) no-repeat right bottom; background-color:#93C5F7; width:32%; float:left; }
.accueil1 .boite-contenu, .accueil2 .boite-contenu, .accueil3 .boite-contenu { min-height:100px; height:auto!important; height:100px; }
#content .accueil1 .boite-contenu h2, #content .accueil2 .boite-contenu h2, #content .accueil3 .boite-contenu h2 { color:#000; }
.haut div, .haut, .bas div, .bas { height:4px; font-size:1px; }
.boite ul li { list-style:none; }
.boite-contenu { margin:0.2em 0.8em 0.4em; }
#services { color:#FFFFFF; margin-bottom: 1em; }
#services h2, .smenucompte h2 { font-size:1.2em; text-align:right; padding-right:0.2em; margin-bottom:0.3em; }
#services a { color:#FFFF00; font-weight:bold; text-decoration:none; }
#services a:hover { text-decoration: underline; }
#smenucompte-site h2 { text-align:left; }
.smenucompte ul { padding-top:10px; padding-left:20px; }
.smenucompte ul li { padding-bottom:5px; list-style:disc; }
.smenucompte ul li a { color:#FFFFFF; text-decoration:none; }
.smenucompte ul li a:hover { text-decoration: underline; }
.smenucompte .colonne ul { padding-left:0px; }
/*----------------------------------------cluetip*/
.basic { /*	background-color: #DFDFDF;
color:#666666;
	border: 1px solid  #999999;*/

	cursor:help; background-color: #00CCFF; padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; color:#fff; border: 1px solid #333; font-weight:bold; font-size:12px; margin-left:10px; text-decoration:none; display:inline-block; }
.basic:hover { color:#000; border: 1px solid #000; }
.aides ol { margin-left:20px; list-style:decimal; }
.aides p { margin-bottom:5px; }
.aides ul { margin-left:20px; }
td { padding-right:5px; padding-bottom:5px; }
.bouton { background-color:#0099FF; border: 2px solid #000000; color:#ffffff; font-weight:bold; font-size:1.2em; }
.marge1 option { padding-right:10px; }
.payment-ok { width:600px; margin-left:auto; margin-right:auto; padding: 10px; border: 1px solid #000000; }
.logo_bas { text-align:center; padding:5px; }
/*---------------------------------------annuaire--------------------------------*/
h2.titre_annuaire_1 { background-image: url(/images/interface/titre.png); background-repeat: no-repeat; color:#FFFFFF; font-size:14px; padding:5px; background-color:#000000; }
#content h2.titre_annuaire_1 { color:#FFFFFF; font-size:14px; padding:5px; margin-bottom:0; }
.annuaire_1 { list-style:none; border: 1px solid #000000; margin-bottom:10px; }
.annuaire_1 li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000; }
.annuaire_1 li.fin { border-bottom-style: none; }
.annuaire_1 li a { color:#000000; display:block; padding:5px; cursor:pointer; text-decoration:none; }
.annuaire_1 li a:hover, .annuaire_1 li.actif_activite_1 a { color:#FFFFFF; background-color:#003399; }
.annuaire_1 .annuaire_2 { list-style:none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
.annuaire_1 .annuaire_2 li { border-bottom-style: none; padding-left:20px; background-image: url(/images/interface/annuaire/puce.gif); background-repeat: no-repeat; background-position: 2px 5px; }
.annuaire_1 .annuaire_2 li a { color:#000000; display:block; padding:5px; cursor:pointer; background-color: #FFFFFF; font-size:0.93em; padding-left:3px; }
.annuaire_1 .annuaire_2 li a:hover, .annuaire_1 .annuaire_2 li.actif a { color: #fff; background-color:#0066CC; }
.annuaire_bloc .bloc { margin-bottom:10px; }
.annuaire_bloc .bloc h3 { margin-bottom:5px; }
.annuaire_bloc .bloc p.description { text-indent:10px; margin-bottom:5px; }
.annuaire_bloc .bloc p.departement { margin-bottom:0px; font-size:0.9em; }
.annuaire_bloc a img { float:left; margin-right:10px; border:solid 1px #ccc; }
/*smenu*/
.boite_inscription ul { list-style:none; padding-top:10px; }
.boite_inscription ul li { margin-bottom:1px; }
.boite_inscription ul li a { display:block; padding:5px; border-left-width: 3px; border-left-style: solid; border-left-color: #000; }
.boite_inscription ul li a:hover, .boite_inscription ul li.actif a { color:#FFF; background-color:#000; }
#content .contour_boite ul { list-style:none; }
#content .contour_boite ul li { margin-bottom:5px; }
#content .contour_boite .formtext { width:100px; display:block; float:left; }
#content .contour_boite .text { width:250px; }
#content .contour_boite .petit_text { width:30px; }
#content .contour_boite textarea { width:400px; height:200px; }
#content .contour_boite ol { list-style:decimal; margin-left:20px; margin-right:20px; }
#content .contour_boite ol li { margin-bottom:10px; }
/*liste*/
ul.liste { margin-left:40px; }
ul.liste li { list-style: decimal; }
ul.liste4 { margin-left:40px; }
ul.liste4 li { list-style: disc; }
ul ul.liste4 { margin-top:2px; }
ul ul.liste4 li { list-style: circle; }
ul.liste6 { margin-left:30px; margin-bottom:10px; }
ul.liste6 li { list-style: disc; }
ul.liste7 li { margin-bottom:10px; }
ul.liste8 li { margin-bottom:2px; }
/*accueil*/
.img_accueil { margin-right: 3px; border: 1px solid #CCC; }
.img_accueil2 { border: 1px solid #CCC; }
.img_pages { border: 1px solid #CCC; }
#content .paypal { margin-bottom:0; margin-top:10px; }
.marge1 { margin-bottom:10px; }
textarea { overflow:auto; }
/*etapes*/
.boite_inscription ol.liste5 { margin-left:15px; margin-bottom:10px; padding-top:10px; }
.boite_inscription ol.liste5 li { list-style:none; margin-bottom:8px; padding-left:24px; min-height:21px; height:auto!important; height:21px; padding-top:5px; background-repeat: no-repeat; background-position: left top; }
.boite_inscription ol.liste5 li.etape1 { background-image: url(/pages/index/interface/1.gif); }
.boite_inscription ol.liste5 li.etape2 { padding-top:0px; background-image: url(/pages/index/interface/2.gif); }
.boite_inscription ol.liste5 li.etape3 { background-image: url(/pages/index/interface/3.gif); }
#content .presentation { text-align:justify; margin-left:250px; }
#content .presentation h2 { color:#0099FF; }
/*bouton inscription*/
.inscriptionb { position:relative; }
.inscriptionb .creer { position:absolute; top:-37px; right:20px; }
/*accueil*/
.bandeau { min-height:215px; height:auto!important; height:215px; margin-bottom:13px; color:#FFFFFF; }
.bandeau .txt1 { top:-7px; left:0; clear:both; position:relative; }
.bandeau a { color:#FFFFFF; }
#content .bandeau h1 { float:left; margin-top:15px; margin-bottom:0; }
.bandeau .btninscription { float:left; margin-top:12px; margin-left:75px; }
.bandeau .btninscription img { margin-left:3px; }
.btninscription2 a { display:block; background-image: url(/pages/index/interface/inscription.gif); background-repeat: no-repeat; height: 40px; width: 499px; margin-bottom:13px; margin-left:auto; margin-right:auto; overflow:hidden; }
.btninscription2 a:hover { background-position: right center; }
.btninscription2 a span { margin-left:-1000px; }
body.presentation #content h2.legendeminiature { color:#FFFFFF; font-style:italic; font-size:9px; margin:0; margin-left:418px; padding:0; }
.miniatures a img { border: 1px solid #000; margin-right:5px; }
.miniatures a:hover img { border: 1px solid #FFF; }
.separation1 { clear:both; padding-bottom:10px; }
.pro { float:left; width:47%; margin-right:6%; }
.actu { float:left; width:47%; }
.pro, .actu { text-align:justify; }
#content .pro h2, #content .actu h2 { color:#000000; }
#content .pro p, #content .actu p { text-indent:20px; }
#content .pro ul, #content .actu ul { margin-left:40px }
#content .pro h2.entreprises { background-image: url(/pages/index/images/titre/entreprises.gif); background-repeat: no-repeat; background-position: left bottom; padding-left:25px; padding-bottom:2px; }
#content .pro h2.artistes { background-image: url(/pages/index/images/titre/artistes.gif); background-repeat: no-repeat; background-position: 5px bottom; padding-left:25px; padding-bottom:2px; }
#content .pro h2.associations { background-image: url(/pages/index/images/titre/association.gif); background-repeat: no-repeat; background-position: 5px bottom; padding-left:25px; padding-bottom:2px; }
#content .actu h2.actualites { background-image: url(/pages/index/images/titre/actualites.gif); background-repeat: no-repeat; background-position: 5px bottom; padding-left:25px; padding-bottom:2px; }
#content .actu h2.temoignages { background-image: url(/pages/index/images/titre/temoignages.gif); background-repeat: no-repeat; background-position: 5px bottom; padding-left:25px; padding-bottom:2px; }
#content .actu h2.tutoriels { background-image: url(/pages/index/images/titre/tutoriels.gif); background-repeat: no-repeat; background-position: 6px bottom; padding-left:25px; padding-bottom:2px; }
#content .tarif-packstandard { border: 1px solid #006699; margin-bottom:15px; }
#content .tarif-packstandard h2 { color: #FFFFFF; background: #006699; margin: 0px; padding: 4px; }
#content .tarif-moduleecommerce { border: 1px solid #FFCC00; margin-bottom:15px; }
#content .tarif-moduleecommerce h2 { color: #000; background: #FFCC00; margin: 0px; padding: 4px; }
#content .tarif-espacesupplementaire { border: 1px solid #CCCC00; }
#content .tarif-espacesupplementaire h2 { color: #000; background: #CCCC00; margin: 0px; padding: 4px; }
#content .tarif-int { padding:10px; }
#content .guides .accroche { background: #FFFF00; border: 1px dotted #0099FF; padding:7px; }
#content .guides .liste, #content .guides .liste4 { margin-bottom:15px; }
#content .guides h2 { background: #FFCC00; border: 1px dotted #0099FF; padding:7px; color:#000000; margin-bottom:15px; }
#content .guides h3 { margin-bottom:10px; color: #006699; }
#content .guides .accroche { background: #FFCC00; border: 1px dotted #0099FF; padding:7px; }
#content .guides .liste { margin-bottom:15px; }
#content .guides h2 { background: #0066CC; border: 1px dotted #0099FF; padding:7px; color:#fff; margin-bottom:15px; }
#content .guides h3 { margin-bottom:10px; color: #006699; }
#content .guides img { border: 1px solid #000000; }
.zoneadmin { float:right; padding-top:5px; padding-left:2%; padding-right:2%; }
.zoneadmin a { text-decoration:none; }
.zoneadmin a:hover { text-decoration: underline; }