/* Balises Classiques */

body {
	margin : auto;
	padding : 0;
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	background-color: #CADCEB;
	color : #333;
	font : 12px Arial,Verdana,Lucida,Helvetica,sans-serif;
}
h1 { font-size : 1.5em;   margin : 0.83em 0 0 0;  font-family : Arial,Helvetica,sans-serif;  font-weight: normal; }
h2 { font-size : 1.5em;   margin : 0.83em 0 0 0;  font-family : Arial,Helvetica,sans-serif;  font-weight: normal; }
h3 { font-size : 1.3em;   margin : 0.83em 0 0 0; 	  font-family : Arial,Helvetica,sans-serif;}
h4 { font-size : 1.1em;   margin : 0.83em 0 0 0; 	  font-family : Arial,Helvetica,sans-serif;}
h3.right_col { font-size : 1.1em;   margin : 0 font-family : Arial,Helvetica,sans-serif; color: #000000;}

/* remplace le h2 des titres des bandeaux droit et gauche*/
span.heading { font-size : 1.5em;   margin : 0.83em 0 0 0;  font-family : Arial,Helvetica,sans-serif;  font-weight: normal; }
/* remplace le h3 des titres des bandeaux droit et gauche*/
span.subheading { font-size : 1.3em;   margin : 0.83em 0 0 0;	font-family : Arial,Helvetica,sans-serif; font-weight: bold;}

span.right_col { font-size : 1.1em;   margin : 0 font-family : Arial,Helvetica,sans-serif; color: #000000; font-weight: bold;}

hr{
color: #cccccc;
background-color: #cccccc;
height: 1px;
border: 0;
}
a {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

 textarea, select {
	font-size:12px;
	font-family:"Courier New", Courier, mono, Arial;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	color:#333;
	padding : 0;
	margin : 0;
}

input.submit {padding : 0;
font-size:11px;
width : 140px;
}

ul {
	list-style-type : none;
	margin-top : 0.15em;
	margin-left: 20px;
	padding: 0px;
}

li {
	list-style-image: url(/bt-list.gif);
	margin-top : 0.15em;
}

li.none {
	list-style-image: none;
	margin-top : 0.15em;
}

/* Balises IDs */


#bottom {
	/*background-image: url(images/bottom.gif);*/
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 10px
}

#bottom a {
	color: #F7560F;
	text-decoration: underline;
}

#bottom a:hover {
	color: #8CC739;
	text-decoration: underline;
}

#chemin {
	padding-left : 10px;
	padding-top: 5px;
}

#chemin a {
	color: #666;
	text-decoration: none;
}

#chemin a:hover {
	text-decoration: none;
}

#header {
	margin-bottom : 5px;
	padding-top: 2px;
	padding-bottom: 0;
   height: 22px;
   width : 980px;
   background: url("/fond-nav-horiz.jpg") repeat-x 22px;
}
#header ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#header li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #8EBAF7;
	margin-top: 0;
	margin-bottom: 0;
}
#header form {
	margin-top: 0;
	margin-bottom: 0;
}

#header a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#dir td {
	width: 50%;
	vertical-align: top;
	padding :2px;
}

#dir table {
	border: 0;
	width: 100%;
	background : #F6f6f6;
	padding :2px;
	border : 1px solid #dddddd;
}

/*#logo {
	margin-left: 30px;
}*/

#extrabox {
background-color:#ffffff;
	background-image: url(cell_bg_170.jpg);
	background-repeat: no-repeat;
	float : left;
	width : 170px;
	padding-left : 5px;
	margin : 0;
	/*border: 1px solid;
	border-color: #dddddd;
	background-color:#f6f6f6;*/
	text-align : left;
}
#mainpage {
background-image: url(cell_bg.jpg);
   background-repeat: repeat-x;
	padding : 5px;
	margin : 5px;
	margin-bottom : 2em; 
	background-color:#f6f6f6;
	border: 1px solid;
	border-color: #dddddd;
	width : 600px;
}
#mainpagefull {
background-image: url(cell_bg.jpg);
   background-repeat: repeat-x;
	padding : 5px;
	margin : 4px 5px 5px 5px; 
	background-color:#f6f6f6;
	border: 1px solid;
	border-color: #dddddd;
	width : 787px;
	font-size:14px;
}
#main {
	width : 980px;
	margin : 10px auto;
	padding : 5px;
	border : 1px solid #eeeeee;
	background : white;
	text-align : left;
}

#middle {
	padding: 0;
	/*background-image: url(images/middle.gif);*/
}

#pages {
	padding-top: 20px;
	text-align: center;
}

#message {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;	
}

#message p {
	padding-top: 20px;
}

#soumettre {
	padding-top: 20px;
}

#soumettre span {
	text-decoration: underline;
}

#soumettre td {
	vertical-align: top;
}

#soumettre table {
	border: 0;
	width: 100%;
}
#soumettre td.label {
	vertical-align: top;
font-weight: bold;
background-color: #eeeeee;
padding-left : 3px;
}
#soumettre td.label1{
background-color: #d7ebff;
vertical-align: top;
font-weight: bold;
padding : 3px;
}
#soumettre td.form1{
background-color: #d7ebff;
padding : 3px;
}

#soumettre td.label2{
background-color: #fbffe6;
vertical-align: top;
font-weight: bold;
padding : 3px;
}
#soumettre td.form2{
background-color: #fbffe6;
padding : 3px;
}

#soumettre td.label3{
background-color: #fff0c4;
vertical-align: top;
font-weight: bold;
padding : 3px;
}
#soumettre td.form3{
background-color: #fff0c4;
padding : 3px;
}

#soumettre td.label4{
background-color: #e4dae2;
vertical-align: top;
font-weight: bold;
padding : 3px;
}
#soumettre td.form4{
background-color: #e4dae2;
padding : 3px;
}

#soumettre td.label5{
background-color: #eaf2ff;
vertical-align: top;
font-weight: bold;
padding : 3px;
}
#soumettre td.form5{
background-color: #eaf2ff;
padding : 3px;
}

 #soumettre textarea, select {
	font-size:12px;
	font-family:"Courier New", Courier, mono, Arial;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	color:#333;
	padding : 0;
	margin : 0;
}
 #soumettre input {
	font-size:12px;
	font-family:"Courier New", Courier, mono, Arial;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	color:#333;
	padding : 0;
	margin : 0;
}
#soumettre input.medium {
width : 180px;
}
#soumettre input.small {
width : 30px;
}

#warning {
	color: #0098EF;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.bold_red{
	color: #ff0000;
	font-weight: bold;}
.back_red{
padding : 2px;
	margin-top : 5px;
	background-color:#ff0000;
	color: #fff;
	font-weight: bold;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:#0000FF;
}

a.list_tag {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color:#ff6600;
}

.lien {
	padding: 5px;
	text-align: justify;
}

.lien a, .lien a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.lien a.list_tag {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color:#000000;
}

.lien span {
	color: #F7560F;
}

.ariane {
	color: #A9A9A9;
}

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

.ariane a:hover {
	color: #A9A9A9;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
#directory {
	margin-top : 0;
	margin-left : 5px;
	margin-right : 5px;
	padding : 0;
}


ul#horiz{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 980px;
	background: url("/fond-nav-horiz.jpg") repeat-x 22px;
	
}

ul#horiz li{
	float: left;
	font: 10px/30px "Lucida Grande", verdana, sans-serif;
font-weight : bold;
color: #000;
text-decoration: none;
	padding: 0px;
	border-right: 1px solid #669900;
	background: url("/fond-nav-horiz.jpg") repeat-x 22px;
	
	 
	
}

ul#horiz li.first{
  border-left: 0px solid #669900;
}

ul#horiz li.last{
  float: left;
 /* width:116px;*/
  border-right: 0px solid #cccccc;
}

ul#horiz li.last a{
  display:block;
  color:#3e80a9;
  /*width:116px;*/
  text-decoration:none;
  font: 10px/30px "Lucida Grande", verdana, sans-serif;
  
}

ul#horiz li a{
  display:block;
  color:#ffffff;
 /* width:107px;*/
  text-decoration:none;
  font: 10px/30px "Lucida Grande", verdana, sans-serif;
  
}

ul#horiz li a:hover{
  color:#fff;
  background: url("/fond-nav-horiz-hover.jpg") repeat-x 28px;
}

#faq {
	width : 590px;
	padding : 5px;
	margin : 5px;
	border: 1px solid;
	border-color: #cc0099;
	background-color:#f6f6f6;
	text-align : left;
}

.upperleft{
	width : 600px;
	margin-left : auto;
	margin-right : auto;

	background-color : #f6f6f6;
/*	background-image : url('/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;*/
}

.upperleftfull{
	width : 787px;
	margin-left : auto;
	margin-right : auto;

	background-color : #f6f6f6;
/*	background-image : url('/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;*/
}

.upperright{
	/*
	background-image : url('/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
	*/
	
}

.lowerleft{
	/* background-image : url('/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left; */
}

.lowerright{
	/*background-image : url('/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;*/
	padding : 7px;
}
.hidden { display: none; }
.unhidden { display: block; }

.popup
{
   position:relative; left:0; top:10px; width:400;
   border-style:solid;
   border-width:4;
   border-color:#ddd;
   background-color:#ccc;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:999;
}
div.fcote
{
margin:50px -6px 0 0;
float:right;
height:75px;
width:70px;
}
a.fcote {
display:block;
	height:75px;
		width:70px;
		color : #fff;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	line-height:75px;
		margin:0; 
		padding:0 ;
		text-decoration: none;
   background: url("/cote-fbt.png") 0px -75px no-repeat;
   }
a.fcote:hover {
   background-position: 0px 0px;
   text-decoration: none;
   }


div.fcorner
{
margin:-6px;
float:right;
height:86px;
width:95px;
}
a.fcorner {
display:block;
	height:86px;
		width:95px;
		color : #fff;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	line-height:86px;
		margin:0; 
		padding:0 ;
		text-decoration: none;
   background: url("/coin-fbt.png") -95px 0px no-repeat;
   }
a.fcorner:hover {
   background-position: 0px 0px;
   text-decoration: none;
   }
a.fcorner2 {
display:block;
	height:86px;
		width:95px;
		color : #fff;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	line-height:86px;
		margin:0; 
		padding:0 ;
		text-decoration: none;
   background: url("/coin-fbt2.png") -95px 0px no-repeat;
   }
a.fcorner2:hover {
   background-position: 0px 0px;
   text-decoration: none;
   }

div.sfbutton
{
margin:0 0 0 -5px;
height:60px;
width:602px;
background-color:#dddddd;
background: url("/sbt-background.jpg") 0px 0px no-repeat;
padding:5px 5px 5px 5px;
}   
div.fbutton
{
margin-left: -5px;
height:60px;
width:389px;
background-color:#dddddd;
background: url("/fbt-background.jpg") 0px 0px no-repeat;
padding:5px 0 0 205px;
}
a.fbutton {
float:left;
display:block;
	height:42px;
		width:187px;
		color : #fff;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	line-height:32px;
		margin:0; 
		padding:0 ;
		text-decoration: none;
   background: url("/fbutton.png") 0px 0px no-repeat;
   }
a.fbutton:hover {
   background-position: -187px 0px;
   text-decoration: none;
   }
a.sbutton {
float:right;
display:block;
	height:42px;
		width:187px;
		color : #fff;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	line-height:32px;
		margin:0; 
		padding:0;
		text-decoration: none;
   background: url("/sbutton.png") 0px 0px no-repeat;
   }
a.sbutton:hover {
   background-position: -187px 0px;
   text-decoration: none;
   }    
span.sign
{
margin:0; 
padding:0;
font-size:20px;
font-weight:bold;
}
a.fanswerbt {
display:block;
	height:22px;
		width:75px;
		color : #fff;
	font: 11px Arial,Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
		margin:0; 
		padding:0 ;
		text-decoration: none;
   background: url("/fanswerbt.png") 0px 2px no-repeat;
   }
a.fanswerbt:hover {
   background-position: -75px 2px;
   text-decoration: none;
   }
span.signfanswer
{
margin:0; 
padding:0;
font-size:15px;
font-weight:bold;
}


.sggbutton_top {
margin-top:3px;
    border: none;
    background: url('sggbutton.png') no-repeat top left;
    padding: 0px 8px;
	width:115px;
	height:30px;
	color:white;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	line-height:30px;
	cursor:pointer;
	
}
.sggbutton_top:hover {
	margin-top:3px;
    border: none;
    background: url('sggbutton.png') no-repeat top right;
    padding: 0px 8px;
	
} 


.sggbutton {
    border: none;
    background: url('sggbutton.png') no-repeat top left;
    padding: 0px 8px;
	width:115px;
	height:30px;
	color:white;
	font : 16px Arial,Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	line-height:30px;
	cursor:pointer;
	
}
.sggbutton:hover {
    border: none;
    background: url('sggbutton.png') no-repeat top right;
    padding: 0px 8px;
	
} 

div.sgg{
/*background: url('cell_bg.jpg') repeat-x;*/
	padding : 5px;
	margin : 0 0 0px -5px ; 
	background-color:#eeeeee;
	border-bottom: 1px solid;
	border-color: #dddddd;
	float:left; width:600px;height:75px;

}

div.sggfull{
/*background: url('cell_bg.jpg') repeat-x;*/
	padding : 5px;
	margin : 0 0 0px -5px ; 
	background-color:#eeeeee;
	border-bottom: 1px solid;
	border-color: #dddddd;
	float:left; width:787px;height:75px;

}

div.sgg_title{
font-size : 15px;   margin : 0; font-weight: bold; background: url('search-bt.png') no-repeat; padding:8px 0 0 42px;height:39px;
}
div.commentbox
{
background: url('cell_bg.jpg') repeat-x;
	padding : 5px;
	margin : 0 6px 5px 0 ; 
	background-color:#f6f6f6;
	border: 1px solid;
	border-color: #dddddd;float:left; width:583px;height:auto;overflow:visible;
}
div.commentbox_title {
font-size : 15px;   margin : 0; font-weight: bold; background: url('comment-bt.png') no-repeat; padding:4px 0 0 42px;height:39px;
}

div.commentbox_post_title{
font-size : 14px;
padding:4px 0 0 42px;
color:#336600; 
font-weight:bold;
}

div.commentbox_submit
{
margin:auto;text-align:center;width:100%;background: url('com-anim.gif') 1px no-repeat ;
}

a.com_bubble {
float:right;
display:block;
    background: url('com_bubble.png') no-repeat top left;
    margin:-15px 3px 3px 0;
	padding: 0;
	width:40px;
	height:40px;
	color:white;
	
}
a.com_bubble:hover {
    border: none;
	margin:-15px 3px 3px 0;
    background: url('com_bubble.png') no-repeat top right;
    padding: 0;
}