@charset "iso-8859-1";
*{
font-family:  Arial, sans-serif;
}	
html, body {
margin: 0;
padding: 0;
min-height: 100% ;
height : auto ;
}

DIV#global { min-height: 100%; height: 100%; width : 100%  } 

 
/* Menu horizontal */

#nav { margin:0; padding:0;}
#nav  li   { list-style : none ; float : left ; margin : 0 ; width : 106 ; height : 44px}	 
#nav  li a { list-style : none ; float : left ; margin : 0 ; width : 106 ; height : 44px ;font-size: 12px ; line-height:44px ; background : url(../img/f.gif) ; white-space : nowrap ; text-align : center }	  
#nav  li a:hover { font-size: 12px ; line-height:44px ; background-image : url(../img/f_up.gif) ; white-space : nowrap ; text-align : center }	 
#nav a     { text-decoration : none ; display : block ; font-weight : bold ;  color: #666666 ;} 
#nav a:hover { text-decoration : none ; display : block ; font-weight : bold ;  color: #000000 ;} 
	
				   
DIV#sous_menu
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #EEEEEE; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 44px
}	 
	 
DIV#header
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #FFF ; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 100px	;background : url('../img/logo.jpg') no-repeat  bottom left ; 
}	

DIV#espace30px
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px;background : url('../img/fond1.gif'); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 20px ;border-bottom : 1px dashed #C0C0C0 ;
}	

DIV#espacefoot
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px;background : url('../img/fond1.gif'); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 20px ;border-bottom : 1px dashed #C0C0C0 ; padding-top:30px;
}	

	
/* PARTIE GAUCHE DU SITE */
 




DIV#left { float: left ; margin-top : 20px;   width: 200px; margin-left: 2px;   padding: 0 6 6 6}
DIV#actu{ font-size: 80%;width : 200px;  color : white ; font-family : Arial ;border : 1px solid #E6E6E6 ; padding:6}  


DIV#titre_actu { width : 200px; background-color:#555; height : 21px ; margin-bottom:15px; }
#titre_actu strong { font : Arial ;text-align: left; color:white;  letter-spacing :1px; font-weight: bold; margin-left:10px ; font-size:130% ; vertical-align:middle;}

#actu dl{ padding: 0 0 10px 0; border-bottom: 1px dashed #999; margin: 0 0 10px 0;	 width: 200px;  font-size : 85%;  text-align : left ; color : #555;	; text-align:justify  } 

#actu strong a{ white-space : nowrap ; background : url('../img/fleche_actu.gif') no-repeat  left ;background-position : left 4px ; padding-left :12px ; font-size : 90%;   height : 20 ;   color : #CC0000 ;font-weight :bold;text-decoration : none ;}	
#actu strong a:hover{font-size : 90%;height : 20 ; color : #3A74EB ;font-weight :bold; text-decoration : underline; }


#actu dt{ font-size: 80%; color: #CC0000; }	 

#actu dt a:hover{ color: #137799;  }

	
/* PARTIE DROITE DU SITE */
DIV#right {  float: right ;display: inline; margin-top : 20px; width: 182px;margin-right:5px; padding:0 6 6 0 ;}  
DIV#right1{  font-size: 80%;width : 170px;  color : #137799 ; font-family : Arial ;  padding:6px ; border : 1px solid #E6E6E6 ;} 

DIV#separateur30 { height:15px; width:170px}

DIV#titre_droit { width : 170px; background-color:#CC0000; height : 21px ; margin-bottom:15px;}
#titre_droit strong { font : Arial ;text-align:center; color:white;  letter-spacing :1px; font-weight: bold; margin-left:10px ; font-size:130% ; vertical-align:middle;}
  
/* PARTIE CENTRALE DU SITE */
DIV#centrale { float: auto ; margin-top : 20px;  margin-left: 229px; margin-right: 200px; }

#centrale dl { font-size : 70%;  text-align : justify ; color : #555; padding : 1 ; }
#centrale dd { margin-top:10px; font-size : 70%;  text-align : LEFT ; color : #555; border : 1px dashed #000 ; padding:4 ; background : #F1F9FF}
	
#centrale h2{ background: #117899 }
#centrale h2 span{ margin-top : -14 ;  background: #8EBF28 url('../img/span-bleu-fonce.gif')  no-repeat top right; #;display: block; }	
#centrale h2 span dt{  font : Arial ;  margin-left : 10px;  font-size : 75% ;  color : white ; letter-spacing : 1px;}

#centrale h3{ background: #117899 }
#centrale h3 span{ margin-top : -14 ;  background: #70B7D3 url('../img/span-bleu-fonce.gif')  no-repeat top right; #;display: block; }	
#centrale h3 span dt{  font : Arial ;  margin-left : 10px;  font-size : 100% ;  color : white ; letter-spacing : 1px;}

#centrale h4{ background: #117899 }
#centrale h4 span{ margin-top : 14 ;  background: #FA4747 url('../img/span-bleu-fonce.gif')  no-repeat top right; #;display: block; }	
#centrale h4 span dt{  font : Arial ;  margin-left : 10px;  font-size : 100% ;  color : white ; letter-spacing : 1px;}


#centrale h5
{ 
background : url('../img/fleche_argument.gif') no-repeat  left ; 
background-position : left 3px ;
padding-left:15px ; 
height : 20px ;
display: block ;
font-size : 68% ; 
color : #555 ;  
border-bottom : 1px dashed #8EBF28 ;

}


/* ----- main_X : background de la colonne centrale ------- */
div#main_0{background: url('../img/bg-main-l.gif')   repeat-y top left;position: relative; top: 0px}
div#main_1{background: url('../img/bg-main-r.gif')   repeat-y top right;}
div#main_2{background: url('../img/bg-main-b-l.gif') no-repeat bottom left; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
div#main_3{background: url('../img/bg-main-b-r.gif') no-repeat bottom right;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px}
div#topper{background: url('../img/bg-main-t.gif')   no-repeat top right; padding-left:5px; padding-right:15px; padding-top:1px; padding-bottom:0}
/* ------------------------FOOTER-----------------------------*/

DIV#scroll
{  
text-align : justify ;
float : auto ;
position : relative ;
font-size : 75%;
height: 300px;
width: auto;
overflow: auto;
border: 1px dashed #000;
background-color: #F1F9FF;
padding: 8px;
margin-bottom : 12px;  
scrollbar-face-color: #70B7D3; 
scrollbar-track-color: #FFF; 
scrollbar-arrow-color: #FFF;
scrollbar-highlight-color: #FFF; 
scrollbar-3dlight-color: #FFF; 
scrollbar-shadow-color: #FFF;
scrollbar-darkshadow-color: #FFF; 
}	

DIV#scroll1
{  
text-align : justify ;
float : auto ;
position : relative ;
font-size : 100%;
height: 300px;
width: auto;
overflow: auto;
border: 1px dashed #000;
background-color: #FFACAA;
padding: 8px;
margin-bottom : 12px;  
scrollbar-face-color: #70B7D3; 
scrollbar-track-color: #FFF; 
scrollbar-arrow-color: #FFF;
scrollbar-highlight-color: #FFF; 
scrollbar-3dlight-color: #FFF; 
scrollbar-shadow-color: #FFF;
scrollbar-darkshadow-color: #FFF; 
}	  

#scroll h5 
{ 
background : url('../img/fleche_actu.gif') no-repeat  left ; 
background-position : left 3px ;
padding-left:15px ; 
height : 20px ;
display: block ;
font-size : 88% ; 
color : #555 ;  
border-bottom : 1px dashed red ;
}	
   
#scroll h4 
{ 
background : url('../img/fleche_comment.gif') no-repeat  left ; 
background-position : left 3px ;
padding-left:15px ; 
height : 20px ;
display: block ;
font-size : 88% ; 
color : #555 ;  
border-bottom : 1px dashed #70B7D3 ;
}					  

a.lire_suite{
font-size: 70%;
float: right;
position: relative;
top: -17px;	 
background-color: #fff;
text-transform: uppercase;
padding: 0 1px 0 10px;
text-decoration: underline;	 
margin-right:-14 px;
color: #cc0000;}
a.lire_suite:hover{
text-decoration: none;
color: #8EBF28;}


DIV#debat_cours{
margin-bottom: 5px; 	
font-size: 80%;
width : 100%; 
height : auto;
color : red ; 
font-family : Arial ;  
} 	
  

		
		
.titre_debat
{ 
background : url('../img/fleche_argument.gif') no-repeat  left ; 
background-position : left 3px ;
padding-left:15px ; 
height : 20px ;
display: block ;
font-size : 95% ;
font-weight : bold; 
color : #555 ;  
border-bottom : 1px dashed #8EBF28 ;

}

.description_debat
{ 		 
min-height : 100;
padding-left: 0px ;
padding-left: 2px ;
margin-top : 10px;	 
padding-bottom : 5px;  
display: block ;
font-size : 95% ;
color : #555 ; 
text-align :justify; 

}
  
.debat_img
{	 	
margin-top : 10px;	
float :left;
margin-left: 2px ;
margin-right: 10px ;
width: 150px ;
height: 100px ;
}	   

DIV#sous_debat{
display : block; 
width: 100% ;
height : 25px;	
}	 

DIV#sous_debat1 
{ 
background : url('../img/fleche_debat.jpg') no-repeat  left ; 
background-position : left -3px;
float: right ;
font-size : 80%;
font-weight:bold;
width : 140px ;	  
padding-left : 0px;
margin-right : 5px;
text-align : right; 
height : 25px;
}
#sous_debat1 a { text-decoration : underline ; color : #545454}
#sous_debat1 a:hover { text-decoration : none ;color : black}


DIV#sous_camps{
display : block; 
width: 100% ;  
}	


#sous_camps h1
{ 
background : url('../img/fleche_comment.gif') no-repeat  left ; 
background-position : left 3px ;
padding-left:15px ; 
height : 20px ;
display: block ;
font-size : 78% ; 
color : #555 ;  
border-bottom : 1px dashed #70B7D3 ;

}	

   
DIV#camps1{	
width: 100% ;  	
min-height:19px;
border: 1px dashed #AFAFAF ; 
background-color: #F1F9FF;
margin-bottom:10px;	
padding-bottom:3px;
padding-top:3px 
}		


#camps1 strong { 
background-position : bottom 14px ;
display:block;
background : url('../img/fleche_camps.gif') no-repeat  left ;  
padding-left:19px;
font-size : 82% ; 
color : #555 ; 
font-weight : bold;
min-height:19px; 
}	
  
#camps1 a { text-decoration : none ; color : #545454}
#camps1 a:hover { text-decoration : underline ;color : black}	 


DIV#titre_argument

{
width:100%;
border: 1px solid #E6E6E6 ;
margin-bottom:10px;	

} 

#titre_argument strong {
background-position : bottom 14px ;
background : url('../img/fleche_camps.gif') no-repeat  left ;  
padding-left:19px;
font-size : 76% ; 
color : #555 ; 
min-height:19px; 
width:100%;	
cursor:pointer;
font-weight:normal;
letter-spacing:0.1em;
}

DIV#corps_argument

{
width:100%;
background-color: ;
border: 1px dashed #B9B9B9 ;
margin-bottom:10px;	
background-color:#FBFBFB; 

}

#corps_argument strong {
display:block;
padding:0 10 10 10;
font-size : 80% ; 
color : #555 ; 
min-height:19px;  
font-weight:normal;
text-align:justify;	

}
  

#corps_argument h1
{ 
margin-right:12px;
margin-left:12px; 
margin-top:5px;
height : 10px ;
display: block ;  
width :100%;
font-size : 78% ; 
color : #555 ;  

}	

#titre_argument  a { text-decoration : none ; color : #545454}
#titre_argument  a:hover { text-decoration : underline ;color : black}	

DIV#page 
{
display:inline;
width : 8px;
height : 8px; 
margin:3;
text-align:center; 
height:15px;
width:15px;
}

#page  a { text-decoration : none ; color : #545454; font-weight:bold;}
#page  a:hover { text-decoration : underline ;color : black }	


.options 
{
font-size:80%;
font-weight: bold;
color: #555;

}
.options a
{
font-size:80%;
font-weight: bold;
color: #555;

}
.options a:hover
{ 
text-decoration:underline;
font-size:80%;
font-weight: bold;
color: black;

}

select {
border:1px solid #989898;
background-color:#F1F9FF;
font-family:"Verdana";
color:black;
font-size : 9pt;
}
input {
border:1px solid #989898;
background-color:#F1F9FF;
font-family:"Verdana";
color:black;
font-size : 9pt;
}
radio {
border:0px solid white;
background-color:white;
font-family:"Verdana";
color:black;
font-size : 9pt;
}

textarea {
border:1px solid #989898;
background-color:#F1F9FF;
font-family:"Verdana";
color:black;
font-size : 9pt;
}
 

a.petit_soulignement {
font-size:100%;
font-weight: bold;
color: #555;
text-decoration:none;
}
a.petit_soulignement:hover
{ 
text-decoration:underline;
font-size:100%;
font-weight: bold;
color: black;
}