* {
margin:0;
padding:0;
border:0;
}

ul{list-style-type:none;list-style-image:none;}
a{text-decoration:none;border:0;}
a img{border:0;text-decoration:none;}
hr, .hidden{display:none;}
.clear{clear:both;}
.color{color:#acb7c5;}
.small{font-size:0.7em;}
.a_center{text-align:center;}
.f_left{float:left;}
.f_right{float:right;}

html{
background:#201f25;
}
#bg_main{
background:#2d2c32 url(/images/bg-degrade.jpg) 0 0 no-repeat;
background-attachment:fixed;
}

body{
text-align:center;
font:76%/140% "Lucida Sans Unicode","Trebuchet MS",Arial,Verdana,sans-serif;
background:url(/images/matte_bg.jpg) 0 0 repeat-x;
color:#97a09b;
cursor:default;
}
.matte_1{background:url(/images/matte_1.jpg) 50% 0 no-repeat;}
.matte_2{background:url(/images/matte_2.jpg) 50% 0 no-repeat;}
.matte_3{background:url(/images/matte_3.jpg) 50% 0 no-repeat;}
.matte_4{background:url(/images/matte_4.jpg) 50% 0 no-repeat;}
.matte_5{background:url(/images/matte_5.jpg) 50% 0 no-repeat;}
.matte_6{background:url(/images/matte_6.jpg) 50% 0 no-repeat;}


.contener{
position:relative;
width:888px;
margin:0 auto;
text-align:left;
}
.liner{
border-top:1px solid #35353a;
}


#header{
height:179px;
}
#header #maintitle{
position:absolute;
top:-500px;
left:-500px;
font-size:1px;
}
#header #ie_sux{
text-align:right;
color:#97a09b;
padding:10px 0 0;
}


#search{
position:absolute;
right:0;
top:10px;
}
#search label{
display:none;
}
#search #search_text{
width:100px;
height:15px;
background:url(/images/form-search-text.png) 0 0 no-repeat;
font-size:0.8em;
line-height:15px;
padding:3px 5px 0;
cursor:text;
color:#000;
}
#search #search_ok{
width:30px;
height:18px;
background:url(/images/form-search-ok.png) 0 0 no-repeat;
}


#menu{
height:81px;
background:url(/images/vent-solaire.png) 0 0 no-repeat;
overflow:hidden;
}
#menu ul{
margin:36px 0 0 226px;
height:45px;
}
#menu ul li{
float:left;
list-style-type:none;
list-style-image:none;
}
#menu ul li a{
display:block;
float:left;
margin:0 10px 0 0;
padding:0 16px;
line-height:45px;
height:45px;
font-weight:bold;
font-size:0.9em;
color:#acb7c5;
}
#menu ul li a:hover{
/*background:url(/images/menu-hover.png) 0 100% repeat-x;*/
}
#menu ul li.current a,
#menu ul li.current a:hover{
background:#2d2c32 url(/images/menu-active.png) 0 100% repeat-x;
color:#fff;
}


#submenu{
height:36px;
overflow:hidden;
background:url(/images/line-xxl.png) 0 100% no-repeat;
margin:0 0 12px;
text-align:center;
}
#submenu a{
display:inline-block;
padding:0 16px;
height:36px;
line-height:36px;
font-weight:bold;
font-size:0.9em;
color:#acb7c5;
}
#submenu a.current,
#submenu a:hover.current{
background:url(/images/submenu-active.png) 50% 100% no-repeat;
color:#fff;
}


#main{
padding:30px 0 30px;
}


#footer{
}
#footer .col{
height:116px;
float:left;
width:196px;
padding:16px 12px 0;
}
#footer .bg{
background:url(/images/sep-footer.png) 0 0 no-repeat;
}
#footer p{
color:#7a8781;
margin:0 0 4px;
}
#footer a{
color:#acb7c5;
}
#footer a:hover{
color:#d8e4c5;
}
#footer #copyscape,
#footer #paypal{
margin:0 0 -3px;
}
#footer #share{
margin:0;
}
#footer #share a#v_toggle{
letter-spacing:2px;
border:1px solid #585562;
background:#322e38;
padding:0 2px;
}
#footer #share_links{
margin-top:-1px;
border:1px solid #585562;
background:#322e38;
padding:2px 2px 0;
height:40px;
}
#footer #share_links a{
display:block;
width:16px;
height:16px;
float:left;
margin:0 2px 2px 0;
border:1px solid #322e38;
}
#footer #share_links a:hover{
border:1px solid #ff9738;
}
#footer #share_links span{
clear:both;
}
#footer #share_links a#share_rss{
display:block;
float:right;
margin:10px 16px 0 0;
width:14px;
height:14px;
}
#footer #share_links a#share_rss:hover{
border:1px solid #edd080;
background:#edd080;
}

/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


#main .intro{
margin:0 0 0 220px;
}

#main .simple_col,
#main .double_col,
#main .triple_col{
float:left;
width:220px;/*196*/
min-height:200px;
}
#main .double_col{
width:440px;/*416*/
}
#main .triple_col{
width:660px;/*636*/
}
#main .simple_col h1,#main .double_col h1,#main .triple_col h1,
#main .simple_col h2,#main .double_col h2,#main .triple_col h2,
#main .simple_col h3,#main .double_col h3,#main .triple_col h3,
#main .simple_col p,#main .double_col p,#main .triple_col p,
#main .simple_col ul,#main .double_col ul,#main .triple_col ul,
#main .simple_col dl,#main .double_col dl,#main .triple_col dl,
#main .simple_col table,#main .double_col table,#main .triple_col table{
padding:0 12px;
}


#main .bg_col{
padding:12px 0;
}
#main .bg_col1,
#main .bg_col2,
#main .bg_col3{
padding:12px 0;
min-height:240px;
background:url(/images/bg-col1-body.png) 0 0 no-repeat;
}
#main .bg_col2{
background:url(/images/bg-col2-body.png) 0 0 no-repeat;
}
#main .bg_col3{
background:url(/images/bg-col3-body.png) 0 0 no-repeat;
}
#main .bg_sep1,
#main .bg_sep2,
#main .bg_sep3{
padding:3px 0 0;
background:url(/images/bg-col1-head.png) 0 0 no-repeat;
}
#main .bg_sep2{
background:url(/images/bg-col2-head.png) 0 0 no-repeat;
}
#main .bg_sep3{
background:url(/images/bg-col3-head.png) 0 0 no-repeat;
}


/* listes */

#main ul.list_col{
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}
#main ul.list_col li{margin:0 0 20px;padding:0;}
#main ul.list_col li.separateur{
background:url(/images/bg-col1-head.png) 0 0 no-repeat;
padding:20px 0 0;
}
#main ul.list_col li span{
display:block;
}
#main ul.list_col li span.titre{
font-weight:bold;
font-size:1.1em;
margin:0 0 4px;
padding:0;
}
#main ul.list_col li span.texte{
margin:0 0 4px;
padding:0;
}
#main ul.list_col li a.link{
display:block;
text-decoration:none;
border:0;
color:#cbd0cd;
}
#main ul.list_col li a:hover{
color:#fff;
}
#main ul.list_col li.cur,
#main ul.list_col li.cur span.titre,
#main ul.list_col li.cur span.texte,
#main ul.list_col li.cur a,
#main ul.list_col li.cur a:hover{
color:#fff;
}
#main ul.list_col li.cur{
background:url(/images/bg-col1-body.png) 0 0 no-repeat;
}


#main .linklist{
list-style-type:none;
list-style-image:none;
margin:0;
}
#main .linklist li{
}
#main .linklist li a{
display:block;
padding:6px 10px 6px 0;
font-weight:bold;
color:#acb7c5;
text-decoration:none;
border:0;
}
#main .linklist li a span.font_normal{
font-weight:normal;
color:#97a09b;
}
#main .linklist li a:hover{
background:url(/images/bg-col1-body.png) 0 0 no-repeat;
color:#d8e4c5;
text-decoration:none;
border:0;
}
#main .linklist li a.active,
#main .linklist li a:hover.active{
background:url(/images/linklist-active.png) 0 0 no-repeat;
padding:6px 0 6px 10px;
color:#d8e4c5;
}


.thinline{
height:1px;
background:#595562;
}
.liner_footer{
height:6px;
background:url(/images/line-footer.png) 0 0 repeat-x;
}
.line_xxl{
height:3px;
background:url(/images/line-xxl.png) 0 100% no-repeat;
margin:0 0 20px;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


#main h1,
#main h2,
#main h3{
font-weight:normal;
font-size:1.8em;
line-height:120%;
color:#fff;
margin:0 0 10px;
}
#main h1.niveau2,
#main h3.niveau2,
#main h2{
font-size:1.4em;
}
#main h1.niveau3,
#main h2.niveau3,
#main h3{
font-size:1.2em;
}
#main h2.niveau1,
#main h3.niveau1{
font-size:1.8em;
}
#main h3.niveau4,
#main h4{
font-weight:bold;
font-size:1em;
line-height:140%;
color:#cbd0cd;
margin:0 0 4px;
}
#main h3.niveau4 a,
#main h3.niveau4 a:hover{
color:#acb7c5;
}
#main h1 a,
#main h1 a:hover,
#main h2 a,
#main h2 a:hover,
#main h3 a,
#main h3 a:hover,
#main h4 a,
#main h4 a:hover{
text-decoration:none;
border:0;
color:#fff;
}
#main h1 span.typo{
font-family:'Courier New',Garamond,Times,serif;
/*font-style:italic;*/
font-weight:normal;
}
#main a{
text-decoration:none;
border-bottom:1px dotted #d8e4c5;
color:#d8e4c5;
}
#main a:hover{
border-bottom:1px dotted #fff;
color:#fff;
}
#main p{
margin:0 0 20px;
}
#main p.marg{
margin:0 0 6px;
}
#main strong,
#main em{
color:#acb7c5;
}
#main em{
font-family:Arial,Helvetica,Verdana,sans-serif;
}
#main ul{
list-style-type:none;
list-style-image:url(/images/puce-ul.png);
margin:-16px 0 20px 16px;
}
#main ol{
margin:-16px 0 20px 30px;
}
#main ul.nomarg,
#main ol.nomarg{
margin-top:0;
}
#main li{
margin:0 0 2px;
}
#main dl{
}
#main dt{
}
#main dd{
margin:0 0 20px;
}
#main kbd{
font:1em/100% Times,"Times New Roman","Trebuchet MS",serif;
padding:0 2px;
border:1px solid #97a09b;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


#main img.img_ref{
display:block;
width:190px;
height:54px;
padding:3px;
background:url(/images/references/ref-gd.png) 0 0 no-repeat;
}

#main a.button{
display:block;
width:149px;
height:25px;
font-weight:bold;
line-height:25px;
text-align:center;
margin:0;
padding:0;
color:#4c5d54;
background:url(/images/form-submit.png) 0 0 no-repeat;
border:0;
text-decoration:none;
}
#main a.button.marge{margin:4px 0 0;}

/* accueil */
#main .comment{
display:block;
float:left;
margin:0 6px -6px 0;
width:21px;
height:21px;
background:url(/images/icon-comment.png) 0 0 no-repeat;
}
#main div.ref{
margin:0 0 12px 12px;
}
#main div.ref a{
color:#2d2c32;
}
#main div.ref img{
display:block;
}


/* fonctionnalites */
.fonct{
padding:0 0 0 220px;
}
#fonct_email{background:url(/images/fonctionnalites/01.jpg) 24px 0 no-repeat;}
#fonct_agenda{background:url(/images/fonctionnalites/02.jpg) 24px 0 no-repeat;}
#fonct_blog{background:url(/images/fonctionnalites/03.jpg) 24px 0 no-repeat;}
#fonct_ec{background:url(/images/fonctionnalites/04.jpg) 24px 0 no-repeat;}
#fonct_forum{background:url(/images/fonctionnalites/05.jpg) 24px 0 no-repeat;}
#fonct_geoloc{background:url(/images/fonctionnalites/06.jpg) 24px 0 no-repeat;}
#fonct_host{background:url(/images/fonctionnalites/07.jpg) 24px 0 no-repeat;}
#fonct_mailing{background:url(/images/fonctionnalites/08.jpg) 24px 0 no-repeat;}
#fonct_search{background:url(/images/fonctionnalites/09.jpg) 24px 0 no-repeat;}
#fonct_newsletter{background:url(/images/fonctionnalites/10.jpg) 24px 0 no-repeat;}
#fonct_domaine{background:url(/images/fonctionnalites/11.jpg) 24px 0 no-repeat;}
#fonct_dynamiques{background:url(/images/fonctionnalites/12.jpg) 24px 0 no-repeat;}
#fonct_publicitaire{background:url(/images/fonctionnalites/13.jpg) 24px 0 no-repeat;}
#fonct_rss{background:url(/images/fonctionnalites/14.jpg) 24px 0 no-repeat;}
#fonct_poll{background:url(/images/fonctionnalites/15.jpg) 24px 0 no-repeat;}
#fonct_stats{background:url(/images/fonctionnalites/16.jpg) 24px 0 no-repeat;}

/* references */
#main #realisatiou{
padding:0 0 0 12px;
}
#main #realisatiou img{
display:block;
float:left;
margin:0 20px 20px 0;
padding:3px;
background:url(/images/references/ref-gd.png) 0 0 no-repeat;
}
#main #realisatiou img.end{
margin:0 0 20px 0;
}
#main #realisatiou img a{
/**/color:#2d2c32;
}
#main p.signature{
background:url(/images/icon-quote.png) 12px 0 no-repeat;
padding:0 12px 0 54px;
}


/* articles */
#main #img_deco{
float:left;
margin:0 10px 0 0;
}
#main #img_deco img{
display:block;
}
#main #descriptiou h2{font-size:1.2em;}
#main #descriptiou h3{font-size:1.1em;font-weight:bold;}
#main p.chapo{
font-style:italic;
font-size:1.1em;
}
#main .commentaire{
/*background:url(/images/bg-col1-body.png) 12px -6px no-repeat;*/
margin:0 0 10px;
}
#main .commentaire .texte{
padding:0 12px;
}
#main .commentaire .texte blockquote{
border:6px solid #97a09b;
border-width:0 0 0 6px;
margin:0;
padding:0 0 0 10px;
}
#main .separateur{
background:url(/images/bg-col1-head.png) 0 0 no-repeat;
padding:10px 0 0;
}
#main .inbox{
margin:20px 40px;
border:1px solid #666;
padding:10px 10px 0;
}

/* lexique */
#clone{
position:fixed;
top:0;
right:0;
width:220px;
height:100%;
padding:50px 12px;
text-align:left;
color:#fff;
background:#1f1e26;
}
#clone h3{
font-size:1.2em;
margin:0 0 10px;
color:#fff;
}
#clone a{
color:#fff;
}
#main dt a.def{
font-weight:normal;
font-size:1.2em;
line-height:120%;
color:#fff;
margin:0 0 10px;
text-decoration:none;
border:0;
cursor:text;
}
#main dt a.totop{
font-size:0.9em;
text-decoration:none;
border:0;
float:right;
color:#666;
}
#main dt a:hover.totop{
color:#fff;
}
#main span.firstletter{
display:block;
padding:10px 0 0;
}


/* plan du site */
#main ul.sitemap{

}
#main ul.sitemap a{
color:#97a09b;
text-decoration:none;
border:0;
}
#main ul.sitemap a:hover{
color:#d8e4c5;
}
#main ul.sitemap ul{
margin-bottom:0;
}

/* formulaires */
#main form p{
font-size:0.9em;
line-height:140%;
margin:0 0 10px;
}
#main form p span.color{
font-weight:bold;
}
#main input,
#main textarea{
width:186px;
height:20px;
line-height:24px;
padding:4px 5px 0;
background:url(/images/form-text+.png) 0 0 no-repeat;
color:#fff;
font:1em Arial,Helvetica,Verdana,sans-serif;
}
#main input:focus{
background:url(/images/form-text.png) 0 0 no-repeat;
}
#main textarea{
padding:4px 5px;
height:87px;
background:url(/images/form-textarea+.png) 0 0 no-repeat;
}
#main textarea:focus{
background:url(/images/form-textarea.png) 0 0 no-repeat;
}
#main input.x{
width:auto;
height:auto;
padding:0;
border:0;
background:none;
}
#main p.focus{
color:#acb7c5;
}
#main p.focus input,
#main p.focus textarea{
}
#main input#captcha{
width:24px;
text-align:center;
background:url(/images/form-text-captcha+.png) 0 0 no-repeat;
}
#main input:focus#captcha{
background:url(/images/form-text-captcha.png) 0 0 no-repeat;
}
#main input.submit{
width:149px;
height:25px;
font-weight:bold;
line-height:25px;
text-align:center;
margin:0;
padding:0;
color:#4c5d54;
background:url(/images/form-submit.png) 0 0 no-repeat;
border:0;
text-decoration:none;
}
#main  div.error,
#main  div.ok{
padding:10px 10px 10px 80px;
color:#fff;
margin:0 12px 20px;
background:#404047 url(/images/icon-error.png) 20px 50% no-repeat;
border:2px solid #acb7c5;/*28282c*/
}
#main  div.ok{
background-image:url(/images/icon-ok.png);
border:2px solid #d8e4c5;
}
#main .error ul,
#main .ok p{
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}
#main input.long{
width:406px;
background:url(/images/form-text-long+.png) 0 0 no-repeat;
}
#main input:focus.long{
background:url(/images/form-text-long.png) 0 0 no-repeat;
}
#main textarea.long{
width:406px;
background:url(/images/form-textarea-long+.png) 0 0 no-repeat;
}
#main textarea:focus.long{
background:url(/images/form-textarea-long.png) 0 0 no-repeat;
}


/* politique d'accessibilite */
#main table#accessibilite th{
padding:0 10px 0 0;
}


/* recherche */
#main #search_result{
margin:0 0 20px;
padding-top:20px;
}
#main #search_result ul{
margin-top:0;
}
#main #search_result ul li{
margin:0 0 10px;
}
#main #search_result strong{
font-size:1.2em;
}
#main #search_result a{
color:#97a09b;
text-decoration:none;
border:0;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


/* Checkbox */
.Checkbox-Element {
}
.Checkbox-Overlay {
width:16px;
height:16px;
background:url(/images/form-checkbox.png) -16px 0 no-repeat;
/*background-position:-16px 0;*/
display:block;
float:left;
/*margin:-16px 0 0;*/
margin:0 -16px 0 0;
z-index:1000;
}
.Checkbox-Overlay.Checked {
background-position:0 0 !important;
}
.Checkbox-Overlay.Checked.Disabled {
background-position:-32px 0 !important;
}
.Checkbox-Overlay.Disabled {
background-position:-48px 0 !important;
}

/* tip */
.tipz{
margin:0;
line-height:100%;
}
.tip{
width:185px;
background:url(/images/tips/tip-text.png) 0 0 repeat-y;
}
.tip-top{
background:url(/images/tips/tip-top.png) 0 0 no-repeat;
height:20px;
width:185px;
}
.tip-title{
color:#fff;
font-weight:bold;
text-align:center;
padding:0 10px 0;
margin:-10px 0 10px;
}
.tip-text{
color:#ccc;
line-height:120%;
padding:0 10px 0;
text-align:left;
}
.tip-bottom{
background:url(/images/tips/tip-bottom.png) 0 100% no-repeat;
width:185px;
height:16px;
}