/* CSS Document */

body{
margin : 0 ; 
padding : 0 ; 
text-align : center;
background : #3b80b0 url(images/bg_all.gif) repeat-x;
font-family : arial; 
font-size : 1em;
color : #373737
}

#content{
position : relative;
width : 800px;
top:0px;
background : transparent;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
}

td.formConnec{
margin-right: 50px;
position : absolute;
top : 50px;
right : 10px;
width : 177px;
font-family : arial;
font-size : 0.65em;
font-weight: normal;
text-decoration: none;
color : #3b80b0;
/*left: 577px;*/
text-align : left;
}

#haut{
width : 100%; 
height : 125px !important;
height : 90px;
background : url(images/haut.gif) no-repeat;
margin-left : auto;
margin-right : auto;
margin-top:0px;
margin-bottom:0px;
text-align : left;
top :0px;
text_size:0px;
}

.bandeau_haut {
top :0px;
width : 760px;
height : 100px;
margin : 0 0 0 20px ! important;
margin : 25px 0 0 20px ;
}

.logocmre_accueil{
position : absolute; 
top : 55px ;
right : 2px !important;
left : 50px;
width : 177px; 
height : 38px; 
background : transparent url(images/cmre.gif) top left no-repeat;
}
 
.logosolutions{
margin-right: 50px;
position : absolute; 
top : 66px ;
right : 2px !important;
width : 177px; 
height : 16px; 
background : transparent url(images/solutions.gif) top left no-repeat;
}

.logocmre{
position : absolute; 
top : 51px ;
right : 2px !important;
left : 50px;
width : 133px; 
height : 45px; 
}
td.libelle {
	white-space: nowrap;
	font-family : Arial;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}
td.libelle2 {
	white-space: nowrap;
	font-family : Arial;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
}
td.libelleRouge {
	font-family : Arial;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
	color: red;
}

/* Bloc identification */
.formConnec{
margin-right: 50px;
position : absolute;
top : 50px;
right : 10px;
width : 177px;
font-family : arial;
font-size : 10px;
font-weight: normal;
text-decoration: none;
color : #3b80b0;
/*left: 577px;*/
text-align : left;
}

/* Bloc identification : définition des deux champs : nom utilisateur et mot de passe */
.formConnecChamp{ 
font-family : arial; 
font-size : 10px;
font-weight: normal;
text-decoration: none; 
color : #000;
}

a.formConnecMain{
font-family : arial;
font-size : 0.65em;
font-weight: normal;
text-decoration: none;
color : #3b80b0;
text-align : left;
}

#centre {
width : 100%; 
background : url(images/centre.gif);
padding-top: 0;
padding-bottom : 0;
text-align : left; 
}
 
#bas {
width : 800px ; 
height : 70px ;
background-color :transparent;
background : url(images/bas.gif) no-repeat;
padding: 5px 0 0 0 !important;
padding: 0 0 0 0;
margin: -25px 0 0 0 !important;
margin: 0 0 0 0;
text-align : center;
font-family : arial; 
font-size : 11.5px;
text-decoration: none; 
color : #fff;  
}

/* Liens dans le bandeau bas */
 .bas a{
 text-decoration: none; 
 color: #ffffff}
 }
 .bas a:hover{
 font-weight: bold;
 text-decoration: underline; 
 color: #ffffff;
 }
 .bas a:visited{ 
 color: #ffffff}
 }
 .bas a:link{
 text-decoration: none; 
 color: #ffffff}
 }
  
/* Pour les coins des tableaux */
.tabcadre{
cell-spacing: none;
padding: 0 0 0 0;
margin: 0 0 0 0 !important;
margin: 0 0 0 0;
border-style: none;
}

#cadrehgAccueil{
left: 5px;
top: 25px;
width: 760px;
cell-spacing: none;
padding: 25px 0 30px 20px !important;
padding: 30px 0 5px 20px;
margin: 0 0 0 0 !important;
margin: 20px 0 0 0;
}

#cadrehg{
left: 0px;
top: 5px;
width: 760px;
cell-spacing: none;
margin: 0 0 0 0;
padding: 0 0 22px 20px !important;
padding: 0 0 0 20px;
z-index: 0;
}
.titrecadre{
 white-space: nowrap;
 font-family : arial; 
 font-size : 0.80em;
 font-weight: bold;
 text-decoration: none; 
 color : #fff;
}
td.bgtitrecadre {
	background: url(images/coincolinehaut.gif) repeat-x;
}

td.ongletgauche {
	background: url(images/gauche-cadre.gif) repeat-y;
}

td.ongletdroit {
	background: url(images/droite-cadre.gif) repeat-y;
}

ongletbas {
	background: url(images/bas-cadre.gif) repeat-x;
}

/* Pavé identification de la page d'accueil */
.formConnecAccueil{
 font-family : arial; 
 font-size : 0.75em;
 font-weight: bold;
 text-decoration: none; 
 color : #000;
}
 /* Menu de la page d'accueil */
.menuAccueil{
font-family : arial; 
font-weight: bold;
text-decoration: none; 
position: absolute;
font-size: 11.5px;
z-index: 2;
left: 25px;
top: 1px;
cell-spacing: none;
cell-padding: none;
padding: 0 0 5px 0;
margin : 120px 0 0 0 !important;
margin : 130px 0 0 0;
color: #1b6090;
}
.fondmenuAccueil{
position: absolute;
z-index:0;
margin : -10px 0 0 20px !important;
margin : 0 0 0 20px;
width: 760px;
height: 25px;
background-color: #3b80b0;
}
.menuAccueil a{
font-weight: bold;
text-decoration: none; 
color: #ffffff;
}
.menuAccueil a:hover{
text-decoration: none; 
font-weight: bold;
color: #ffffff;
}
.menuAccueil a:visited{
text-decoration: none; 
color: #ffffff;
}
.menuAccueil a:link{
text-decoration: none; 
color: #ffffff;
}


 /* Menu des autres pages du site web */
.menu{
font-size: 12px;
position: absolute;
z-index: 2;
left: 189px;
top: 1px;
cell-spacing: none;
cell-padding: none;
padding: 0 0 5px 0;
margin : 130px 0 0 0 !important;
margin : 130px 0 0 0;
color: #1b6090;
}
.fondmenu{
position: absolute;
z-index:1;
margin : 0 0 0 180px;
width: 600px;
height: 24px;
background-color: #3b80b0;
}
.menu a{
font-weight: bold;
text-decoration: none; 
color: #ffffff;
}
.menu a:hover{
text-decoration: none; 
font-weight: bold;
color: #ffffff;
}
.menu a:visited{
color: #ffffff;
}
.menu a:link{
text-decoration: none; 
color: #ffffff}
}

/* Classes qui permettent d'avoir le menu sélectionné */
.menuSelect{
 font-size: 12px;
 background :#e4ecf6;
 color: #3b80b0;
}
.menuSelect a{
 color: #3b80b0;
 }
.menuSelect a:hover{
 color: #3b80b0;
 }
 .menuSelect a:visited{
 color: #3b80b0;
 }
 .menuSelect a:link{
 color: #3b80b0;
 }

/* Liens pour MOT DE PASSE OUBLIE */
.grisItalique a{
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #b2b2b2;
  }
 .grisItalique a:hover{
 text-decoration: underline; 
 color : #b2b2b2;
  }
 .grisItalique a:visited{
 color : #b2b2b2;
  }
 
 .rougeItalique {
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #FF0000;
  }
  
  .bleuItalique {
 font-family : arial;
 font-size : 0.75em;
 font-style: italic;
 text-decoration: none;
 color : #3b80b0;
  }
 
 /* Titre page d'accueil */
.titrePetitBleu{
 font-family : arial;
 font-weight: bold;
 text-decoration: none;
 text-align : center;
 color : #3b80b0;
}

/* Classes pour différents styles de titres */
.titrePageRecrutementMarron{
 font-family : arial;
 text-decoration: underline; 
 font-weight: bold;
 color : #74644b;
}
.titrePageIdentiteVert{
 font-family : arial;
 text-decoration: underline; 
 font-size : 0.90em;
 font-weight: bold;
 color : #719976;
}
.texteCentre{
 text-align: center;
 font-family : arial; 
 font-weight: normal;
 color : #373737;
}
.texteJustifie{
 text-align: justify;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}
.textemilieu{
 text-align: center;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}
.textealignedroit{
 text-align: right;
 align: right;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}
.texteJustifieSouligne{
 text-align: justify;
 font-family : arial;
 text-decoration: underline;  
 font-weight: normal;
 font-size : 0.75em;
 color : #373737;
}
.texteJustifieItalique{
 text-align: justify;
 font-family : arial; 
 font-weight: normal;
 font-style: italic;
 font-size : 0.75em;
 color : #373737;
}
.texteJustifieGrasItalique{
 text-align: justify;
 font-family : arial; 
 font-weight: bold;
 font-style: italic;
 font-size : 0.75em;
 color : #373737;
}
.texteJustifieGras{
 text-align: justify;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.75em;
 color : #373737;
}
.texteJustifieGrasSouligne{
 text-align: justify;
 font-family : arial; 
 font-weight: bold;
 text-decoration: underline;  
 color : #373737;
}
.texteJustifieGrasMarron{
 text-align: justify;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.75em;
 color : #74644b;
}
.texteJustifieGrasRouge{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.75em; 
 color : #bf1b12;
}

.texteJustifieGrasRougeSansDecors{
 text-align: justify;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.75em; 
 color : #bf1b12;
}

.texteJustifieGrasVert{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 color : #4e7138;
}
.texteJustifieGrasBleuSolutions{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 color : #3060aa;
}
.titreActuAccueil{
 text-align: left;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.75em; 
 color : 3b80b0;
}
.texteCentreItaliqueGrasBleu{
 text-align: center;
 font-family : arial; 
 font-style: italic;
 font-weight: bold;
 color : #3060aa;
}
.texteJustifieGrasEspaceClientOuvert{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.75em; 
 color : #071f69;
}

.texteJustifieGrasEspaceClientOuvert a:hover{
 text-align: justify;
 font-family : arial; 
 text-decoration: none;
 font-weight: bold;
 color : #071f69;
}

.texteGaucheGrasEspaceClientOuvert{
 text-align: left;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.75em; 
 color : #071f69;
}

.texteJustifieGrasIdentite{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-size : 0.75em;
 font-weight: bold;
 color : #719976;
}
.texteJustifieSansDeco{
 text-align: justify;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}
 .texteJustifieSansDeco a{
 text-decoration: none; 
 color : #373737;
 }
 .texteJustifieSansDeco a:hover{
 text-decoration: underline; 
 color : #373737;
 }
  .texteJustifieSansDeco a:visited{
 color : #373737;
 }
  .texteJustifieSansDeco a:link{
 text-decoration: none; 
 color : #373737;
 }
.titreLogiciel{
 text-align: center;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.85em; 
 color : #3060aa;
}
.texteGauche{
 text-align: left;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}
.texteCentre{
 text-align: center;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.85em; 
 color : #373737;
}
.texteCentregras{
 text-align: center;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.85em; 
 color : #373737;
}


/* Pour les liens du menu gauche (sous-menu) */
.menuGaucheLiens{
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px; 
 padding-left: 12px;
 height: 28px; }
.menuGaucheLiens a{
 text-decoration: none; 
 color: #373737; }
.menuGaucheLiens a:hover{
 text-decoration: none; 
 color: #373737; }
 .menuGaucheLienss a:visited{
 text-decoration: none; 
 color: #373737; }
 .menuGaucheLiens a:link{
 text-decoration: none; 
 color: #373737; }

/* Pour le menu Identite */
.TitreIdentite{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #719976;
}
.menuGaucheTitreIdentite{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #719976;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecIdentite{
background: #719976;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Solutions */
.TitreSolutions{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #3060aa;
}
.menuGaucheTitreSolutions{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #3060aa;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecSolutions{
background: #3060aa;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Services */
.TitreServices{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #354465;
}
.menuGaucheTitreServices{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #354465;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecServices{
background: #354465;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}
.PetitTitre{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.90em;
 color: #354465;
 text-align: center;
}

/* Pour le menu Recrutement */
.TitreRecrutement{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #74644b;
}
.menuGaucheTitreRecrutement{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #74644b;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecRecrutement{
background: #74644b;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Actualites */
.TitreActualites{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #bf1b12;
}
.menuGaucheTitreActualites{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #bf1b12;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecActualites{
background: #bf1b12;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Contacteznous */
.TitreContacteznous{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #4e7138;
}
.menuGaucheTitreContacteznous{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #4e7138;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecContacteznous{
background: #4e7138;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Espaceclientferme */
.TitreEspaceclientferme{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #32519f;
}
.menuGaucheTitreEspaceclientferme{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #32519f;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecEspaceclientferme{
background: #32519f;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Espaceclientouvert */
.TitreEspaceclientouvert{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #071f69;
}
.menuGaucheTitreEspaceclientouvert{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #071f69;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecEspaceclientouvert{
background: #071f69;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* Pour le menu Plan du site */
.TitrePlandusite{
 text-decoration: none;
 font-family : arial; 
 font-weight: bold;
 font-size : 0.95em;
 color: #2a2b2d;
}
.menuGaucheTitrePlandusite{
 text-decoration: none;
 font-family : Arial; 
 font-weight: bold;
 font-size : 13px;
 color: #2a2b2d;
 text-align: center;
 padding- left: 0px;
}
.menuGaucheLiensSelecPlandusite{
background: #2a2b2d;
 text-decoration: none;
 font-family : arial; 
 font-weight: normal;
 font-size : 11.4px;
 color: #ffffff;
padding-left: 12px;
height: 23px;
}

/* onglets pour la page "compétences" */
.cadreCompetence{
 display: none ;
 width : 500px;
 z-index: 3;
 margin-top: 0px;
}

/* onglets pour la page "métiers" */
.cadreMetier{
 display: none ;
 width : 500px;
 z-index: 3;
 margin-top: 0px;
}

/* tableau de la page "contactez-nous" */
.tableau{
border-bottom: 1px dotted #4e7138;
border-left: 1px dotted #4e7138;
}

/* cellules du tableau de la page "contactez-nous" */
.cellule{
border-top: 1px dotted #4e7138;
border-right: 1px dotted #4e7138;
padding: 4px;
text-align: justify;
font-family : arial; 
font-weight: normal;
font-size : 0.75em; 
color : #373737;
}

.cellulecenter{
padding: 4px;
text-align: center;
font-family : arial; 
font-weight: normal;
font-size : 0.75em; 

}
/* pour enlever l'espace sous les images dans firefox */
.espaceimage{
font-size:1px;
line-height:1px;
vertical-align:middle;
}

.separationActu{
border-top: 1px dotted #3b80b0;
text-align: justify;
font-family : arial; 
font-weight: normal;
font-size : 0.75em; 
color : 373737;
}

.separationActuRouge{
border-top: 1px dotted #bf1b12;
text-align: justify;
font-family : arial; 
font-weight: normal;
font-size : 0.75em; 
color : 373737;
}
.DynaTexte {
	position : absolute; 
	top : 55px;
	right : 2px !important;
	left : 760px;
	font-size : 10px;
}