@charset "UTF-8";
/* CSS Document */
html{
height:100%;
}



BODY {
  background-color: #c7d000;
  background-image:url(cocc.png); 
  background-repeat:no-repeat;
  color: #000000;
  margin: 0px;
  padding:0;
  height: 100%;
  font-family: Arial, Lucida Grande;
  font-size :   12px;
  line-height: 14pt;
}

h1 {
  font-family: Arial,Lucida Grande,LucidaGrande,Lucida,Lucida Sans,Tahoma,Helvetica,sans-serif; 
  font-size: 18px;
}

h2 {
  font-family: Arial,Lucida Grande,LucidaGrande,Lucida,Lucida Sans,Tahoma,Helvetica,sans-serif; 
  font-size: 15px;
}

h3 {
  font-family: Arial,Lucida Grande,LucidaGrande,Lucida,Lucida Sans,Tahoma,Helvetica,sans-serif; 
  font-size: 13px;
}

h4 {
  font-family: Arial,Lucida Grande,LucidaGrande,Lucida,Lucida Sans,Tahoma,Helvetica,sans-serif; 
  font-size: 11px;
}


A {
  color: #d70059;
  text-decoration: none;
}

A:hover {
  text-decoration: none;
  font-weight: bold;
}

.white:link, .white:visited {
  color: #ffffff;
  text-decoration: underline;
}

.white:hover{
  color: #ffffff;
  text-decoration: underline;
  font-weight: normal;
}

.doc:link, .doc:visited {
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
}

.doc:hover{
  color: #ffffff;
  text-decoration: underline;
  font-weight: normal;
  font-size: 13px;
}

.titre {
  color: #d70059;
  font-weight: bold;
  font-size : 13px; 
}

.titreblanc {
  color: #ffffff;
  font-weight: bold;
  font-size : 13px; 
}

.small {
  color: #d70059;
  font-size : 10px; 
}

.menu
{
  border-bottom        :   2px solid #C30047;
  width    			   :   170px;
  background-color:#FFFFFF; 
  -moz-opacity:0.75;
  opacity: 0.75;
  filter:alpha(opacity=75);
}

.zonetotale {
float:left;
	width:980px;
}

.zonemenu {
	float:left;
	width:170px;
	margin: 14px 0 0 50px;
}

.logo{
	float:left;
	margin: 30px 0 0 38px;
	width: 980px;
	clear: right;
}



.texture
{
  position:absolute;
  left:0;
  top:0;
  padding:0; 	
  width: 100%;
  height: 100%;	
  min-height: 900px;	   
  background:url(texture.png) repeat;
  margin: 0px;
}

.zone
{
	float:left;
	width:729px;
	background-color:#FFFFFF;
	margin: 14px 0 0 25px;
	border:1px solid #FFFFFF;
	background-image:url(background.png); 
	min-height:700px; 
}

.bottom
{
    float:left;
	width:975px;
	text-align: right;
	font-size : 9px; 
	margin-top: 3px;  
	margin-bottom: 10px; 
}


.contenu
{
    float:left;
	width:449px;
	background-image:url(degrade.png); 
	background-repeat: no-repeat;
}

.contenu
{
    float:left;
	width:449px;
	padding: 25px;
}

.left
{
    float:left;
	width:220px;
	clear:right;
}


.rightcolumn
{
	float:right;
	width:230px;
	height:100%;
}

.rightcolumn_content
{
	float:right;
	width:210px;
	height:100%;
	padding: 10px;
	font-size : 11px; 
	color:#FFFFFF;
}


.label
{
	margin-top:15px;
	margin-bottom:2px;
}

.border
{
	border-bottom: 1px solid #d70059;
	padding   :   2px;
}

.rubrique
{			   
  margin    :   0;             
  padding   :   6px 6px 6px 9px;     
  width     :   155px;          
  font-size :   12px;          
  color     :   #d70059; 
  border-top :   2px solid #d70059; 
}


ul#menu 
{			   
  margin    :   0;              
  padding   :   1px 16px 0;      
  width     :   140px;          
  font-size :   11px;          
  color: #d70059;
}

ul#menu li 
{						  
  list-style-type   :  none;            
  margin-bottom     :  1px;            
  color: #d70059;
}

ul#menu li a
{
  width             :   auto;   				
  width             : 	100%;             
  padding           :   0 3px 6px 3px;              
  text-decoration   :   none;              
  color             :   #d70059;              
  display           :   block;            
  background-color  :   #FFFFFF;         
}