/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
	height:31px;
	background-repeat:no-repeat;
	margin-bottom:17px;
}
#contenu h1 span {
	display:none;
}
#contenu h1#accueil {
	background-image:url(../images/charte/titre-accueil.gif);
}
#contenu h1#mentions {
	background-image:url(../images/charte/titre-mentions.gif);
}
#contenu h1#contact-titre {
	background-image:url(../images/charte/titre-contact.gif);
}
#contenu h1#presentation {
	background-image:url(../images/charte/titre-presentation.gif);
}
#contenu h1#informatique {
	background-image:url(../images/charte/titre-comp-informatiques.gif);
}
#contenu h1#industrielle {
	background-image:url(../images/charte/titre-comp-industrielles.gif);
}
#contenu h1#tertiaire {
	background-image:url(../images/charte/titre-comp-tertiaires.gif);
}
#contenu h1#savoir-faire {
	background-image:url(../images/charte/titre-savoir-faire.gif);
}
#contenu h1#reseau {
	background-image:url(../images/charte/titre-reseau.gif);
}
#contenu h1#avantages {
	background-image:url(../images/charte/titre-avantages.gif);
}
#contenu h1#conseils {
	background-image:url(../images/charte/titre-conseils.gif);
}
#contenu h1#hommes {
	background-image:url(../images/charte/titre-hommes.gif);
}
#contenu h1#formations {
	background-image:url(../images/charte/titre-formations.gif);
}
#contenu h1#annonces {
	background-image:url(../images/charte/titre-annonces.gif);
}
#contenu h1#candidature {
	background-image:url(../images/charte/titre-candidature.gif);
}
#contenu h1#qualisnet {
	background-image:url(../images/charte/titre-qualisnet.gif);
}
#contenu h1#collaborateur {
	background-image:url(../images/charte/titre-collaborateur.gif);
}
#contenu h1#client {
	background-image:url(../images/charte/titre-espace-client.gif);
}
#contenu h1#actualites {
	background-image:url(../images/charte/titre-actu.gif);
}
#contenu h1#recrutement-annonces {
	background-image:url(../images/charte/titre-recrut.gif);
}



#contenu ul{
	margin:20px 0 20px 15px;
}
#contenu li{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#C11449;
	letter-spacing:1px;
	margin:10px 0 10px 10px;
	background:url(../images/charte/puce.gif) no-repeat;
	padding-left:25px;
	list-style:none;
}

#contenu h2{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#99042e;
	letter-spacing:1px;
	margin:20px 10px 15px 10px;
	border-bottom:1px dotted #9c9d9f;
}
#contenu p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333;
	margin:7px 10px;
	font-size:1.1em;
	line-height:1.4em;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#666;
}
#contenu p.couleur2, .couleur2{
	font-weight:bold;
	color:#99042E;
}
#contenu p.sous-titre, .sous-titre{
	font-size:1.3em;
	margin:0px 10px 25px 10px;
	/*color:#99042E;*/
}
#contenu p.petit, .petit{
	font-size:1.0em;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color:#99042e;
}
#contenu a:hover, #contenu a:active{
	text-decoration:underline;
	color:#666;
}
#contenu input{
	background-color:#E9E9EA;
	border:1px solid #D85882;
	font:Arial, Helvetica, sans-serif;
}
#contenu textarea{
	background-color:#E9E9EA;
	border:1px solid #D85882;
	font:Arial, Helvetica, sans-serif;
}
#contenu select{
	background-color:#E9E9EA;
	border:1px solid #D85882;
	font:Arial, Helvetica, sans-serif;
}
#contenu .image-gauche{
	float:left;
	margin-right:15px;
	margin-left:10px;
}
#contenu .image-gauche2{
	float:left;
	margin-right:15px;
}


/* STYLE FOOTER */
#footer p{
font:normal 1em Arial, Helvetica, sans-serif;
color:#d8b4bd;
text-align:left;
/*letter-spacing:1px;*/
padding:14px 0 0 10px;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#d8b4bd;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}



/*------------- STYLE DE LA PAGE Accueil ------------*/

#contenu .plusinfos-accueil {
	font-size:1.5em;
	width:350px;
	margin:30px auto;
	text-align:center;
}


/*------------- STYLE DE LA PAGE QUALIS TRAVAIL TEMPORAIRE ------------*/

#contenu .plusinfos-tempo {
	font-size:1.3em;
	width:500px;
	margin:30px auto;
	text-align:center;
}


/*--------------STYLE DE LA PAGE COMPETENCES INFORMATIQUES --------------*/

#comptences-infos label{
	float:left;
	width:150px;
	font-weight:bold;
}

/*------------- STYLE DE LA PAGE CONSULTER LES ANNONCES ------------*/

.bloc-annonce{
	float:left;
	width:500px;
	border-bottom:1px dotted #9c9d9f;
	margin:15px 0;
	background:url(../images/charte/puce.gif) no-repeat;
	padding-left:25px;
}
#contenu .bloc-annonce p{
	margin-top:0;
}

/*------------- STYLE DE LA PAGE FICHE ANNONCE ------------*/

#fiche-annonce label{
	font-weight:bold;
	font-size:1.1em;
}



/*------------- STYLE DE LA PAGE CANDIDATURE ------------*/

#deposer-candidature {
	width:500px;
}
#deposer-candidature label{
	float:left;
	width:200px;
}
#deposer-candidature #langues label{
	width:70px;
	margin-left:130px;
}
#contenu #deposer-candidature .ajouter{
	text-align:center;
	width:450px;
}
#contenu #deposer-candidature .sous-titre{
	font-size:1.1em;
}
#deposer-candidature input{
	width:150px;
}
#deposer-candidature textarea{
	width:150px;
}
#deposer-candidature select{
	width:150px;
}

#deposer-candidature #langue{
	/*border:1px dashed #999999;*/
	width:215px;
	margin-left:135px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
}
#deposer-candidature #langue label{
	width:auto;
	margin-right:3px;
	font-size:11px;
}




/*---------- STYLE DE LA PAGE CREATION DU COMPTE --------*/

#bloc-espace-compte{
	float:left;
	margin-right:15px;
	width:348px;
	border:1px dotted #9c9d9f;
	padding:5px;
}
#bloc-espace-compte label{
	width:180px;
	float:left;
}
#bloc-espace-compte .bouton{
	background-color:#E01557;
	float:right;
	color:#fff;
	width:80px;
}
#bloc-espace-compte h2{
	margin-top:0;
	margin-bottom:15px;
}



/*------------- STYLE DE LA PAGE QUALIS NET ------------*/

#bloc-espace-gauche{
	float:left;
	margin-right:15px;
	width:300px;
	height:150px;
	border:1px dotted #9c9d9f;
	padding:5px;
}

#bloc-espace-droite{
	float:left;
	width:300px;
	height:150px;
	border:1px dotted #9c9d9f;
	padding:5px;
}
#bloc-espace-gauche h2, #bloc-espace-droite h2{
	margin-top:0;
	margin-bottom:15px;
}
#bloc-espace-gauche label, #bloc-espace-droite label{
	width:110px;
	float:left;
}
#bloc-espace-gauche .bouton, #bloc-espace-droite .bouton{
	background-color:#E01557;
	float:right;
	margin-right:25px;
	color:#fff;
	width:80px;
}
#bloc-espace-gauche input, #bloc-espace-droite .input{
	width:150px;
}


/*------------- STYLE DU Menu Client et Collaborateur------------*/

#menu-espace-perso{
	float:left;
	width:229px;
	margin:60px 0 0 10px;
	/*border:1px solid red;*/
}
#menu-espace-perso p{
	text-align:right;
	margin:15px 0;
}
#menu-espace-perso p a{
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#99042E;
	font-weight:bold;
	text-decoration:none;
}
#menu-espace-perso p a:hover{
	text-decoration:underline;
}
#menu-espace-perso a img{
	border:none;
}
#menu-espace-perso .pas-de-lien{
	margin-bottom:0;
}
#menu-espace-perso .sous-menu{
	margin:3px 0 0 0;
}
#menu-espace-perso .sous-menu a{
	color:#C49AA6;
}


/*------------- STYLE DE LA PAGE Collaborateurs ------------*/

#contenu h2#collabo-titre{
	margin-bottom:25px;
}

#form-collaborateur label{
	float:left;
	width:110px;
}
#form-collaborateur #bouton{
	margin-left:110px;
}

#legende-conges{
	margin-top:30px;
	height:30px;
}
#legende-conges p{
	float:left;
	/*border:1px solid red;*/
	margin:5px 10px 0 15px;
}
#resume-conges p{
	background-color:#CCCCCC;
}
#resume-conges label{
	float:left;
	width:200px;
	font-weight:bold;
}

#demande-conges-form {
	margin-top:20px;
}
#demande-conges-form label{
	float:left;
	width:150px;
	color:#666666;
	font-weight:bold;
}
#types-conges {
	margin-left:40px;
}

#archives-semaine{
	margin-left:15px;
	margin-bottom:25px;
}
#formulaire-mois{
	font:normal 1.2em Arial, Helvetica, sans-serif;
}
#formulaire-mois textarea{
	width:110px;
	font:normal 1.1em Arial, Helvetica, sans-serif;
}
#formulaire-mois select{
	width:80px;
	font:normal 1.1em Arial, Helvetica, sans-serif;
}


/*--------  PAGE form_note_frais --------*/

.cadre {
	font:normal 1.1em Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	margin:5px 50px 5px 50px;
	border:#CCCCCC solid 1px;
}
.input_textarea {

	border:#CCCCCC solid 1px;
	width:98%;	
}

#table-notefrais{
	width:100%;
}
#table-notefrais th{
	background-color:#C5144A;
	color:#fff;
}
#table-notefrais td{
	background-color:#CCCCCC;
	padding:2px;
}



/*------------- STYLE DE LA PAGE Client ------------*/

#contenu h2#client-titre{
	margin-bottom:25px;
}
#validation-client p{
	border-bottom:1px dashed #999999;
	width:600px;
	float:left;
	padding-bottom:5px;
}
#validation-client span{
	float:left;
	display:block;
}

#validation-client a img{
	border:none;
	float:right;
}


#validation-client-form p#titre-feuille{
	border-bottom:1px dashed #999999;
	padding-bottom:5px;
}

#calendrier-gauche{
	width:250px;
	float:left;
	font:normal 1.1em Arial, Helvetica, sans-serif;
	margin:15px 35px 15px 10px;
	border-right:1px solid #990033;
}
#calendrier-droite{
	width:250px;
	float:left;
	font:normal 1.1em Arial, Helvetica, sans-serif;
	margin:15px 0;
}
#validation-form-checkbox{
	margin:20px 0 0 0;
}




/*------------- STYLE DE LA PAGE Contact ------------*/

#formulaire-gauche{
	width:290px;
	border-right:1px dashed #CCCCCC;
	padding-right:45px;
	margin-right:45px;
	float:left;
}

#formulaire-droite{
	width:250px;
	float:left;
}
#contenuTexte #formulaire-droite p{
	font-size:1.1em;
	text-align:justify;
}

#contenu #formulaire-droite .color{
	margin-bottom:10px;
}
#contenu #formulaire-droite .plan-acces{
	margin:10px 0;
}

#formulaire-gauche input{
	background:none;
	border:1px solid #D85882;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}
#formulaire-gauche textarea{
	width:150px;
	border:1px solid #D85882;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#formulaire-gauche select{
	background-color:#D85882;
	border:none;
	color:#666666;
}
#formulaire-gauche .boutons{
	padding-left:130px;
}
*html #formulaire-gauche .boutons{
	padding-left:133px;
}
#contenu #formulaire-gauche .boutons input{
	width:74px;
}
#contenu #formulaire-gauche p{
	margin:5px 0;
}
#formulaire-gauche label{
	width:130px;
	float:left;
}
#contenu #formulaire-droite h2{
	margin-top:20px;
}
#contenu #formulaire-droite p.plan{
	margin-top:20px;
}#contenu #formulaire-gauche p.intro-contact{
	margin-bottom:20px;
}
.obligatoire{
	color:#FC4921;
}