/* CSS SNOP */
* {
	padding : 0 ;
	margin : 0 ;
}
body {
	background-color :  #D2D2D2 ;
	text-align : center ;
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size : 12px ;
}


body a{
	color : #3c576d;
	text-decoration:underline;
}
body a:hover{
	color : #e4154d;
	text-decoration:underline;
}
body a:visited{
	color : #817f81;
	text-decoration:underline;
}
body a:active{
	color : #817f81;
	text-decoration:underline;
}


.clear {
	clear : both ;
	font-size : 0px ;
	margin : 0 ;
	padding : 0 ;
}

#wrapper {
	text-align : left ;


	margin : auto ;
 	clear : both ;
	width : 980px ;
	background: #fff url('img/fd.gif') left top repeat-y ;
}

#subwrapper {
	clear : both ;
	width : 970px ;
	margin-left : 5px ;
	background-color :  #fff ;
}

 /* ----------- top -------------- */
#top {
	clear : both ;
}
#topLeft {
	width : 189px ;
	float : left
}
#topLeft img {
	margin-top : 6px ;
	}
#topRight {
	float : right ;
	width : 781px ;
}


/* ------------- bottom -------------- */

#bottom {
	clear : both ;
	height : 34px ;
	text-align : right ;
	background : transparent url('img/coinBottom.gif') right bottom no-repeat ;
}
#bottom img {
	border : 0 ;
}


/* ------------ menu emploi et contact -------------- */

ul#emploiContact {
	float : right ;
	height : 47px ;
	text-transform: uppercase ;
}
ul#emploiContact li {
	display : inline ;
	height : 47px ;
	float : left ;
	width : 68px ;
	text-align : center ; 	
}
ul#emploiContact li.emploi, 
ul#emploiContact li.emploiOn, 
ul#emploiContact li.emploi a, 
ul#emploiContact li.emploiOn a {
	color : #000 ;
	background-color : #cccccc ;
}
ul#emploiContact li.contact, 
ul#emploiContact li.contact a {
	color : #fff ;
	background-color : #E4154D ;
}
ul#emploiContact li.emploi a, 
ul#emploiContact li.contact a {
	display : block ;
	height : 47px ;
	font-size : 11px ;
	text-decoration : none ;
	padding-top : 5px ;
	
}
ul#emploiContact li.emploiOn  {
	height : 27px ;	
	margin-top : 20px ;
}
ul#emploiContact li.contactOn  {
	height : 27px ;	
	margin-top : 20px ;
	background-color:#E4154D;
	color:#FFFFFF;
}
ul#emploiContact li.contactOn a {
color:#FFFFFF;
}
ul#emploiContact li.emploiOn a,
ul#emploiContact li.contactOn a {
	display : block ;
	height : 27px ;
	font-size : 11px ;
	text-decoration : none ;
	padding-top : 5px ;
}


/* ----------- menu langues ------------- */
ul#menuLangues {
	float : left ;
	height : 47px ;
	width : 640px ;
	text-transform: uppercase ;
}
ul#menuLangues li, ul#menuLangues li.active {
	display : inline ;
	float : left ; 
	width : 68px; 
}
ul#menuLangues li a {
	display : block ;
	height : 47px ;
	font-size : 11px ;
	text-decoration : none ;
	padding-top : 25px ;
	color : #cccccc ;
	padding-left : 4px ; 
	padding-right : 5px ;
}

ul#menuLangues li.active a {
	color : #E4154D ;	
}
ul#menuLangues li a:hover {
	color : #E4154D ;	
}

/* -------------- menu horizontal ---------------- */
ul#menu {
	/* margin-top :12px ; version avec textes 
	background-color : #3C576D ; */ 
	width : 781px ;
	margin-top : 0 ;
	margin-bottom : 0px;
	padding-bottom:0px;
	height : 41px ;
	text-transform: uppercase ;
	background : transparent url('img/fdMenu.gif') right bottom repeat-x ;
}

ul#menu li {
	display : inline ;
	color : #97A5B1 ;
	float : left ;
}

ul#menu li a {
	color : #97A5B1 ;
	/*padding : 6px 20px ; version textes */
	font-size : 11px ;
	font-weight : bold ;
	text-decoration: none ;
	display : block ;
}

ul#menu img {
border : 0 ;
}
/* --------- Menu de gauche ---------- */

#menuGauche {
	margin : 0 ;
	padding: 0 ;
	list-style-type : none ;
}

#menuGauche li {
	margin : 10px  8px 0 8px ;
	padding: 4px  0 4px 10px ;
	list-style-type : none ;
	border : 1px solid #d9d9d9 ;
}

#menuGauche li.active {
	height : 18px ;
	margin : 10px  0 0 6px ;
	padding: 6px  0 4px 10px ;
	list-style-type : none ;
	border : 0px solid #d9d9d9 ;
	background-color : #f2f2f2 ;
	background : transparent url('img/fdLiActive.gif') left top no-repeat ;
}

#menuGauche li.active2 {
	height : 43px ;
	margin : 10px  0 0 8px ;
	padding: 6px  0 4px 10px ;
	list-style-type : none ;
	border : 0px solid #d9d9d9 ;
	background-color : #f2f2f2 ;
	background : transparent url('img/fdLiActive2.gif') left top no-repeat ;
}

#menuGauche a {
	color : #B2B4BF ;

	text-decoration : none ;
	font-weight : bold ;
}
#menuGauche a:hover {
	color : #3c576d ;
}
#menuGauche li.active a, #menuGauche li.active span {
	color : #3c576d ;
	font-weight : bold ;
}

#menuGauche li.active2 a {
	color : #3c576d ;
	font-weight : bold ;
}

 /* -------- Content ----------- */
#content {
	clear : both ;
	background-color :  #fff ;
}

/* colonne de gauche */
#left {
	width : 189px ;
	float : left ;
	background-color :  #fff ;
}
.encart  {
	width : 170px ;
	margin : 9px ;
	margin-top : 30px ;
	font-size : 11px ;
	background : transparent url('img/encartTop.gif') left top no-repeat ;
}
.encart h2  {
	color : #fff ;
	font-size : 13px ;
	padding : 2px 2px 10px 26px ;
}
.encart .texte {
	padding : 5px ;
	width : 160px ;
	color : #3C576D ;
	background : transparent url('img/encartTexte.gif') left top repeat-y ;
}
.encart .bas {
	padding : 5px ;
	width : 160px ;
	color : #3C576D ;
	background : #F2F2F2 url('img/encartBas.gif') left bottom no-repeat ;
}

/* contenu */
#contenu {
	margin-top: 0px;
	float : right ;
	width : 781px ;
	background-color :  #F2F2F2 ;
	text-align:justify;
}

#contenu p, #contenu table#offres {
	color : #3C576D ;
	margin : 0 0px ;
}

#texte {
	width : 721px ;
	margin : 30px ;
}


/* --- bandeau bas --- */
#copyright {
	height : 18px ;
	clear : both ;
	background-color: #E1E0E1 ;
	color : #878687 ;
	margin : 30px 0 ;
	padding : 3px 6px ;
	font-weight : bold ;
}
#copyrightLeft {
	float : left ;
}
#print {
	float : right
}


/* --- textes --- */
h1 {
	font-size : 20px ;
	color : #3C576D ;
	margin : 0px 0 0 0px ;
}
h3{
	color :#e4154d;
}


/* --- tableaux offres d'emploi --- */


#offres p {
	margin : 0 ;
}
#offres tr td {
	padding : 3px ;
}

.tr1 .td1 {
	background-color : #fff ;
	width : 68px ;
}

.tr1 .td2 {
	background-color : #fff ;
	width : 450px ;
}

.tr1 .td3 {
	background-color : #a7a5a6 ;
	width : 97px ;
}

.tr1 .td4 {
	background-color : #e1e1e1 ;
	width : 97px ;
}

.tr2 .td1 {
	background-color : #f9f9f9 ;
}

.tr2 .td2 {
	background-color : #f9f9f9 ;
}

.tr2 .td3 {
	background-color : #ccc ;
}

.tr2 .td4 {
	background-color : #e9e9e9 ;
}


#offres h3 {
	color : #47535f ;
}
#offres tr .td3, #offres tr .td4 {
	text-align : center ;
}
#offres tr .td3 a{
	color : #fff;
}
#offres tr .td4 a{
	color : #a5a3a4 ;
}
#offres tr .td3 a, #offres tr .td4 a{
	text-decoration: none ;
	font-weight : bold ;
}
#offres tr .td3 a:hover, #offres tr .td4 a:hover{
	text-decoration: underline ;
}




/* ------------------ admin ------------------ */
#menuAdmin a{
	text-decoration: none ;
	font-weight : bold ;
	color : #e4154d ;
}

#formLogin label {
	display:block;
	width:150px;
	float:left;
}

#formLogin input{
	width: 250px;
	margin-top:3px;
}

.FormActive{
	width: 30px;
	margin-top:3px;
}
#formAdmin textarea{
	width: 350px;
	margin-top:3px;
}
#connexion, #submit {
	width: 184px;
	margin-left : 150px;
}
#submit2 {
	width:184px;
}
#fichier{
	width:350px;
}

/*#connect {
text-decoration: none ;
color : #fff;
margin-left:auto;
margin-right:auto;
}
*/

img{
	border:0px;
}
.nicetable {
	width:750px;
	margin-left:10px;
	margin-right:10px;
	text-decoration: none ;
}
.nicetable a{
	text-align:center;
	text-decoration: none ;
	font-weight : bold ;
	color : #3c576d ;
}
.nicetable thead{
	color:white;
	background-color:#203c61;
}

.td{
	font-size:12px;
}

.tdFichier{
	font-size: 11px;
}

.tdFichier a{
	width:30px;
	font-size:10px;
}

.tdcenter {
	text-align:center;
	font-size: 12px;
}

.lightcolor{
	background-color: #e1e1e1;
}

.darkcolor{
	background-color:#a7a5a6;
}

/* ajout "table" car bug sur FE, vérfier impact sur B.E.  */
table .active{
	width:20px;
}

/* pages clients */
.clients {
	width : 721px ;
	/*margin-left : 30px ;*/
}
.TDc {
	vertical-align: top ;
	color:#3C576D;
	padding-left : 30px ;
	/*padding-right : 30px ;*/
}
#contenu .TDc p.texte
{
  margin-left:0px;
}


/* page qualité */
.quality td {
	margin-top:0px;
	padding-top:0px;
	vertical-align:top ;
	
}
.quality td img {
	margin-bottom : 13px  ;
}

table.quality{
	width : 721px ;
	/*margin-left : 10px;*/
}

.sousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3C576D;
}

#FlashEncart {
	text-align:center;
}

#map {
	text-align:center;	
}




/* ----------- MISE EN FORME DES FORMULIARES --------- */


fieldset {
margin-top : 12px ;
padding-left : 10px ;
border-left : 0px ;
border-bottom : 0px ;
border-right : 0px ;
}
legend {
margin-left : 12px ;
font-weight : bold ;
padding : 0 4px;

color : #3c576d ;
}


/* ---- Deposer un CV ----- */
#formDeposerCV {
/*margin-left : 20px ;*/
width : 520px ;
}
#formDeposerCV div {
clear : both ;
padding : 0 ;
margin : 0 ;
padding-top:2px;
/*height : 30px ;*/
}
#formDeposerCV div#intitule {

margin-left : 20px ;
}
#formDeposerCV label {
/*float : left ;
width : 170px  ;*/
}
#formDeposerCV input {
/*float : right ;
width : 300px  ;*/
}
#formDeposerCV input.radio {
/*float : left ;*/
width : 20px  ;
}
#formDeposerCV textarea {
width : 320px ;
display : block ;
}
#formDeposerCV select {
padding : 5px ;
clear : both ;
}
#formDeposerCV input#submit, #formDeposerCV input#submit2 {
float : right ;
width : 150px  ;
background-color : #fff ;
border : 1px solid #000 ;
color : #000 ;
}
.validation-advice {
	color:#FF0000;
}




/* ------ Devenir fournisseur -------- */


#formFournisseur {
/*margin-left : 20px ;*/
width : 500px ;
}
#formFournisseur div {
clear : both ;
padding : 0 ;
margin : 0 ;
padding-top:2px;
/*height : 30px ;*/
padding-bottom : 4px ;
}
#formFournisseur label {
float : left ;
width : 160px  ;
}
#formFournisseur input {
float : right ;
width : 300px  ;
}
#formFournisseur input#submit {
width : 150px  ;
}


.validation-advice {
	color:#FF0000;
}

/* ----- admin ----- */
.ligneForm {
padding : 5px 0 5px 30px ;
clear : both ;
}
input#titre, textarea#accroche {
width : 350px ;
}
label.width200 {
width : 160px ;
float : left ;
}
#formAjout input#titre, #formAjout #accroche, #formAjout #fichier {
float : left ;
}
#formLogin {
width : 400px ;
padding-left :  30px ;
}
#formLogin input{
width : 150px ;
}


#listeAnnoncesAdmin tr td, #listeAnnoncesAdmin tr th {
font-size : 12px ;
}txtblbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}