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

html, body { width:100%; height:100%; }
#global { min-height:100%; height:auto!important; height:100%; position:relative; min-width:955px; }
/*---------------------CLASS------------------------*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.image1 { margin-top:0.2em; }
.image-inscription { padding-bottom:0.4em; }
.centrer { width:955px; margin-left:auto; margin-right:auto; }
.relative { position:relative; }
/*---------------------BALISE------------------------*/
#content h1 { margin-bottom:0.4em; }
#content h2 { margin-top: 0.4em; margin-bottom: 0.4em; }
#content p { margin-bottom: 0.4em; }
#content .contour_boite p { margin-bottom:10px; }
/*---------------------HEADER------------------------*/
#header { padding-bottom:8px; }
#header img { padding-top:16px; float:left; }
#connection { float:right; padding:5px 15px; }
#connection form .inputidentifiant { width:130px; }
#connection form .inputmotpasse { width:85px; }
#connection form { float:left; width:490px; }
#connection label { color:#333; font-size:0.9em; font-weight:bold; }
#connection .motpass { font-size:0.9em; float:left; padding-top:6px; }
#connection .motpass a { color:#0000FF; text-decoration:none; font-size:0.9em; }
#connection .motpass a:hover { text-decoration: underline; }
/*---------------------MENU PRINCIPAL------------------------*/
#menu-principal { padding-left:25px; }
#menu-principal ul li { float:left; margin-right:15px; }
#menu-principal ul li a { display:block; padding-top:10px; height: 29px; padding-right: 8px; padding-left:8px; }
/*-------------------sous-menu--------------------------*/
#sous-menu { height:39px; }
#sous-menu ul { width:955px; margin-left:auto; margin-right:auto; padding-top:6px; padding-left:8px; }
#sous-menu ul li { float:left; margin-right:15px; }
#sous-menu ul li a { float:left; display:block; padding: 3px 8px 5px; }
/*---------------------COLONNE------------------------*/
#gauche, #gauche2, #gauche3 { width:220px; min-height:10px; height:auto!important; height:10px; float:left; margin-right:30px; }
/*boite inscription*/
.boite_inscription { margin-bottom:20px; }
.boite_inscription p .image-inscription { margin-left:4px; }
/*smenu*/
#content .contour_boite ul li { margin-bottom:5px; }
/*---------------------CONTENT------------------------*/
#total-content { padding-top:25px; padding-bottom:210px; }
#content { overflow:hidden;/*creer un contexte de formatage */ margin-right:5px; }
/*page*/
#content .titre_boite { margin-bottom:15px; padding:2px 10px 5px; }
/*form_inscription*/
#content .form_inscription { width:290px; color:#fff; }
#content .form_inscription .form_inscription_stitre { color: #FF0; margin-bottom:15px; }
#content .form_inscription .form_inscription_cgu { margin-bottom:10px; font-size:11px;}
#content .form_inscription .form_inscription_btn { margin-bottom:0; position:relative;}
#content .form_inscription .form_inscription_btn .essaigratuit{height: 69px; width: 130px; background:url(/pages/index/images/essaigratuit.png); position:absolute; top:-38px; left:-136px; display:block;}
#content .form_inscription .form_inscription_btn input { height: 52px; width: 290px; border-style: none; background: transparent url(/pages/index/images/creer-mon-site.png?2); background-position: 0 0; font-size:0; }
#content .form_inscription .form_inscription_btn input:hover { background-position: 290px 0; }
#content .form_inscription a { color: #FF0; text-decoration: none; }
#content .form_inscription a:hover { text-decoration: underline; }
#content .form_inscription ul li { margin-bottom: 10px; list-style-type: none; }
#content .form_inscription form .label1 { display: block; padding-bottom:1px; color:#fff; }
#content .form_inscription form .form_inscription_cgu { font-style: italic; padding-top:5px; }
#content .form_inscription form .champ1 { display: block; height: 35px; width: 270px; -moz-box-shadow:0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #333; box-shadow:0px 0px 3px #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-style:none; padding-right: 10px; padding-left: 10px; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
/*form_inscription*/
.inscription #content .form_inscription { width:260px; background-color: #005CB3; border: 1px solid #FFF; color:#fff; padding: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 2px 8px #005CB3; -webkit-box-shadow: 2px 2px 8px #005CB3; box-shadow: 2px 2px 8px #005CB3; behavior: url(http://www.weonea.com/css/pie/PIE.php); }
/*accueil*/
body.presentation #total-content { padding-top:20px; }
body.presentation #content, body.inscription #content { overflow:visible; position:relative; }
body.presentation .form_inscription { float:right; margin-right:40px; margin-bottom:48px; }
body.presentation .col1 { float:left; position:relative;}
body.presentation .col1 .nbrsites, body.presentation .col1 h2 { text-align:right; }
body.presentation .col1 .nbrsites a { font-weight:bold; color:#fff; text-decoration:none;}
body.presentation .col1 .nbrsites a:hover { text-decoration: underline;}
body.presentation .col1 .miniatures { position:absolute; top:68px; left:0;}
body.presentation .infos { margin-bottom:15px; }
body.presentation .infos a.infos-lien { color: #FFF; background-image: url(/pages/index/images/troispoints.png); background-repeat: no-repeat; display: block; height: 18px; width: 170px; margin-left: 368px; text-decoration:none; padding-top:3px; outline:none; font-weight:bold; text-align:center; }
body.presentation .infos a.infos-lien:hover { text-decoration: underline; }
body.presentation #content .col3 { float:left; width:250px; margin-right:77px; }
body.presentation #content .col3 h2,body.presentation #content .col5 h2 { font-size:13px; color:#000; margin-bottom:8px;}
body.presentation  #content .col3 p,body.presentation  #content .col5 p { font-size:12px; color:#555;}
body.presentation  #content .fin{margin-right:0;}
body.presentation .col3 p.plus a { text-decoration:none; color: #0000FF; font-size:1.1em; font-weight:bold; }
body.presentation .col3 p.plus a:hover { text-decoration:underline; }
body.presentation .col3 li,body.presentation .col5 li { margin-bottom:3px; color:#555;}
body.presentation #content .marge2 p { margin-bottom:15px; text-indent:20px; }


body.presentation .col5 ul { padding-left:40px;}
body.presentation .bandeauext{padding-top:20px;clear:both; }
body.presentation .bandeau{ background: #f5f5f5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#e2e2e2)); background: -webkit-linear-gradient(#f5f5f5, #e2e2e2); background: -moz-linear-gradient(#f9f9f9, #e9e9e9); background: -ms-linear-gradient(#f5f5f5, #e2e2e2); background: -o-linear-gradient(#f5f5f5, #e2e2e2); background: linear-gradient(#f5f5f5, #e2e2e2); -pie-background: linear-gradient(#f5f5f5, #e2e2e2); padding: 5px 5px 0px 10px; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#000; behavior: url(http://www.weonea.com/css/pie/PIE.php); border: 1px solid #c5c5c5; position:relative;}
body.presentation .bandeau img{ float:right; margin-right:10px;}
body.presentation .bandeau p{ margin-bottom:0; }
body.presentation .bandeau p a{text-decoration:none; color:#00F;}
body.presentation .bandeau p a:hover{text-decoration: underline; }
/*-------------------FOOTER--------------------------*/
#footer { min-height:170px; height:auto!important; height:170px; position:absolute; bottom:0; left:0; width:100%; }
#footer #fond-footer { width:955px; margin-left:auto; margin-right:auto; }
.copyright { padding-left:6px; font-size:10px; color:#3597FC; font-style:italic; }
/*fgroupe*/
#footer .fgroupe { width:160px; float:left; margin-right:20px; font-size:1em; margin-bottom:20px; padding-top:15px; }
#footer .fgroupe h4 { margin-bottom:4px; color:#999; font-size:0.9em; }
#footer .fgroupe ul { list-style:none; }
#footer .fgroupe ul li { text-decoration:none; }
#footer .fgroupe ul li a { color:#fff; text-decoration:none; font-size:0.95em; }
#footer .fgroupe ul li a:hover { text-decoration: underline; }
/*separation1*/
#footer .fgroupe ul li a.separation2 { padding-bottom:7px; display:block; }
/*fgroupe2*/
#footer .fgroupe2 { color:#ccc; font-size:0.75em; margin-bottom:5px; }
#footer .fgroupe2 a { color:#ccc; text-decoration:none; }
#footer .fgroupe2 a:hover { text-decoration: underline; }
/*----------------------------------------cluetip*/
.basic { padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; margin-left:10px; display:inline-block; }
.aides ol { margin-left:20px; }
.aides p { margin-bottom:5px; }
.aides ul { margin-left:20px; }
td { padding-right:5px; padding-bottom:5px; }
.marge1 option { padding-right:10px; }
.payment-ok { width:600px; padding: 10px; margin-left:270px; }
.logo_bas { padding:5px; }
/*---------------------------------------annuaire--------------------------------*/
.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; }
#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 { margin-left:20px; margin-right:20px; }
#content .contour_boite ol li { margin-bottom:10px; }
/*liste*/
ul.liste { margin-left:40px; }
ul.liste4 { margin-left:40px; }
ul ul.liste4 { margin-top:2px; }
ul.liste6 { margin-left:30px; margin-bottom:10px; }
ul.liste7 li { margin-bottom:10px; }
ul.liste8 li { margin-bottom:2px; }
/*accueil*/
.img_accueil { margin-right: 3px; }
#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 { 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.etape2 { padding-top:0px; }
#content .presentation { margin-left:250px; }
/*bouton inscription*/
.inscriptionb { position:relative; }
.inscriptionb .creer { position:absolute; top:-37px; right:20px; }
/*accueil*/
.separation1 { clear:both; padding-bottom:10px; }
#content .tarif-packstandard { margin-bottom:15px; }
#content .tarif-packstandard h2 { margin: 0px; padding: 4px; }
#content .tarif-moduleecommerce, #content .tarif-modulenewsletter { margin-bottom:15px; }
#content .tarif-moduleecommerce h2, #content .tarif-modulenewsletter h2 { margin: 0px; padding: 4px; }
#content .tarif-espacesupplementaire h2 { margin: 0px; padding: 4px; }
#content .tarif-int { padding:10px; }
#content .guides .liste, #content .guides .liste4 { margin-bottom:15px; }
#content .guides h3 { margin-bottom:10px; }
#content .guides .accroche { padding:5px 8px 5px; border: 1px dashed #999; }
#content .guides .liste { margin-bottom:15px; }
#content .guides h2 { margin-bottom:15px; padding: 4px 8px 3px; }
#content .guides .miniatures2 img { margin-right:8px; }
#content .guides ol { margin-left:45px; }
/*------------------------------------------------Onglets*/
.ui-tabs { position: relative; } 
.ui-tabs .ui-tabs-nav { margin: 0; }
body.presentation .ui-tabs .ui-tabs-nav {padding:0;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 5px 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 10px 7px; text-decoration: none; color:#0000FF; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: none; background: #555; color:#fff; }
body.presentation .ui-tabs .ui-tabs-nav li.ui-tabs-selected,body.presentation .ui-tabs .ui-tabs-nav li.ui-state-default { margin-bottom:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#fff; text-decoration: none; outline:none; background:#555; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #555; padding:10px; background-color:#f9f9f9;-moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*fin Onglets*/