/*********************************************************************************************************/
  /*********************** Caractéristiques de la page du plus large au plus précis ************************/
 /* margin = marges extérieures et padding = marges intérieures ; ordre des cotes = Haut droite bas gauche*/
/*********************************************************************************************************/ 

/** caractéristiques du corps de la page, en particulier la police, le calage des marges, etc. **/
body {
    background: #FFFFFF url(../images/fond.gif) top left repeat;
	color: #OOO;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
    text-align: center;
	height: auto;
/****/	
  }
    /*spécial IE*/
* html div#body{
  height: 100%;
    }     
div#copyright {
	background: url(../images/copyright.gif) bottom right no-repeat; /**  **/
	position: relative;
	margin: 0px -15px 0px 0px;
	padding: 0px;
	text-align: center;
	height: auto; /****/
}    
    /*spécial IE*/
* html div#copyright{
  height: 100%;
    }   
/** caractéristiques globales du site : couleur de fond, centré, etc. **/
div#global {
    background: #FFFFFF repeat scroll;  
	position: relative;
	margin: auto;
	padding: 0px;
	text-align: center;
	width: 721px; 
	height: auto; /****/
  }
    /*spécial IE*/
* html div#global{
  height: 100%;
    }     
div#bordG {
	background: url(../images/ombreg.gif) top left repeat-y; /****/
	position: relative;
	margin: auto;
	padding: 0px;
	text-align: center;
	width: 733px;
	height: auto;
}
    /*spécial IE*/
* html div#bordG{
  height: 100%;
    }   
div#bordD {
	background: url(../images/ombred.gif) top right repeat-y; /****/
	position: relative;
	margin: auto;
	padding: 0px;
	text-align: center;
    width: 720px;
    height: auto;
}
    /*spécial IE*/
* html div#bordD{
    width: 735px;
	height: 100%;
    }   
/** caractéristiques du contenu **/
div#site {
 background: #FFFFFF url(../images/trait.gif) top left repeat-y; /**  **/
    margin: 0px;
    padding: 0px;	
	height: auto;
	width: 705px;
  } 
    /*spécial IE*/
* html div#site{
  height: 100%;
    }     
/** caractéristiques de la colonne de gauche**/
 div#gauche {
  float: left; 
  padding: 0px ;
  margin: 0px 13px 0px 13px;
  width: 149px; 
  height: auto;  
  }  
    /*spécial IE*/
* html div#gauche{
  margin: 0px 0px 0px 0px;
  width: 176px; 
  height: 100%;  
    }    
/** caractéristiques du logo en haut**/
 div#logo {
  height: auto; 
  padding: 0px 0px 20px 0px;
  margin: Opx;
  }
      
/** caractéristiques du menu1 **/
 div#menu1 {
  /**background: url(../images/coinenfant.gif) top left no-repeat;   **/
  height: auto; 
  padding: 0px 0px 20px 0px;
  margin: 0px;
  text-align: left;
  }      

/** caractéristiques  du menu2 **/
 div#menu2 {
  /**background: url(../images/coinparent.gif) top left no-repeat;   **/
  height: auto; 
  padding: 0px 0px 20px 0px;
  margin: Opx;
  color: E85500;
  text-align: left;
  }      
   
/** caractéristiques du menu3 **/
 div#menu3 {
  /** background: url(../images/coinsoignant.gif) top left no-repeat;  **/
  height: auto; 
  padding: 0px 0px 20px 0px;
  margin: Opx;
  color: 5E8C01;
  text-align: left;
  }      
    
 /** caractéristiques du menu4 **/
 div#menu4 {
  /** background: url(../images/coinsavoir.gif) top left no-repeat;  **/
  height: auto; 
  padding: 0px 0px 20px 0px;
  margin: Opx;
  color: FA0461;
  text-align: left;
  }     
   
/** caractéristiques du logo JCI dans les pages descentes **/
 div#JCE {
  height: auto; 
  padding: 0px;
  margin: Opx;
  }  
    /*spécial IE*/
* html div#JCE{
  height: 100%;
    }          
/** caractéristiques de l'espace de contenu dans les pages descentes **/
div#contenu {
/** background: #FFFFFF url(../images/trait.gif) top left repeat-y;   **/
  float: left; 
  padding: 0px;
  margin: 0px ;
  width: 527px; 
  height: auto;
}
    /*spécial IE*/
* html div#contenu{
  height: 100%;
    }   
/** caractéristiques des miettes entete dans les pages descentes **/
 div#entete {
	height: auto;
	padding: 0px;
	margin: 22px 0px 0px 0px;
	color: CC0066;
	font-weight: bold;
  } 
/** caractéristiques du texte dans les pages descentes **/
 div#texte {
  	height: auto;
	padding: 0px;
	margin: 66px 32px 0px 32px;
	color: #333333;
	text-align: left;
	width: 456px; 
    }      
/** caractéristiques de l'espace qui allonge soit l'espace central soit le globla (pour prolonger la couleur)**/ 
  div.espace {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  }     
/** caractéristiques HTML modifiées : titres, liens, images, etc. **/	    
p {
	font-size: 10pt;
	font-style: normal;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
h3{
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
a {
	text-decoration: none;
	color: #333333; /****/
}
a.menu1 {
	text-decoration: none;
	color: #0099FF; /****/
}
a.menu2 {
	text-decoration: none;
	color: #E85500; /****/
}
a.menu3 {
	text-decoration: none;
	color: #5E8C01; /****/
}
a.menu4 {
	text-decoration: none;
	color: #FA0461; /****/
}
a.piedpageentete {
	text-decoration: none;
	color: #CC0066; /****/
}
a:hover {
	text-decoration: underline;
	/**color: #333333;**/
}
img { 
    border: 0;
	margin: 0px 0px 0px 0px;	
	padding: 0px 5px 5px 0px;	
	spacing: 0px 5px 5px 0px; }
/*** images du menu des onglets dans l'en-tête***/
img.menu { 
    border: 0;	
    margin: 0px 0px 4px 0px;	
	padding: 0px;	
	spacing: 0px; }
img.sansespace { 
    border: 0;	
	margin: 0px 0px 0px 0px;	
	padding: 0px; 
	spacing: 0px; }
/*** images du menu dans la colonne de gauche ***/
img.outils { 
    border: 0;	
	margin: 0px 0px 13px 0px;
	padding: 0px;	
	spacing: 0px; }
img.partenairesautres { 
    border: 0;	
	margin: 10px 10px 10px 10px;
	padding: 0px;	
	spacing: 0px; }	
	
   /****************************************************************************/
  /*********************** Fin de la feuille de style ************************/
 /***************************************************************************/