/* CSS Document */

body {
	background:#c2d6e1;
}

a img {
	border:none;
}

#contenaire_principal {
	margin:0 auto 0 auto;
	width:899px;
}

/*******************  header  *******************/

#header {
	background:url(img/header_fond.jpg) no-repeat;
	height:138px;
	width:899px;
}

/*******************  menu  *******************/

ul {
	margin:0;
	padding:0;
	padding-top: 6px;
	padding-left: 50px;
}

#menu li{
	height:21px;
	font-family:"verdana", Verdana;
	font-size:10px;
	text-align:center;
	float:left;
	list-style-type: none;
	letter-spacing: 1px;
	margin-right:71px;
	padding-top: 3px;
}

#menu li a{
	color:#97071d;
	text-decoration:none;
}

#menu li a:hover{
	color:#97071d;
}

#menu li a.selected1{
	color:#c2d6e1;
	font-weight:bold;
}

#menu_presentation{
	height:24px;
}

#menu_presentation.selected2{
	height:24px;
	background:url(img/fond_menu_presentation.jpg) no-repeat;
}

#menu_competence{
	height:24px;
	margin-left:0px;
}

#menu_competence.selected2{
	height:24px;
	background:url(img/fond_menu_competence.jpg) no-repeat;
}

#menu_reference{
	height:24px;
}

#menu_reference.selected2{
	height:24px;
	background:url(img/fond_menu_reference.jpg) no-repeat;
}

#menu_contact{
	height:24px;
}

#menu_contact.selected2{
	height:24px;
	background:url(img/fond_menu_contact.jpg) no-repeat;
}

#menu_acces{
	height:24px;
}

#menu_acces.selected2{
	height:24px;
	background:url(img/fond_menu_acces.jpg) no-repeat;
}

/*******************  bandeau gauche  *******************/

#bandeau {
	width:899px;
	height:205px;
}

#bandeau_gauche {
	width:259px;
	height:205px;
	background:url(img/fond_bandeau_gauche.jpg) no-repeat;
	float:left;
}
#bandeau_gauche_en {
	width:259px;
	height:205px;
	background:url(img/fond_bandeau_gauche_en.jpg) no-repeat;
	float:left;
}

#bandeau_gauche a img {
	margin-left:225px;
}

#bandeau_gauche_en a img {
	margin-left:225px;
}

#ok_cv {
	padding-top: 78px;
}

#ok_emploi {
	padding-top: 62px;
}

#ok_cv_en {
	padding-top: 78px;
}

#ok_emploi_en {
	padding-top: 62px;
}

/*******************  bandeau droite  *******************/

#bandeau_droite {
	float:left;
}

/*******************  rebik  *******************/

#rebik {
	background:url(img/rebik.png) no-repeat;
	height:134px;
	width:92px;
	position:absolute;
	margin-left:807px;
	top:305px;
}

#rebik img{
	float:left;
	margin-left:50px;
}

#picto_index {
	margin-top:32px;
}

#picto_contact {
	margin-top:13px;
}

#picto_salarie {
	margin-top:13px;
}

/*******************  bas bandeau  *******************/

#bas_bandeau {
	background:url(img/fond_bas_bandeau.jpg) no-repeat;
	height:55px;
	width:899px;
}

#bas_bandeau_acces {
	background:url(img/fond_bas_bandeau_acces.jpg) no-repeat;
	height:55px;
	width:899px;
}

#bas_bandeau h1{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 50px;
	position:relative;
	top:18px;
}

#bas_bandeau h2{
	color:#89a0be;
	font-family:"verdana", Verdana;
	font-size:10px;
	font-weight:normal;
	display:inline;
	margin-right: 0px;
	margin-left: 0px;
	position:relative;
	top:18px;
	text-decoration:none;
}

#bas_bandeau h3{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 50px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
}

#bas_bandeau_acces h3{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 50px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
}

#bas_bandeau h4{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 253px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
}

#bas_bandeau h5{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 50px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
}

#bas_bandeau_acces h4{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	margin-right: 20px;
	margin-left: 253px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
}

#bas_bandeau a{
	color:#89a0be;
	text-decoration:none;
}

#bas_bandeau a:hover{
	color:#ffffff;
}

#bas_bandeau a.selected3{
	color:#ffffff;
}

#bas_bandeau img{
	position:absolute;
	height:22px;
	width:80px;
	top:407px;
}

#picto_membre_2{
	width:150px;
	height:15px;
	float:left;
	display:block;
	margin:0 0 0 50px;
	padding-top:65px;
	position:relative;
	z-index:5;
	background: url(img/picto_membre.png) no-repeat;
}

#picto_salarie_2{
	background:url(img/picto_salarie.png) no-repeat;
	width:152px;
	height:15px;
	float:left;
	display:block;
	margin-left: 268px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top:65px;
	position:relative;
	z-index:5;
}

#picto_salarie_2_bis{
	background:url(img/picto_salarie.png) no-repeat;
	width:152px;
	height:15px;
	float:left;
	display:block;
	margin-left: 50px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top:65px;
	position:relative;
	z-index:5;
}

#membre_2 {
	height:223px;
	width:381px;
	margin-left: 50px;
	padding-top: 12px;
	float:left;
}

#membre_2 p {
	color:#c2d6e1;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	line-height: 16px;
	margin-top: 0px;
	position:relative;
	z-index:5;
}

#membre_2 h3{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	display:inline;
	position:relative;
	z-index:5;
}

#membre_2 h3 a{
	color:#b86f7a;
	text-decoration:none;
}

#membre_2 h3 a:hover{
	color:#ffffff;
	text-decoration:none;
}


#salarie_2 {
	height:250px;
	width:381px;
	float:left;
	padding-top: 0px;
	margin-left: 43px;
}

#salarie_2 p {
	color:#c2d6e1;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	line-height: 16px;
}

/*******************  ligne repete  *******************/

/*#ligne_repete{
	background:url(img/fond_repete.jpg) repeat-y;
	height:1px;
	width:899px;
}*/

#texte_general {
	color:#FFFFFF;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:10px 100px 15px 50px;
	line-height: 16px;
	background: url(img/fond_repete.jpg) repeat-y;
	
}

#texte_general_acces{
	color:#FFFFFF;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	margin:0;
	padding:0 200px 0 50px;
	line-height: 16px;
	background: url(img/fond_repete_acces.jpg) repeat-y;
}

#texte_general_membre p {
	color:#FFFFFF;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	line-height: 16px;
	background: url(img/fond_repete.jpg) repeat-y;
	padding:50px 200px 0 50px; 
	margin:0;
}

#texte_general_salarie { }

#texte_general_salarie p {
	color:#FFFFFF;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 50px;
	padding-right: 200px;
	padding-top: 0;
	line-height: 16px;
	background: url(img/fond_repete.jpg) repeat-y;
}

#texte_general_salarie h1 {
	color:#C2D6E1;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 50px;
	padding-right: 200px;
	padding-top: 40px;
	line-height: 16px;
	font-variant:small-caps;
	background-image: url(img/fond_repete.jpg);
	background-repeat: repeat-y;
	
}

/*******************  motif et footer  *******************/

#motif {
	background:url(img/fond_motif.jpg) no-repeat;
	height:335px;
	width:899px;
}

#motif_acces {
	background:url(img/fond_motif_acces.jpg) no-repeat;
	height:179px;
	width:899px;
}

#motif_acces_membre {
	background:url(img/fond_menu_acces_membre.jpg) no-repeat;
	height:179px;
	width:899px;
}

#motif img {
	float:right;
	margin-top: 269px;
	
}

#motif_acces img {
	float:right;
	margin-top: 84px;
}

#motif_acces_membre img {
	float:right;
	margin-top: 114px;
}

#francais {
	margin-right: 32px;
}

#anglais {
	margin-right: 10px;
}

/*******************  espace_choix  *******************/

#espace_choix {
	width:899px;
	height:250px;
	background:url(img/fond_repete_acces.jpg) repeat-y;
}

/*******************  membre  *******************/

#submit_form_choix {
	cursor:pointer;
}

#formulaire_acces {
	padding-left:75px;
	color:#ffffff;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	line-height: 35px;
}

#formulaire_acces img{
	margin-left:112px;
	margin-top: 11px;
}

#identifiant {
	width:250px;
}

#identifiant input {
	float:right;
	margin-top: -28px;
	width:135px;
}



#pass input {
	float:left;
	margin-top:-20px;
	margin-left:130px;
}

#textarea input {
	float:right;
	margin-top: -15px;
}

#identifiant, #password, #nom, #prenom, #telephone, #email, #cp, #ville, #societe, #message {
	margin-bottom:1px;
	width:135px;
}

#message {
	margin-bottom:1px;
	width:246px;
}

/*******************  acces membre  *******************/

#ss_menu {
	padding-top: 15px;
}

#ss_menu h2{
	color:#89a0be;
	font-family:"verdana", Verdana;
	font-size:10px;
	font-weight:normal;
	display:inline;
	margin-right: 0px;
	margin-left: 0px;
	position:relative;
	top:17px;
	text-decoration:none;
	left:0px;
}

#espace_membre {
	width:899px;
	/*height:250px;*/
	background:url(img/fond_repete.jpg) repeat-y;
}

/*******************  boutons acces membre  *******************/

#espace_annonce {
	background:url(img/bouton_espace_annonce.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
	float:left;
}

#espace_annonce:hover {
	background:url(img/bouton_espace_annonce_on.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
}

#espace_saisie {
	background:url(img/bouton_saisie_cv.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
	float:left;
}

#espace_saisie:hover {
	background:url(img/bouton_saisie_cv_on.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
}

#espace_envoi {
	background:url(img/bouton_envoi_cv.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
	float:left;
}

#espace_envoi:hover {
	background:url(img/bouton_envoi_cv_on.jpg) no-repeat;
	width:109px;
	height:112px;
	margin-left: 50px;
	margin-top: 40px;
}

#espace_recherche {
	background:url(img/bouton_documentation.jpg) no-repeat;
	width:110px;
	height:110px;
	margin-left: 50px;
	margin-top: 43px;
	float:left;
}

#espace_recherche:hover {
	background:url(img/bouton_documentation_on.jpg) no-repeat;
	width:110px;
	height:110px;
	margin-left: 50px;
	margin-top: 43px;
}

/**************** contact ****************/

h6{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	margin-right: 20px;
	margin-left: 0;
}

h6 a{
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:18px;
	font-weight:normal;
	margin-right: 20px;
	margin-left: 0;
	text-decoration:none;
}

h6 a:hover{
	color:#ffffff;
}

#formulaire_contact {
	background:url(img/fond_repete.jpg) repeat-y;
	padding-left: 50px;
	color:#b86f7a;
	font-family:"verdana", Verdana;
	font-size:11px;
	padding-top: 40px;
}

input {
	text-align:left;
	width:80px;
	display:block;
}

textarea {
	text-align:left;
	width:80px;
	display:block;
}

/*#formulaire_contact div {
	width:450px;
	height:25px;
	text-align:justify;	
}*/

#submit_form_contact {
	cursor:pointer;
	margin-top:300px;
	display:block;
}

#coordonnes {
	color:#FFFFFF;
	font-family:"verdana", Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	margin-top: -20px;
	line-height: 16px;
	margin-bottom: 0px;
	
}

#div_inscription{
	margin-top:80px;
}

.etape_inscription {
	clear:both;		
}

.link_affmas {
	clear:both;
}
.link_affmas a{
	color:#900;
	font-size:14px;
}
.lienaffmas { color:#309;}

#pass {
	height:30px;
	width:500px;
}
#pass_fonction {
	width:700px;	
}

#passarea {
	height:100px;
}
.zone_texte {
	width:250px;
	height:70px;
	text-transform:capitalize;
}

#formulaire_contact #pass{
	width:500px;
}

#contenu_membre {background-image:url(img/fond_repete.jpg); }
#contenu_membreText {margin-left:35px;padding-top:10px;}

#texte_contenu { background-color:#00CC00; margin-top:-15px;}

#formulaire_inscription {width:800px;}
#formulaire_inscription a{color:#c2d6e1; text-decoration:none; font-weight:bold; font-family:"verdana";}
.ajout {color:#FFF;}
#texte_general a {color:#c2d6e1; text-decoration:none; font-weight:900;}
#texte_general h1 { font-size:14px;}
#menu_salarie {margin-top:40px;}
p a {color:#c2d6e1; text-decoration:none; font-weight:900; }

#pass_acces {width:400px;}

#texte_general .link_ajout {color:#FFF; font-size:12px; font-family:Verdana;}
#texte_general .link_affmas {font-size:14px; font-style:italic; font-family:Verdana;}
.etape {margin-top:20px; margin-bottom:10px;}


/* <-------------------------------MISE EN FORME TABLEAUX ------------------------------------------> */

/* ---- TABLEAU ANNONCE--------------- */
#tab_listAnnonce {border-width:1px; border-style:solid; border-collapse:collapse;}
.tr_listAnnonce { border-width:1px; border-style:solid;}
.td_listAnnonce_metier { border-width:1px; border-style:solid; padding-left:2px; paddin-right:2px; min-width:100px; text-align:center; width:150px;}
.td_listAnnonce_titre { border-width:1px; border-style:solid; padding-left:2px; paddin-right:2px; min-width:100px; text-align:center; width:540px; text-align:center;}
.td_listAnnonce_date { border-width:1px; border-style:solid; padding-left:2px; paddin-right:2px; width:100px; text-align:center;}
.th_listAnnonce_metier {color:#c2d6e1; text-align:center; width:150px;}
.th_listAnnonce_titre {color:#c2d6e1; text-align:center; width:340px; text-align:center;}
.th_listAnnonce_date {color:#c2d6e1; text-align:center; width:100px; text-align:center;}
.td_listAnnonce { width:150px;}
.th_listAnnonce { width:150px;}


/* ---- TABLEAU FICHIER--------------- */
#tab_upfichier {border-width:1px; border-style:solid; border-collapse:collapse;}
.tr_upfichier {border-width:1px; border-style:solid;}
.tr_upfichier:hover {border-width:1px; border-style:solid; background-color:#D7E4EC; color:#8F0914;}
.td_upfichier_titre { border-width:1px; border-style:solid; border-color:#fff; padding-left:2px; padding-right:2px; text-align:center; background-color:#C2D6E1; width:220px; color:#8F0914; font-size:10px; font-weight:bold;}
.td_upfichier_com { border-width:1px; border-style:solid; padding-left:2px; padding-right:2px;text-align:center; width:340px;}



.input_capitalize {text-transform:capitalize;}
.input_masjuscule { text-transform:uppercase;}

#fermeture_session { }
.close_session { float:right;}

#cal-button-2 {width:25px; height:22px}