@import url("/css/contenu.css");



/* font-family: 'Ubuntu', sans-serif; */



.holder {margin:0 auto;width:976px;}



header {background:url(/images/bg-header-repeat.gif) repeat-x 0 0 #fff;display:block;width:100%;}

header #bg-header,

header .holder {background:url(/images/bg-header.gif) no-repeat center 37px;}

header .holder {height:299px;position:relative;z-index:1;}

header.full #bg-header,

header.full .holder {background:url(/images/bg-header-full.gif) no-repeat center 37px;}

header.full .holder {height:429px;}

header #top {padding:0 20px;width:936px;}

header h1 {color:#4d4d4f;float:left;font:11px/20px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;padding:6px 0 0;}

header .lan {float:right;margin:8px 0 0;}

header form {background:url(/images/bg-login.gif) no-repeat 67px 0;float:right;height:30px;padding:6px 0 0;width:390px;}

header form div,

header form a {float:right;}

header form div {width:390px;}

header form label {color:#4d4d4f;font:bold 12px/20px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;padding:0 4px 0 0;width:auto;}

header form input {background:url(/images/bg-input-login.gif) no-repeat 0 0;border:0;clear:none;color:#959595;font:11px/20px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;height:20px;margin:0 0 0 8px;padding:0 6px;width:116px;}

header form a {background:url(/images/btn-connect.gif) no-repeat 0 0;height:20px;margin:0 0 0 8px;width:20px;}

header form a:hover {background-position:0 -20px;}

header form a span {display:none;}

header #top form {padding-right:10px;}

header #top form label,

header #top form input {float:right;}

header h2 {left:38px;margin:0;padding:0;position:absolute;top:48px;z-index:3;}

header h2 a {background:url(/images/logo.png) no-repeat 0 0;display:block;height:52px;width:185px;}

header h2.logo-en a {background-image:url(/images/logo-en.png);}

header h2 span {display:none;}

header nav {height:64px;position:absolute;right:4px;top:48px;width:754px;z-index:100;}
header .main-nav ul {
	display: -webkit-box;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}

header .main-nav ul .coordonnees {
	margin-right: 15px;
}

header ul,

header ul li {float:left;}

header ul {background:url(/images/bg-menu.png) no-repeat 0 0;height:64px;margin:0;padding:0 0 0 44px;width:710px;}

header ul li {background:none;font-size:16px;line-height:20px;margin:0;padding:0 2px 0 0;}

header ul li.accueil {background:url(/images/menu-sep-accueil.gif) no-repeat right 0;}

header ul li.nos-services {background:url(/images/menu-sep-services.gif) no-repeat right 0;}

header ul li.comparatifs {background:url(/images/menu-sep-comparatifs.gif) no-repeat right 0;}

header ul li.support {background:url(/images/menu-sep-support.gif) no-repeat right 0;}

header ul li.faq {background:url(/images/menu-sep-faq.gif) no-repeat right 0;}

header ul a {color:#414141;display:block;height:35px;padding:17px 0 0 0;text-align:center;text-decoration:none;text-transform:none;}

header ul li.accueil a {width:96px;}

header ul li.accueil a:hover,

header ul li.accueil a.selected {background:url(/images/menu-accueil-o.gif) no-repeat 0 0;}

header ul li.nos-services a {width:133px;}

header ul li.nos-services a:hover,

header ul li.nos-services a.selected {background:url(/images/menu-services-o.gif) no-repeat 0 0;}

header ul li.comparatifs a {width:131px;}

header ul li.comparatifs a:hover,

header ul li.comparatifs a.selected {background:url(/images/menu-comparatifs-o.gif) no-repeat 0 0;}

header ul li.support a {width:103px;}

header ul li.support a:hover,

header ul li.support a.selected {background:url(/images/menu-support-o.gif) no-repeat 0 0;}

header ul li.faq a {width:85px;}

header ul li.faq a:hover,

header ul li.faq a.selected {background:url(/images/menu-faq-o.gif) no-repeat 0 0;}

header ul li.coordonnees a {width:136px;}

header ul li.coordonnees a:hover,

header ul li.coordonnees a.selected {background:url(/images/menu-coordonnees-o.gif) no-repeat 0 0;}

header #slideshow {clear:both;position:absolute;padding:60px 0 0 20px;top:26px;width:956px;z-index:2;}



a.nivo-prevNav,

a.nivo-nextNav {display:block;height:73px;position:absolute;text-indent:-9999em;top:198px;width:24px;z-index:3;}

a.nivo-prevNav {background:url(/images/btn-prev.png) no-repeat 0 0;left:-24px;z-index:4;}

a.nivo-nextNav {background:url(/images/btn-next.png) no-repeat 0 0;right:-24px;}

a.nivo-prevNav:hover,

a.nivo-nextNav:hover {background-position:0 -73px;}



header #small-header {clear:both;height:262px;position:relative;z-index:3;}

header #small-header img {position:absolute;z-index:4;}

header #small-header img.img-services {bottom:-10px;left:20px;}

header #small-header h3 {color:#939598;font:bold 36px/40px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;left:239px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:170px;z-index:5;}

header #small-header form {background:url(/images/bg-form-domain.gif) no-repeat 0 0;height:105px;margin:0;overflow:visible;position:absolute;right:4px;top:129px;width:365px;z-index:4;}

header #small-header form div {float:none;height:95px;padding:10px 0 0 43px;width:322px;}

header #small-header form label {color:#939598;display:block;font:bold 16px/20px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;padding:0 0 1px;text-transform:uppercase;}

header #small-header form input {background:url(/images/input-domain.gif) no-repeat 0 0;border:0;clear:none;color:#939598;float:left;font:bold 14px/18px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;height:18px;margin:0 5px 0 0;padding:3px 6px 4px;width:198px;}

header #small-header form input.dropdown {background:url(/images/select-domain.gif) no-repeat 0 0;cursor:pointer;margin:0;width:58px !important;}

header #small-header form a {background:none;color:#ccff00;float:right;font:bold 13px/17px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;height:auto;margin:4px 37px 0 0;text-decoration:none;text-transform:uppercase;width:auto;}

header #small-header form a:hover {color:#fff;}

.sliderWrap {margin:40px 0 0 13px;}



#domain #selectbox1 {padding:0 0 0 6px;width:75px;}



.teaser-maintenance {background:url(/images/teaser-maintenance.jpg) no-repeat 0 0;display:block;height:103px;margin:0 0 30px;text-indent:-9999em;width:936px;}

.teaser-maintenance:hover {background-position:0 bottom;}



#content {display:block;width:100%;}

#content,

#content .holder {background:url(/images/bg-content.gif) no-repeat center 0 #fff;}

#content .holder {padding:60px 0;}

#content .text {border-right:2px solid #ccff00;float:left;padding:17px 35px 12px 20px;width:521px;}

#content .text-full {background:url(/images/sep-text-bottom.gif) no-repeat 20px bottom;float:left;margin:0 0 29px;padding:17px 35px 12px 20px;width:921px;}

#content .textNoBg {background:none;}

#content .support {background:url(/images/bg-support.jpg) no-repeat right 15px;float:left;padding:17px 0 0 31px;width:347px;}

#content .support h2 {font:bold 26px/19px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0 0 126px;}

#content .support h2 span {background:#464646;color:#ccff00;font-size:15px;display:inline-block;line-height:15px;margin:-3px 0 0;padding:3px 3px 0;}

#content .support a {color:#464646;font:bold 15px/19px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}

#content .support a:hover {color:#000;}



#content .caisse {color:#FFF;}

#content .caisse h3 {padding:0 0 15px;}

#content .caisse p span {text-transform:none;}

#content .caisse table {margin:0;}

#content .caisse .label {width:220px;}

#content .caisse .result {text-align:right;padding-left:60px;width:120px;}

#content .caisse hr {border:1px solid #CCC;margin:0 0 15px;}

#content .caisse .labelConfirm {color:#464646;line-height:24px;width:auto;}

#content .caisse .labelConfirm input {margin:0 7px 0 0;width:auto;}

#content .caisse .submitCommand {background:none;border:none;color:#464646;cursor:pointer;float:right;text-align:right;text-transform:uppercase;}

#content .caisse .submitCommand:hover {color:#000;}

#content .retour {padding:15px 0 0;}

#content .retour input {background:url(/images/arr-retour.png) no-repeat 0 center;color:#404040;cursor:pointer;line-height:1em;padding:0 0 0 15px;text-align:left;text-transform:uppercase;}

#content .retour input:hover {color:#000;}



#content .forfaits {clear:both;display:block;padding:43px 0 14px;width:976px;}
#content .forfaits .text-full {background: none; margin-bottom: 10px;}

#content .lCol-forfaits {float:left;margin:0 0 0 -20px;width:578px;}

#content .fullCol-forfaits {float:left;margin:0 0 0 -20px;}

#content .forfaits-comparatifs {padding-top:15px;position:relative;}

#content .forfaits .left-col,

#content .forfaits .right-col,

#content .forfaits .left-col .top,

#content .forfaits .left-col ul,

#content .forfaits .left-col ul li {float:left;}

#content .forfaits .left-col {background:url(/images/bgTblLeft-rep.png) repeat-y 0 0;width:252px;}

#content .forfaits .left-col .top {background:url(/images/bgTblLeft-top.png) no-repeat 0 0;padding:28px 0 0;}

#content .forfaits .left-col ul {background:url(/images/bgTblLeft-bot.png) no-repeat 0 bottom;margin:0;padding:0 0 25px;}

#content .forfaits .left-col ul li {background:url(/images/bgTblLeft-sep.png) no-repeat 0 bottom;clear:left;color:#939598;font:bold 15px/19px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;margin:0;padding:9px 0 11px 45px;width:207px;}

#content .forfaits .left-col ul li.last {background:none;}

#content .forfaits .right-col {background:url(/images/bgTbl-rep.png) repeat-y top right;position:relative;text-transform:uppercase;width:723px;z-index:1;}

#content .forfaits .right-col .bot {width:723px;}

#content .lCol-forfaits .right-col,

#content .lCol-forfaits .right-col .bot {width:271px;}

#content .forfaits .right-col .top {background:url(../images/bgTbl-top.png) no-repeat right 0;float:left;}

#content .forfaits .right-col .bot {background:url(../images/bgTbl-bot.png) no-repeat bottom right;float:left;}

#content .forfaits .right-col .left,

#content .forfaits .right-col .middle,

#content .forfaits .right-col .right {background:url(../images/bgTbl-verSep.gif) repeat-y right 0;float:left;}

#content .forfaits .right-col .left {padding:4px 0 0;width:227px;}

#content .forfaits .right-col .middle {padding:4px 0 0;width:225px;}

#content .forfaits .right-col .right {background:none;padding:4px 0 0;width:225px;}

#content .forfaits .right-col h3 {background:url(/images/icon-plus.gif) no-repeat 198px 8px #464646;color:#fff;font:15px/28px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;margin:0 6px 0 4px;text-align:center;}

#content .forfaits .right-col .middle h3 {background-position:197px 8px;}

#content .forfaits .right-col .right h3 {margin-right:4px;}

#content .forfaits .right-col h3 span {font:bold 15px/19px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;}

#content .forfaits .right-col ul {margin:0;padding:0;}

#content .forfaits .right-col ul li {background:url(../images/bgTbl-horSep.gif) repeat-x 0 bottom;font:bold 15px/19px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;margin:0;padding:8px 6px 12px 4px;text-align:center;}

#content .forfaits .right-col ul li.twoRows {padding-bottom:21px;padding-top:18px;}

#content .forfaits .right-col ul li.threeRows {padding-bottom:31px;padding-top:27px;}

#content .forfaits .right-col ul li.fourRows {/*padding-bottom:52px;*/padding-bottom: 74px;padding-top:27px;}

#content .forfaits .right-col ul li.last {background:none;padding-bottom:33px;}

#content .forfaits .right-col div.btn {bottom:-20px;float:left;position:absolute;z-index:2;}

#content .forfaits .right-col div.btn-left {left:6px;}

#content .forfaits .right-col div.btn-middle {left:231px;}

#content .forfaits .right-col div.btn-right {left:457px;}

#content .forfaits .right-col div.btn a {background-position:0 0;background-repeat:no-repeat;color:#fff;float:left;font:bold 11px/15px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;height:19px;text-align:center;text-decoration:none;}

#content .forfaits .right-col div.btn a.details {background-image:url(/images/btn-details.gif);padding:6px 0 0 25px;width:66px;}

#content .forfaits .right-col div.btn a.commander {background-image:url(/images/btn-commander.gif);padding:6px 24px 0 0;width:99px;}

#content .forfaits .right-col div.btn a.commanderOnly {background-image:url(../images/btn-commanderOnly.gif);margin:0 0 0 34px;padding-left:24px;width:96px;}

#content .forfaits .right-col div.btn a:hover {background-position:0 -25px;}

.informez-tarifs {
	display: block;
	margin-bottom: 21px;
	padding-right: 46px;
	text-align: center;
	clear: both;
}


#content .bg-title-forfait {background:#f8f8f8;border:1px solid #cfcfcf;box-shadow:0 0 24px #dfdfdf;border-radius:24px;margin:0 0 17px;padding:20px 20px 15px;width:479px;}

#content .bg-title-forfait .bg {background:url(/images/bg-form-repeat.gif) repeat-y -15px 0;width:531px;z-index:2;}

#content .bg-title-forfait .bg-bottom {background:url(/images/bg-form-request.gif) no-repeat -15px bottom;padding:17px 20px 32px 20px;width:476px;}

#content .bg-title-forfait h3 {color:#FFF;}



#connectForm .stats_domain_wrap {width:448px;}

#connectForm .stats_domain_wrap label {display:block;float:none;width:100%;}

#connectForm .stats_domain_wrap span {color:#FFF;float:left;padding:2px 5px 0 0;}

#connectForm .stats_domain_wrap input {background:url(/images/bg-input-wide.gif) no-repeat 0 0;clear:none;float:left;width:364px;}



#accordion h3 {cursor:pointer;}

#accordion h3:hover {color:#000;}

#accordion h3 span {display:block;font-family:'Ubuntu', Verdana, Arial, Helvetica, sans-serif;font-size:13px;text-transform:none;}

#accordion ul {margin:0;}

#accordion ul li.ques {background:url(/images/icon-q.gif) no-repeat 0 0;font-family:'Ubuntu', Verdana, Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:5px;}

#accordion ul li.rep {background:url(/images/icon-r.gif) no-repeat 0 1px;padding-bottom:17px;}



#content .coords {float:left;padding:17px 0 0 31px;width:347px;}

#content .coords h3,

#content .coords p {margin-bottom:7px;}

#content .coords h3 {margin-top:17px;}

#content .coords h3.first {margin-top:0;}



#captcha {width:190px;}

p.info {color:#CCFF00;font-size:14px;padding:15px 0;}

p.info strong {line-height:32px;}



#maintenance {overflow:hidden;padding:12px;width:876px;}

#maintenance h4 {font:17px/18px 'Ubuntu',Verdana,Arial,Helvetica,sans-serif}

#maintenance h5 {font:14px/18px 'Ubuntu',Verdana,Arial,Helvetica,sans-serif;padding:0 0 4px;}

#maintenance dl {padding:10px 0;}

#maintenance dl dt {font-size:1.15em;font-style:italic;font-weight:bold;line-height:1.4em;}

#maintenance dl dd {font-size:12px;font-style:none;line-height:1.4em;padding:4px 0 12px;text-transform:uppercase;}

#maintenance .important {background:#f5f5f5;border:1px solid #F1F1F1;left:-12px;margin:0 auto 12px;padding:12px 12px 6px;position:relative;width:880px;}



footer {background:url(/images/bg-footer-repeat.gif) repeat-x 0 0;display:block;width:100%;}

footer .holder {height:457px;padding:34px 0 0;position:relative;}

footer section,

footer form {float:left;}

footer h3 {color:#fff;font:bold 19px/24px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;padding:0 0 7px;}

footer ul,

/*footer ul li {float:left;} */

footer ul {margin:0;padding:0;}

footer ul li {background:url(/images/menu-footer-sep.png) no-repeat 0 bottom;clear:left;font-size:14px;line-height:18px;margin:0 0 4px;padding:0 0 2px;width:200px;}

footer ul li.last {background:none;padding:0;}

footer ul a {color:#fff;text-decoration:none;}

footer ul a:hover {color:#ccff00;}

footer section.navigation {padding:0 0 0 20px;width:294px;}

footer section.forfaits {width:324px;}

footer form {padding:1px 0 0;width:260px;}

footer form h3 {margin:12px 0 15px;position:static;}

footer form div {float:none;padding:0 0 5px;width:260px;}

footer label {color:#fff;display:block;float:none;font-size:14px;line-height:17px;padding:0;width:auto;}

footer .captcha {padding-top:4px;}

footer input,

footer textarea {border:0;color:#464646;float:none;font:11px/14px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;}

footer input {background:url(/images/bg-input-footer.png) no-repeat top left;height:17px;line-height:17px;margin:0;padding:0 5px;width:180px;}

footer textarea {background:url(/images/bg-textarea-footer.png) no-repeat top left;height:81px;margin:0;padding:3px 5px;resize:none;width:250px;}

footer form a, footer form button {color:#fff;}

footer form div.btn {padding:4px 0 0;text-align:right;width:auto;}

footer form div.btn a, footer form div.btn button {color:#ccff00;font:bold 12px/16px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
footer form div.btn button {border:none; background-color:transparent;text-transform:uppercase;}
footer form div.btn a:hover, footer form div.btn button:hover {color:#fff;}
.contactFooter .error {display:block;clear:both;padding-top:5px;color:#A80000;}
.politique p{text-transform:none;margin-bottom:2em;font-size:1.2em; line-height:1.25em;}

#adn-communication {bottom:43px;left:0;position:absolute;}

#adn-communication div.fond img {background:url(/images/bgSign.gif) no-repeat 0 0;}