/* CSS Document */

body {
	background-color:#fff;
	background: url(http://www.copiercoller.net/assets/templates/whynet/images/fd_ht.jpg) repeat-x;
	/*background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/body.jpg);
	background-position:top;
	background-repeat:repeat-x;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#777;
	margin:0;
}

* {
	padding:0;
	margin:0
}

#container {
	width:770px;
	margin:0 auto/* 0 auto*/;
}

#header {
	height:92px;
	
}

#header {
	/*font-family:Century Gothic, "Trebuchet MS", Tahoma, Verdana;
	font-size:250%;
	color:#333;
	letter-spacing:-1px;

	float:left;*/padding:0px 290px 0 10px;
	border-right:1px solid #eee;	
background:url("http://www.copiercoller.net/assets/templates/whynet/images/logo.jpg") no-repeat;
  	
}

a#header  {
	height:92px;	
	width:340px;
	
}
 span {display:none;}
#sidebar_bottom {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/sidebarbottom.jpg);
	height:53px;
}

#nav {
	/*margin:-20 20px 0 0 !important;*/
	margin:-23px 10px 0 0;
	padding:0;
	float:right;
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav li a {
	display:block;
	padding:5px 10px 14px 10px;
	margin:0 1px 0 1px;
	color:#666;
	text-decoration:none;
	font-weight:bold;

}

#nav li a:hover, #nav li a .active {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/menu_a_hover.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#000;
}
.clear {
	clear:both;
}

#sidebar {
	width:210px;
	background: url(http://www.copiercoller.net/assets/templates/whynet/images/fd_sd.jpg) top repeat-x #fff;
	padding:30px 20px 20px 20px;
	float:left;
	margin:0px 0 0 0;
}

#content {
	margin:0 0 0 240px;
	padding:30px 30px 20px 20px;
	
}

#content h1 {
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:24px;
	letter-spacing:1px;
	margin:10px 0 20px 0;
	color:#BFEF01;
	
}

#content h2 {
	font-size:16px;
	color:#aad500;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:10px;
	border-bottom:1px dotted #eee;
}
#content h3 {
	font-size:14px;
	color:#aad500;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	text-indent:25px;
}
#content p {
	line-height:20px;
	word-spacing:2px;
	padding:0 0 0 20px;
	text-indent:20px;
	margin:20px 0 20px 0;
	text-align:justify;
}
#content ul {
	margin:15px 0 15px 20px;
	padding:0;
	border-top:1px solid #eee;
}
#content li {
	margin:10px 0 10px 0;
	padding:0 0 10px 15px;
	list-style:none;
	border-bottom:1px solid #eee;
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/li.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#content #sideblock{
	width:180px;
	padding:10px;
	background-color:#fff;
	float:right;
	font-size:90%;
	margin:0 0 0 20px;

}
.sidebarfooter {
	background-color:#eee;
	text-align:center;
	padding:7px 5px 7px 5px;
	font-size:80%;
}
.sidebarfooter a {
	background-color:#f6f6f6;
	padding:3px;
	text-decoration:none;
}
.sidebarfooter a:hover {
	color:#000;
	background-color:#fff;
}
#content #sideblock h1 {
	text-transform:none;
	font-size:120%;
	color:#000;
	margin:0;
	letter-spacing:0;
}
#sideblock p {
	text-indent:0;
	line-height:17px;
	padding:5px;
	margin:5px 0 5px 0;
	color:#bbb;
}
#sideblock ul {
	margin:0 0 5px 5px;
	border:none;
}
#sideblock li {
	margin: 0;
	background-image:none;
	padding:0;
	border:none;
}
#sideblock li a {
	text-decoration:none;
	display:block;
	background-color:#fff;
	padding:5px 5px 5px 10px;
	color:#888;
}
#sideblock li a:hover {
	background-color:#f9f9f9;
	color:#666;
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/sideblock_li_a_hover.gif);
	background-position:left;
	background-repeat:no-repeat;
}
blockquote {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/bq.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:5px 35px 5px 5px;
	border:1px solid #eee;
	font-family:"Trebuchet MS", Tahoma, Verdana;
}

#content a {
	color:#444;
	/*padding:2px;*/
	text-decoration:underline;
}
#content a:hover {
		background-color:#EBFF99;
		color:#000;
}

a:hover {
	text-decoration:none;
}
#sidebar a {
	color:#333;
}

#sidebar h1 {
	font-family:Century Gothic, "Trebuchet MS", Tahoma, Verdana;
	font-size:20px;
	color:#777;
	font-weight:normal;
	letter-spacing:-1px;
}

#sidebar p {
	font-size:90%;
	line-height:19px;
	margin:10px 0 10px 0;
}

#footer {
margin-top:1em;
	padding:20px;
	border-top:2px solid #aad500;
	font-size:80%;
	color:#8b8b8b;
	text-align:center;
	background:url(http://www.copiercoller.net/assets/templates/whynet/images/fd_bas.jpg) repeat-x; 
}
#footer a {
	color:#8b8b8b;
}
ul.submenu {
	margin:0;
	padding:0;
}
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu a {
	display:block;
	height:13px;
	padding:7px 7px 7px 17px;
	margin:1px 0 0 0;
	background-color:#fff;
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/submenua_normal.jpg);
	background-position:left;
	background-repeat:repeat-y;font-size:90%;
}
.submenu a:hover  {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:7px 7px 7px 15px;
}
.submenu a:focus {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:7px 7px 7px 15px;
}
.submenu  .active {
	background-image:url(http://www.copiercoller.net/assets/templates/whynet/images/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:7px 7px 7px 15px;
}

#content p img {
	float:right;
	margin:0 10px;
	padding:1px;
	background:#ccc;
	border:4px solid #eee;
}
#content img{
	border:none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 5px;
}

#ajaxSearch_input, .FSF_input {

    background: #f6f6f6;

    border-bottom: 1px solid #999;

    border-left: 1px solid #eee;

    border-right: 1px solid #eee;

    border-top: 1px solid #eee;

    color: #111;

    padding: 2px 5px 1px 10px;

    width: 75%;

    }

    

#ajaxSearch_input:focus, .FSF_input:focus {

    border-bottom: 1px solid #000;

    background: #fff;

    color: #111;

    }



#ajaxSearch_submit, .FSF_submit, .FSF_submit:focus {

    background: url("http://www.copiercoller.net/assets/templates/whynet/images/search.jpg") no-repeat;

    margin-left: 5px;

    height: 22px;

    width: 22px;

    border: 0;

    text-indent: -9999px;

    cursor: pointer;

    }

    

#ajaxSearch_submit:hover, .submit:hover, .FSF_submit:hover {

    height: 22px;

    width: 22px;

    border: 0;

    background: url("http://www.copiercoller.net/assets/templates/whynet/images/search.jpg") no-repeat;

    cursor: pointer;

    }

	   
        .ajaxSearch_paging {
    
        }
        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }
        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
.flash{
	background: #F6FFCF;
	border: 1px dotted #999;
}

/* Box Association */
#asso_menu{
	margin:0 auto;width:300px;
}
ul#asso_menu {margin:0 auto/*0.45em 0 1.5em 0*/;border:none;}
ul#asso_menu br {display:none;}
ul#asso_menu li {margin:1em 5px; padding:0; background-image:none;border:none;}
ul#asso_menu a:link, #asso_menu a:visited {
	text-decoration: none;
  display:block;
  background-repeat:no-repeat;
  background-position:7px 7px;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
  } html>body #asso_menu a:link, html>body #asso_menu a:visited {width:278px;}
#asso_menu strong {
  display:block;
  font:165%/1em Arial,Sans-serif;
  margin-bottom:4px;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */
  }

#asso_menu #box1 strong {color:#94b900;}
#asso_menu #box2 strong {color:#add900;}
#asso_menu #box3 strong {color:#bceb03;}
#asso_menu #box4 strong {color:#8caf00;}
#asso_menu #box5 strong {color:#6c8800;}

#box1 a {
  background-color:#466432;
  color:#fff;
  border-color:#466432;
  }
#box2 a {
  background-color:#618a46;
  color:#000;
  border-color:#618a46;
  }
#box3 a {
  background-color:#7aac58;
  color:#000;
  border-color:#7aac58;
  }
#box4 a {
  background-color:#DFDFBC;
  color:#000;
  border-color:#DFDFBC;
  }
#box5 a {
  background-color:#fafada;
  color:#000;
  border-color:#fafada;
  }  
#asso_menu a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#333;
  }
#asso_menu a:hover strong {
  color:#c00;
  /* background-image:url("/images/new/arrow_hover.gif"); */
  }
.reset {
  display:block;
  /*clear:both;*/
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
  
#contactform form {
	padding:10px;
	border:1px solid #f6f6f6;
}

#contactform label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}
#contactform input {
	padding:4px;
	border:none;
	border:1px solid #BFEF01;
	font:90% Verdana;
	color:#777;
}

#contactform textarea {
	width:400px;
	padding:4px;
	font:90% Verdana;
	border:1px solid #BFEF01;
	height:200px;
	display:block;
	color:#777;
}

#contactform input, #contactform textarea, #contactform select {
	font-size : 1em;
	border : 1px solid #BFEF01;
}
#contactform input[type], #contactform textarea[name] {
	background: #f1;
}
#contactform input[type=submit], #contactform input[type=reset] {
	background: #E2F7BA;
	color:#000;
	width:400px;
	margin:0 auto;
}
#contactform input[type=submit]:hover {
	background : #BFEF01;
	color : #fff;
}
#contactform fieldset {
	display : block;
	font-size : 1em;
	font-weight:bold;
	color:#BFEF01;
	border : 1px solid #EFFFAF;
	margin : 10px;
	padding : 10px;
	background: url(http://www.copiercoller.net/assets/templates/whynet/images/cmxform-fieldset.gif) left bottom repeat-x;
}

#contactform p.field {
	margin : 0.5em 0 0 0;
}
#contactform p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}
#contactform .field li, ul{
	list-style: none;
	right:0px;
}

#toc {
  width: 90%;
  margin:0 auto;
  font-size: 95%;
  border: 1px solid #BFEF01;
  background: url(http://www.copiercoller.net/assets/templates/whynet/images/cmxform-fieldset.gif) left bottom repeat-x;
}
#toc li{
	border:none;
	list-style:none;
	background:url(http://www.copiercoller.net/assets/templates/whynet/images/arrow.gif) top left no-repeat;
	color:#999;
}
#toc ul {
	border:0;
}

#toc .level2 { margin-left: 1em;}
#toc .level3 { margin-left: 2em;}
#toc .level4 { margin-left: 3em;}
#toc .level5 { margin-left: 4em;}
#toc .level6 { margin-left: 5em;}
.navibar{
    border-top: 1px solid #9c6;

    border-bottom: 1px solid #9c6;

    background-color: #fafafa;
	float:right;margin-bottom:10px;text-decoration:none;
}
.navibar a{
	text-align: right;
	font-size:75%;
	color:#81a200;
	text-decoration:none;
}
.navibar a:hover{
	text-align: right;
	font-size:75%;
	color:#BFEF01;
}
#content .aligncentre{
	
	text-align: center;
	margin:0 auto;
}
#recherche{
	margin: 10px 0 10px 0;
}


a#acces_adherents:link,a#acces_adherents:visited{display:block;background-image:url("http://www.copiercoller.net/assets/templates/whynet/images/acces_adh_n.jpg"); height: 30px; width: 200px; margin:5px 0 5px 0;}

a#acces_adherents:hover,a#acces_adherents:active{background-image:url("http://www.copiercoller.net/assets/templates/whynet/images/acces_adh_r.jpg"); }

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#C7C7C7; text-decoration:none; border:1px solid #000; width:40px; height:40px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo1.jpg);}
a.slideb {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo2.jpg);}
a.slidec {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo3.jpg);}
a.slided {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo5.jpg);}
a.slidee {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo7.jpg);}
a.slidef {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo8.jpg);}
a.slideg {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo10.jpg);}
a.slideh {background:url(http://www.copiercoller.net/assets/images/trombi/mini/m_photo9.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #4F4F4F;}


/* styling for TOP gallery */


#trombi_top {position:relative; width:320px; height:455px; background:url(http://www.copiercoller.net/assets/templates/whynet/images/cmxform-fieldset.gif) left bottom repeat-x;border:1px solid #C7C7C7; margin:1em auto;}
#trombi_top img {border:0;}
#trombi_top .thumbs {position:absolute; left:0; top:0;}
#trombi_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#trombi_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#BFEF01;}
#trombi_top a.gallery:active, #trombi_top a.gallery:focus {border:1px solid #000;}
#trombi_top a.gallery:active em, #trombi_top a.gallery:focus em {display:block; position:absolute; width:300px; height:300px; top:140px; left:5px; padding:5px; color:#000; border:1px solid #C7C7C7; z-index:50;}


dl#news_accueil {

margin-left: 1em;

float: left;



width: 280px;
border:1px solid #D2F44D;

}



#titrenews h2 {
color: #a7d102;margin:0 0 0 1em;
border:0;width: 280px;
}
#titrenews{
	float: left;width: 280px;
}

dl#news_accueil dt, dl#news_accueil dd {

line-height: 2.5em;

color: #fff;

border: 1px solid #fff;

margin: 0;

}





dl#news_accueil dt {

float: left;

background: #BABABA;

width: 3.5em;

border-width: 0 1px 1px 0;

font-weight: bold;

padding:0 0.5em;

}

dl#news_accueil dd {

border-width: 0 0 1px 0;

padding-left: 4.5em;

}

dl#news_accueil dd a {

background: #e7e7e7;

color: #4F4F4F;

display: block;

line-height: 2.5em;

padding-left: 1.5em;

}



dl#news_accueil dd a:hover {

	background: #D2F44D;
	color:#595959;

}
#content table {
border: medium solid #BFEF01;
border-collapse: collapse;

}
#content th {

border: thin solid #BFEF01;

padding: 5px;
background-color: #D2F44D;
background-image: url(sky.jpg);
}
#content td {

border: thin solid #BFEF01;

padding: 5px;
text-align: center;

}
#content caption {
font-family: sans-serif;
}

#xiti-logo img{
	border:0;
}