/*********************************************************************************************************/
  /*********************** 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/traitaccueil.gif) top center repeat-y; /**  **/
    margin: 0px;
    padding: 0px;	
	height: auto;
	width: 705px;
  } 
    /*spécial IE*/
* html div#site{
  height: 100%;
	width: 721px;  
    }     
/** 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 3px;
  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;
  float: left;
   }   
      /*spécial IE*/
* html div#menu1{
  margin-left: 5px;
    }       
    
/** 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;
  }      
      /*spécial IE*/
* html div#menu2{
  margin-left: 9px;
    } 
/** 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;
  }      
      /*spécial IE*/
* html div#menu3{
  margin-left: 9px;
    } 
 /** 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;
  }     
    /*spécial IE*/
* html div#menu4{
  height: 100%;
  margin-left: 9px;  
    }      
/** 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 la zone du milieu de la page d'accueil **/
div#milieu {
 /**  background: url(../images/trait.gif) top left repeat-y; **/
  float: left; 
  padding: 0px 0px 0px 0px;
  width: 343px; 
	height: auto;
}
    /*spécial IE*/
* html div#milieu{
  height: 100%;
  margin-left: 4px ;
  
    }   
/** caractéristiques des images de la page d'accueil **/
 div#images {
  height: auto; 
  padding: 0px;
  margin: 0px 12px 0px 12px;
  } 
/** caractéristiques de l'édito de la page d'accueil **/
 div#edito {
	height: auto;
	padding: 0px;
	margin: 13px 19px 0px 19px;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-size: 12pt;
  } 
/** caractéristiques du pied de page de la page d'accueil**/
 div#piedpage {
  height: auto; 
  padding: 0px;
  margin: 68px 0px 0px 0px;
  color: CC0066;
  }  
/** caractéristiques de la colonne de droite **/
 div#droite {
/**  background: url(../images/trait.gif) top left repeat-y;  **/
  text-align:left;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px ; 
  width: 186px;
  float: left;
  height: auto;
  } 
    /*spécial IE*/
* html div#droite{
  height: 100%;
    }    
/** caractéristiques des outils à l'intérieur de la colonne de droite**/
 div#outils {
  padding: 24px 4px 0px 18px;
  margin: Opx;
  }   
/** caractéristiques des partenaires à l'intérieur de la colonne de droite**/
 div#partenaires {
  padding: 0px 11px 0px 25px;
  margin: 35px 0px 0px 0px;
  }    
/** caractéristiques des partenaires à l'intérieur de la colonne de droite**/
 div#partenairesautres {
  padding: 0px 0px 0px 6px;
  margin: 30px 0px 0px 0px;
  text-align:center;
  
  }  
/** 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 ************************/
 /***************************************************************************/