html, body {
	background-color: #fff;
	color: 	white;
	margin: 0px;
	padding: 0px;
}


a{
    color: white;
text-decoratrion: none;
}

a:hover{
    color: white;
text-decoratrion: underline;
}
#page {
	width: 880px;      
	margin: auto;
        
  
}

div{
    font-family: Verdana, Arial, Helvetica;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: #c34848;
  border-bottom-color: #c34848;
  border-left-color: #c34848;
  border-right-color: #c34848;
}
#header {

clear: both;
overflow: hidden;
width: 880px;      
 height: 150px;

}
#header1 {
   float: left;
    overflow: hidden;
    height: 150px;
    width: 540px;
    text-align: center;
    /*
	background-image: url(./images/top1.gif);
    background-repeat: no-repeat;
    background-position: left top;
	*/
    
}
#header2 {
    float: left;
    overflow: hidden;
    height: 110px;
    padding-top: 40px;
    width: 169px;
    background-image: url(./images/top2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 14px;        
    text-align: center;
}

#header3 {
    float: left;
    overflow: hidden;
    background-image: url(./images/top3.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 150px;
    width: 171px;
}
#content {
	clear: both;
        overflow: hidden;
        width: 880px;   
float: left;        
}


#cleft {	     
        margin-left: 0px;
        width: 880px;
        background: url(./images/srodek1.gif) #960003 left repeat-y;       
        float: left;
}
#cright{
    background: url(./images/srodek3.gif) right repeat-y;
    
    
}

#content2 {        
	float: none;
	overflow: hidden;
	width: 820px;        
	padding:0px 0px 15px 15px;
}

#column1{
        
        float: left;
       
        font-family: Verdana, Arial, Helvetica;
        width: 600px;
  
}
#column2{
    float: right;
    overflow: hidden;
    font-family: Verdana, Arial, Helvetica;    
	
}
#column3{
        float: right;
        overflow: hidden;
        font-family: Verdana, Arial, Helvetica;
width: 200px;
}

#footer {
        clear: both;
        background:url("./images/dol.gif")  top  no-repeat;
        height: 37px;
        font-size: 10px;
  text-align: center;
  
}
#sites{
    clear: both;
    float: left;
    overflow: hidden;
    font-family: Verdana, Arial, Helvetica;

   
}

h1 a {
	color:white;
	text-decoration:none;
	
}

 h1 a:hover {
	color:white;
	
}

 h2 {
	font:150% ;
	font-weight:normal;
	color:white;
	padding:14px 0 0 0;
	border:none;
}

h2 a {
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}
/*-------------------------------------------------*/

#wrapper {
	
	border:3px solid #ccc;
	max-width:1200px;
	min-width:760px;
	margin:0 auto;
}

#innerwrapper {
	margin:1px;
	
	padding:20px;
}



#sidebar {
	width:170px;
	padding:10px 0px 0px 20px;
	float:left;
	color:#666;
}



#contentnorightbar {
	margin:0 0 0 240px;
	padding:20px 0 0 20px;
}




#content ul {
	
}
#content ul span {
	
}
#contentnorightbar ul {
	
}
#contentnorightbar ul span {
	
}

img {
	padding:0px;
	border: 0px;
}

form {
	padding:10px;

}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	margin: 2px;
	border :1px dotted #ccc;
	font:90% Verdana;
	
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% Georgia;
	
	padding:0 10% 0 0;
	line-height:30px;
}

/* AutoCompletion CSS */

#autocompletion {
    border: 1px solid #999;
    
	text-align: left;
  }
  #autocompletion ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #autocompletion li {
	
  }
  #autocompletion a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    
  }
  .selected {
    
  }

#feed {
	
	font-weight: bold;
}

.vote a{
	
	font-size: 28px;
	font-weight: bold;
}

.votetable {
	
	width : 70px;
	height: 92px;
	margin-right: 5px;
}

/*ajout resux*/
.votelargeur {width: 80px;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;

	
}

a.subcat_display {
	text-decoration: none;
	font-size: 14px;
	border-bottom : 1px dotted #CCC;
}

.lien {
	text-align: justify;
}

.lien a, .lien a:hover {
	font-size: 12px;
	
	text-decoration: underline;
	font-weight: bold;
}

.lien span {
	color: #F7560F;
}

.ariane {
	color: #A9A9A9;
}

.ariane a {
	color: #A9A9A9;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}

.ariane a:hover {
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

.sitetable {
	
	width: 95%;
	border: 1px solid #CCC;
	vertical-align : top;
}

.sitetd {
	border: 1px solid #CCC;
}

.warning {
	
	border: 2px solid #000;
	text-align: center;

	padding: 10px;
	font-family: tahoma, verdana;
	font-weight: bold;
	max-width: 780px;
}


/* Onglets fiche site */
#container {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#container ul#menu {	
	font-weight: bold;
}
#container ul#menu li {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display: inline;
	margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: white;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
}

#container a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	
}
#container a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}
textarea {
	padding:4px;
	font:90% Verdana;
	border:1px solid #eee;
	height:200px;
	display:block;
	color:#777;
width: 375px;
}