/**********************************
           style global
************************************/
html, body {
  width:100%;
  height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body {
  height: 100%;
  padding: 0;
  margin: 0;           /* pour éviter les marges */
  text-align: center;  /* pour corriger le bug de centrage IE */
	background-color:#ffffcc;
  border: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
  color:black;
}

/*
Style de base des titres
*/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.9em;
}

/*
Style de base des images
*/
img {
	border: 0;
}

/***********************************
           Conteneur
************************************/
#conteneur {
  z-index:2;       /* empeche le pied de page de passer sur le conteneur lorque l'on diminue la fenetre */
  position:absolute;
  width: 958px;              /* largeur du conteneur */
  margin-left: -479px;       /* moitié de la largeur */
  height:567px;              /* hauteur du conteneur  */
  margin-top: -283.5px;        /* moitié de la hauteur */
  left: 50%;                 /* centrage horizontal pour mac */
  top: 50%;                  /* centrage vertical pour mac */
  background:url("../img/pageIndex/FondDePageIndex.jpg");  /* couleur du fond beige */
  text-align:left;           /* texte aligné a gauche */ 
}

/**************************************/
/*               entete               */
/**************************************/
#header {  
  width:943px;
  height:92px;
  background-color:transparent;
  margin: 8px 0px 0px 8px;  /* pour rectifier le décalage avec l'image de fond */
}

#header #logo {
  float:left;   /* pour que le logo le bandeau et l'espace pratique reste sur la meme ligne */
  padding-top:15px;
  padding-left:20px;  
  border:none;
}

#header #bandeau {
  float:left;   /* pour que le logo le bandeau et l'espace pratique reste sur la meme ligne */
  padding-top:15px;
  padding-left:15px;  
  border:none;
}

#header #imagePratique {
  float:right;
  padding-top:8px;
  padding-right:1px;
}

#header .tableauPratique {  /* attributs du tableau */
  float:right;
  width:295px;
  height:65px;
  font-size:0.8em;
  border-spacing:0px;
}

#header .tableauPratique FORM {
  display:inline; /* permet d'enlever les espaces engendrés par le formulaire */
}

#header .tableauPratique INPUT {  /* attributs du champ texte */
  background-color:#FFFFFF;
  font-size:9px;
  color:#000000;
}

#header .tableauPratique a {  /* les liens sont noirs pas soulignés*/
  color:#000000;
  text-decoration:none;
}

#header .tableauPratique a:hover {  /* les liens sont rouges et pas soulignés au passage de la souris */
  color:#FF0000;
  text-decoration:none;
}
/*****************************************
 region contenant les titres des 3 espaces
*****************************************/
#regionTitresEspaces {
  width:913px;
  height:26px;
  background-color:transparent;
  margin: 5px 0px 0px 36px;  
}
#regionTitresEspaces #espaceParticuliers{   
  float:left;    /* les "float:left" permettent d enlever les espaces entre les images*/
}
#regionTitresEspaces #espaceEntreprises{
  float:left;
  padding-left:26px;
}
#regionTitresEspaces #espacePartenaires{
  float:left;
  padding-left:26px;
}

/*****************************************
 region contenant les titres des 3 espaces
*****************************************/
#regionImagesEspaces {
  width:913px;
  height:156px;
  background-color:transparent;
  margin: 0px 0px 0px 36px;  
}

#regionImagesEspaces img { /* permet a l'ensemble des images de rester sur la meme ligne */
  float:left;
}

/*****************************************
 region contenant les titres des cibles
*****************************************/
#regionTitresCibles {
  width:913px;
  height:36px;
  background-color:transparent;
  margin: 0px 0px 0px 36px;   
}

#regionTitresCibles img { /* permet a l'ensemble des images de rester sur la meme ligne */
  float:left;
}

/*****************************************
      region contenant les menus 
*****************************************/
#regionMenus {
  width:913px;
  height:90px;
  background-color:transparent;
  margin: 0px 0px 0px 40px;  
  font-size:0.85em;
}

#tableauRegionMenus {
  width:913px;
  height:90px;
  color:#6D6D6D;
}

#tableauRegionMenus #menu1 {
  width:303px;
  padding-top:3px;
}

#tableauRegionMenus #menu2 {
  width:305px;
  padding-top:3px;
}

#tableauRegionMenus #menu3 {
  width:305px;
  padding-top:3px;
}

#tableauRegionMenus p {
  margin-top:3px;
  margin-left:10px;
  color:black;
  line-height:17px;
}

#tableauRegionMenus a{
  text-decoration:none;
  color:black;
}

#tableauRegionMenus a:hover{
  text-decoration:none;
  color:red;
}

/***********************************
    region CRAM de Bretagne
************************************/
#regionCram {
  width:317px;
  height:120px;
  float:left;
  background-color:transparent;
  margin: 15px 0px 0px 5px;   
  font-size:0.85em; 
}

#regionCram p {
  margin-top:2px;
  margin-left:40px;
  color:black;
  line-height:16px;
}

#regionCram a{
  text-decoration:none;
  color:black;
}

#regionCram a:hover{
  text-decoration:none;
  color:red;
}


/***********************************
    region Actualites
************************************/
#regionActualites {
  width:623px;
  height:100px;
  float:left;
  background-color:transparent;
  margin: 15px 0px 0px 0px;   
  font-size: 11px; /*0.85em; */
}

#tableauActualites {
  width:592px;
  height:90px;
}

#actualite1 {
  width:292px;
  vertical-align:text-top;
  padding: 3px 0px 0px 30px;
}

#actualite2 {
  width:290px;
  vertical-align:text-top;
  padding: 3px 0px 0px 25px;
}

.titre {
  font-weight:bold;
}

.chevrons {
  font-size:1.1em;
  font-weight:bold;
  color:#990000;
  text-decoration:none;
}

/***********************************
pied de page avec les infos legales
************************************/
#piedDePage {  /* empeche le pied de page de passer sur le conteneur lorque l'on diminue la fenetre */
  z-index:1;
  position : absolute;
  text-align : center;
  font-size:0.8em;
  bottom : 0;
  left : 0;
  width : 100%;
  color : #000000;
} 

#piedDePage a {
  color : #000000;
  text-decoration : none;
} 

#piedDePage a:hover {
  color : #ff0000;
  text-decoration : underline;
}