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

*{margin:0; padding:0;}
body {background:transparent url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675C53;}
#Body {background:transparent url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675C53;}
img{border:none;}
a, a img { border:none; outline:none; text-decoration:none; }

a{color:#000}
a:hover{text-decoration:underline;}

.Callback {padding-bottom:5px;padding-left:32px;padding-top:11px;}

#container { width:865px; margin:0 auto; position:relative;}

#wrapper { margin-top:10px; float:left; }


.edition { font-style:italic; font-size:16px; }
.editionpetit { font-style:italic; font-size:10px; }
a .lienpucevert { background:url(images/puces/puce_vert_clair.gif) no-repeat scroll left center; display:block; padding:10px 25px 10px 17px;color:#7E8B7A;}
a:hover .lienpucevert { color:#7E8B7A;text-decoration:underline }

#menu_portail {width:865px; margin:0 auto; height:34px;}
#menu_portail ul { background:#78787a url(images/body.gif) repeat-x top left; overflow:hidden; list-style:none; margin:0 auto; padding:10px 0 0 0; font-size:11px;}
#menu_portail ul li.test1 { position:absolute; top:40px; left:670px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test1 a { padding:0 0 0 15px; }
#menu_portail ul li.test2 { position:absolute; top:57px; left:685px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test2 a { padding:0 0 0 15px; }
#menu_portail ul li { float:left; border-left:1px solid #FFFFFF;}
#menu_portail ul li.noborder { border:none; margin:0 0 0 7px; }
#menu_portail ul li.select { border:none; margin:0 0 -1px 7px; }
#menu_portail ul li.noborder form { float:left; margin:0; padding:0; }
#menu_portail ul li.select a { float:left; width:50px; }
#menu_portail ul li a {color:#FFFFFF; padding:0 7px 0 7px; text-decoration:none}
#menu_portail ul li a:hover { color:#000000; text-decoration:none }
#menu_portail ul li.noborder select {margin:-5px 0 0 0; padding:4px 2px 4px 0; font-size:10px; background: url(images/select-top.gif) no-repeat top left; border:none; width:152px;}
*html #menu_portail ul li.noborder select{margin:0;}

/* Header */
#header {width:865px; margin:0 auto; background:url(images/container.gif) 100% 0 no-repeat;}
#header .logo {float:left; width:566px; height:49px; background: url(images/sage-logo-pme.gif) no-repeat top left; margin:35px 0 0 0;}
#header .logo a { width:566px; height:49px; text-indent:-1000px; font-size:10px; color:#000000; background:url(images/sage-logo-pme.gif) no-repeat top left; display:block}
#header a img { float:left; width:566px; margin:35px 0 0 0; }

#fsearch {float:right; width:189px; margin:70px 0 10px 0;}
#fsearch form {padding:0 0 0 20px; background:url(images/search-loop.gif) 0 50% no-repeat;}
#fsearch form input, #fsearch input { border:1px solid #F3F3F3; width:110px; height:19px; margin:5px 0px 0px 3px; padding:1px 0 0 0; }
#fsearch form input.bt, #fsearch input.bt  { border:none; width:27px; height:21px; margin:2px 0 -5px 0; padding:0;}
#fsearch img { margin-top:5px; float:left }

.banner{background:url(images/bgd_title.gif) top left no-repeat; height:70px; width:849px; padding:7px 8px 4px 8px; clear:both;}
.banner h2{font-size:20px; font-weight:normal; padding:54px 0 0 0;}

/*- Menu et Drop down -*/
#menuh {height:30px; clear:both; font-family:Arial, Helvetica, sans-serif;font-size:12px; padding-right:10px; background:#FFFFFF url(images/menu.gif) no-repeat top left; width:860px; }
#menuhalign{float:right; clear:both}
#menuh ul li ul, #menuh ul:first-child{background:none;z-index:1000;}
#menuh ul, #menuh li{margin:0;padding:0;z-index:1000;}
#menuh li a{color:#237D60;text-decoration:none;display:block;width:143px;text-align:center;line-height:30px; padding:0px}
#menuh li a:hover{text-decoration:none;border:none;color:#004286;background:url(images/menu-button-corp.gif) no-repeat top left;}
#menuh ul{float:left;display:inline;}
#menuh li{display:block;float:left;list-style:none;position:relative;height:30px;}
#menuh li:hover{cursor:pointer;}
#menuh ul li ul{background-color:#FFFFFF; z-index:1000; border:1px solid #CECECE; position:absolute;top:29px;left:0;display:none; width:195px;padding:5px 0;}
#menuh ul li ul li {font-size:11px;font-weight:normal;float:none;padding:3px 13px;height:1%; color:#333;}
#menuh ul li ul li a{color:#333;}
#menuh ul li ul a{font-weight:normal;padding:0; background:none;line-height:normal; text-align:left; width:auto; color:#000000}
#menuh ul li ul a:hover{background:none; width:auto; color:#000000}
#menuh ul li:hover{background:url(images/menu-button-corp.gif) no-repeat top left;}
#menuh ul a.amenu{background:url(images/menu-button-corp.gif) no-repeat top left;text-decoration:none;border:none;color:#004286}
#menuh ul li ul a.amenu{background:none;}
#menuh ul li:hover ul li:hover{background:url(images/li-li-hov.gif) repeat-x top left;}
#menuh ul li:hover ul{display:block;}
#menuh ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#menuh ul li:hover ul li:hover ul{display:block;background:#fff;}
#menuh ul li:hover ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;zindex:
1000;background:#fff;}
#menuh ul li:hover ul li:hover ul li:hover ul{display:block;background:#fff url() repeat-x
top left;} 
#menuh ul li.blue a { color:#00A1DE; }
#menuh ul li.blue a:hover { color:#00A1DE; }
#menuh ul li.yellow a { color:#004286; }
#menuh ul li.yellow a:hover { color:#004286; }


/*Contenu principal */
#maincontent_hp { clear:both; width:865px; margin:0 auto; /*background:url(images/footer-image.gif) no-repeat bottom right;*/ overflow:hidden }
/*#path { width:810px; float:left; margin:1px 0 0 0; padding:3px 0 0 5px; font-size:11px; color:#000000 }
#path a { color:#000000; text-decoration:none }
#path a:hover { color:#000000; text-decoration:underline }
div.print { width:50px; float:right; background:url(images/print-background.gif) no-repeat top left; margin:1px 0 1px 0; padding:0; }
div.print img { margin:4px 0 3px 4px; }*/
/*- Chemin & Print -*/

#path .fl_vt, .fl_path_bl { background:url(images/fl_path_noir.png) no-repeat 0 3px; padding-left:18px; margin-left:2px; }

#locator { clear:both;}
.locator { width:800px; float:left; margin:1px 0 0 0; padding:3px 0 0 5px; font-size:11px; color:#000000 }
.locator a { color:#000000; text-decoration:none }
.locator a:hover { color:#000000; text-decoration:underline }

#locator a.send { float:left; width:22px; height:22px; background:url(images/send.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }
#locator a.print { float:left; width:23px; height:22px; background:url(images/print.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }


#footer {font-size:11px; border-top:#cccccc 1px solid; background:url(images/sage-footer.gif) no-repeat center right; padding:0 0 15px 0; /*background:url(images/footer-image.gif) transparent no-repeat top right;*/ overflow:hidden; color:#158569; width:860px; margin:50px auto 0 auto; float:left; }
#dnn_baseline { font-size:11px; padding-bottom:20px; float:left; width:100%;}
#dnn_baseline ul { width:750px; padding:2px 60px 2px 0; list-style:none;  overflow:hidden; text-align:left; display:block;}
#dnn_baseline ul li {display:inline;}
#footer ul { width:750px; padding:2px 60px 2px 0; list-style:none;  overflow:hidden; text-align:right; display:block;}
#footer ul li {display:inline;}
#footer a, #dnn_baseline a {color:#158569; text-decoration:none; margin:0 3px;}
#footer_home a:hover, #dnn_baseline a :hover { color:#158569; text-decoration:underline; }
.date {text-align:right; color:#808080; margin-top:10px;}

#social img {border:none;border:0;}
#social ul { width:650px; margin-left:auto;margin-right:auto;padding-left:20px;text-align:center;}

#footer_home {font-size:11px; background:url(images/footer-image.gif) transparent no-repeat top right; position:absolute; z-index:2; overflow:hidden; padding:110px 0 20px 0; color:#158569; width:930px; margin:-50px auto 0 auto; }
#footer_home ul { width:750px; margin:0 0 0 50px;  padding:2px 60px 2px 0; list-style:none; background:url(images/sage-footer.gif) no-repeat right; overflow:hidden; text-align:right; display:block;}
#footer_home ul li {display:inline;}
#footer_home a {color:#158569; text-decoration:none; margin:0 3px;}
#footer_home a:hover { color:#158569; text-decoration:underline; }
.date_home{text-align:right; color:#808080; padding:0 75px 5px 0;}

/*************************************/
.outils180 {height:39px; float:left; background:#FFFFFF url(images/les-domains.gif) no-repeat; width:865px; margin-top:10px;}

#lesdomains{float:left;width:763px; margin:0;}
#lesdomains ul li ul, #lesdomains ul:first-child{background:none;}
#lesdomains ul, #lesdomains li{margin:0;padding:0;}
#lesdomains li a{color:#FFFFFF;text-decoration:none;display:block;width:166px;text-align:left; line-height:33px; font-weight:bold; font-size:13px;padding-left:45px;}
#lesdomains li a:hover{text-decoration:none;border:none;color:#FFFFFF;}
#lesdomains ul{float:left;display:inline;margin:6px 0 0 15px;}
#lesdomains ul.domains { background:url(images/bg_domains.gif) no-repeat left; width:166px;height:35px;margin:2px 0 0 0; }
#lesdomains ul.secteur { background:url(images/bg_marche.gif) no-repeat left; width:166px;height:35px;margin:2px 0 0 0; }
#lesdomains ul.secteur li a { }
#lesdomains ul.produit { background:url(images/bg_gamme.gif) no-repeat left; width:166px;height:35px;margin:2px 0 0 0; }
#lesdomains li{display:block;float:left;list-style:none;position:relative; }
#lesdomains li:hover{cursor:pointer;}
#lesdomains ul li ul{background:#fff; border:1px solid #CECECE; position:absolute;top:30px; left:0; display:none; width:230px;padding:5px 0; margin:0 0 0 5px; z-index:1000;}
#lesdomains ul li ul li{font-size:11px;font-weight:normal;float:none; height:1%;}
#lesdomains ul li ul a{font-weight:normal;padding:0 15px; background:none; text-align:left; width:auto; color:#000000; line-height:20px;}
#lesdomains ul li ul a:hover{background:none; width:auto; color:#fff}
#lesdomains ul li:hover{background:none; color:#FFFFFF}
#lesdomains ul a.amenu{background:none;color:#FFFFFF}
#lesdomains ul li ul a.amenu{background:none;}
#lesdomains ul li:hover ul li:hover{background:#959597; color:#FFFFFF}
#lesdomains ul li:hover ul{display:block;}
#lesdomains ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#lesdomains ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;}
#lesdomains ul li:hover ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#lesdomains ul li:hover ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;} 
p.titre { width:80px; float:left; margin:3px 0 0 10px; padding:0; font-weight:bold}

/* #lesdomains input { background:transparent url(images/disc-icon.gif) no-repeat top left; border:0; margin:8px 0 0 0; padding:0 0 2px 25px;width:120px;color:#FFFFFF; font-size:12px; font-weight:bold}*/
#lesdomains p { width:254px; height:35px; float:right; background:url(images/assistant-button.gif) no-repeat top left; margin:2px 0 0 0; padding:0;}
#lesdomains p a { color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; margin:0; padding:10px 0 8px 15px; display:block;}

.callback { margin-top:10px; }
.projet { margin-top:7px; text-align:center; clear:both; width:100%; }
#bottomcontent {float:left; width:100%; margin-top:10px;}


.lien_une {line-height:28px;}

.decouvrez_home { margin-bottom:7px;}
#besoin_info_content { background:url(images/bg_bloc_call.gif) no-repeat top left; float:left; width:270px; height:178px; text-align:center;}
.faites_vous_rappeler {margin:12px 0 15px 0; }

.img_margin { margin-right:10px;}
.descriptif_une { margin-top:15px; line-height:18px; height:100%; float:left;}

html { background-color:#fff; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom left; }

h2 a { display:block; background:url(images/puce_green.jpg) no-repeat top left; padding-left:18px; padding-bottom:2px; color:#000 }

h3 {color:#63902B;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:bold;line-height:normal;margin:0;padding:0 0 5px;}
.temoignage {background:transparent url(images/icon_temoignage.png) no-repeat scroll left top;padding-left:25px;}

.udt_reperes .temoignage {background:transparent url(images/icon_temoignage.png) no-repeat scroll left top;}
/*.udt_reperes h3 {padding-top:6px;}*/
.udt_reperes .dossier {background:transparent url(images/icon_ka_dossier.gif) no-repeat scroll left top;}
.dossier {background:transparent url(images/icon_ka_dossier.gif) no-repeat scroll left top;padding-left:25px;}
.udt_reperes .doc {background:transparent url(images/icon_guide.png) no-repeat scroll left top;}
.doc {background:transparent url(images/icon_doc.png) no-repeat scroll left top;padding-left:28px;}




.faq{padding-left:28px;background:url(images/icon_faq.png) no-repeat top left;}

.imgleft img{float:left;margin-right:10px;}
.imgright img{float:right;margin-left:10px;}

.clear{clear:both;font-size:0;line-height:0;height:0;}
.left{float:left;}
.right{float:right;}
.show{display:block;}
.hidden{display:none;}
.accessibility{position:absolute; top:-10000px;}

a img{border:none;}

small{color:#158569}



/*textes intro*/
.intro, .txt_intro{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;font-weight:bold;padding:10px 0 20px 0;}
.intro a, .txt_intro a{color:#158569;text-decoration:none}
.intro a:hover, .txt_intro a:hover{text-decoration:underline}


table.EFFormBody td {
vertical-align:top;
}

table.EFFormBody h5 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:strong; text-align:left; margin:none; padding-left:5px; color:#3a3a3a; padding-top:10px;
background-color:#dbdbdb;
}

table.EFFormBody h6 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:strong; text-align:left; margin-left:2px; color:#3a3a3a; margin-bottom:none; padding-bottom:none;
}

table.EFFormBody input, table.EFFormBody select, table.EFFormBody textarea 

{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; border:1px solid #aaaaaa; background-color:#ffffff; padding:1px 2px 1px 2px;
}


table.EFFormBody {
background-color:#ffffff; border:1px solid #c6c6c6; border-color: #c6c6c6; 
}
table.EFFormBody .information {
display: bloc;margin:2px; padding:1px 5px 1px 5px; font-size:11px; font-weight:normal; background-color:#dddddd; font-style:italic; margin-top:10px;
}

TD.sgformlabel
{
text-align:right;
}

.sgformlabel span, .sgformlabel, .sgformlabelleft span, .sgformlabelleft, .sgformlabelIndent span, .sgformlabelIndent
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; ont-weight:bold; margin-left:2px; color:#3a3a3a; margin-bottom:none; padding-bottom:none;
}

.sgformlabelIndent span, .sgformlabelIndent
{
text-indent:20px; text-align:right; margin-right:4px; border-left:4px;
}

.sgformtext select, .sgformtext input, .sgformtext textarea
{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px; border:1px solid #aaaaaa; background-color:#ffffff; padding:1px 2px 1px 2px; white-space:nowrap;
}

TD.sgformlabelleft
{
text-align:left;
	
}

.sgformradio intput
{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px; background-color:red; padding:1px 2px 1px 2px; white-space:nowrap;

}

TD.sgformradiogroup 
{
border: none 0;
}

TD.sgformlabel
{
text-align:right;
}

.sgformlabel span, .sgformlabel, .sgformlabelleft span, .sgformlabelleft, .sgformlabelIndent span, .sgformlabelIndent
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:2px; color:#3a3a3a; margin-bottom:none; padding-bottom:none;
}

.sgformlabelIndent span, .sgformlabelIndent
{
text-indent:20px; text-align:right; margin-right:4px; border-left:4px;
}

.sgformtext select, .sgformtext input, .sgformtext textarea
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; background-color:#ffffff; padding:1px 2px 1px 2px; white-space:nowrap;
}

TD.sgformlabelleft
{
text-align:left;
	
}

.sgformradio intput
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; border:1px solid #aaaaaa; background-color:red; padding:1px 2px 1px 2px; white-space:nowrap;

}

TD.sgformradiogroup 
{
border: none 0; border-top: 1px dashed #3a3a3a; border-bottom: 1px dashed #3a3a3a;
}

table.EFFormBody input[type=radio] {
	border : 0 none !important ;
}

/* *** blocs Call To Action *** START *** 12/10 *** */

.ctaContent {
    width: 270px; z-index:-1000;
}

.ctaContentTop {
    width: 270px;     height: 8px;     background: transparent url(images/CTA/sage_bloc_cta_bord_top.gif) top center no-repeat;
}

.ctaContentMiddle {
    width: 270px;    padding-left: 20px;    background: transparent url(images/CTA/sage_bloc_cta_bord_center.gif) top center repeat-y;
}

.ctaContentBottom {
    width: 270px;    height: 8px;    background: transparent url(images/CTA/sage_bloc_cta_bord_bottom.gif) top center no-repeat;
}

.ctaContentMiddle h2 {
color:#64902B; font-size:15px; font-weight:bold; margin:0px;    margin-left: 10px; padding-bottom:5px;
}

.ctaTreeContent {
    width: 228px;
}

.ctaTreeContentLeft {
    width: 114px;    float: left;
}

.ctaTreeContentRight {
    width: 114px;    float: left;
}

/* v1 */
.ctaTreeContentLeftTopv1 {
    height: 47px;
	}
.ctaTreeContentLeftBottomv1 {
    height: 103px;
}
.ctaTreeContentRightTopv1 {
    height: 83px;
}
.ctaTreeContentRightBottomv1 {
    height: 67px;
}

/* v2 */
.ctaTreeContentLeftTop {
    height: 83px;
}
.ctaTreeContentLeftBottom {
    height: 67px;
}
.ctaTreeContentRightTop {
    height: 47px;
}
.ctaTreeContentRightBottom {
    height: 103px;
}

/* *** bloc smo *** */
.content_domaine_smo { float:left; width:580px; margin-top :15px; }
.content_domaine_smo .top{float:left; font-size:0;line-height:0;background:url(images/alaune_home_top.gif) no-repeat bottom left;height:5px; width:580px;}
.content_domaine_smo .contenu{float:left; background:url(images/alaune_home_middle.gif) repeat-y top left; width:550px; padding:7px 15px;}
.content_domaine_smo .footer{float:left; font-size:0;line-height:0;background:url(images/alaune_home_footer.gif) no-repeat bottom left; height:5px; width:580px;}
.content_domaine_smo .contenu  h2  { color:#64902B; font-size:15px; font-weight:bold; margin:0; padding-bottom:5px;}

.smoContentLeft {
    width: 18px;    height: 96px;    float: left;    background: transparent url(images/CTA/left.gif) top left no-repeat;
}

.smoContentRight {
    width: 13px;    height: 96px;    float: left;    background: transparent url(images/CTA/right.gif) top left no-repeat;
}

.smoContentInnerBloc img {
    width: 64px;    height: 100px;
}

.smoContentInnerBloc {
    width: 64px;    height: 100px;    float: left;    cursor: pointer;
}

.smoContentInnerBloc:hover {
    background-position: 0px 0px;
}

.smoContentInnerBlocTwit {
    background: transparent url(images/CTA/twit.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocFacebook {
    background: transparent url(images/CTA/face.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocViadeo {
    background: transparent url(images/CTA/viadeo.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocLinkedin {
    background: transparent url(images/CTA/linkedin.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocFlickr {
    background: transparent url(images/CTA/flickr.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocYoutube {
    background: transparent url(images/CTA/youtube.gif) 0px -106px no-repeat;
}

.smoContentInnerBlocDailymotion {
    background: transparent url(images/CTA/daily.gif) 0px -106px no-repeat;
}

.smoContentBlog {
    width: 71px;    height: 94px;    float: right;    cursor: pointer;    background: transparent url(images/CTA/blog.gif) 0px 0px no-repeat;
}

.smoContentBlog img {
    width: 71px;    height: 94px;
}

.cleaner {
    clear: both;    font-size: 1px;    height: 1px;    line-height: 1px;
}
/* ***  blocs Call To Action *** END *** 2010-12-07 *** */