/**
 * screen.css
 * styles d'affichage à l'écran
 * @auteur: WAHL Stéphane
 * @Date de création: 06/03/2008 
 * @Date de modification: 06/03/2008 
 */

/*@import "layout.css";*/

@import "formstyle.css";
@import "onglet.css";
@import "ficheproduit.css";
@import "starrating.css";

.pucevert{
	background-image: url(../images/puces/pucevert.png);
	background-repeat: no-repeat;
	font-weight: bolder;
	font-size: 1em;
	padding-left: 15px;
}

body {
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	color: #696969;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	background: #FCFAE6 url(../images/fond/fondentete.png) 0 0 repeat-x;
	
}

img {
	border-width: 0px
}

a {
	text-decoration: none;
}

a:active {
	color: #708090; /*slateGray*/
}

a:hover {
	color: #808080; /*Gray*/
}

a:link {
	color: #696969;
}

a:visited {
	color: #808080; /* dimGray */
}

a.lien_ext {

}

a.lien_ext:after {
	content: "\0000a0[\2197]";
	color: #b22222;
	font-weight: bold;
}

a.selectableItem:link, a.selectableItem:active, a.selectableItem:visited{
display:block;
padding:2px;
margin:1px;
}
a.selectableItem:hover{
	background-color: #8FBC8F;
	color: Green;
}

#entete {font-size:1em}
#contenu {font-size:1.3em}
#piedpage {font-size:0.9em}

h1 {font-size:2em}  /* affiché en 24px */
h2 {font-size:1.8em}  /* affiché en 18px */
h3 {font-size:1.6em}  /* affiché en 15px */
h4 {font-size:1.4em}  /* affiché en 12px */

label {
	float: left;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	vertical-align: middle;
	width: 180px;
}

fieldset p {
	height: auto;
	margin:0px 0px 5px 0px;
	text-align: justify;
}

fieldset {
	-moz-border-radius:6px;
	border: hidden;
}

fieldset#domaine_competence,
fieldset#experience_part,
fieldset#education_formation,
fieldset#competence_linguistique,
fieldset#competence_informatique,
fieldset#autres_expertises, 
fieldset#info_utiles, {
	border:solid;
}



/* Entête -------------------------------------------------------------*/
#entete, #piedpage, #contenu {
	margin:0pt auto;
	min-width:800px;
	width:90%;
}

#entete {
display: none;
}

.descGretanet {
display: none;
}

#logo {
	float: left;
	margin: 0px 0px -30px 0px;
	padding: 0px 0px 0px 0px;
}

#headerflag {
display: none;
}

#connexion {
display: none;
}

#connexion img {
display: none;
}

/* Menu --------------------------------------------------------------*/
#menu {
display: none;
}

.menuenligne li {
display: none;
}


/* Footer -------------------------------------------------------------*/
#piedpage {
display: none;
}

.clear {
	clear: both;
}

/* Contenu ------------------------------------------------------------*/
#milieu {
	/*width: 100%;*/
	/*background-color: #FCFAE6;*/
	margin:auto;
	padding:0 5px;
	position:relative;
	width:90%
}

#contenu {
	/*background: ##FCFAE6;*/
	padding: 20px 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

#formform {
	padding: 20px 0px 20px 0px;
}



/* Sortable tables */
#contenu table {
	border-collapse:collapse; /*supprime l'espace entre les cellules */
}

#contenu table.sortable th {
	background-color: Gray;
	border-color: Gray;
	border-right-color: white;
	border-style: solid;
	border-width: 1px;
	color: White;
	font-weight: bold;
	padding: 5px;
}

#contenu table.sortable td {
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 0px 2px;
}

#contenu table.tableau {
	text-align: center;
}

#contenu table.sortable th.dercell {
	border-right-color: Gray;
	border-style: solid;
	border-width: 1px;
}

#contenu table.tableau th{
	background-color: gray;
	border-color: Gray;
	border-right-color: white;
	border-style: solid;
	border-width: 1px;
	color: white;
	width: 400px;
}

#contenu table.tableau td{
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 0px 2px;
}

#contenu table.tableau th.dercell {
	border-right-color: Gray;
	border-style: solid;
	border-width: 1px;
}

#contenu table td.tdDel {
	border: none;
}

#contenu table td.tdDel span.btnDel {
	margin:0px;
}

#contenu table th.cellvide {
	background: transparent;
	border: none;
}

#tableau_aptitudes {
	width: 600px;
}

/*---------- Messages ---------------*/
.avertissement {
	background-color: #FFD9AA;
	background-image: url(../images/boutons/avertissement.png);
	background-repeat: no-repeat;
	border-style: dashed;
	border-width: 1px;
	color: orange;
	margin: 10px 0px;
	padding: 10px 0px 5px 45px;
	width: 33em;
}

.erreur {
	background-color: #F5CECE;
	background-image: url(../images/boutons/erreur.png);
	background-repeat: no-repeat;
	border-style: dashed;
	border-width: 1px;
	color: #B22222;
	padding: 10px 0px 5px 45px;
	width: 33em;
}

.reussite {
	background-color: #CCFFCC;
	background-image: url(../images/boutons/reussite.gif);
	background-repeat: no-repeat;
	border-style: dashed;
	border-width: 1px;
	color: Green;
	margin: 20px 10px 0px 5px;
	padding: 10px 0px 5px 45px;
	width: 33em;
}

.fondgris {
	background-color: Gray;
	color: White;
}

.detailformation {
	margin-left: 160px;
}

.detail {
	margin-left: 190px;
}

.conseil {
	margin: 0px 0px 20px 0px;
}

.vide {
	border: none;
	border-style: none;
}

.fp {

}

.sdomaine_info {
	width: 250px;
}

.h1 {
	display: none;
}

.cv {
	margin: -20px 0px 0px 0px;
	text-align: right;
}

#contenu h1 {
	color: #228B22;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#contenu h2 {
	font-size: medium;
	margin: 0px;
	padding: 5px;
}

#contenu h3 {
	color: #228B22;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: small;
}

#cartealsace {
	margin-left: 25px;
	margin-top: 30px;
}

#quote {
	background-image: url(../images/pages/guillemet1.png);
	background-repeat: no-repeat;
	float: left;
	height: 15em;
	margin-top: 5em;
	width: auto;
}

#texteintro {
	float: left;
	margin: 0px 0px 0px 30px;
	width: 18em;
}

#texteintro h1 {
	font-size: 3em;
	font-variant: small-caps;
}

#texteintro h2 {
	font-size: 2em;
}

#gretaleft {
	margin: 10px 0px 20px 0px;
	width: 50em;
}

#gretaright {
	float: right;
	width: 18em;
}

#gretacarte {
	margin: 10px 0px;
}

#textegreta, #actualites {
	clear: both;
	/*background-color: #B22222;*/
	border-color: #B22222;
	border-style: solid;
	border-width: 1px;
	/*color: White;*/
	width: 18em;
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 5px;
}


#textegreta h1, #actualites h1 {
	color: #B22222;
	text-align: center;
}

#textegreta ul, #actualites ul{
	padding-left: 20px;
}

#textegreta li {
	list-style-image: url(../images/puces/pucerouge.png);
	text-align: left;
}

#actualites li{
	list-style-image: url(../images/puces/flecherouge.png);
	text-align: left;
}

#offres {
	float: left;
}

#offres h2 {
	text-align: center;
}

#formdiplo, #bilancomp, #formquali, #reseaugreta, #ingeform, #formpro, #formgene, #vae, #gip {
	border-style: solid;
	border-width: 1px;
	float: left;
	height: 14em;
	width: 15.4em;
	margin: 2px;
	padding: 5px;
	/*background-color: #BDB76B;*/
}

#reseaugreta {
	background-color: #B22222;
	color: White;
	text-align: center;
	float: left;
	margin: 2px 2px 2px 2px;
}

#reseaugreta h1 {
	color: White;
	margin: 0px;
}

#intro_formreg {
	margin:10px 0px 10px 0px;
	width:68em;
}

#intro_formreg_left {
	float: left;
	height:150px;
	margin: 0px 10px 0px 0px;
}

#intro_formreg_milieu {
	margin: 0px 10px 0px 10px;
}

#intro_formreg_right {
	float: right;
	height:150px;
	margin: 0px 0px 0px 10px;
}

.bold16 {
	font-weight: bold;
	font-size: 16px;
}

.bold20 {
	font-weight: bold;
	font-size: 20px;
	margin: 30px 0px 0px 0px;
}

#formdiplo {
	
}

#bilancomp {

}

#formquali {

}

#ingeform {

}

#formpro {

}

#formgene {

}

#vae {

}

#gip {
	text-align: center;
}

#greta {
	list-style: none;
	float: left;
	margin: 20px 0px 0px 0px;
	width: 50em;
}

#GNA, #GSE, #GCA, #GHA {
	float: left;
	list-style: none;
	margin: 0px 5px 25px 0px;
	width: 24em;
}

#GNA ul, #GSE ul, #GCA ul, #GHA ul {
	margin: 10px 0px 0px 0px;
	padding-left: 0px;
}

#GNA li, #GSE li, #GCA li, #GHA li {
	list-style: none;
	margin: 0px;
}

.tel, .fax, .mel, .www {
	background-repeat: no-repeat;
	padding-left: 25px;
}

.tel {
	background-image: url(../images/pages/tel.png);
}

.fax {
	background-image: url(../images/pages/fax.png);
}

.mel {
	background-image: url(../images/pages/mel.png);
}

.www {
	background-image: url(../images/pages/www.png);
}

.normal {
	color: Black;
	font-size: 12px;
}

.float {
	margin: -30px 0 0 0;
}

.float_none {
	float: none;
}

.center {
	text-align: center;
}

.justify {
	padding: 0px 5px 0px 0px;
	text-align: justify;
}

.left {
	text-align: left;
}

.left400 {
	text-align: left;
	width: 400px;
}

.right {
	text-align: right;
}

.width10 {
	width: 10px;
}

.width20 {
	width: 20px;
}

.width50 {
	width: 50px;
}

.width100 {
	width: 100px;
}

.width200 {
	width: 200px;
}

.width300 {
	width: 300px;
}

.width400 {
	width: 400px;
}

.width500 {
	width: 500px;
}

.width600 {
	width: 600px;
}

.fieldsetright {
	display:none;
}

.intitule {
	margin: -20px 0px 0px 80px;
	text-align: center;
	width: 600px;
}

.intro {
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

.imgpdf {
	display: none;
}

#contact fieldset {
	background-image: url(../images/boutons/contact.png);
	background-position: right;
	background-repeat: no-repeat;
}

#contenu #ficheproduit h2 {
background-image:url(../images/puces/pucevert.png);
background-repeat:no-repeat;
font-size:1em;
margin:0;
padding:0 0 0 15px;
}

/* catalogue */

#catalogue {
	background-image: url(../images/pages/crochets.png);
	background-repeat: no-repeat;
	background-position: right;
}

#legal a {
	text-decoration: underline;
}

#formations h2.bold {
	font-size: 22px;
	font-weight: bold;
}

#formations h3.rouge {
	color: #B22222;
	font-size: 18px;
	font-weight: bold;
}

#formations div.bloc {
	border-style: dotted;
	border-width: 1px;
	float: left;
	margin: 0px 5px 5px 0px;
	width: 22em;
}

#blocformations {
	width: 60em;
}

#formations div.blocform {
	border-style: dotted;
	border-width: 1px;
	float: left;
	height: 15em;
	margin: 0px 5px 5px 0px;
	text-align: center;
	width: 18em;
}

#formations div.blocform p {
	float: right;
	margin: 2em 0 0 0;
	vertical-align: bottom;
}

#formationsregion div.intro {
	float: left;
	margin: 2em 0 0 0;
	vertical-align: bottom;
}

#dispositifs {
	margin: 0px 5px 0px 0px;
	width: 58em;
}

#dispositifs #centreindividualise {
	float: left;
	margin: 0px 5px 0px 0px;
	width: 25em;
}

#dispositifs #atelierbureautique {
	float: left;
	margin: 0px 5px 0px 0px;
	width: 32em;
}

#centrelangue {
	margin: 0px 5px 0px 0px;
	width: 30em;
}

#dispositifs h2, #centrelangue h2, #APP h2 {
	color: #B22222;
}

#APP {
	margin: 0px 5px 0px 0px;
}

#adressesAPP {
	margin: 0px 5px 0px 0px;
	width: 61em;
}

#adressesAPP div li{
	list-style: none;
	margin: 0px 0px 0px -40px;
}

#adressesAPP div{
	float: left;
	width: 20em;
}

#vaelong, #bilan {
	width: 45em;
}

#vaelong h2, #bilan h2 {
	color: #B22222;
	margin: 0px;
	text-align: left;
}

#vaelong li, #bilan li {
	list-style-image: url(../images/puces/fleche.gif);
}

#vaelong p, #bilan p {
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#vaelong p.dispositif {
	font-weight: bold;
}

#vaelong ul.lien li {
	list-style-image: url(../images/puces/pucerouge.png);
}

#vaeadresse, #bilanadresse {
	border-color: #B22222;
	border-style: solid;
	border-width: 1px;
	float: right;
	padding: 5px;
	width: 15em;
}

#vaeadresse h3 a {
	color: #006400;
}

.stitre {
	color: #000;
	font-weight: bold;
}

ul.pucerouge li {
	list-style-image: url(../images/puces/pucerouge.png);
}

#bilan ul.pucerouge li {
	list-style-image: url(../images/puces/pucerouge.png);
}

.rouge {
	color: #B22222;
}

p.savoirplus a {
	background-color: #B22222;
	color: #FFF;
	float: right;
	font-size: 11px;
	margin: 5px 5px 5px 0px;
	padding: 0px 5px 0px 5px;
}

#formreg fieldset {
	width: 800px;
}

#formreg label {
	width: 100px;
}

/* Admin ------------------------------------------------------------*/

#boxlogin {
	background-image: url(../images/boutons/lock.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 10px 10px 10px 30px;
	padding: 10px 10px 10px 20px; 
	width: 25em;
}

.soustitre {
	display: block;
	text-align: center;
}

#retour a {
	background-image: url(../images/boutons/retour.png);
	background-position: top;
}

#retour a:hover {
	background-image: url(../images/boutons/retourhover.png);
}

#gerercoord a {
	background-image: url(../images/boutons/gerercoord.png);
	background-position: top;
}

#gerercoord a:hover {
	background-image: url(../images/boutons/gerercoordhover.png);
}

#gererstagiaires a {
	background-image: url(../images/boutons/gererstagiaires.png);
	background-position: top;
}

#gererstagiaires a:hover {
	background-image: url(../images/boutons/gererstagiaireshover.png);
}

#gerercandidatures a {
	background-image: url(../images/boutons/gerercandidatures.png);
	background-position: top;
}

#gerercandidatures a:hover {
	background-image: url(../images/boutons/gerercandidatureshover.png);
}

#gerervoeux a {
	background-image: url(../images/boutons/gerervoeux.png);
	background-position: top;
}

#gerervoeux a:hover {
	background-image: url(../images/boutons/gerervoeuxhover.png);
}

#gererstages a {
	background-image: url(../images/boutons/gererstages.png);
	background-position: top;
}

#gererstages a:hover {
	background-image: url(../images/boutons/gererstageshover.png);
}

input[type="checkbox"] {
display: none;
}

input[type="button"] {
display: none;
}

input[type="submit"] {
display: none;
}


/* --------------Fieldset Actualites -------------------*/
#actu label, #form_actu label {
	margin: 0px 0px 5px 0px;
	width: 80px;
}

#actu p, #form_actu p, #actu div, #form_actu div {
	margin: 0px 0px 5px 90px;
}

/* --------------Fieldset Etat Civil -------------------*/
#pers_etat_civil label,#form_etat_civil label {
	margin: 0px 0px 5px 0px;
	width: 120px;
}

#pers_etat_civil p,#form_etat_civil p {
	margin: 0px 0px 5px 130px;
}

#form_donnees label {
	margin: 0px 0px 5px 0px;
	width: 180px;
}

#form_donnees p {
	margin: 0px 0px 5px 190px;
}

#cv_etat_civil label.colonne2 {
	margin: -23px 0px 5px 360px;
	width: 200px;
}

#cv_etat_civil p.pcolonne2 {
	margin: -23px 0px 5px 570px;
}

/* --------------Fieldset Emploi -------------------*/
#emploi label {
	width:100px;
}

#emploi p {
	margin: 0px 0px 5px 110px;
}

#emploi label.colonne2 {
	margin: -23px 0px 5px 360px;
	width: 200px;
}

#emploi p.pcolonne2 {
	margin: -23px 0px 5px 570px;
}

/* --------------Fieldset Expériences -------------------*/
#experience_prof div {
	margin: 4px 0px;
}

#experience_prof label {
	margin: 0px 0px 0px 30px;
	width: 30px;
}

#experience_prof .exp_intitule {
	font-weight: bold;
	margin: 0px 0px 0px 30px;
}

#experience_prof .exp_precision {
	margin: 0px 0px 0px 30px;
}

/* --------------Fieldset Formations -------------------*/
#education_formation div {
	margin: 4px 0px;
}

#education_formation label {
	margin: 0px 0px 0px 30px;
	width: 30px;
}

#education_formation .educ_form_intitule {
	font-weight: bold;
	margin: 0px 0px 0px 30px;
}

#education_formation .educ_form_precision {
	margin: 0px 0px 0px 30px;
}

/* --------------Fieldset Référence Langues -------------------*/
#fieldset_ref_langues  {
	background: white;
	margin: 4px 0px;
	width: 490px;
}

#fieldset_ref_langues  table.tableau  th{
	width: 30px;
}

#fieldset_ref_langues  table.tableau  td{
	text-align: justify;
}

/*----------------------- InfoBulle -------------------------*/
a.bulle {
    position:relative;
    color:#396a86;
    text-decoration:none;
}
   
a.bulle:hover {
    background: none;
    z-index: 50;
}
   
a.bulle span {
    display: none;
}
   
a.bulle:hover span {
	display: block;
	position: absolute;
	top: -250px;
	left: -400px;
	font-weight: normal;
	width: 500px;
}
/* ---------------------------fin InfoBulle ---------------------------*/
/* Bouton Del */
.btnDel {
	border: none; 
	color: #000000; 
	cursor: pointer;
	float: right;
	margin: -18px 0px 0px 0px;
	height: 15px;
	width: 15px;
}

.btnDel {
	background: url(../images/boutons/remove_pdada.gif) 0px;
}
.btnDel:hover {
	background: url(../images/boutons/remove_pdada.gif) 0px 0px;
}

.btnDel_apt {
	border: none; 
	color: #000000; 
	cursor: pointer;
	float: right;
	margin: -18px 0px 0px 0px;
	height: 15px;
	width: 15px;
}

.btnDel_apt {
	background: url(../images/boutons/remove_pdada.gif) 0px;
}
.btnDel_apt:hover {
	background: url(../images/boutons/remove_pdada.gif) 0px 0px;
}