/*************************************
	Design by CWL Online
*************************************/

/*==================================
/*			Global 
=================================== */
* {
	margin:0;
	padding:0;
	font:12px Arial;
}

body {
	background:#857F7F;
	background:url(./bg_page_body.jpg) repeat center top;
	width:966px;
	margin:0 auto;
	padding:0;
}

input, select, textarea{
	border:1px solid #C3DA6B;
	margin-left: 10px;
}

h2 {
	color:white;
	height:40px;
}

h2 span{
	visibility:hidden;
}

h4 {
	font-size:14px;
	font-weight:bold;
}

a{
	color:#000;
}


a:hover{
	text-decoration:underline;
}

img {
	border:0;
}

strong {
	font-weight:bold;
}

/*==================================
/*			Classes
=================================== */
.clear{
	display:block;
	clear:both;
	height:0px;
	font-size:0px;
	border:0px;
}

/*==================================
/*		       Structure
=================================== */

/* Header 
===============================*/
#pageHeader {
	background:#8E9AA7 url(./header-neutral.jpg) repeat scroll center top;
	height:169px;
	width:966px;
	margin:auto;
}

/* Menu 
===============================*/
#nav {
	position:absolute;
	top:140px;
}

#nav ul{
	margin-left:30px;

}
#nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	display:block;
}
#nav li a {
	display:block;
	height:29px;
	line-height:29px;
	padding:0pt;
	text-align:center;
	text-decoration:none;
}
#nav li strong a {
	font-weight:bold;
	margin:0;
}
#nav li a:hover {
	background-position:0pt -30px;
}

#nav li strong a , #nav li strong a:hover {
	background-position:0pt -30px;
}

#nav li a span{
	visibility:hidden;
}

#nav li.item_accueil, #nav li.item_accueil a{
	width:127px;
}
#nav li.item_accueil a {
	background-image:url(./nav_accueil.jpg);
}
#nav li.item_societe, #nav li.item_societe a{
	width:150px;
}
#nav li.item_societe a {
	background-image:url(./nav_societe.jpg);
}
#nav li.item_agences, #nav li.item_agences a{
	width:170px;
}
#nav li.item_agences a {
	background-image:url(./nav_agences.jpg);
}
#nav li.item_contact, #nav li.item_contact a{
	width:127px;
}
#nav li.item_contact a {
	background-image:url(./nav_contact.jpg);
}

/* Contenu 
===============================*/
#pageBody {
	background:url(./bg_page_body.jpg) repeat-y top left;
}

#dayInfos {
	padding:5px 14px;
	text-align:right;
	font-size:11px;
	height:15px;
}

#pageBodyCenter{
	width:690px;
	float:left;
	margin-left:30px;
	_margin-left:15px;
}

#pageBodyCenter div.largeBlock{
	background:#D1D2D4 url(./cadre_content.gif) repeat-y top left;
	position:relative;
	margin-bottom:10px;
}
#pageBodyCenter div.largeFooter {
	background:url(./cadre_footer.gif) no-repeat bottom left;
	padding-bottom:20px;
}

#pageBodyCenter div.largeContent {
	padding:0 10px;
}

#pageBodyRight{
	width:230px;
	float:right;
	margin-right:5px;
}
#pageBodyRight div.smallBlock{
	background:#D1D2D4 url(./cadre_contentsmall.gif) repeat-y top right;
	position:relative;
	margin-bottom:10px;
}
#pageBodyRight div.smallFooter{
	background:url(./cadre_footersmall.gif) no-repeat bottom left;
	padding-bottom:10px;
}
#pageBodyRight div.smallContent{
	padding:0 14px 7px 10px;
}

#block_dual{
	clear:both;
	display:block;
	position:relative;
	width:700px;
	margin:auto;
}

.tabwleft {
	width:100px;
}

/* Rechercher une offre */
h2#rechercher_offre{
	background:url(./h2_rechercher.gif) no-repeat 15px 3px;
}

#mod_searchLeftSide {
	width:310px;
	margin:0 15px;
	float:left;
}
#mod_searchLeftSide select{
	width:200px;
	*width:220px;
}

#mod_searchLeftSide p {
	clear:both;
	vertical-align:center;
	display:block;
	padding-bottom:8px;
}

#mod_searchLeftSide p label {
	margin-right:10px;
	display:block;
	width:100px;
	float:left;
	margin-top:3px;
}

#mod_searchLeftSide p input {
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
	width:180px;
}

#mod_searchLeftSide p select {
	width:180px;
}

#mod_searchLeftSide form {
	position:relative;
}
#mod_searchLeftSide form #submit_recherche {
	position:relative;
	top:10px;
	left:110px;
	border:0;
}

#mod_searchRightSide {
	float:right;
	width:310px;
	margin-right:30px;
	_margin-right:15px;
}
h2#dernieres_offres {
	background:url(./h2_dernieres_offres.gif) no-repeat top left;
	height:26px;
}
#mod_searchRightSide ul {
	list-style-image: url(./puce.gif);
	margin-top:5px;
	margin-bottom:20px;
}
#mod_searchRightSide li {
	margin:0 10px 0 20px;
	line-height:18px;
}

#mod_searchRightSide li a {
	text-decoration:none;
	font-weight:bold;
}
#mod_searchRightSide li a:hover {
	text-decoration:underline;
}
p.puce_fleche {
	background:url(./puce-fleche.gif) no-repeat top left;
	line-height:14px;
	text-indent:20px;
}
p.puce_fleche a {
	text-decoration:underline;
	font-weight:bold;
}
form#connexion_client p{
	width:95%;
	font-size:11px;
}
h2#espace_candidat {
	background:url(./h2_espace_candidat.gif) no-repeat 8px 3px;
}

/* Partenaires */
h2#partenaires {
	background:url(./h2_partenaires.gif) no-repeat 8px 3px;
}

#pscroller1{
	font-size: 10px;
	font-family: verdana;
	width: 180px;
	height: 80px;
}

/* La société */
h2#societe {
	background:url(./h2_societe.gif) no-repeat 8px 3px;
}

h3.societe {
}

#annee_ouverture {
	margin-top:5px;
	margin-left:20px;
	line-height:1.3em;
}


/* Plan d'alsace */
h2#plan_agences {
	background:url(./h2_agences_right.gif) no-repeat 8px 3px;
}

/* Liste des offres */
h2#nos_offres_emploi{
	background:url(./h2_nos_offres_emploi.gif) no-repeat 8px 3px;
}

table#offres tr#ligne_titre {
	background-color: #6BCEF5;
	color: #FFFFFF;
}

table#offres tr {
	text-align: center;
}

table#offres tr#ligne_titre th {
	margin: 0px;
	padding: 0px;
	}

table#offres tr#ligne_titre th#gauche {
	background-image: url(./../images/arrondi_g.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-bottom: 11px;
}

table#offres tr#ligne_titre th#droite {
	background-image: url(./../images/arrondi_d.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

table#offres tr#ligne, table#contact tr#ligne {
	background-color: #EEEEEE;
}

table#offres tr#ligne td {
	padding-top: 6px;
	padding-bottom: 6px;
}

table#contact tr#ligne td {
	padding-top: 3px;
	padding-bottom: 3px;
}

table#contact tr#ligne td input {
	margin-left: 10px;
	margin-right: 2px;
	
}

table#contact tr#ligne td p {
	margin-right: 10px;
}

th {
	text-align: center;
}

p#multipage {
	margin: 0px;
	padding-right: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
a#lien_num_page:link, a#lien_num_page:visited {
	color: #666666;
	text-decoration: underline;
}
a#lien_num_page:hover, a#lien_num_page:hover:visited {
	color: #666666;
	text-decoration: none;
}

/* Page offres */

table#offres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 95%;
}

table#offres a:link, table#offres a:visited {
	color: #666666;
	text-decoration: none;
}

table#offres a:hover, table#offres a:visited:hover {
	color: #666666;
	text-decoration: underline;
}

table#contact {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 98.4%;
	_width: 96%;
	
}

div#contents div#onglet {
	margin: 0px;
	padding-top: 10px;
}

div#paragraphe {
	padding-bottom: 30px;
	margin: 0px
}

h2#description_offre {
	background:url(./h2_description_offre.gif) no-repeat 8px 3px;
}

#block_description_offre h3 {
	font-weight:bold;
	margin:0 0 10px 0;
}

#block_description_offre h3 span {
	font-weight:normal;
}

div#contents {
	margin-left: 10px;
	margin-right: 10px;
}

div#contents div#paragraphe {
	padding-bottom: 30px;
	margin: 0px
}

div#boutons_offre{
	margin-right: 10px;
}

div#contents img {
	float: left
}

div#contents p#titre {
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: -10px;
	color: #000;
	padding-left:5px;
	padding-top:3px;
	margin: 0px;
	float: left
}

p#titre_presentation {
	font-size: 14px;
	font-weight: bold;
	padding-top: -10px;
	color: #00929F;
	padding-left: 5px;
	padding-top: 2px;
	margin: 0px;
	float: left;
}

#contents p{
	margin-top:0;
}

div#contents p#contenu {
	clear : both;
	margin: 0px;
	padding-top: 10px;
	padding-left: 26px;
	padding-right: 30px;
	text-align: justify;
}

/* Plan d'alsace */
h2#plan_agences_right {
	background:url(./h2_agences_right.gif) no-repeat 0 3px;
}

ul#mod_mapAlsace {
	list-style-image: url(./puce.gif);
	margin-top:5px;
	margin-bottom:20px;
	font-size:10px;
}
#mod_mapAlsace li {
	margin:0pt 10px 3px 20px;
	font-size:10px;
}
#mod_mapAlsace li strong a{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

/* Actu */
h2#actu {
	background:url(./h2_actu.gif) no-repeat left 3px ;
}

p.news {
	margin-bottom:10px;
}

/* ======= Actus				*/
/*  === Front 				*/

.news{
	width:90%;
	padding-bottom:20px;
	margin:auto;
	margin-bottom:20px;
	border-bottom:1px dotted #fff;
}

.newsDate{
	font-size:13px;
	text-align:right;
}

h3 {
	font-size:16px;
	margin:5px 0;
	font-weight:bold;
}
h3 a{
	text-decoration:none;
}
h3 a:hover{
	text-decoration:underline;
}

.news a{
	color:#DD2F2F;
}


/* Contacter */
h2#nous_contacter {
	background:url(./h2_nouscontacter.gif) no-repeat 8px 3px;
}

#FormulaireContact {
	border: none;
	margin: 0;
	padding: 0;
	margin: auto;
	padding: 10px;
	color: #000;
}

#FormulaireContact fieldset {
	padding:10px 0;
	font-size:11px;
	font-style: normal;
	border:1px solid #6BCEF5;
	width:500px;
	margin:auto;
	margin-bottom:10px;
	margin-top:10px;
}

#FormulaireContact legend {
	margin-left:30px;
	font-weight: bold;
	font-size:1.1em;
	color: black;
}
#FormulaireContact label {
	text-align: right;
	margin: 0;
}
#FormulaireContact .label {
	text-align:right;
	vertical-align:top;
	width:13em;
	line-height: 17px;
	padding-right:10px;
}
#FormulaireContact .radio {
	padding-left:10px;
}

#erreur {
	padding:10px;
	margin:10px;
	background:white;
}
#erreur ul {
	margin-left:20px;
}


#FormulaireContact label:hover {
	cursor: pointer;
}
#FormulaireContact .obligatoire {
	font-weight: bold;
	color: red;
}
#FormulaireContact .legende {
	font-style: italic;
	font-size:9px;
	color: #666;
	display:inline;
}
#FormulaireContact:focus {
	background: beige;
	color: black;
}

#FormulaireContact #notabene{
	text-align:right;
	margin:0 0 3px 0;
}

#FormulaireContact #submit{
	text-align:center;
}
#FormulaireContact #submit input{
	background:white;
}

#FormulaireContact #p_agence{
	width:180px;
}