/* CSS Document */

body {
background-color:#ABB1B6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
/*color:#ABB1B6;*/
color:#0f0f4a;
}



/*--------------INTERFACE-------------------*/

/*balise globale*/
#global{
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 600px;
margin-top: -300px;	
margin-left: -450px;
background-image: url("images/fond-ate.jpg"); 
background-repeat: no-repeat;
border: 1px solid #404244;
}

#global-admin{
position:absolute;
left: 50%;
top: 20px;
width: 900px;
margin-left: -450px;
background-color:#CCD3DB;
/*background-image: url("images/fond-ate.jpg"); 
background-repeat: no-repeat;*/
border: 1px solid #404244;
padding-bottom:25px;
}

.box-banniere{
height:104px;
border: 0px solid #404244;
}

.box-banniere-admin{
height:104px;
border: 0px solid #404244;
background-image: url("images/banniere-ate.jpg"); 
background-repeat: no-repeat;
}

.content{
float:left;
width:715px;
height:440px;
margin-top:20px;
text-align: center;
}


.content-admin{
float:left;
width:715px;

margin-top:20px;
text-align: center;
}
/*background-color:#ffff00;
border: 1px solid #ff0000;*/

/*scrollbar-face-color: #4b4442;
scrollbar-shadow-color: #282423;
scrollbar-arrow-color: #282423;
scrollbar-base-color: #282423;
scrollbar-track-color: #282423; 
scrollbar-darkshadow-color: #282423;
SCROLLBAR-HIGHLIGHT-COLOR: #4b4442;
overflow:auto;*/


.logo{
position: absolute; 
top: 6px; 
left: 248px;       
}


.logo-txt{
position: absolute; 
top: 74px; 
left: 253px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color:#0F0F4A;
text-align: center;
}

.lang-box{
position: absolute; 
top: 74px; 
left: 764px;
font-size:11px;
color:#BEC7D0;
}

.lang, .lang a{
font-size:11px;
color:#BEC7D0;
font-weight: bold;
text-decoration: none;
padding-right: 22px;
margin: 0 8px;
}

.lang:hover{
color:#F3F4F9;
font-size:11px;
}


.lang-fr{
background: url(images/flag_FRA.gif) no-repeat 100% 0;
}
.lang-en{
background: url(images/flag_GBR.gif) no-repeat 100% 0;
}

.menu-box{
float:left;
width:125px;
/*height:470px;*/
border-top:0px solid #846846;
margin-top:220px;
margin-right:40px;
}

.menu,.menu a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color:#0F0F4A;
text-align: right;
margin-bottom:17px;
}

.menu:hover{
color:#60719f;
font-size: 13px;
font-weight: bold;
}

/*.menu:link{
color:#0F0F4A;
}*/


/*--------------FIN INTERFACE-------------------*/

/*------------------DIVERS--------------------*/

.spacer{
clear:both;
}


/*Liens*/
a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color:#425790;
}

a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color:#3f5184;
}
/*Fin Liens*/

/*paragraphe*/
p{
margin-bottom:20px;
}

li{
margin-bottom:6px;
}
/*Fin paragraphe*/

/*Images*/
.cadre-img{
border: 1px solid #444444;
}

/*------------------FIN DIVERS--------------------*/

/*--------------TEXTES-----------------*/
.titre-ate{
width:120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color:#404c6f;
padding:0px 20px 4px 16px;
border-bottom:1px solid #6375a1;
margin-bottom:32px;
}

.titre-ate-2{
float:left;
width:190px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color:#404c6f;
padding:0px 20px 4px 16px;
border-bottom:1px solid #6375a1;
margin-bottom:32px;
margin-left:32px;
}


.title-field{
text-align:right;
font-size:12px;
font-weight:bold;
padding-right:12px;
}

.txt-error-1{
text-align:center;
color:ff0000;
font-weight:bold;
font-size:11px;
margin-top:16px;
margin-bottom:16px;
}

.txt-no-1{
text-align:left;
color:404c6f;
font-weight:normal;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
}

/*------------FIN TEXTES----------------------*/



/*--------ACCUEIL----------*/

.box-adresse{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
margin-top:30px;
}

.anim{
border: 1px solid #444444;
width:354px;
height:266px;
margin-left:auto;
margin-right:auto;
margin-top:16px;
}




.titre-metal-siret{
font-size: 14px;
margin-bottom:8px;
}

/*--------FIN ACCUEIL----------*/



/*----------------ACTIVITES----------------*/
.ph-activite{
float:right;
margin:0px 10px 10px 80px;
border: 1px solid #444444;
}


.box-activites{
margin-top:80px;
margin-left:auto;
margin-right:auto;
width:580px;
text-align: justify;
font-size: 13px;
border: 0px solid #444444;
}
/*----------------FIN ACTIVITES----------------*/



/*---------------SERVICES----------------*/
.box-services{
margin-top:28px;
margin-left:auto;
margin-right:auto;
width:580px;
text-align: left;
}

.box-ph-services{
float:right;
width:156px;
margin:0px 10px 10px 80px;
}

.ph-services{
margin-bottom:18px;
border: 1px solid #444444;
}
/*----------------FIN SERVICES----------------*/

/*----------------CANDIDATURE SPONTANEE------------------*/
.box-cv{
text-align:left;
padding-bottom:18px;
}

.box-cv-field{
width:350px;
float:left;
text-align:left;
}

.box-cv-field-title{
text-align:left;
font-size:13px;
font-weight:bold;
padding-left:22px;
padding-bottom:1px;
border-bottom:1px solid #0F0F4D;
margin-bottom:8px;
}

.title-field-cv{
vertical-align:top;
width:130px;
text-align:right;
margin-right:12px;
border:0px solid #444444;
/*display:inline;*/
display:block;
float:left;
}

.box-btn-cv{
margin-top:1px;
}

.box-cv-attach{
margin-top:18px;
text-align:center;
}

/*----------------FIN CANDIDATURE SPONTANEE------------------*/

/*-----------OFFRE EMPLOI--------------*/

.bloc-admin-offre-1{
float:left;
width:350px;
text-align:left;
}

.bloc-admin-offre-2{
float:left;
width:280px;
text-align:right;
margin-top:10px;
}

/*---------Ajout des offres-----------*/
fieldset.bloc-ajout-offre{
width:700px;
color:#404c6f;
border:1px solid #404c6f;
margin-bottom:25px;
font-size: 13px;
font-weight: bold;
padding-bottom:10px;
}

/*-------Liste des offres------*/
.bloc-tab-liste{
width:700px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color:#404c6f;
border:1px solid #000137;
}

.tab-head-liste{
background-color:#8497bf;
font-size: 12px;
font-weight: bold;
color:#161943;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #000137;

}

.tab-liste-1{
background-color:#F7F8FD;
padding-top:5px;
padding-bottom:5px;
cursor:pointer;
}

.tab-liste-2{
background-color:#e7ecf5;
padding-top:5px;
padding-bottom:5px;
cursor:pointer;
}

.liste-info-1{
float:left;
width:252px;
text-align:left;
margin-left:2px;
}

.liste-info-2{
float:left;
width:160px;
text-align:left;
margin-left:4px;
}

.liste-info-3{
float:left;
width:98px;
text-align:left;
margin-left:4px;
}

a.lien-offre{
font-size: 12px;
font-weight: normal;
text-decoration:none;
color:#222A6B;
}

a.lien-offre:hover{
font-size: 12px;
color:#1b2256;
}

a.lien-offre-inactive{
font-size: 12px;
font-weight: normal;
font-style:italic;
text-decoration:none;
color:#777777;
}

a.lien-offre-inactive:hover{
font-size: 12px;
color:#444444;
}
/*------------Fiche descriptive de l'offre-----------------*/
.bloc-fiche{
width:520px;
border:1px solid #000137;
background-color:#E7ECF5;
padding-bottom:12px;
margin:1px auto 2px auto;
}

.titre-emploi-fiche{
background-color:#8497bf;
font-size: 14px;
font-weight: bold;
color:#161943;
padding-top:7px;
padding-bottom:5px;
border-bottom:1px solid #000137;
margin-bottom:8px;
}

.box-fiche-infos{
height:385px;
scrollbar-face-color: #abbcdc;
scrollbar-shadow-color: #E7ECF5;
scrollbar-arrow-color: #E7ECF5;
scrollbar-base-color: #E7ECF5;
scrollbar-track-color: #E7ECF5; 
scrollbar-darkshadow-color: #E7ECF5;
SCROLLBAR-HIGHLIGHT-COLOR: #abbcdc;
overflow:auto;
}

.fiche-infos{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color:#404c6f;
}

.box-interet{
margin-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color:#313a54;
}

.emploi-description{
display:block;
float:left;
width:120px;
margin-right:8px;
text-align:right;
}

/*-----------FIN OFFRE EMPLOI--------------*/

/*-------------POSTULER-----------------*/

.box_postuler{
width:430px;
margin-left:120px!important;
margin-left:10px;
margin-top:26px;
margin-bottom:26px;
}

/*-------------FIN POSTULER-----------------*/

/*---------------REFERENCES----------------*/
.box-ref-admin{
	float:left;
	width:320px;
	margin:5px;
	padding:15px 5px;
	border:1px solid #333;
}

.box-ref{
	float:left;
	width:114px;
	margin:25px 10px;
}

/*--------------- FIN REFERENCES----------------*/


/*---------------CONTACT----------------*/

.add-contact{
float:left;
margin-top:120px;
margin-left:50px!important;
margin-left:30px;
width:260px;
text-align: left;
}

.form-contact{
float:left;
margin-top:20px;
margin-left:20px;
width:360px;
text-align: right;
}

.box-btn-contact{
margin-right:20px;
margin-top:14px;
}

.rep-contact{
font-size: 11px;
font-weight: bold;
color:#173772;
text-align: center;
margin-top:22px;
}

.rep-contact-err{
font-size: 11px;
font-weight: bold;
color:#ff0000;
text-align: center;
margin-top:22px;
}

.box-ch-oblig{
float:right;
width:172px;
margin: 2px 4px 2px 0px;
font-size: 9px;
color:#697796;
text-align:center;
}


/*---------------FIN CONTACT----------------*/

/*--------------FICHIERS----------------------*/

fieldset.box-ajout-fichier{
width:700px;
color:#404c6f;
border:1px solid #404c6f;
font-size: 13px;
font-weight: bold;
padding-bottom:10px;
}

td.head-admin-1{
color:#404c6f;
font-size: 13px;
font-weight: bold;
}

a.fichier{
color:#404c6f;
font-size: 13px;
font-weight: normal;
}

a.fichier:hover{
color:#000206;
font-size: 13px;
font-weight: normal;
}


/*--------------FIN FICHIERS----------------------*/



/*--------------BOUTONS------------------*/
/*Formulaire*/
form{
margin:0;
padding:0;
}

input.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#617b9e;
	background-color: #bec5cf;
	border:1px solid #7d8daf;
	margin-left:15px;
	height:18px;
	font-size: 10px;
	font-weight: bold;
	cursor:pointer;
}
input.bouton:hover {
background-color: #bec5cf;
color:#0e0e4a;
}


.input-field {
width:180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#00355e;
background-color: #e7eaf1;
border:1px solid #7d8daf;
FONT-SIZE: 12px;
margin:3px!important;
margin:2px;
vertical-align:-30%!important;
vertical-align:-20%;
}

.input-admin {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#00355e;
background-color: #e7eaf1;
border:1px solid #7d8daf;
FONT-SIZE: 12px;
margin:3px!important;
margin:2px;
vertical-align:-30%!important;
vertical-align:-20%;
}

textarea.input-field {
width:180px;
height:92px;
vertical-align:-30%!important;
vertical-align:-70px;
scrollbar-face-color: #e7eaf1;
scrollbar-shadow-color: #7d8daf;
scrollbar-arrow-color: #7d8daf;
scrollbar-base-color: #e7eaf1;
scrollbar-track-color: #e7eaf1; 
scrollbar-darkshadow-color: #e7eaf1;
SCROLLBAR-HIGHLIGHT-COLOR: #7d8daf;
}

select{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#00355e;
background-color: #e7eaf1;
border:1px solid #7d8daf;
FONT-SIZE: 12px;
margin:3px!important;
margin:2px;
vertical-align:-30%!important;
vertical-align:-20%;
}


/*--------------BOUTONS------------------*/