@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.cl { clear:both}
a { text-decoration:none}
p { color:#808080; line-height:1.8em; font-size:12px;}
ul li {font-size:12px;}
ul {margin:5px 0}
.shadow {-moz-box-shadow:0 1px 2px rgba(20, 20, 20, 0.2);}
strong {color:#666}
textearea { font-family:Arial, Helvetica, sans-serif; }

/* //  Arrondi */
.radius_3 {border-radius: 3px !important; -moz-border-radius: 3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important}
.radius_3_top {border-radius: 3px 3px 0 0 !important; -moz-border-radius:  3px 3px 0 0 !important; -khtml-border-radius: 3px 3px 0 0 !important ; -webkit-border-radius: 3px 3px 0 0 !important}
.radius_3_bottom {border-radius:0 0 3px 3px !important; -moz-border-radius: 0 0 3px 3px !important; -khtml-border-radius:0 0 3px 3px !important ; -webkit-border-radius:0 0 3px 3px !important}

.radius_4 {border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius:4px !important; -webkit-border-radius:4px !important;}
.radius_4_top {border-radius: 4px 4px 0 0 !important; -moz-border-radius:  4px 4px 0 0 !important; -khtml-border-radius: 4px 4px 0 0 !important; -webkit-border-radius: 4px 4px 0 0 !important}
.radius_4_bottom {border-radius:0 0 4px 4px; -moz-border-radius: 0 0 4px 4px !important; -khtml-border-radius:0 0 4px 4px !important; -webkit-border-radius:0 0 4px 4px !important}

.radius_5 {border-radius: 5px; -moz-border-radius: 5px !important; -khtml-border-radius:5px !important; -webkit-border-radius:5px !important;}
.radius_5_top {border-radius: 5px 5px 0 0 !important; -moz-border-radius:  5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important}
.radius_5_bottom {border-radius:0 0 5px 5px !important; -moz-border-radius: 0 0 5px 5px !important; -khtml-border-radius:0 0 5px 5px !important; -webkit-border-radius:0 0 5px 5px !important}

/* //  GENERAL ******************************************************************************************************/



/* NAMEO #96bd0d */
 a { color:#96bd0d}
 a:visited {color:#96bd0d}

/* NAMEO 2.0 #eb7405*/
.nameo_2_0 a,
.nameo_2_0 a:visited,
.nameo_2_0 .color,
.nameo_2_0 h1,
.nameo_2_0 h3,
.nameo_2_0 #header .main_nav ul li .sous_menu .content .cols h4 a,
.nameo_2_0 #header .main_nav ul li a:hover,
.nameo_2_0 #header .main_nav ul li a.a {color:#eb7405}
.nameo_2_0 #table1 thead tr th { background:#eb7405}
#slides .nameo_2_0 a.btn1 { background:#eb7405 }

/* MY NAMEO #0087a6 */
.my_nameo a,
.my_nameo a:visited,
.my_nameo .color,
.my_nameo h1,
.my_nameo h3,
.my_nameo #header .main_nav ul li .sous_menu .content .cols h4 a,
.my_nameo #header .main_nav ul li a:hover,
.my_nameo #header .main_nav ul li a.a {color:#0087a6}
.my_nameo #table1 thead tr th { background:#0087a6}
#slides .my_nameo a.btn1 { background:#0087a6 }

/* NAMEO BIZ #b20c1a*/
.nameo_biz a,
.nameo_biz a:hover,
.nameo_biz .color,
.nameo_biz h1,
.nameo_biz h3,
.nameo_biz #header .main_nav ul li .sous_menu .content .cols h4 a,
.nameo_biz #header .main_nav ul li a:hover,
.nameo_biz #header .main_nav ul li a.a{color:#b20c1a}
.nameo_biz #table1 thead tr th { background:#b20c1a}
#slides .nameo_biz a.btn1 { background:#b20c1a }

/* NAMEO APPS #b5007c */
.nameo_apps a,
.nameo_apps a:visited,
.nameo_apps .color,
.nameo_apps h1,
.nameo_apps h3,
.nameo_apps #header .main_nav ul li .sous_menu .content .cols h4 a,
.nameo_apps #header .main_nav ul li a:hover,
.nameo_apps #header .main_nav ul li a.a {color:#b5007c}
.nameo_apps #table1 thead tr th,{ background:#b5007c}
#slides .nameo_apps a.btn1 { background:#b5007c }

.sliders p a strong { font-weight:normal }
ul.slide_services {margin-top:15px; width:470px;}
ul.slide_services li { background:url(../img/lst_ul_li_nameo.png) left no-repeat; padding-left:13px; margin:3px 0; font-weight:bold; width:300px; float:left;}
.nameo_2_0 ul.slide_services li { background:url(../img/lst_ul_li_nameo_2_0.png) left no-repeat}
.my_nameo ul.slide_services li { background:url(../img/lst_ul_li_my_nameo.png) left no-repeat}
.nameo_biz ul.slide_services li { background:url(../img/lst_ul_li_nameo_biz.png) left no-repeat}
.nameo_apps ul.slide_services li { background:url(../img/lst_ul_li_nameo_apps.png) left no-repeat}

.actus_wp { height:300px; margin-bottom:10px; }
.actus_wp span.rssdate { float:right; font-size:11px; font-style:italic; margin-bottom:7px}
.actus_wp span.rssdesc { margin-top:10px; clear:left; display:block}
blockquote {left:10px}
.actus_wp { line-height:16px}
.actus_wp a { line-height:normal; float:left; display:block; width:227px;  margin-bottom:8px}
.actus_wp a.btn1 { width:auto; float:right }

ul.color {margin:8px 0}
ul.color li {padding-left:13px; margin:5px 0}
ul.color.lst1 li { background:url(../img/lst_ul_li_1.jpg) left no-repeat}
ul.color.lst2 li { background:url(../img/lst_ul_li_2.jpg) left no-repeat}
ul.color.lst3 li { background:url(../img/lst_ul_li_3.jpg) left no-repeat}
ul.color.lst4 li { background:url(../img/lst_ul_li_4.jpg) left no-repeat}
ul.color.lst5 li { background:url(../img/lst_ul_li_5.jpg) left no-repeat}
ul.color.lst6 li { background:url(../img/lst_ul_li_6.jpg) left no-repeat}

h1 {font-size:22px; clear:both; margin-top:10px; color:#96bd0d}
h2 {font-size:14px; margin-top:10px; color:#000; margin-bottom:8px;}
h3 {font-size:12px; font-size:12px; color:#666; margin-bottom:5px; margin-top:10px}
h4 {font-size:13x}
h5 {font-size:12px;}

/* BTN */
.btn1 a, .btn1 a:visited { color:#fff}
#next { margin-left:10px !important; float:right !important}
.btn1, #prev, #next, input[type=submit]#submit { display:block; background:url(../img/btn/btn1.jpg) left bottom repeat-x #9d9d9d; padding:6px 6px; font-size:10px; font-weight:bold; color:#fff !important; width:auto; float:right; margin:5px 0; cursor:pointer;border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius:4px !important; -webkit-border-radius:4px !important;}
 .contact input[type=submit]#submit { border:0}
.btn1:hover {background:#878787}
/* BTN */

body { background:url(../img/bg.jpg) top center no-repeat #fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#808080}
#ct1 { }
#header {height:100px; width:100%; background:url(../img/bg_header.png) top repeat-x; position:absolute; top:0; z-index:1000}
#header #header_content { width:980px; height:100px; margin:0 auto}

#header .right { float:left; width:440px}
#header .main_nav { float:left; width:540px}
#header .main_nav a.logo {margin-right:20px; float:left; position:absolute; margin-left:-490px; left:50%; width:207px; height:50px;}
#header .main_nav ul {margin-top:44px; float:left; margin-left:220px;/*width:320px;*/width:333px;}

#header .main_nav ul li { float:left; margin-right:5px;font-size:11px; font-weight:bold; text-transform:uppercase; background:url(../img/sep_main_nav.png) no-repeat; background-position:10px 5px; padding-right:10px; padding-bottom:15px;}

.nameo_2_0 #header .main_nav ul li {background:url(../img/sep_main_nav_nameo_2_0.png) no-repeat right}
.my_nameo #header .main_nav ul li {background:url(../img/sep_main_nav_my_nameo.png) no-repeat right}
.nameo_biz #header .main_nav ul li {background:url(../img/sep_main_nav_nameo_biz.png) no-repeat right}
.nameo_apps #header .main_nav ul li {background:url(../img/sep_main_nav_nameo_apps.png) no-repeat right}
#header .main_nav ul li {background:url(../img/sep_main_nav.png) no-repeat right}


#header .main_nav ul li .sous_menu { display:none; position:absolute;background:url(../img/black_95.png); position:absolute; left:0; width:100%; top:80%; padding:20px 0;z-index:1}
#header .main_nav ul li:hover .sous_menu {display:block; }
#header .main_nav ul li .sous_menu .content { margin:0 auto; width:980px;}
#header .main_nav ul li .sous_menu .content .cols { width:150px; float:left; margin-right:12px}

#header .main_nav ul li .sous_menu .content .cols h4 { clear:both}
#header .main_nav ul li .sous_menu .content .cols h4 a { height:auto;color:#8baf0e;display:block}
#header .main_nav ul li .sous_menu .content .cols h4 a:hover {color:#fff}
#header .main_nav ul li .sous_menu .content .cols ul {margin:3px 0 12px 0}
#header .main_nav ul li .sous_menu .content .cols ul li  { padding-bottom:0; background:url(../img/puce_1_left.png) left no-repeat; padding-left:10px; font-weight:normal; clear:both}
#header .main_nav ul li .sous_menu .content .cols ul li a { color:#c3c3c3; text-transform:none; font-size:10px; padding:2px 0; display:block}
#header .main_nav ul li .sous_menu .content .cols ul li a:hover { color:#fff}
#header .main_nav ul li .sous_menu .content .cols ul li a.a { color:#fff; font-weight:bold}

#header .main_nav ul li:last-child {background:none}
#header .main_nav ul li a {color:#e1e1e1; height:10px; display:block; padding-top:8px; padding-bottom:10px;}
#header .main_nav ul li a em { display:none}

#header .main_nav ul li a:hover,
#header .main_nav ul li a.a {color:#91ba07}

#header .right {}
#header .right ul { margin-top:13px; float:right}
#header .right ul li { margin-bottom:3px; font-size:11px; float:right;padding-right:8px; clear:both; background:url(../img/puce_1_right.png) right no-repeat}
#header .right ul li a { color:#858585 }
#header .right ul li a:hover { color:#fff}

#header h2 { color:#fff; margin-bottom:3px; font-size:12px}
#header .right .box_form { width:150px;float:right;margin-left:16px; margin-top:28px;}
#header .right .box_form input {height:18px; border:0}
#header .right .box_form input[type="text"] {width:113px; color:#fff; margin-left:0;background:url(../img/header_text.png); font-size:10px; padding:2px 5px; height:14px}
#header .right .box_form input[type="submit"] {width:24px; background:url(../img/header_submit.png); font-size:10px; padding-top:2px; font-weight:bold; cursor:pointer}

#container { width:980px; margin:80px auto 0 auto}
#slides { width:980px; height:418px; position:relative}
#slides .slide_description { position:absolute; width:980px; color:#737373; height:418px; font-size:11px; line-height:13px}
#slides .slide_description .btn1 { line-height:normal; margin:20px 10px 0 0}
#page_content { margin:5px 0 15px 0; float:left; width:980px;}
#page_content #subs { width:996px}
#page_content #subs ul {margin-top:0px}
#page_content #subs ul li {width:300px; height:183px; position:relative; float:left;margin:0 16px 25px 0; padding:8px}
#page_content #subs ul li a.btn1 { display:none; margin-right:15px; position:absolute; bottom:10px; right:10px}
#page_content #subs ul li strong { font-weight:normal}
#page_content #subs ul li:hover a.btn1 {display:block}
#page_content #subs ul li:hover {background:#f7f7f7;border-radius: 5px !important; -moz-border-radius: 5px !important; -khtml-border-radius:5px !important; -webkit-border-radius:5px !important;-moz-box-shadow:0 1px 2px rgba(20, 20, 20, 0.2);}
#page_content #subs ul li:hover img {opacity:0.7}
#page_content #subs ul li:hover h3 img { opacity:1}
#page_content #subs ul li img { float:left; margin-right:10px;}
#page_content #subs ul li h3 img { float:none; margin-right:0;}
#page_content #subs ul li a {}
#page_content #subs ul li h3 {margin-bottom:0px; margin-top:2px}
#page_content #subs ul li p { font-weight:normal; line-height:16px; font-size:12px;}

 .pageContentBoxTitleL { clear:both; font-style:italic}
 
#search { width:980px; }

#page_content .cols { width:300px; float:left}
#page_content .cols.un { width:314px;padding:0 10px 0 0}
#page_content .cols.un input, #page_content .cols.un textarea, #page_content .cols.un label { width:296px; }
#page_content .cols.deux {width:303px; padding:0 10px;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb;}
#page_content .cols.deux.big { width:635px; border-right:none; float:left; font-size:11px;}
#page_content .cols.deux.big h3 { color:#000}
#page_content .cols.deux.big p { font-size:11px; line-height:16px}
#page_content .cols.trois {width:314px; padding:0 0 0 10px}
#page_content .cols.un .btn1, #page_content .cols.deux .btn1, #page_content .cols.trois .btn1 { margin-top:20px}
#page_content .cols img {float:left}

#page_content.portfolio .pageContentBox .pageContentBoxTopL ul {padding:0; border:none;}
#page_content.portfolio .pageContentBox .pageContentBoxTopL ul { clear:none}
#page_content.portfolio .pageContentBox .pageContentBoxTopL ul li { background:url(../img/puce_1_left.png) left no-repeat; padding-left:10px; margin:2px 0}
.portfolio .pageContentBoxTopL ul li { widows:auto; height:auto}

.pageContentBoxTopL { width:980px}
#page_content.portfolio { width:996px;}
.portfolio ul li {width:316px; height:202px; margin-bottom:16px; margin-right:16px; float:left; position:relative}
.portfolio ul li h3 a { color:#fff !important}
.portfolio ul li h3 { color:#fff; font-size:12px;background:url(../img/black_80.png); border-top:1px solid #000; position:absolute; left:2px; bottom:4px; padding:2px 15px; width:282px; z-index:1000; margin-bottom:0}
.portfolio ul li h3 em { font-weight:normal;}
.portfolio ul li img { padding:1px; border:1px solid #eee}
.portfolio ul li .hi img { border:none}
.portfolio ul li:hover img {opacity:0.8}

#page_content.search a { line-height:normal; margin-top:10px}
#page_content.search {font-size:12px; line-height:1.8em;}

.result .resultNav { float:right; margin-right:16px;}
.resultNavInfos {float:left; margin-right:16px; font-style:italic; margin-top:5px;}

#table1 { border:1px solid #EEEEEE; margin-top:40px}
#page_content #details #table1 img { float:none; margin:0}

#table1 thead tr th { vertical-align:middle;padding:10px; color:#fff; text-align:center; text-transform:uppercase}
#table1 thead tr th a { color:#fff}

#table1 tbody tr th.head { background:url(../img/btn/btn3.jpg) bottom repeat-x #f7f7f7; padding:10px; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; text-align:left; color:#333; text-transform:uppercase}
#table1 tbody tr th.head a { display:block } 
#table1 tbody tr td { vertical-align:middle;border-left:1px solid #ebebeb; padding:7px 10px 7px 10px; text-align:center; border-bottom:1px dashed #eee; width:15%}
#table1 tbody tr th { width:35%; color:#666; border-bottom:1px solid #eee; padding:7px 12px; text-align:right;font-size:11px;}
#table1 tbody tr td em {font-size:10px}
#table1 tbody tr td img {float:left; margin-right:10px}
#table1 tbody tr td:first-child { border:0; padding-left:0}
#table1 tbody tr td:last-child {}

.second_nav {margin-top:0px; float:left; padding:12px 0 20px 0; background:url(../img/bg_second_nav.jpg)}
#header_cat ul li, .second_nav ul li { float:left; width:196px; background:#CCC; height:86px;}
#header_cat ul li a span { display:none}
.second_nav ul li a { display:block; width:196px; height:86px}
.second_nav ul li a em { display:none; }
#header_cat { float:left; margin:5px 0 20px;}

.second_nav ul li a.nameo {background:url(../img/second_nav_1.jpg) top}
.second_nav ul li a.nameo_cms {background:url(../img/second_nav_2.jpg) top}
.second_nav ul li a.my_nameo {background:url(../img/second_nav_3.jpg) top}
.second_nav ul li a.nameo_biz {background:url(../img/second_nav_4.jpg) top}
.second_nav ul li a.nameo_apps {background:url(../img/second_nav_5.jpg) top}

#header_cat h3 {display:none}
#header_cat li {background-repeat:no-repeat;}

#header_cat ul li a {float:left; width:196px; display:block;height:86px;background:url(../img/second_nav_1.jpg) no-repeat left top}
/*#header_cat ul li a:hover {background:url(../img/second_nav_1.jpg) bottom}*/
#header_cat ul li a:hover, #header_cat ul li.current-cat a, body.nameo_active #header_cat ul li.nameo a {background-position: left bottom;}

#header_cat li.nameo {}
#header_cat ul li ul li a, #header_cat ul li ul li a:hover {background:none}
#header_cat li.nameo-2-0 {background:url(../img/second_nav_2.jpg) no-repeat left top}
#header_cat li.my-nameo {background:url(../img/second_nav_3.jpg) no-repeat left top}
#header_cat li.nameo-biz {background:url(../img/second_nav_4.jpg) no-repeat left top}
#header_cat li.nameo-apps {background:url(../img/second_nav_5.jpg) no-repeat left top}

.second_nav ul li a.nameo:hover,.second_nav ul li a.nameo.a {background:url(../img/second_nav_1.jpg) bottom}
.second_nav ul li a.nameo_cms:hover, .second_nav ul li a.nameo_cms.a {background:url(../img/second_nav_2.jpg) bottom}
.second_nav ul li a.my_nameo:hover, .second_nav ul li a.my_nameo.a {background:url(../img/second_nav_3.jpg) bottom}
.second_nav ul li a.nameo_biz:hover, .second_nav ul li a.nameo_biz.a {background:url(../img/second_nav_4.jpg) bottom}
.second_nav ul li a.nameo_apps:hover, .second_nav ul li a.nameo_apps.a {background:url(../img/second_nav_5.jpg) bottom}

#header_cat li.nameo:hover, #header_cat li.nameo.current-cat {background:url(../img/second_nav_1.jpg) no-repeat left bottom}
#header_cat li.nameo-2-0:hover, #header_cat li.nameo-2-0.current-cat {background:url(../img/second_nav_2.jpg) no-repeat left bottom}
#header_cat li.my-nameo:hover, #header_cat li.my-nameo.current-cat {background:url(../img/second_nav_3.jpg) no-repeat left bottom}
#header_cat li.nameo-biz:hover, #header_cat li.nameo-biz.current-cat {background:url(../img/second_nav_4.jpg) no-repeat left bottom}
#header_cat li.nameo-apps:hover,#header_cat li.nameo-apps.current-cat {background:url(../img/second_nav_5.jpg) no-repeat left bottom}

#clients { float:left; position:relative; margin:20px 0 10px 0;}
#clients h1 {margin-bottom:10px}
#clients ul {}
#clients .switch { position:absolute; background:red; height:45px; width:20px; top:32px; z-index:5000; background:#f00}
#clients .switch a { display:block }
#clients .switch span {display:none}
#clients .switch.left { left:0; background:url(../img/switch_clients_left.jpg) no-repeat 0 20px}
#clients .switch.right { right:0; background:url(../img/switch_clients_right.jpg)  no-repeat 10px 20px}
#clients ul li { width:150px; float:left; padding:0 5px}
#clients ul li:first-child {}
#clients ul li:last-child { margin-right:0}

#footer { background:#1d1d1d; margin-top:15px; padding-bottom:20px;}
#footer a {color:#f7f7f7}
#footer a:hover {text-decoration:underline}
#footer h2 {font-size:13px; color:#fff; margin-bottom:10px;}
#footer #footer_content { width:980px; margin:0 auto; padding:20px 0 0 0}

#footer #footer_content h4 a { color:#8baf0e;display:block}

#footer #footer_content ul {margin:3px 0 12px 0}
#footer #footer_content ul li  { background:url(../img/puce_1_left.png) left no-repeat; padding-left:10px; font-weight:normal}
#footer #footer_content ul li a { color:#c3c3c3; font-size:10px; padding:2px 0; line-height:1.4em }
#footer #footer_content ul li a:hover { color:#fff}

#footer #footer_content .cols {float:left;padding-right:8px; padding-left:7px; border-left:1px solid #555;width:150px; height:318px}
#footer #footer_content .cols.big { width:317px}
#footer #footer_content .cols.big ul li,
#footer #footer_content .cols.last ul li, #footer #footer_content .cols.big ul li { background:url(../img/puce_1_left.png) left no-repeat; padding-left:10px; font-weight:normal}
#footer #footer_content .cols.big ul li { clear:both; }
#footer #footer_content .big ul li:last-child  { padding-top:5px; font-weight:bold; background:none}
#footer #footer_content .cols.big ul li a {margin-right:1px;  }
#footer #footer_content .cols.big ul li a:hover { color:#fff}
#footer #footer_content .cols.big ul li a:hover strong {color:#fff}
#footer #footer_content .cols.big ul li a,
#footer #footer_content .cols.last ul li a {color:#c3c3c3; font-size:10px; padding:2px 0; margin-right:4px;}
#footer #footer_content .cols.big strong {color:#8BAF0E}

#footer #footer_content .cols.last { padding-right:0; width:149px;}
#footer #footer_content .cols.first { padding-left:0; width:150px; border:0}

#footer #footer_content .box h2 {margin-top:20px; margin-bottom:8px}
#footer #footer_content input {height:18px; border:0}
#footer #footer_content input[type=text] {width:112px; background:url(../img/header_text.png); font-size:10px; color:#fff; padding:2px 5px; height:14px}
#footer #footer_content input[type=submit] {width:24px; background:url(../img/header_submit.png); font-size:10px; font-weight:bold; padding-top:2px}

#footer #copyright {padding:15px 0; float:left; width:100%; font-size:11px;background:#313131; margin-top:10px;}
#footer #copyright strong { color:#fff}
#footer #copyright #copyright_content { width:980px; margin:0 auto}
#footer #copyright #copyright_content .left { float:left}
#footer #copyright #copyright_content .right {float:right}

.logo { float:left; margin-top:15px}
.logo:hover img { opacity:0.8}

.hi strong { display:none }

#slides .sliders { position:relative; overflow:hidden; width:980px; height:418px;  }
#slides .sliders ul li { font-size:11px; line-height:16px; }
#slides .sliders p {margin:8px 0}
.sliders p a { color:#333 !important}
#slides .sliders table { position:absolute; overflow:hidden; width:980px; height:418px }

#clients .sliders { position:relative; overflow:hidden; width:936px; height:45px; margin:0 20px }
#clients .sliders table { position:absolute; overflow:hidden; width:980px; height:45px }
#clients .sliders table tr td { border-right:1px solid #dedede; width:155px }
#clients .sliders table a { height:35px; display:block; background-position:bottom; background-repeat:no-repeat; width:155px }
#clients .sliders table a:hover { background-position:top }
#clients .sliders table a em { display:none }

#slides_nav { position:absolute; z-index:99; right:0; /*top:37px;*/ top:14px;}
#slides_nav a { width:17px; height:17px; display:block; float:left; background:url(../img/switch_off.png) no-repeat; }
#slides_nav a em { display:none }
#slides_nav a:hover, #slides_nav a.active { background:url(../img/switch_on.png) no-repeat; }


/* PAGE DETAIL SERVICE */
#page_content #chapeau { width:324px;float:left; margin-right:8px; padding-bottom:30px; }

.nameo_2_0 #page_content #chapeau, .nameo_2_0 #page_content .temoiganges { background:url(../img/fleche_chapeau_nameo_2_0.png) left bottom no-repeat}
.my_nameo #page_content #chapeau, .my_nameo #page_content .temoiganges { background:url(../img/fleche_chapeau_my_nameo.png) left bottom no-repeat}
.nameo_biz #page_content #chapeau, .nameo_biz #page_content .temoiganges { background:url(../img/fleche_chapeau_nameo_biz.png) left bottom no-repeat}
.nameo_apps #page_content #chapeau, .nameo_apps #page_content .temoiganges { background:url(../img/fleche_chapeau_nameo_apps.png) left bottom no-repeat}
#page_content #chapeau {background:url(../img/fleche_chapeau_nameo.png) left bottom no-repeat}

/*.list .nameo.nameo-2-0 .post h2,.nameo.nameo-2-0 .post-meta h1, .nameo.nameo-2-0 .single h1 { background:url(../img/fleche_chapeau_nameo_2_0.png) left bottom no-repeat}
.list .nameo.my-nameo .post h2, .nameo.my-nameo .post-meta h1, .nameo.my-nameo .single h1 { background:url(../img/fleche_chapeau_my_nameo.png) left bottom no-repeat}
.list .nameo.nameo-biz .post h2, .nameo.nameo-biz .post-meta h1, .nameo.nameo-biz .single h1 { background:url(../img/fleche_chapeau_nameo_biz.png) left bottom no-repeat}
.list .nameo.nameo-apps .post h2, .nameo.nameo-apps .post-meta h1, .nameo.nameo-apps .single h1 { background:url(../img/fleche_chapeau_nameo_apps.png) left bottom no-repeat}
.list .nameo .post h2, .nameo .post-meta h1, .nameo .single h1 { background:url(../img/fleche_chapeau_nameo.png) left bottom no-repeat}*/


#page_content #chapeau p {  font-size:14px; font-weight:bold; line-height:18px; margin-top:10px; padding-right:40px; letter-spacing:-0.1px; color:#333 }
#page_content #points { width:647px;border-left:1px solid #ebebeb;float:left; margin-bottom:15px; margin-top:15px}
#page_content #points ul {margin-top:-10px}

#page_content.portfolio .pageContentBox ul {border-left:1px solid #EBEBEB;float:left;width:647px;}
#page_content.portfolio .pageContentBox p { clear:both}
#page_content #details p.openUrl { padding-top:30px; clear:both}
#page_content.portfolio .pageContentBox .client {float:left;margin-right:8px;padding-bottom:30px;width:324px; margin-top:15px;}
#page_content.portfolio .pageContentBox .client img {margin-bottom:10px}
#page_content.portfolio .pageContentBox .client_logo { margin:20px 0}

#page_content.portfolio ul.services li { margin:0}
#page_content.portfolio ul.services li, 
#page_content #points ul li {background-position:left; float:left; line-height:14px;background-repeat:no-repeat;padding-left:45px; padding-top:11px;width:264px; font-weight:bold; height:auto; margin-left:10px; color:#333; font-size:12px; height:40px}
#page_content.portfolio .pageContentBox ul.services li a{ color:#333}

#page_content #details { line-height:1.8em; margin:15px 15px 15px 0; padding-right:10px; font-size:12px; float:left; width:638px;border-right:1px solid #eee }
#page_content #details ul {margin-left:12px;}
#page_content.portfolio #details ul li, #page_content.services #details ul li {list-style:url(../img/puce_2.png);margin:4px 0; padding:0; width:100%; height:auto; margin:0;}
#page_content #details p {font-size:12px; line-height:1.8em; margin:7px 0}
#page_content #details img { float:left;margin-right:25px; margin-bottom:10px}
/* PAGE DETAIL SERVICE */

#creacrumb { float:right; text-align:right; margin-bottom:5px; margin-right:20px; width:100%; background:url(../img/btn/btn3.jpg) bottom repeat-x #f7f7f7; width:auto; padding:5px 10px;border-radius: 5px !important; -moz-border-radius: 5px !important; -khtml-border-radius:5px !important; -webkit-border-radius:5px !important; border:1px solid #f7f7f7;-moz-box-shadow:0 1px 2px rgba(20, 20, 20, 0.2);}

.sommaire  { margin-bottom:5px; width:290px; }
.help_mail img {margin:20px 0 10px 0;}
.help_mail h3 {text-decoration:underline}
.sommaire ul li { text-align:left; margin-bottom:4px; font-weight:bold}
.sommaire ul li a:hover { text-decoration:underline; color:#333}
.sommaire ul li ul {margin:5px 0 15px}
.sommaire ul li ul li { padding-left:0px; color:#666; line-height:14px; margin:0; font-weight:normal}
.sommaire ul li ul li a { color:#999}
.ui-tabs .ui-tabs-nav li.illus { list-style:none; text-align:center; padding-top:20px }

#creacrumb a {font-size:10px; color:#999}
#creacrumb a.a { font-weight:bold; color:#333}
#creacrumb a:hover {color:#000; text-decoration:underline}

.client_logo { height:35px; background-repeat:no-repeat }
.client_logo strong { display:none}

.sW { background:#8BAF0E; color:#fff; padding:0 5px;border-radius: 3px !important; -moz-border-radius: 3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important }

/* Pagination */
 #Pagination { float:left; margin-bottom:10px;width:100%;}
 ul.pagi { float:left; color:#333; font-size:11px; margin:0; padding:10px}
 ul.pagi li { list-style:none;background:url(../img/btn/btn2.jpg) bottom #ffffff;border:1px solid #eee;;padding-left:0;display:block;float:left;text-align:center;list-style-type:none;color:#bbb;margin: 0 4px 4px 0; font-size:11px}
 ul.pagi li span {}
 ul.pagi li a, ul.pagi .previous-page, ul.pagi .first-page { width:9px; display:block;text-decoration:none;padding:3px 5px;color:#555;font-weight:normal;border:1px solid #fff;background:url(./img/bg_grey2.jpg);-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.1) }
 ul.pagi .previous-page, ul.pagi .first-page,	 ul.pagi li .next-page,	 ul.pagi li .last-page {background:url(../img/bg_grey2.jpg);border:1px solid #fff; color:#555;-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.2); display:block }
 ul.pagi li .next-page, ul.pagi li .last-page {padding:3px 5px;; display:block;font-weight:normal;border:1px solid #ff}
 ul.pagi li a.a,
 ul.pagi li a:hover {border-radius:4px;font-size:11px; font-weight:normal; border:1px solid  #666; background:url(../img/btn/btn5.jpg); color:#fff;-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.2)}
/* Pagination (fin) */

/* Pagination */
.resultNav ul { float:right; color:#333; font-size:11px; margin:0; padding:0}
.resultNav ul li { width:auto; height:auto;list-style:none;background:url(../img/btn/btn2.jpg) bottom #ffffff;border:1px solid #eee;;padding-left:0;display:block;float:left;text-align:center;list-style-type:none;color:#bbb;margin-right: 4px; font-size:11px;}
.resultNav ul li span {}
.resultNav ul li.actif, .resultNav ul li a, .resultNav ul .previous-page,.resultNav ul .first-page {display:block;text-decoration:none;padding:3px 5px;color:#555;font-weight:normal;border:1px solid #fff;background:url(./img/bg_grey2.jpg);-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.1) }
.resultNav ul .previous-page, .resultNav ul .first-page,	.resultNav ul li .next-page,	 .resultNav ul li .last-page {background:url(../img/bg_grey2.jpg);border:1px solid #fff; color:#555;-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.2); display:block }
.resultNav ul .next-page, .resultNav ul li .last-page {padding:3px 5px;; display:block;font-weight:normal;border:1px solid #ff}
.resultNav ul a.a,
.resultNav ul a:hover, .resultNav ul li.actif{border-radius:4px;font-size:11px; font-weight:normal; border:1px solid  #666; background:url(../img/btn/btn5.jpg); color:#fff;-moz-box-shadow:0 1px 3px rgba(20, 20, 20, 0.2)}
 .resultNav ul li.actif {padding-bottom:5px; font-weight:bold}
/* Pagination (fin) */

#page_content.contact label { width:100px}
#pageContentTextList{float:left;margin-right:10px;background:url(../img/panneau_contact.png) no-repeat 92% 88px;}
#pageContentTextList .cols{line-height:16px;padding:10px 10px 10px 0;}
#pageContentTextList #map{border:3px solid #eee;margin-top:15px;float:left;height:440px;}
#contact_form{float:left;width:369px; margin-left:15px;}
#rappel #contact_form.form_right {float:left;width:300px; border-top:0;}
#rappel #contact_form.form_right .right { float:none; width:300px }
#rappel #contact_form.form_right .right textarea { width:176px }
#contact_form form label{float:left;margin:3px 0;width:80px;}
#contact_form form input[type=text] { width:249px}
#contact_form form textarea { margin:5px 0 0 5px; width:250px}
#contact_form form select { margin-left:3px; width:264px}
#page_content.contact form .cols.trois label.lradio, #rappel #contact_form label.lradio, #page_content.contact label.lradio, #page_content.whois #rappel #contact_form label.lradio { clear:none; margin-left:10px; float:left; width:20px; margin-top:2px}
#page_content.contact form .cols.trois label.lradio2, #rappel #contact_form label.lradio2, #page_content.contact label.lradio2 {    clear: none !important;
    margin-left: 5px;
    margin-top: 2px;
    width: 20px;
		}
form input,form select,form textarea {float:left;margin:2px 0 2px 1%;font-size:11px;width:250px;padding:4px 6px; border:1px solid #a4a4a4; font-family:Arial, Helvetica, sans-serif;}
form input[type=submit] { border:none}
#contact_form form input[type=radio]{width:auto;text-align:left; margin-top:7px; margin-left:0}
#contact_form form input[type=submit],#submit{float:right;}

.intro{float:left;margin-top:10px;line-height:16px;}
.intro a{color:#96BD0D;}
.obligatoire{color:#e3524d;}
ul.error,ul.succes{float:left;margin-top:15px;}
ul.error li{color:#e3524d;float:left;clear:left; list-style-type:disc;margin-left:30px;}
ul.succes li{color:green;float:left;clear:left; list-style-type:disc;margin-left:30px;}

/* FORMULAIRE */
form {margin-bottom:15px; float:left; width:100%; color:#666666; font-size:11px}

form input[type="text"].formError{background:url("../img/bg_red.jpg") right bottom #F6324A;color:#fff;}
form input[type="radio"] {float:left; margin-bottom:0px;}
form label { float:left;clear:both; width:200px; background-position:0px 8px; padding-top:5px;color:#666;}
form input[type=submit] {float:right}
form input[type="radio"] { margin-top:5px}

#page_content .sprites {background-image     : url(http://www.nameo.fr/img/sprite_rs.png);background-color : transparent;background-repeat: no-repeat;height : 36px;width : 36px; float:left}
#page_content .sprites a { display: block; height:36px; width:36px;}
#page_content #netvibes  {background-position  : -0px -0px;}
#page_content #twitter  {background-position  : -36px -0px;}
#page_content #behance {background-position  : -72px -0px;}
#page_content #facebook {background-position  : -108px -0px;}
#page_content #flickr {background-position  : -144px -0px;}
#page_content #viadeo {background-position  : -180px -0px;}
#page_content #vimeo {background-position  : -216px -0px;}
#page_content #linkedin {background-position  : -252px -0px;}
#page_content #gplus {background-position  : -288px -0px;}
 
 
#footer .sprites {background-image: url(http://www.nameo.fr/img/sprite_rs_footer.png);background-color : transparent;background-repeat : no-repeat;height : 22px;width : 22px; float:left; margin-right:2px; margin-bottom:2px;}
#footer .sprites a { display: block; height:22px; width:22px;}
#footer #netvibes.sprites  {background-position  : -0px -0px;}
#footer #twitter.sprites  {background-position  : -25px -0px;}
#footer #behance.sprites {background-position  : -48px -0px;}
#footer #facebook.sprites {background-position  : -75px -0px;}
#footer #flickr.sprites {background-position  : -96px -0px;}
#footer #viadeo.sprites {background-position  : -120px 1px;}
#footer #vimeo.sprites {background-position  : -145px -0px;}
#footer #linkedin.sprites {background-position  : -169px -0px;}
#footer #gplus.sprites {background-position  : -194px -0px;}

.lexique {}
.lexique dl {margin:0 0 20px 20px; float:left; padding-left:20px; width:629px; border-left: 1px solid #EBEBEB;}
.lexique dl dd {line-height:1.8em}
.lexique dl dt a {font-size:14px; text-transform:uppercase; color:#8BAF0E; margin:16px 0 3px 0; display:block; font-weight:bold}

#map {width: 580px;height: 400px;clear:both;color:#000000}
#map input[type=submit] {background-image:none;padding:3px;border:none;background-color:#8cb30d;border:1px outset #CCCCCC;color:#FFFFFF;font-weight:bold;cursor:pointer}

#rappel #contact_form { width:635px; border-top:1px solid #eee; padding-top:10px;}
#rappel #contact_form label { margin-top:3px; padding-top:7px;padding-right:5px; width:100px}
#rappel #contact_form input[type=text] { width:176px}
#rappel #contact_form input[type=submit] { border:0}
#rappel #contact_form select {width:190px}
#rappel #contact_form textarea { height:82px}
#rappel #contact_form form {width:auto}
#rappel #contact_form #lcallback_demande { margin-left:6px}
#rappel #contact_form.form_right #lcallback_demande { margin-left:0}
#rappel { float:left}
#rappel .left {width:300px; float:left}
#rappel .right { width:267px; float:left}
.swDomain { margin-top:-5px; margin-left:20px !important; width:280px !important;}
#page_content label:hover { color:#000}
#tabs { clear:both }
.ui-tabs {
    position: relative;
}
.ui-tabs .ui-tabs-nav {
    margin: 0 0 0 0;
		width: 270px;
		float:left;
		padding:10px 20px
}
.ui-tabs .ui-tabs-nav a .unavalaible { color:#d32337 }
.ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none !important;
    list-style: none outside none;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
		list-style: disc outside url("../img/puce_2.png");
		padding:5px 0
}
.ui-tabs .ui-tabs-nav li.tabtitle {
	list-style:none;
	padding:15px 0 4px 0;
	margin-left:-10px
}
.ui-tabs .ui-tabs-nav li a {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	font-weight:bold
}
.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;
		float:left;
		width:525px;
		margin:0 20px;
		padding:0 20px;
		border-left: 1px solid #EBEBEB;
		line-height:1.8em
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

#header .bottom ul li.assistance img {float:left; padding:8px 0px 6px 20px; margin-bottom:-4px}
#header .bottom ul li.assistance a {padding-left:4px}
#header .bottom ul li.assistance {float:right}

#page_content.whois {}
#page_content.whois #tld_1 { float:left;}

#page_content.whois  #tld_1 label { font-weight:bold; color:#333; font-size:12px; width:50px}
#page_content.whois label { width:70px; float:left; clear:none; margin:3px 0 0 4px; padding:0; height:16px;}
#page_content.whois #rappel #contact_form label { margin-left:0 }
#page_content.whois #tld_1 { float:left; clear:both;}
#page_content.whois input[type="checkbox"] { width:15px; float:left; height:auto; margin:3px 0 0 0; padding:0; height:16px; font-weight:bold; }
#page_content.whois  #tld_1 input[type="checkbox"] { clear:both}
#page_content.whois #tld_2 { float:left; width:498px;}
#page_content.whois  #tld_2 label { width:42px}
#page_content.whois  #tld_select { float:right; padding-top:6px}
#page_content.whois  #tld_select a { padding:0 10px 0 0}

#page_content.whois .cols.un { width:567px;}
#page_content.whois .cols.deuxb { width:379px; background:url(../img/btn/btn3.jpg) bottom repeat-x #f7f7f7; padding:5px 10px;border-radius: 5px !important; -moz-border-radius: 5px !important; -khtml-border-radius:5px !important; -webkit-border-radius:5px !important;border:2px dashed #eee; margin-bottom:15px; line-height:13px; font-size:11px; }
span.swHilight { color:#333; font-size:11px; font-weight:bold; text-transform:uppercase}


#rea { width:996px; padding-top:10px; clear:both }
#rea.rea_right { float:left; clear:none; width:330px;border-top: 1px solid #EEEEEE;}
#rea.rea_right.rea_right2 { width:1000px}

.slide_ct { position:relative; width:980px; height:418px }
.slide_ct .text { position:absolute; width:422px; left:500px; top:45px; font-size: 12px; line-height: 1.8em;}
.slide_ct .slide_logo { margin-bottom:10px } 

#searchform label { float:left; margin-right:0px; padding-top:12px; width:auto; clear:none}
#searchform {float:left; text-align:right; margin-bottom:5px; width:100%; background:url(../img/btn/btn3.jpg) bottom repeat-x #f7f7f7; width:auto; padding:5px 10px;border-radius: 5px !important; -moz-border-radius: 5px !important; -khtml-border-radius:5px !important; -webkit-border-radius:5px !important; border:1px solid #f7f7f7;-moz-box-shadow:0 1px 2px rgba(20, 20, 20, 0.2); clear:both; margin-bottom:10px; width:956px}
#page_content.portfolio ul {clear:both; float:left}
#searchform select { float:left; margin-right:10px; margin-left:5px; font-size:12px; padding:3px; color:#666}
#searchform select#serveur {}
#searchform select#service { width:200px}
#searchform .btn1 { border:none; margin:0}

#page_content.contact {}
#page_content.contact label { width:100px}
#page_content.contact .cols.deux label {width:139px}
#page_content.contact .cols.trois label {width:100px}
#page_content.contact .cols.trois select {width:208px; margin-left:5px}
#page_content.contact .cols.trois input[type=text] {width:194px;}
#page_content.contact.devis label { width:280px}
form input[type="checkbox"] { height:12px; width:12px; float:left}
#page_content.contact textarea { margin:0; margin:10px 0 0 0; width:255px; height:115px}
#page_content.contact form input[type="radio"] { width:15px ; height:15px}

#page_content.contact .cols.deux input { width:146px }
#page_content.contact .cols.deux input[type="checkbox"] { width:auto; float:right}

.widget li, .widget-small li {font-size: 12px; color: #262626; margin-bottom: 8px; background:url(../img/puce_1_left.png) left no-repeat; padding-left:8px}

.temoiganges { margin-bottom:30px; padding-bottom:23px; background: }
/*
.encart p { color:#eca8b1;}
.encart strong {color:#fff}
.encart h3 { font-size:14px; text-transform:uppercase; margin-top:5px; text-decoration:none; color:#fff}
*/
#prevnext { padding:0 0 3px 20px }

.newsletter_sub { font-size:10px; color:#fff; padding-top:3px }


.error, .error_callback, .encart, .success { line-height:1.8em; min-height:120px; background:url(../img/attention.png) no-repeat left center #f1f1f1; width:770px; -moz-border-radius: 5px 5px 5px 5px !important; -moz-box-shadow: 0 1px 2px rgba(20, 20, 20, 0.2); border: 1px solid #F7F7F7; margin-bottom: 5px; margin-right: 20px; padding: 20px 20px 20px 180px;}
.error_callback, #contact_form .error, #contact_form  .success { background:url(../img/attention.png) no-repeat -60px center #f1f1f1; width:200px; padding-left:80px; margin-bottom:30px }


ul.btn li a { margin:0 5px }
.rssdate:before {content:"["; margin-left:10px}
.rssdate:after {content:"]"}

a.lx { font-weight:normal; border-bottom:1px dotted; color:inherit; }
.wpnl { margin-right:146px }

/* No slides for Handheld */
@media handheld {
	#slides .sliders, #slides #slides_nav {
		display:none;
	}
	#slides {
		background:url(../img/slides_no_flash.png) no-repeat 0 0;
	}
}

#bouton_plus_un { vertical-align:middle; margin-left:10px; display:inline; }
.vcard div { display:inline; }

#partenaires { float:right; margin-top:10px; }
#partenaires h2 { margin-top:0; float:left; }