/* ######### CSS PARROT ######## */





h6 {
color:#ffffff;
font:13px courrier,arial,georgia,helvetica;
font-weight:bold;
display:block; padding:0px ; margin:0px;
padding:0px ; 
marging:0px;
background-image:url(zwo_info/css/images/parrot/title_background.jpg);
background-repeat:no-repeat;
border-top:0px solid #efefef;
border-bottom:0px solid #E080BD;
border-right:none;border-left:none;
}




div#back_bleu {
  background-image: url(zwo_info/css/images/parrot/background-bleu.gif);
  background-repeat: repeat;
  width: 150px;
  height: 80px;
  padding: 10px;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
}

fieldset {border:1px solid #a7a9ac;margin:0px;} 
fieldset legend {color:#OOOOOO; font-weight:bold; font-family:courrier,sans-serif,verdana,arial,times;} 
fieldset div {margin :0px; padding:0px;}


#produitsSelection ul {
	width:118px;
	height:150px;
	overflow:auto;
	margin:0;
	padding:0 0 8px 30px;
	color:black;
	border:0px solid #A7A9AC;
}
#produitsSelection li, #produitsSelection li.puceSansLien {
	list-style-type:square;
	font-size:10px;
	color:black;
}

#produitsSelection li.puceSansLien {
	list-style-type:none;
	font-weight:bold;
	margin:3px 0 0 -20px;
	color:black;
}
#produitsSelection li a {
	color:black;
	margin:0;
	font-size:0.85em;
}
#produitsSelection li a:hover {
	text-decoration:none;
	color:#a60725;
}



	LE MENU NAVIGATION HAUT
******************************/
#nav {
	position:absolute;
	width:100%;
	top:76px;
	left:0;
	list-style:none;
	background-color:#a60725;
	font-size:0.8em;
	padding:0;
	margin:0;
	z-index:100;
}
#nav li {
	float:left;
	padding:0;
	margin:0;
}
#nav a, #nav a.lienHome {
	width:140px;
	display:block;
	text-decoration:none;
	padding:2px 0 2px 0;
	margin:0;
	background-color:#a60725;
	border-left:1px solid white;
	color:white;
	font-weight:bold;
	text-align:center;
}
#nav a.lienHome {
	background-color:#009950;
	color:white;
	border-left:none;
	width:100px;
}
#nav ul {
	position:absolute;
	left:-999em;
	padding:0 0 3px 0;
	margin:0;
	list-style:none;
	background-color:white;
	border-width:0 1px 1px 1px;
	border:solid #a60725;
}
#nav ul li {
	float:none;
	padding:0;
	margin:0;
}
#nav ul li a {
	padding:3px 0 3px 6px;
	margin:0;
	font-weight:normal;
	font-size:0.8em;
	color:black;
	background-color:white;
	text-align:left;
	width:134px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
	margin:0;
	padding:0;
}
#nav ul li a:hover {
	background-color:#a60725;
	color:white;
}


/*

/* ######### FIN CSS PARROT ######## */



/* ######### redéfinitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family: arial,verdana,sans-serif;
font-size:11px;
color:black;
}

/* style des cellules de titre */
th {
font-family: arial,verdana,sans-serif;
font-size:small;
color:black;
border-bottom:1px solid #131313;
border-top:0px solid #131313;
#background:#B3C9E0;
}

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {
   background:#cc6666 !importante;   
}

a:link {
font-size:12px;
text-decoration:none;
font-weight:bold;
}

a:visited {
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a:hover {
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#131313;
}

h5 em {
color:black;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
background: #e0efff;
color:#131313;
border: 1px solid #131313;
}

strong {
color:black;
font-size:medium;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
background: #ffffff;
padding: 2;
margin: 3;
border-width: 2;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}

label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont alignés à droite... ***/
line-height: 1.6;
margin: 0;
padding: 0;
}

label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
font-family:arial;
color:#FFFFFF;
font-weight:bold;
}
h1 {
font-size:14px;  
padding-left :5px;
margin:0px;

}

h2 {
padding-left:0px;
font-size:18px;
color:#000000;
}

h3 {
color:#000000;
font-size:14px;
font-variant:small-caps;
border-bottom:0px solid #131313;
}

h4 {
font-family:arial,verdana,sans-serif;
color:#999999;
font-size:12px;
font-weight:bold;
border-bottom:0px solid #131313;
}

h5 {
font-variant:small-caps;
color:#7A7C7F;
}


/* Style des listes */

ul {
	margin:3px 0 10px 20px;
	list-style:none;
	padding:0;
	background-color:white;
}

li {
	list-style-type:square;
	color:#000000;
	font-size:11px;
	margin:0;
	padding:0;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais légèrement différente 
du background de page : voir forum pour tester */
background:#eaf4ff;
}
.alternate_backgroundr {
	/* utiliser ici une couleur proche mais l?g?rement diff?rente 
du background de page : voir forum pour tester */
	background: Green;
}
.alternate_background2 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background : voir calendrier pour tester */
background:#CDD6E0;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background2 : voir calendrier pour tester */
background:#f4f9ff;
}

.flashy_background a {
color:white;
}

.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
background:#88AADD;
}

/* Style alternatif des éléments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}
/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:4px;
display:block;
}

.news_history a ,.news_history a:link ,.news_history a:visited {
display:block;
clear:both;
font-size:10px;
font-family:verdana;
font-weight:bold;
color:#797F83;
background-image:url(zwo_info/css/images/fl-bleu.gif );
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
width:auto;
padding-top:3px;
padding-bottom:3px;
text-align:left;
}

.news_history a:hover{
text-decoration:none;
color:#73144A;}

.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_ad.gif );
}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_new.gif );
}

/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;


/*module emploie*/

.stag_vip{
margin:4px;
border:1px  solid #ccc;border-bottom:0px;border-left:0px;
background-color:#BFD4BD;
background-image:url(zwo_info/css/images/fond_inter.gif);
background-position:bottom left;color:#000;
background-repeat:repeat-x;
padding-bottom:20px;
}



.stag_vip div {
padding:0px 3px 3px;
}
.stag_vip h5 {
color:#000;
}

.stag_vip table{
width:100%;
}

.stag_vip form {
padding 0px ;
margin:0px;
}
.stag_vip div.row span.label {
	padding-right: 10px;
	float: left;
	width: 100px;text-align:left;

}

.region {
width:130px

}


.choice{

float:left; text-align:right;
}
div.choice a.post,div.choice a.post:link,div.choice a.post:visited{
background-image:url(zwo_modules/offres_emploi/postuler.gif);
width:80;
height:19;
background-repeat:no-repeat;
float:right;
display: block;

margin-right:5px;
margin-top:10px;
overflow:hide;
}
div.choice a.post_en,div.choice a.post_en:link,div.choice a.post_en:visited{
background-image:url(zwo_modules/offres_emploi/postuler_en.gif);
width:80;
height:19;
background-repeat:no-repeat;
float:right;
display: block;

margin-right:5px;
margin-top:10px;
overflow:hide;
}


div.choice a.site,div.choice a.site:link,div.choice a.site:visited{
background-image:url(zwo_modules/offres_emploi/gosite.gif);
width:80;
height:19;
background-repeat:no-repeat;
float:right;
display: block;
margin-right:5px;
margin-top:10px;
overflow:hide;
}

div.choice  a:hover{
background-position:0 -21;
}

.stag_vip .choice_job{
background-color:#C8DCC8;
border:#979799 solid 2px;
width:180px;
margin-top:23px;
}



a.back,a.back:link ,a.back:visited 
{
text-decoration:none;

background-image:url(zwo_info/css/images/fleche_back.gif);

background-repeat:no-repeat;
background-position:3px 3px;
padding-left:14px;
margin-top:5px;
}
 em.missing_data {
margin:5px;color:ff3300 ;padding-bottom:5px
}

div.read_offre ,tr.read_offre{
background-color:#1E3928;
padding-bottom: 2px;
padding-top: 4px;

width:auto;
font-weight:bold;
color:#fff ;
}


tr.read_offre td {
border-bottom:#333 solid 1px;

padding:2px 3px;

color:#fff ;
font-size:10px;
}

div.read_offre td{
color:#fff;
}

.read_offre a{
	color: white;
}

.line-offre {
border-bottom:1px solid #bbb;
background-color:#efefef;
}
.line-offre-bis {
border-bottom:1px solid #ddd;

background-color:#fff;
}
.line-hover {
background-color:#AAD5BF;
}

.line-offre td ,.line-hover td,.line-offre-bis td{
font: 10px verdana,arial,;
padding:2px 3px;

border-bottom:#ccc solid 1px;
border-top:#fff solid 1px;
}