/* CSS Document */
/*---------------------BASE------------------------*/
body { color: #000000; font: 75% Verdana, Arial, Helvetica, sans-serif; }
#global { background: url(/images/interface/fond-total.png) repeat-y center top; }
body.presentation #global { background-image:none; background-color:#fff; }
/*---------------------CLASS------------------------*/
#smenucompte-remplissage ul li .lien-souligne { text-decoration:underline; }
.textleft { text-align:left; }
.textright { text-align:right; }
.cursor { cursor:pointer; }
.style1 { font-weight:bold; }
.erreur_validation { font-weight:bold; color:#FF0000; }
.visible { display:none; }
/*---------------------BALISE------------------------*/
#content h1 { color: #000; font-size:1.6em; font-weight:bold; }
#content h2 { color:#000064; font-size:1.2em; font-weight:bold; }
img { border:none; }
/*---------------------HEADER------------------------*/
#header { border-top: 2px solid #000; background: #fff; }
/*connexion*/
#header #connexion { background: #000; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); background: -webkit-linear-gradient(#333333, #000000); background: -moz-linear-gradient(#333, #000); background: -ms-linear-gradient(#333333, #000000); background: -o-linear-gradient(#333333, #000000); background: linear-gradient(#333333, #000000); -pie-background: linear-gradient(#333333, #000000); padding: 12px 0px; color:#fff; -moz-box-shadow:#555 0px 0px 2px; -webkit-box-shadow:#555 0px 0px 2px; box-shadow:#555 0px 0px 2px; font-size:12px; font-weight:bold;  }
#header #connexion .from_connexion { float:left;}
#header #connexion .centrer { position:relative; z-index:54;}
#header #connexion input { margin-right:15px; padding: 2px 5px; min-height:14px; height:auto!important; height:14px; width: 150px; border: 1px solid #fff; background: #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e2e2e2)); background: -webkit-linear-gradient(#fff, #e2e2e2); background: -moz-linear-gradient(#fff, #e2e2e2); background: -ms-linear-gradient(#fff, #e2e2e2); background: -o-linear-gradient(#fff, #e2e2e2); background: linear-gradient(#fff, #e2e2e2); -pie-background: linear-gradient(#fff, #e2e2e2); behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#header #connexion .inputmotpasse { width:85px; }
#header #connexion #pseudo { width:180px; }
#header #connexion #pass { width:80px; }
#header #connexion .bouton { background: #3597FC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3597FC), to(#0660BC)); background: -webkit-linear-gradient(#3597FC, #0660BC); background: -moz-linear-gradient(#3597FC, #0660BC); background: -ms-linear-gradient(#3597FC, #0660BC); background: -o-linear-gradient(#3597FC, #0660BC); background: linear-gradient(#3597FC, #0660BC); -pie-background: linear-gradient(#3597FC, #0660BC); border: 1px solid #000; color: #fff; font-size:13px; cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-top:4px; padding-bottom:4px; width:95px; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#header #connexion .bouton:hover { border: 1px solid #3597FC; }
#header #connexion .motpass { padding-top:7px; }
#header #connexion .motpass a { color:#3597FC; text-decoration:none; font-size:10px; }
#header #connexion .motpass a:hover { text-decoration: underline; }
#header #connexion .erreur_connexion { padding-top:8px; color:#F00; font-size:11px; }
#header #connexion .erreur_connexion a { color:#3597FC; text-decoration:none; }
#header #connexion .erreur_connexion a:hover { text-decoration: underline; }
/*.connecion*/
#header .connexion { float:right; margin-right:20px; }
#header .connexion a { font-size: 13px; color: #000; text-decoration: none; padding-right: 8px; padding-left: 8px; font-weight:bold; }
#header .connexion a:hover { text-decoration:underline; }
#header .connexion a.bord { border-right: 1px solid #333; }
#header .connexion a.inscription { font-size: 12px; display:block; float:left; padding-top:5px; }
#header .connexion a.actif { text-decoration:underline; }
#header .connexion .lconnexion { color: #FFF; text-decoration: none; background: #000; padding: 4px 12px 7px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; margin-left:5px; display:block; float:left;behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#header .connexion .lconnexion:hover { background: #000; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#666)); background: -webkit-linear-gradient(#000, #666); background: -moz-linear-gradient(#000, #666); background: -ms-linear-gradient(#000, #666); background: -o-linear-gradient(#000, #666); background: linear-gradient(#000, #666); -pie-background: linear-gradient(#000, #666); behavior: url(http://www.weonea.com/css/pie/PIE.php); text-decoration:none; }
#header .connexion .gerer { background: #3597FC; }
#header .connexion .gerer:hover { background: #3597FC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0066CC), to(#3597FC)); background: -webkit-linear-gradient(#0066CC, #3597FC); background: -moz-linear-gradient(#0066CC, #3597FC); background: -ms-linear-gradient(#0066CC, #3597FC); background: -o-linear-gradient(#0066CC, #3597FC); background: linear-gradient(#0066CC, #3597FC); -pie-background: linear-gradient(#0066CC, #3597FC); behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#header .connexion .bienvenue { float:left; display:block; padding-top:3px; margin-right:4px; }
#header .connexion .bienvenue a { font-weight:normal; }
/*connect*/
#header .connect { padding-top:0; color:#000; font-size: 12px; }
#header .connect a { padding-left: 0; padding-right: 0; }
/*---------------------MENU PRINCIPAL------------------------*/
#menu-principal { background: #fff url(/images/interface/menu.png) repeat-x left bottom;}
#menu-principal ul { list-style:none; }
#menu-principal ul li a { font-size: 14px; color: #fff; text-decoration: none; font-weight: bold;position:relative;z-index:51; }
#menu-principal ul li a:hover, #menu-principal ul li.actif a { color: #fff; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -moz-box-shadow: #1886F3 0px -1px 1px; -webkit-box-shadow: #1886F3 0px -1px 1px; box-shadow:#1886F3 0px -1px 1px; background: #3597FC; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#menu-principal ul li a.inscription { background: transparent url(/images/interface/inscription.jpg) no-repeat scroll 0 4px; outline: medium none; text-indent: -5000px; width: 120px; }
#menu-principal ul li a.inscription:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
/*-------------------sous-menu--------------------------*/

#sous-menu { background: #3597FC url(/images/interface/smenu.png) repeat-x left bottom; -moz-box-shadow: 0px 2px 3px #d3d3d3; -webkit-box-shadow: 0px 2px 3px #d3d3d3; box-shadow:0px 2px 3px #d3d3d3; behavior: url(http://www.weonea.com/css/pie/PIE.php);}
body.mosaique #sous-menu { -moz-box-shadow:#555 0px 3px 5px; -webkit-box-shadow: #555 0px 3px 5px; box-shadow:#555 0px 3px 5px; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
#sous-menu ul li { list-style:none; }
#sous-menu ul li a { color:#fff; text-decoration:none; font-size:13px; font-weight:bold; }
#sous-menu ul li a:hover, #sous-menu ul li .actif { color:#000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: #555 0px 0px 3px; -moz-box-shadow: #555 0px 0px 3px; box-shadow: #555 0px 0px 3px; background: #FFCC00; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFCC00), to(#E1B500)); background: -webkit-linear-gradient(#FFCC00, #E1B500); background: -moz-linear-gradient(#FFCC00, #E1B500); background: -ms-linear-gradient(#FFCC00, #E1B500); background: -o-linear-gradient(#FFCC00, #E1B500); background: linear-gradient(#FFCC00, #E1B500); -pie-background: linear-gradient(#FFCC00, #E1B500); behavior: url(http://www.weonea.com/css/pie/PIE.php); }
/*---------------------COLONNE------------------------*/
h2.titre_inscription { font-size: 14px; font-weight: bold; color: #000; margin-bottom:5px; padding-right:5px; text-align:right; }
/*smenu*/
.boite_inscription ul { list-style:none; }
.boite_inscription ul li a { display: block; padding: 8px; }
.boite_inscription ul li.text { display: block; padding: 8px; color: #333; border-right: 4px solid #ccc; }
.boite_inscription ul li { background: url(/images/interface/smenu_ligne.gif) repeat-x left top; }
.boite_inscription ul li a { color: #0000FF; text-decoration:none; border-left: 4px solid #ccc; position:relative; }
.boite_inscription ul li a:hover { text-decoration:underline; border-left-color:#333; }
.boite_inscription ul li a.actif, .boite_inscription ul li.actif a { color:#fff; background: #0A64C0 url(/images/interface/smenu_h2.jpg) repeat-x left top; text-decoration:none; border-left-color:#333; -moz-box-shadow:#ccc 0px 2px 2px; -webkit-box-shadow: #ccc 0px 2px 2px; box-shadow:#ccc 0px 2px 2px; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
.boite_inscription ul li a.lien_img, .boite_inscription ul li a:hover.lien_img { border-right-style: none; }
/*annuaire*/
.boite_inscription ul.annuaire_2 li a { background-image:none; background-color:transparent; border-left: 15px solid #3294F7; color: #0000FF; }
.boite_inscription ul.annuaire_2 li a:hover { border-left: 15px solid #1370CD; background-image:none; text-decoration:underline; }
.boite_inscription ul.annuaire_2 li.actif a { border-left: 15px solid #1370CD; background-color:#1370CD; background-image:none; color:#fff; text-decoration:none; }
/*---------------------CONTENT------------------------*/
body.presentation #total-content { background: url(/images/interface/bandeau_accueil.png) repeat-x left top; }
/*page*/
#content .titre_boite { color: #000; font-size:14px; -moz-box-shadow:#ccc -1px -1px 3px; -webkit-box-shadow: #ccc -1px -1px 3px; box-shadow:#ccc -1px -1px 3px ; border-bottom: 1px solid #000; border-left: 10px solid #000; }
#content .contour_boite { line-height:1.4; }
/*accueil*/
body.presentation .btn-inscription { padding-top:25px; }
body.presentation .btn-inscription a span { margin-left:-5000px; }
body.presentation .style1 { font-size:1.2em; font-weight:bold; color: #000; }
body.presentation .col3 { line-height:1.2; }
body.presentation #content .col5 p { width:800px; margin-bottom:10px; }
body.presentation .clear2 { padding-bottom:30px; padding-top:30px; clear:both; }
body.presentation hr { background-color:#BCBCBC; height:1px; border:none; }
/*-------------------FOOTER--------------------------*/
#footer { color:#fff; background: #000; -moz-box-shadow:0px -2px 3px #999; -webkit-box-shadow: 0px -2px 3px #999; box-shadow:0px -2px 3px #999; }

/* lien actif*/
#footer #fond-footer li.actif a { text-decoration:underline; }
/*-------------------BOITES--------------------------*/

.boite ul li { list-style:none; }
#services { color:#FFFFFF; }
#services h2, .smenucompte h2 { font-size:1.2em; text-align:right; }
#services a { color:#FFFF00; font-weight:bold; text-decoration:none; }
#services a:hover { text-decoration: underline; }
#smenucompte-site h2 { text-align:left; }
.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 { cursor:help; background-color: #00CCFF; color:#fff; border: 1px solid #333; font-weight:bold; font-size:12px; text-decoration:none; }
.basic:hover { color:#000; border: 1px solid #000; }
.aides ol { list-style:decimal; }
.bouton { background-color:#0099FF; border: 2px solid #000000; color:#ffffff; font-weight:bold; font-size:1.2em; }
.payment-ok { border: 1px solid #000000; }
.logo_bas { text-align:center; }
#content .contour_boite ul { list-style:none; }
#content .contour_boite ol { list-style:decimal; }
/*liste*/
ul.liste li { list-style: decimal; }
ul.liste4 li { list-style: disc; }
ul ul.liste4 li { list-style: circle; }
ul.liste6 li { list-style: disc; }
ul.liste9 { padding-left:40px; padding-bottom:10px; }
ul.liste9 ul { padding-left:40px; padding-top:4px; }
ul.liste9 li { list-style: square; font-weight:bold; }
ul.liste9 li li { list-style: decimal; font-weight:normal; }
/*etapes*/

.boite_inscription ol.liste5 li { list-style:none; 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 { 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; }
#content .presentation h2 { color:#0099FF; }
/*autres*/
.miniatures a img { border: 1px solid #999; }
.miniatures a:hover img { border: 1px solid #000; }
#content .tarif-packstandard { border: 1px solid #006699; }
#content .tarif-packstandard h2 { color: #FFFFFF; background: #006699; }
#content .tarif-moduleecommerce { border: 1px solid #FFCC00; }
#content .tarif-moduleecommerce h2 { color: #000; background: #FFCC00; }
#content .tarif-modulenewsletter { border: 1px solid #CCCC00; }
#content .tarif-modulenewsletter h2 { color: #000; background: #CCCC00; }
#content .tarif-espacesupplementaire { border: 1px solid #CCCC00; }
#content .tarif-espacesupplementaire h2 { color: #000; background: #CCCC00; }
#content .guides .accroche { color:#111; font-style: italic; background:#FFCC00; }
#content .guides h2 { color: #000; background:#e5e5e5; border: 1px solid #d8d8d8; }
#content .guides h3 { color: #0C67C2; }
#content .guides img { border: 1px solid #000000; }
#content .guides img.bordure2 { border: none; }