body { color:#333333; font-family: 'Roboto', sans-serif; font-size:13px; font-style: normal; font-weight: normal; margin: 0; padding: 0; background:#fff url(../inc_img/arp-blanc.jpg) repeat-x; }
table { font-size: 1em; }
form { margin:0px }
form.cmxform label.error,
label.error { color: red; font-style: normal; margin-left: 5px; padding: 3px 3px; background-color: #ffede6; font-size:0.9em; }
div.error { display: none; }
.barre2 {text-decoration: line-through;}
.arabe { font-family: "Roboto", sans-serif; }
.inputerror { background-color:#FBDBDB; border:1px dotted #FF0000; }
.inputok { background-color:#eaf8d9; border:1px solid #339900; }
.notop { padding-top:0; margin-top:0; }
.tooltix { background-color: #c00; color: #fff; padding: 2px; font-size: 0.8em; margin-left: 5px; }
/* ----- Les listes */
ul { background-image:none; list-style: none; padding: 0; margin: 0 0 0 10px; text-align: left; }
li { list-style-image:url(../inc_img/puce_bleu.jpg); margin:0 0 0 25px; padding:0; text-align:left; }
ul.smallul { font-size:0.9em; color:#069; margin:0; }
/* ---- Paragraphes ---- */
p { margin:0px; }
.p5 { margin:5px 0 0 0 }
.p8 { margin:8px 0 }
.p20 { margin:20px 0 }
.titre_options { padding:15px 0 5px 0; font-size:1.4em; font-weight:bold; text-align:center; color:#369; }
/* ---- Couleurs --- */
.noir { color:#000000; }
.gris { color:#aaaaaa; }
.rouge { color:#ff0000; }
.vert { color: #009966; }
.bleu { color: #006699; }
.blanc { color:#fff; }
.cadrerouge { color:#ffffff; background-color:#ff0000; padding:2px 5px; font-weight:bold }
.cadrevert { color:#ffffff; background-color: #009966; padding:2px 5px; font-weight:bold }
.cadrebleu { color:#ffffff; background-color: #0000ff; padding:2px 5px; font-weight:bold }
.cadrenoir { color:#ffffff; background-color: #000000; padding:2px 5px; font-weight:bold }
/* ---- effets de texte & images ---  */
.textesmall { font-size:0.9em; }
.imageleft { float:left; margin:0 20px 20px 0; }
.imageleft2 { float:left; margin:0 20px 40px 0; }
.imageright { float:right; margin: 0 0 20px 20px; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }
.absmiddle { vertical-align:middle; }
a img { border:0; }
.imagecadre { border:1px solid #999999; padding: 3px; margin:0; }
.code { font-family:"Courier New", Courier, monospace; }
.unhidden { visibility:visible; }
.hidden { visibility:hidden; }
/* --- Breadcrumbs --- */
.breadcrumbs { color: #ccc; margin-top: 15px; font-size:0.9em; }
.breadcrumbs a:link,
.breadcrumbs a:visited,
.breadcrumbs a:active { color: #999; text-decoration: none }
.breadcrumbs a:hover { color: #069; text-decoration: none }
/* ---- Liens ---- */
a:link,
a:visited,
a:active { color: #006699; text-decoration: underline }
a:hover { color: #000000; text-decoration: underline }
a.agris:link,
a.agris:visited,
a.agris:active { color: #aaa; text-decoration: none }
a.agris:hover { color: #666; text-decoration: none }
a.anoir:link,
a.anoir:visited,
a.anoir:active { color: #000; text-decoration: none; font-weight:bold; }
a.anoir:hover { color: #000; text-decoration: none }
#fixedcontact { position:fixed; top:20px; float:left; }
#fixedhelp { position: fixed; top:20px; left:auto; right:0; clear: left; }
a.amarron:link,
a.amarron:visited,
a.amarron:active { color: #852f05; text-decoration: underline; }
a.amarron:hover { color: #4c1b04; text-decoration: underline }
/* ---- Lien savoir plus ---- */
.asavoirplus:link,
.asavoirplus:visited,
.asavoirplus:active { color: #fff; text-decoration: none; background:url(../inc_img/arp-btn-savoirplus.png) repeat-x; padding:6px 13px; }
.asavoirplus:hover { background-position: 0 -39px; color: #fff; text-decoration: none; }
/* ---- Lien commander tableaux ---- */
.acommander:link,
.acommander:visited,
.acommander:active { color: #fff; text-decoration: none; font-family: "Roboto Condensed", sans-serif; background:url(../inc_img/arp-btn-commande.png) repeat-x; padding:6px 13px; }
.acommander:hover { background-position: 0 -39px; color: #fff; text-decoration: none; }
/* ---- Lien info ---- */
.ainfo-index:link,
.ainfo-index:visited,
.ainfo-index:active { color: #369; border: 1px solid #369; text-decoration: none; padding:6px 10px; margin-right: 10px }
.ainfo-index:hover { background-color: #369; text-decoration: none; color:#fff; }
/* ---- Lien commander ---- */
.acommande-index:link,
.acommande-index:visited,
.acommande-index:active { color: #c00; border: 1px solid #c00; text-decoration: none; padding:6px 10px; margin-right: 10px }
.acommande-index:hover { background-color: #c00; text-decoration: none; color:#fff; }
/* ---- Lien contact blanc ---- */
.acontact-index:link,
.acontact-index:visited,
.acontact-index:active { color: #fff; border: 1px solid #fff; text-decoration: none; padding:6px 10px; margin-right: 10px }
.acontact-index:hover { background-color: #fff; text-decoration: none; color:#369; }
/* ---- Lien détails ---- */
.adetails-promo:link,
.adetails-promo:visited,
.adetails-promo:active { color: #333; border: 1px solid #666; text-decoration: none; background-color:#f6f6f6; padding:6px 10px; margin-right: 10px }
.adetails-promo:hover { background-color: #666; text-decoration: none; color:#fff; }
/* Les élements de formulaires ------------------------------------------------------ */
input { border:1px solid #A5ACB2; font-size:1em; padding:2px }
textarea { border:1px solid #A5ACB2; font-size:1em; padding:2px }
select { border:1px solid #A5ACB2; font-size:1em; padding:2px }
.input2 { border:none; }
/* ---- Div messages ---- */
.divrouge { padding:10px; margin:15px auto; border: 1px solid #fedbc5; color: #cc0000; background-color: #fff5ef; }
.divvert { padding:10px; margin:15px auto; border: 1px solid #a3d9a3; color: #006600; background-color: #eaf8d9; }
.divjaune { padding:10px; margin:15px auto; border: 1px solid #EFDD01; color: #7a5d04; background-color: #fff8cc; }
.divbleu { padding:10px; margin:15px auto; border: 1px #d4e8f5 solid; color: #666; background-color: #eef8ff; }
.divbleusans { padding:10px; margin:0 auto; border: 1px #d4e8f5 solid; color: #666; background-color: #eef8ff; }
.divgris { padding: 15px 0; background:url(../inc_img/noise.png) #f9f9f9; margin-bottom: 15px; }
/* ---- Div MINI ---- */
.divminijaune { padding:10px 10px 10px 50px; margin:15px auto; color: #7a5d04; border: 1px dotted #F7E4AE; background: #FFFFEA url(../inc_img/icons/shield-24.png) center no-repeat; background-position: 10px 50%; font-size:0.9em }
/* - Les titres -----------*/
h1 { font-family: "Roboto", sans-serif; margin: 0; padding:15px 0; font-size:1.4em; font-style:normal; font-weight:bold; color:#005E8F; }
h2 { font-family: "Roboto", sans-serif; margin: 0; padding:10px 0; font-size:1.3em; font-style:normal; font-weight:normal; color: #5b81c1; }
h3 { margin: 20px 0 10px 0; padding:0; font-size:1.2em; letter-spacing:-0.004em; font-style:normal; font-weight: bold; font-family:"Roboto", sans-serif; color:#000; }
h4 { margin: 0; padding:0; font-size:1.1em; font-style:normal; font-weight: bold; font-family:"Roboto", sans-serif; color:#000; }
h5 { margin: 0 0 15px 0; padding:5px 0; font-size:1.2em; letter-spacing:-0.004em; font-style:normal; font-weight: bold; font-family:"Roboto", sans-serif; color:#000; background-color:#f5f5f5; text-indent:5px; }
.titre-1 { font-size: 1.7em; font-family: "Roboto Condensed", sans-serif; font-weight: 300; margin: 20px 0 10px 0; color: #c00; padding: 0; }
.titre-2 { font-size: 1.3em; font-family: "Roboto Condensed", sans-serif; font-weight: 300; margin: 10px 0 20px 0; color: #666; padding: 0; }
/* ---- Le flash de l'index ---- */
#home_animation { height:220px; }
/* ---- Header ---- */
#header_container { margin: 0 auto; padding:0; overflow:visible; height: 160px; clear:both; }
#header { margin: 0 auto; background:url(../inc_img/header-arp-blanc.png) no-repeat; color:#FFFFFF; width: 900px; height: 160px; }
#header .links { font-family: "Roboto Condensed", sans-serif; margin:5px 0 10px 0; padding:0; font-size:0.9em; color: #20557e }
#header .links span { margin:0 5px; padding:0; }
#header .flags { float:right; }
#header .liens { float:left; clear:both }
#header .keywords { margin: 5px 0; color:#20557e; }
#header a:link,
#header a:visited,
#header a:active { color: #20557e; text-decoration: none }
#header a:hover { color: #000; text-decoration: none }
#header .menutop { margin: 0; float: left; overflow:visible; height:39px; width: 900px; }
/* Le DIV contents ------------------------------------------------------ */
#contents_container { width: 900px; margin: 0 auto; padding: 1px 0 0 0; background-color:#FFFFFF; }
#contents { width: 860px; margin: 0 20px 0 20px; padding: 0; }
/* Le DIV PreFooter ------------------------------------------------------ */
#prefooter { width: 900px; height: 135px; background: url(../inc_img/prefooter-arp.jpg) #fff no-repeat; margin: 30px 0 0 0; padding:0; }
/* Le DIV Footer ------------------------------------------------------ */
#footer { font-family: "Roboto Condensed", sans-serif; font-size: 14px; width: 900px; background-image:url(../inc_img/footer-arp.jpg); margin: 0 auto; padding:0; color: #bbd8e8; }
#footer .socialicons img { margin:10px 5px 0 0; }
#footer a:link,
#footer a:visited,
#footer a:active { color:#bbd8e8; text-decoration:none }
#footer a:hover { color: #fff; text-decoration:none }
#footer td.footertabliens { text-align:left; }
#footer td.footertabliens strong { color:#fff; }
/* Le DIV TAGS ------------------------------------------------------ */
#tagcloud { width: 900px; margin: 0 auto; padding:20px 0; color: #333; clear:both; font-size:0.9em; background-color:#000000; }
#tagcloud a:link,
#tagcloud a:visited,
#tagcloud a:active { color:#333; text-decoration:none }
#tagcloud a:hover { color: #555; text-decoration:none }
/* Les tableaux ------------------------------------------------------ */
.tableau { border-collapse: collapse; background: none; margin:15px auto; }
.tableau td,
.tableau th { padding:5px 0; }
.tableau thead td { background: url(../inc_img/degrade-blanc.png) repeat-x #c6d5db; color: #293D47; font-size:1.6em; font-family: "Roboto Condensed", sans-serif; font-style:normal; font-weight:700; text-align:center; padding:20px 0 8px 0; }
.tableau th { background-color:#e5edf0; color: #2f4450; font-size:1em; font-style:normal; font-weight:normal; border: 1px solid #fff; text-align:center; }
.tableau .tdbig { font-size: 1.1em; font-weight:bold; }
.tableau td { background-color:#f0f5f7; font-style:normal; font-weight:normal; border: 1px solid #fff; text-align:center; }
.tableau td.nobg,
.tableau td.nobg.hover { border: 0; background: none; border-left: none; border-bottom: none; }
.tableau td.supp { background: #59737e; color:#fff; font-weight:bold; padding: 10px 0; border-top: 5px #fff solid; }
.tableau td.popularth { background: url(../inc_img/icone-popular.png) no-repeat #d0bcb5; color:#6F0000; }
.tableau td.populartd { background-color: #f1d6cb; }
.tableau td.promotd { background-image: url(../inc_img/icone-promo.png); background-repeat: no-repeat; }
/* ---- titres des rubriques -- */
.tableau td.th2 { background-color:#aec2cb }
.tableau td.td1 { background: url(../inc_img/rayures-blanches.png) #b3c2cb; color:#8C6051; border-top: 5px #fff solid; }
.tableau td.td2 { background: url(../inc_img/rayures-blanches.png) #d2dde3; color:#688793; border-top: 5px #fff solid; }
.tableau td.td3 { background: url(../inc_img/rayures-blanches.png) #d0bcb5; color:#8C6051; border-top: 5px #fff solid; }
.tableau td.td4 { background: url(../inc_img/rayures-blanches.png) #d2dde3; color:#2F4450; }
/* ---- prix -- */
#overviewssl .tabprix,
.tableau .tabprix,
.tableaussl .tabprix { font-size:1.2em; margin: 0 0 10px 0; }
.tableau .tabpromo { font-size:1.2em; margin: 0 0 10px 0; }
.tableau .tabpromo2 { font-size:1.1em; margin: 0 0 10px 0; }
.tableau .tabmin { font-size:1.1em; font-weight:bold; padding:0 }
.tableau .tabpromo .prixprincipal,
.tableau .tabmin .prixprincipal,
.tableau .tabprix .prixprincipal,
#overviewssl .tabprix .prixprincipal,
.tableaussl .tabprix .prixprincipal { font-weight:bold; color: #cc0000; }
.tableau .tabpromo .prixprincipal { font-weight:bold; color:#009900 }
.tableau .tabpromo2 .prixprincipal { font-weight:bold; color: #41990b; }
#overviewssl .tabprix .prixsecondaire,
.tableau .tabprix .prixsecondaire,
.tableau .tabmin .prixsecondaire,
.tableau .tabpromo .prixsecondaire,
.tableau .tabpromo2 .prixsecondaire,
.tableaussl .tabprix .prixsecondaire { font-size:0.8em; font-weight:normal; color:#666666; }
.tableau .barre .prixprincipal,
.tableau .barre .prixsecondaire{ font-size:0.9em; text-decoration: line-through; color: #888; }
/* ---- tabelau TOPS -- */
.tableautop { font-size: 12px; margin: 0 auto; color:#444; }
.tableautop h2 { font-family: "Roboto", sans-serif; margin: 0; padding:0 0 15px 0; font-size:1.3em; font-style:normal; font-weight:normal; color: #087ac0; }
.tableautop p { margin: 0; padding:0 0 6px 0; }
.tableautop p img { margin: 0 8px 0 0; }
/* ---- tabelau certificats ssl --- LISTE -- */
.tableaussl { border-collapse: collapse; background: none; margin:15px auto; border-top: 1px solid #ddd; }
.tableaussl tr:hover{ background-color: #f6f6f6; }
.tableaussl td { font-style:normal; font-weight:normal; border-bottom: 1px solid #ddd; text-align:left; padding: 5px 0; }
.tableaussl td.tdprix { text-align: center; padding: 5px 0; }
.tableaussl th { text-align: left; padding: 5px 0 5px 5px; border-bottom: 1px solid #ddd; }
.tableaussl th a{ text-decoration: none; }
.tableaussl tr.popular { background-color: #FFF5EF; } /*background-color: #F0F5F7;*/

/* ---- tabelau certificats ssl -- */
.tabssl .tabprix { font-size:1.1em; color: #cc0000; font-weight:bold; padding:5px 0 }
.tabssl .tabprix span { font-size:0.8em; font-weight:normal; color:#666666 }
.tabssl .tabprix small { font-size:0.8em; font-weight:normal; color:#cc0000 }
/* ---- tabelau KADO -- */
.tabkado { }
.tabkado .tabprix { font-size:1.3em; color: #cc0000; font-weight:normal; padding:5px 0 }
.tabkado span.barre { font-size:0.8em; text-decoration: line-through; color: #888; font-weight:normal; }
.tabkado div { padding:10px 10px 10px 10px; margin:5px 5px; color: #666; background:url(../inc_img/noise.png) #f9f9f9; border: solid #CCC 3px; }
.tabkado div:hover { background-color: #f0f0f0; border: solid #bbb 3px; }
.tabkado div h4 { color: #000; font-size:1.1em }
/* ---- tableau support technique -- */
.tableausupport { margin:15px 0; }
.tableausupport p { padding:8px 15px; }
.tableausupport .bordure { border-right: 1px dotted #999; }
/* Tableau comparatif ---------------- */
.tab-comparatif { border-collapse: collapse; background: none; margin:15px auto; }
.tab-comparatif td,
.tab-comparatif th { padding:8px; border: 1px solid #a5b8c0; }
.tab-comparatif td.td2 { background-color: #fff; padding: 18px; }
.tab-comparatif td.td3 { background-color: #fff; }
.tab-comparatif thead td { background: url(../inc_img/rayures-blanches.png) #c6d5db;  color: #293D47; font-size:1.3em; font-style:normal; font-weight:bold; padding:16px 0; }
.tab-comparatif th { background-color:#e5edf0; color: #2f4450; font-size:1em; font-style:normal; font-weight:normal; }
.tab-comparatif .tdbig { font-size: 1.1em; font-weight:bold; }
.tab-comparatif td { background-color:#f2f6f7; font-style:normal; font-weight:normal; }
.tab-comparatif td.nobg,
.tab-comparatif td.nobg.hover { border: 0; background: none; border-left: none; border-bottom: none; }
/* Divs des témoignages ------------------------------------------------------ */
.temoignage { background: url(../inc_img/arp-temoignage.gif) no-repeat; color:#666; margin: 0 0 30px 0; text-align:justify; padding:0; }
.temoignage .nom { font-family: "Roboto", sans-serif; font-weight:bold; color: #000; font-size:1.2em; background-image:none; padding:0; }
.temoignage .nomarabe { font-family: "Roboto", sans-serif; font-weight:bold; color: #000; font-size:1.3em; background-image:none; padding:0; }
.temoignage p { margin-left:70px; }
.temoignage h2 { margin-left:70px; padding-top:0; color:#000; }
/* ---- Spécial gauche et références ------ */
#confiance { width:195px; height:90px; overflow:hidden; }
#confiance_supp { width:285px; height:113px; overflow:hidden; margin-bottom:5px; }
#references_container { padding-left:20px; }
.references { width:195px; min-height:110px; float:left; margin:0 10px 10px 0; border:1px #f0f0f0 solid; }
.references:hover { border:1px #ccc solid; }
.references img { padding: 10px 0; }
/*  ---- DIV Admin ------------------------------------------------------ */
#admin { width: 980px; margin: 15px auto; text-align: left; padding: 20px; border: 1px solid #CCCCCC; }
/*  ---- Titres */
#admin h1 { font-size:1.7em; font-family: "Roboto", sans-serif; font-style: italic; font-weight: bold; text-decoration: none; margin: 0 0 15px 0; padding: 0 0 0 15px; background-image:url(../inc_img/arp-h1-admin.jpg); background-repeat:no-repeat; }
#admin h2 { font-size:1.3em; font-family: "Roboto", sans-serif; font-weight:normal; text-decoration: none; margin: 15px 0 15px 0; padding: 0; color:#006699; }
/*  ---- Menu dropdown ------------------------------------------------------ */
/* ---- LEVEL ONE */
/*ul.dropdown { position: relative; z-index:1000; }
ul.dropdown li { font-weight: normal; float: left; zoom: 1; margin:0; padding: 0; font-size: 1.1em; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Arial, Tahoma, Helvetica, sans-serif; background:none; list-style-image: none; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; margin: 5px 0 0 0; padding: 5px 12px; font-size: 1.1em; border-left: 1px dotted #c5d3db; }
ul.dropdown li a.first { border-left: none; }
ul.dropdown li:last-child a { border-right: none; }  
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; }*/
/* ---- Les TABS des Home ----------------------------------------------- */
/*#tabs { margin:0; height:230px; overflow:hidden }*/
#tabs { margin:0; height:200px; overflow:hidden }
#tabs ul { list-style: none; float: left; background: #fff; width: 100%; padding: 4px 0 0 0; margin: 0 0 0 30px; }
#tabs ul li { list-style: none; display: inline; margin:0 2px 0 0; padding:0; float: left; text-align:center; background: url(../inc_img/tabs_title_arp2.jpg) repeat-x bottom; }
#tabs ul li a { float: left; text-decoration: none; font-weight:normal; padding: 15px 0; width:160px; color: #333; font-size:1.1em; }
#tabs ul li.active { background: url(../inc_img/tabs_title_arp.jpg) repeat-x bottom; }
#tabs ul li.active a { color: #014b74; font-weight: 700; }
#tabs ul li.active a:focus { outline: none; }
#tabs div { background: url(../inc_img/tabs_arp.jpg) repeat-x; clear: both; padding: 15px 15px 0 15px; min-height: 130px; }
#tabs div p { line-height: 150%; color:#397a93; }
#tabs div img { float:left; margin-bottom:80px; margin-right:15px; }
/* ---- AJAX Status ----------------------------------------------- */
#ajaxstatus { padding:40px; background-color:#fff; width:80px; position:fixed; top:50%; left:50%; margin:-80px 0 0 -80px; z-index:2000; }
/* ---- Portfolio ------------------------------------------------- */
/* portfolio menu */
#portfolio_menu { float:left; width: 180px; height:450px; border-right:1px solid #ffffff; background:url(../inc_img/portfolio_arp_bleu1.jpg) repeat-y; }
#portfolio_menu ul { list-style: none; padding: 0; margin: 0; text-align: left; }
#portfolio_menu li { margin:0; padding:0; display:inline; }
#portfolio_menu a:link,
#portfolio_menu a:active,
#portfolio_menu a:visited { font-family: "Roboto", sans-serif; font-size:1.1em; display: block; background:url(../inc_img/portfolio_arp_bleu1.jpg); color: #ffffff; text-decoration: none; margin: 0; padding:5px 0; text-indent:5px; border-bottom:1px solid #ffffff; }
#portfolio_menu a:hover { background:url(../inc_img/portfolio_arp_bleu2.jpg); color: #ffffff; text-decoration: none; }
#portfolio_menu span { font-family: "Roboto", sans-serif; font-size:1.1em; display: block; background: url(../inc_img/puce.jpg) #FFFFFF right center no-repeat; color: #275672; text-decoration: none; margin: 0; padding:5px 0; text-indent:5px; border-bottom:1px solid #ffffff; }
/* portfolio contenu */
#slider { float:left; height:450px; width:675px; position: relative; }
#slider .navigation { float:left; width: 170px; height:450px; border-right:1px solid #ffffff; background:url(../inc_img/portfolio_arp_gris1.jpg) repeat-y; }
#slider .navigation .scrollButtons { display:none }
#slider .navigation li { margin:0; padding:0; display:inline; }
#slider .navigation a { font-family: "Roboto", sans-serif; font-size:0.9em; display: block; color: #275672; text-decoration: none; margin: 0; padding:5px 0; text-indent:8px; border-bottom:1px solid #ffffff; }
#slider .navigation a:hover { background:url(../inc_img/portfolio_arp_gris2.jpg); color: #000000; text-decoration: none; }
#slider .navigation a.selected { background: url(../inc_img/puce.jpg) #FFFFFF right center no-repeat; }
#slider .navigation a:focus { outline: none; }
#slider .scroll { float:left; width: 500px; height:450px; background:url(../inc_img/portfolio_arp_texte.jpg) no-repeat; overflow: hidden; position: relative; }
#slider .scrollContainer div.panel { height: 450px; width: 500px; overflow:hidden; }
#slider .scrollContainer div.panel p { margin:0 15px; }
#slider .scrollContainer div.panel h3 { margin:15px; }
/* ---- Le slide de l'index ------ */
#slide_images { width:900px; height:220px; overflow:hidden; }
#slide_nav { margin: -25px 0 0 795px; z-index: 500; position: absolute; }
#slide_nav a { background: url(../inc_img/sliderpoint.png); margin: 0; padding: 0; height:20px; width: 20px; float: left; text-indent:20px; overflow:hidden; }
#slide_nav a:hover,
#slide_nav a.selected,
#slide_nav .activeSlide { background: url(../inc_img/sliderpoint.png) 0 20px; }
/* ---- TWITTER Accueil------ */
#lasttwitter { padding:10px 0 0 0; font-family: Tahoma; background: url(../inc_img/lasttwitter.jpg) no-repeat top left; overflow: hidden; width: 550px; z-index:10 }
#lasttwitter p { font-family: "Roboto", sans-serif; margin: 0 0 8px 80px; padding: 2px 0 0 20px; background: url(../inc_img/twitter-min.jpg) no-repeat; width: 450px; color:#333; }
#lasttwitter p span { font-size:0.9em; color:#666; }
#lasttwitter p.twittername { font-family: "Roboto Condensed", sans-serif; font-size: 1.2em; color:#39C; padding: 0px; background: none; font-weight: 700; }
#lasttwitter a { text-decoration:none; }
/* ---- RSS Accueil------ */
.lastrss { padding:10px 0; }
.lastrss div { padding:6px 0; border-top:1px #ccc dotted; background:url(../inc_img/icons/icone-balloon-16.png) no-repeat 5px 16px; }
.lastrss div.visitblog { background: none; }
.lastrss div.visitblog a { color: #069; }
.lastrss div p { margin-left:28px; }
.lastrss div:hover { background-color:#F6F6F6; }
.lastrss a:link,
.lastrss a:visited,
.lastrss a:active { color:#000; text-decoration:none }
.lastrss a:hover { color: #069; text-decoration:none }
.addthis_toolbox { margin: 90px 0 0 0 }
/* ---- liste jobs ------ */
.lastjobs { padding:0; margin: 10px 0 0 0; font-size:1.2em; border-top:1px #ccc dotted; }
.lastjobs div { padding:8px 0; border-bottom:1px #ccc dotted; background:url(../inc_img/icons/icone-user2-16.jpg) no-repeat 5px 8px; }
.lastjobs div p { margin-left:28px; }
.lastjobs div:hover { background-color:#F6F6F6; }
.lastjobs a:link,
.lastjobs a:visited,
.lastjobs a:active { color:#000; text-decoration:none }
.lastjobs a:hover { color: #069; text-decoration:none }
/* ----- Tooltip ---- */
#easyTooltip { padding:10px; border:0px; background:#000; width:200px; font-size: 1em; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
/* ----- prestataire ---- */
.prestataire { padding: 8px; text-align:center; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #c0c0c0; float:left; margin-right: 10px; background-color:#FFF; }
.prestataire p { padding:0; color:#999; font-size: 0.9em; }
/* ----- logo SSL ---- */
.logossl { padding: 15px; text-align:center; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #c0c0c0; background-color:#FFF; }
/* ----- Wizard hosting ----- */
#overview .wizard_pack { margin: 0 0 8px 0; padding: 0 0 10px 0; width:100%; background-color: #F0F5F7; }
#overview .wizard_pack_nom { font-family:"Roboto", sans-serif; color:#2F4450; font-weight: bold; padding: 10px 0 10px 10px; font-size:1.1em; background-color: #E5EDF0; }
#overview .big { color:#bbb; font-size:1.3em; text-align:left; margin: 50px 0 40px 0; }
#overview .divjaune { margin:0 0 10px 0; }
#overview .wizard_description { color:#2F4450; padding: 10px 10px 0 10px; }
#overview .wizard_prix { padding-top:10px; color:#999; font-size:0.9em; }
#overview .tabprix { font-size:1.1em; color: #cc0000; font-weight:bold; padding:10px 0 }
#overview .tabprix span { font-size:0.8em; font-weight:normal; color:#666666 }
#wizard_container { width:100%; height: 300px; overflow:hidden; }
#wizard_form .inputactive { color:#000; }
#wizard_form .questionblock { width:270px; position:absolute; margin-left:400px; }
#wizard_form .questionblockreset { margin-left: 0; }
#wizard_form .question { margin: 0; padding: 10px; width:100%; background-color: #1a7ec2; color: #fff; font-weight: bold; }
#wizard_form .choix { margin: 0 0 8px 0; padding: 10px; width:100%; background-color: #f0f0f0; color:#999; }
/* ----- Wizard SSL ----- */
#overviewssl .wizard_pack { margin: 0 0 8px 0; padding: 0 0 5px 0; width:100%; border-top: dashed 1px #2F4450; }
#overviewssl .wizard_pack_nom { font-family:"Roboto", sans-serif; color:#000; font-weight: bold; padding: 10px 0 10px 10px; font-size:1.1em; }
#overviewssl .nompopular { background-color: #f7eae1; }
#overviewssl .nomnormal { background-color: #E5EDF0; }
#overviewssl .packpopular { background-color: #FFF5EF; }
#overviewssl .packnormal { background-color: #F0F5F7; }
#overviewssl .big { color:#bbb; font-size:1.3em; text-align:left; margin: 50px 0 40px 0; }
#overviewssl .divjaune { margin:0 0 10px 0; }
#overviewssl .wizard_description { color:#2F4450; padding: 10px }
#overviewssl .wizard_prix { padding-top:10px; color:#999; font-size:0.9em; }
#wizardssl_container { width:100%; }
#wizardssl_form .inputactive { color:#000; }
#wizardssl_form .questionblock { width:270px; }
#wizardssl_form .questionblockreset { margin-left: 0; }
#wizardssl_form .question { margin: 0; padding: 10px; width:100%; background-color: #1a7ec2; color: #fff; font-weight: bold; }
#wizardssl_form .choix { margin: 0 0 8px 0; padding: 10px; width:100%; background-color: #f0f0f0; color:#777; }
/* ----- DIV des FAQ ------- */
#faq { overflow: visible; }
#faq .barre { /* Liens des boxes menu */ cursor:pointer; display:block; padding:10px 0 10px 36px; margin: 5px 0; color: #000; font-size: 1.2em; background: #ddd url(../inc_img/barre-nonselected.gif) 10px center no-repeat; }
#faq .selected { background: #ddd url(../inc_img/barre-selected.gif) 10px center no-repeat; font-weight:bold; }
#faq .selected span { display:none; }
#faq .barre span { font-size: 0.8em; color: #666666; }
#faq .barre:hover { background-color:#ccc; text-decoration:none; }
#faq div { padding:10px 0 }
#faq div p{ margin-bottom:5px }
/* ----- SSL ------- */
.sslvalidation { font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em; font-weight: 400; color:#369; }
.sslvalidation0 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.3em; font-weight: 300; color:#fff; } /* tab signature numérique */
.sslvalidation1 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em; font-weight: 400; color:#fff; } /* tab signature numérique */
.sslvalidation2 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em; font-weight: 400; color:#ddd; } /* prix ssl */
/* ----- DIV des listes SSL ------- */
#sslist { overflow: visible; margin-top: 15px }
#sslist .barre { /* Liens des boxes menu */ cursor:pointer; display:block; padding:6px 0 6px 10px; margin: 5px 0 0 0; color: #000; font-size: 1.2em; background-color: #ddd; }
#sslist .selected { font-weight:bold; }
#sslist .barre:hover { background-color:#aab4bf; text-decoration:none; }
#sslist div { padding:5px 0; background-color: #F6F6F6; }
#sslist div a:link,
#sslist div a:visited,
#sslist div a:active { color:#000; text-decoration:none }
#sslist div a:hover { color: #c00; text-decoration:none }
#sslist div p{ margin-bottom:5px; padding: 0 10px; font-size: 0.9em; }
pre {
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;     /* Mozilla */
   white-space: -pre-wrap;           /* Opera 4-6 */
   white-space: -o-pre-wrap;        /* Opera 7 */
   word-wrap: break-word;           /* IE5.5+ */
}