@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/Fond.gif);
	background-repeat:repeat;
}

*{
color:#0066CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
}

a, a:visited, a:hover,a:link{
	color: #06C;
	text-decoration:none;
}

td{
padding:0px;
}

p{
margin-top:0px;
margin-bottom:0px;
}
/**********************************************************************************************/
/**********************************************************************************************/
/******************************* HEADER *******************************************************/
/**********************************************************************************************/
/**********************************************************************************************/

/**********************************************************************************************/
/**********Conteneur Banniere*************************/
.container { 
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	padding:0; 
	width:906px;
	position:relative;
}
/**********************************************************************************************/
/*****************Banniere*************************/
.header { 
  width:906px;
  height:180px;
  z-index:0;
  background-image: url(../images/Banniere_Accueil.png);
  background-repeat:no-repeat;
  border:none; 
  } 
/******Différents états de la Banniere*****/
.header.Bleu{
background-image:url(../images/Banniere_InfoCom.png);
}
.header.Vert{
background-image:url(../images/Banniere_Environnement.png);
}
.header.Jaune{
background-image:url(../images/Banniere_Commerce.png);
}
.header.Orange{
background-image:url(../images/Banniere_Industries.png);
}
.header.Rose{
background-image:url(../images/Banniere_Management.png);
}
/**********************************************************************************************/
/*****************Menu Principal*************************/
.menu {
	width:880px;
	height:33px;
	z-index:6;
	margin:0 auto;
}
.menu ul{
	list-style-type:none;
	height:33px;
	font-family:Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 0;
}
.menu ul li{
	display:block;
	padding-left:1px;
	float:left;
	height:38px;
	width:174px;
	background-image: url(../images/Btn_menu.png);
	vertical-align:middle;
	text-align:center;
	}
.menu ul li a{
	color:#06C;
	line-height:32px;
	}
.menu ul li a:hover{
	color:#03C;
}
	
/**********************************************************************************************/
/*****************Insertion Logo dans la Banniere*************************/
.logo_cfa{
	width:165px;
	height:155px;
	z-index:4;
	position:absolute;
	left: 10px;
	top: 24px;
}


.logo_fac{
	width:91px;
	height:68px;
	z-index:4;
	position:absolute;
	left: 792px;
	top: 57px;
}
/**********************************************************************************************/
/*****************Champs Rechercher dans la Banniere*************************/
.rechercher{
	width:188px;
	height:24px;
	position:absolute;
	z-index:6;
	left: 708px;
	top: 151px;
	background-image:url(../images/rechercher.png);
	background-repeat:no-repeat;
}
/*.rechercher a{
	color: #06C;
	font-size:11pt;
	text-align:center;
	vertical-align:center;
}*/

div#Search input.text{
	width:145px;
	height:18px;
	margin-right:7px;
	margin-top:4px;
	float: right;
/*	background-color:#00FFFF;*/
	z-index:8;
	background:transparent;
/*	height:14px;*/
/*	line-height:17px;*/
/*	vertical-align:middle;*/
	z-index:8;
	}

.rechercher input.action{
display:none;
}

	
/**********************************************************************************************/
/*****************Champs Chemin relatif*************************/

.fil_ariane{
	height:15px;
	background-image:url(images/CorpsPage.png);
	padding-left:10px;
	text-align:left;
	font-size:7pt;
	line-height:15px;
	vertical-align:text-top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-stretch:semi-expanded;
}
.fil_ariane a{
	color:#0066CC;
}
.fa{
height:8px;
background-image:url(images/CorpsPage.png);
}
/**********************************************************************************************/
/**********************************************************************************************/
/******************************* FOOTER *******************************************************/
/**********************************************************************************************/
/**********************************************************************************************/

/**********************************************************************************************/
/*****************Definition conteneur footer*************************/
.footer { 
  width:906px;
  height:55px;
  background-image: url(../images/footer.png);
  background-repeat:no-repeat;
  border:none;
  z-index:0;
  } 
/*****************Definition zone txt footer*************************/
 .footer_txt{
	float:left;
	width:606px;
	height:55px;
	color: #06C;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:11.5pt;
	vertical-align:middle;
	padding-top:3px;
}
 .footer p{
 margin-top:7px;
 }
 
/*****************Definition logos dans le footer*************************/
.logo_ctc{
	text-align:right;
	float:left;
	width:150px;
	z-index:6;
	padding-top:8px;
}

.logo_ue{
	float:left;
	width:150px;
	padding-top:8px;
	z-index:6;
}


/**********************************************************************************************/
/**********************************************************************************************/
/******************************* CENTRE *******************************************************/
/**********************************************************************************************/
/**********************************************************************************************/

/**********************************************************************************************/
/*********/
/*****************Definition conteneur centre (Accueil)*************************/
/*********/
.centre_a { 
  width:906px;
  min-height:540px;
  z-index:0;
  list-style-type: disc;
}
.centre_a p {
	margin-bottom:0;
}
/**Definition bloc txt**/
.bloc_txt{
	width:856px;
	margin:auto;
	position:absolute;
	z-index:6;
	left:24px;
	top: 332px;
}
.bloc_txt p{
	color: #06C;
	line-height:15pt;
	font-size:8pt;
	text-align:center;
	list-style-type: disc;
}
/**arc sous les blocs secteur**/
.arc{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:902px;
	height:121px;
	background-image:url(../images/arc_accueil.png);
	z-index:2;
	top:45px;
}
/**Definition conteneur blocs secteurs**/
.bloc_secteurs{
	width:117px;
	height:140px;
	z-index:4;
	position: absolute;
}
/**style blocs secteurs**/
.bloc_secteurs.infocom{
	top:225px;
	left:35px;
}
.bloc_secteurs.management{
	top:225px;
	right:35px;
}
.bloc_secteurs.environnement{
	top:200px;
	left:200px;
}
.bloc_secteurs.industries{
	top:200px;
	right:200px;
}
.bloc_secteurs.commerce{
	top:185px;
	left:395px;
}

/*********/
/*****************Definition conteneur centre (3colonnes)*************************/
/**********************************************************************************************/
/*********/
.centre{
background-image:url(../images/CorpsPage.png);
background-repeat:repeat-y;
}
/**********************************************************************************************/
/*************Definition colonne gauche(sous_menu)********************/
.a{
width:200px;
vertical-align:text-top;
/*padding-left:7px;*/
}
/*****************Definition sous_menu Vertical***************/
.menu_v{
margin: 0;
padding: 0;
color: #fff;
width: 183px;
font: 0.9em "Verdana", sans-serif;
text-align:right;
list-style-type:none;
padding-left:7px;
}
/*Section sous_menu Vertical***/
.menu_v_section{
background-image:url(../images/sous_menu.png);
background-position:7px 0px;
height:22px;
width:193px;
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
}/* Font Section sous_menu Vertical***/
.menu_v_section a{
line-height:20px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}
/*font sous_menu Vertical***/
.menu_v a{
display: block;
padding: 4px 10px;
color:#0066CC;
background-color: transparent;
background:left bottom no-repeat;
}	
/*.menu_v a:hover{
color: #0099CC;
}*/


/*titres sous_menu Vertical***/
.menu_v_parent{
color: #000000;
font-weight:bold;
/*-moz-border-radius-bottomright:4px;*/
-moz-border-radius-topright:4px;
/*-webkit-border-bottom-right-radius:4px;*/
-webkit-border-top-right-radius:4px;
}

/*Diférents états titres sous_menu Vertical***/
.menu_v_parent.Bleu{
background-color: #66cccc ;
}
.menu_v_parent.Vert{
background-color: #66ff33;
}
.menu_v_parent.Jaune{
background-color: #ffff33;
}
.menu_v_parent.Orange{
background-color: #ff9933;
}
.menu_v_parent.Rose{
background-color: #ff99cc;
}

/***items sous_menu Vertical***/
.menu_v_children{
font-size: .9em;
margin: 0;
padding: 0;
color: #330066;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
}


/*Diférents états items sous_menu Vertical***/
.menu_v_children.Bleu{
background-color: #66cccc ;
}
.menu_v_children.Vert{
background-color: #66ff33;
}
.menu_v_children.Jaune{
background-color:  #ffff33;
}
.menu_v_children.Orange{
background-color:#ff9933;
}
.menu_v_children.Rose{
background-color: #ff99cc;
}


/*STYLES liens parents */
a.menu_v_parent{
color: #003399;
}
a.menu_v_parent.Bleu{
color: #003399;
}
a.menu_v_parent.Vert{
color: #006600;
}
a.menu_v_parent.Jaune{
color: #FF9900;
}
a.menu_v_parent.Orange{
color: #FF3300;
}
a.menu_v_parent.Rose{
color: #FF0066;
}
/*STYLES liens parents actifs*/
a.menu_v_parent.current, a.menu_v_parent.section{
color: #0066CC;
}
a.menu_v_parent.current.Bleu, a.menu_v_parent.section.Bleu{
color: #003399;
}
a.menu_v_parent.current.Vert, a.menu_v_parent.section.Vert{
color: #006600;
}
a.menu_v_parent.current.Jaune, a.menu_v_parent.section.Jaune{
color: #FF9900;
}
a.menu_v_parent.current.Orange, a.menu_v_parent.section.Orange{
color: #FF3300;
}
a.menu_v_parent.current.Rose,a.menu_v_parent.section.Rose{
color: #FF0066;
}

a:hover.menu_v_parent.Bleu, a:hover.menu_v_parent.Vert, a:hover.menu_v_parent.Orange,a:hover.menu_v_parent.Jaune, a:hover.menu_v_parent.Rose{
color:#FFFFFF;
}
/*STYLES liens survolés*/
.menu_v a:hover{
color: #0066CC;
}
.menu_v .Bleu a:hover, .menu_v .Vert a:hover, .menu_v .Jaune a:hover, .menu_v .Orange a:hover, .menu_v .Rose a:hover{
color: #FFFFFF;
}
/*STYLES liens enfants*/
.menu_v_children a{
color: #0033CC;
}
.menu_v_children.Bleu a{
color: #003399;
}
.menu_v_children.Vert a{
color: #006600;
}
.menu_v_children.Jaune a{
color: #FF9900;
}
.menu_v_children.Orange a{
color: #FF3300;
}
.menu_v_children.Rose a{
color: #FF0066;
}
/*STYLES liens enfants actifs*/
.menu_v_children a.current{
color: #0033CC;
font-weight:bold;
}
.menu_v_children.Bleu a.current{
color: #003399;
}
.menu_v_children.Vert a.current{
color: #006600;
}
.menu_v_children.Jaune a.current{
color: #FF9900;
}
.menu_v_children.Orange a.current{
color: #FF3300;
}
.menu_v_children.Rose a.current{
color: #FF0066;
}

ul.link{
display:none;
}


/**********************************************************************************************/
/*****************Definition colonne milieu(txt)*************************/
.b{
/*background-color: #CCFF00;*/
width:496px;
vertical-align:text-top;
text-align:justify;
padding-right:20px;
padding-left:10px;
list-style-type: disc;
}
/******style intitulés colonne b **********/
.b h2{
margin-top:Opx;
font-size:10pt;
font-weight:bold;
text-align:left;
text-transform: uppercase;
}

/*Différents états intitulés*/
.b h2.Vert{
color:#00CC00;
}
.b h2.Bleu{
color: #0099FF;
}
.b h2.Jaune{
color: #FFFF00;
}
.b h2.Rose{
color: #ff6699;
}
.b h2.Orange{
color: #FF6600;
}
.b a{
color:#0066CC;
font-size:11pt;
}

/**********************************************************************************************/
/************Definition colonne droite(download)***************************/
.c{
/*background-color: #FF0000;*/
width:165px;
vertical-align: text-top;
/*text-align:right;*/
padding-right:15px;
}

/*******************Definition bloc fiche**********/
.c_fiche{
background-repeat:no-repeat;
height:73px;
width:178px;
}
/*Différents états bloc fiche*/
.c_fiche.Vert{
background-image: url(../images/Fiche_Vert.png);
}
.c_fiche.Bleu{
background-image:url(../images/FicheBleu.png);
}
.c_fiche.Orange{
background-image:url(../images/Fiche_Orange.png);
}
.c_fiche.Rose{
background-image:url(../images/Fiche_Rose.png);
}
.c_fiche.Jaune{
background-image:url(../images/Fiche_Jaune.png);
}

/*******************Definition bloc calendrier**********/
.c_calendrier{
background-image:url(../images/calendrier_infocom.png);
background-repeat:no-repeat;
height:74px;
width:178px;

}
/*Différents états bloc calendrier*/
.c_calendrier.Vert{
background-image: url(../images/Calendrier_Vert.png);
}
.c_calendrier.Bleu{
background-image:url(../images/CalendrierBleu.png);
}
.c_calendrier.Orange{
background-image:url(../images/Calendrier_Orange.png);
}
.c_calendrier.Rose{
background-image:url(../images/Calendrier_Rose.png);
}
.c_calendrier.Jaune{
background-image:url(../images/Calendrier_Jaune.png);
}
/*******************Definition bloc coordonnees**********/
.c_coordonnees{
background-repeat:no-repeat;
height:246px;
width:178px;
}
/*Différents états bloc coordonnees*/
.c_coordonnees.Vert{
background-image: url(../images/Coordonnees_Vert.png);
}
.c_coordonnees.Bleu{
background-image:url(../images/CoordonneesBleu.png);
}
.c_coordonnees.Orange{
background-image:url(../images/Coordonnees_Orange.png);
}
.c_coordonnees.Rose{
background-image:url(../images/Coordonnees_Rose.png);
}
.c_coordonnees.Jaune{
background-image:url(../images/Coordonnees_Jaune.png);
}
/*******************Definition blocs titres**********/
.c_fiche_titre, .c_calendrier_titre, .c_coordonnees_titre{
height:21px;
width:136px;
text-align:center;
}
/**Definition font fiche********!!!!!tester position!!!!!!*******************/
.c_fiche a, .c_calendrier a, .c_coordonnees a{
color: #0099FF;
font-size:9px;
line-height:27pt;
font-weight:bold;
text-align:center;
}
/*style font titre*/
.c_fiche_titre a, .c_calendrier_titre a, .c_coordonnees_titre a{
font-size:11px;
color: #00FF00;
vertical-align:middle;
font-weight:bold;
}
/* Différents états font titre*/
.c_fiche_titre.Bleu a, .c_calendrier_titre.Bleu a, .c_coordonnees_titre.Bleu a{
	color:#006699;
}
.c_fiche_titre.Vert a, .c_calendrier_titre.Vert a, .c_coordonnees_titre.Vert a{
	color: #009933;
}
.c_fiche_titre.Jaune a, .c_calendrier_titre.Jaune a, .c_coordonnees_titre.Jaune a{
	color: #FF9900;
}
.c_fiche_titre.Orange a, .c_calendrier_titre.Orange a, .c_coordonnees_titre.Orange a{
	color:#FF6600;
}
.c_fiche_titre.Rose a, .c_calendrier_titre.Rose a, .c_coordonnees_titre.Rose a{
	color: #FF0099;
}
/*******************Definition blocs contenu**********/
.c_fiche_contenu, .c_calendrier_contenu{
height:20px;
width:178px;
vertical-align:middle;
margin-top:6px;
margin-left:5px;
}
.c_coordonnees_contenu{
height:236px;
width:178px;
vertical-align:middle;
text-align:center;
}

/*style font contenu*/
.c_fiche_contenu a, .c_calendrier_contenu a{
font-size:10px;
color: #0033CC;
/*font-style:oblique;*/
}

.font_c p, .font_c strong, .font_c a{
font-size:10px;
color: #0033CC;
text-align:center;
}
.font_c.Bleu p, .font_c.Bleu strong, .font_c.Bleu a{
	color:#006699;
}
.font_c.Vert p, .font_c.Vert strong, .font_c.Vert a{
	color:#009933;
}
.font_c.Jaune p, .font_c.Jaune strong, .font_c.Jaune a{
	color: #FF9900;
}
.font_c.Orange p, .font_c.Orange strong, .font_c.Orange a{
	color:#FF6600;
}
.font_c.Rose p, .font_c.Rose strong, .font_c.Rose a{
	color: #FF0099;
}

/* Différents états font contenu*/
.c_fiche_contenu.Bleu a, .c_calendrier_contenu.Bleu a{
	color:#006699;
}
.c_fiche_contenu.Vert a, .c_calendrier_contenu.Vert a{
	color: #009933;
}
.c_fiche_contenu.Jaune a, .c_calendrier_contenu.Jaune a{
	color: #FF9900;
}
.c_fiche_contenu.Orange a, .c_calendrier_contenu.Orange a{
	color: #FF6600;
}
.c_fiche_contenu.Rose a, .c_calendrier_contenu.Rose a{
	color: #FF0099;
}

.c_fiche p, .c_calendrier p{ 
display:inline;
}
.c_coordonnees p{
margin-top:0px;
margin-bottom:0px;
}
/*********/
/*****************Definition conteneur centre (2colonnes)*************************/
/**********************************************************************************************/
/*********/
/*****************Definition colonne txt*************************/
.b2{
width:676px;
vertical-align:text-top;
text-align:justify;
padding-right:30px;
padding-left:10px;
list-style-type: disc;/**????**/
}
/******style intitulés colonne b2 **********/
.b2 h2{
margin-top:Opx;
font-size:10pt;
font-weight:bold;
text-align:left;
text-transform: uppercase;
}

/*Différents états intitulés*/
.b2 h2.Vert{
color:#00CC00;
}
.b2 h2.Bleu{
color: #0099FF;
}
.b2 h2.Jaune{
color: #FFFF00;
}
.b2 h2.Rose{
color: #FF6699;
}
.b2 h2.Orange{
color: #FF6600;
}
.b2 a{
color:#0066CC;
font-size:11pt;
}


/******************************************************************/
/******style données du champs rechercher **********/

.resultat{
width:850px;
margin-right:auto;
margin-left:auto;
list-style-type: disc;/**????**/
}

/******************************************************************/
/******style liens colonne b2 **********/
.b2 a{
font-size:8pt;
font-weight:bold;
text-align:left;
}
/******************************************************************/
/******style formulaire authentification**********/
#MemberLoginForm_LoginForm input[type=text], #MemberLoginForm_LoginForm input[type=password]{
/*border:1px solid #0066CC;*/
background-color: #EEFDFD;
width:200px;
margin-bottom:10px;
}
/******style bouton envoyer*********/
#MemberLoginForm_LoginForm_action_dologin{
margin-top:10px;
margin-bottom:10px;
width:105px;
height:30px;
line-height:30px;
padding-bottom:5px;
background:transparent url(../images/btn_admin.png);
font-weight:bold;
vertical-align:center;
text-align:center;
}
/******************************************************************/
/******style champs perte password*********/
#MemberLoginForm_LostPasswordForm_Email{
background-color: #EEFDFD;
width:250px;
margin-bottom:10px;
}
/******style bouton*********/
#MemberLoginForm_LostPasswordForm_action_forgotPassword{
margin-top:10px;
margin-bottom:10px;
width:395px;
height:30px;
line-height:30px;
padding-bottom:5px;
background:transparent url(../images/btn_mdp.png);
font-weight:bold;
vertical-align:center;
text-align:center;
}

/******************************************************************/
/******style formulaire déposer une offre**********/
#Form_ProposerOffreForm input[type=text], #Form_ProposerOffreForm textarea{
/*border:2px solid #0066CC;*/
background-color: #EEFDFD;
width:300px;
margin-bottom:10px;
font-size:11px;
}
/******style titres *********/
fieldset h3{
font-size:8pt;
font-weight:bold;
text-align:left;
text-transform: uppercase;
}
/******style bouton envoyer*********/
#Form_ProposerOffreForm_action_mailOffre{
margin-top:10px;
margin-bottom:10px;
width:90px;
height:30px;
line-height:30px;
padding-bottom:2px;
background:transparent url(../images/btn_form.png);
font-weight:bold;
vertical-align:center;
text-align:center;
}


/************************message formulaire ***************/
.message{
	margin-bottom:20px;
	color:#F00;
}