@charset "utf-8";
/* CSS Document */


html {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	/*font-family: Tahoma, verdana, arial, helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	background-color:#fff;
	
	margin: 0;
	
}
a, a:link, a:active, a:visited {
	text-decoration : none;
}

img {border:0px;}

a:hover {
	color: #008ac5; 
	text-decoration: none; 
}

ul {margin:0; padding:0; list-style:none;}

input, select, textarea, checkbox {
	font-size:11px;
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	border:1px solid #9097A2;
	background-color:#F0F0F0;
	margin:0;
}

.l_input { width:200px;}
.m_input { width:100px;}
.s_input { width:50px; text-align:center;}
.sbm_form {background-color:#fff; cursor:pointer; color:#008ac5; width:80px}

.date_input {width:80px; text-align:center;}
/* ----------------------------- */
/*        CONTENU PRINCIPAL      */
/* ----------------------------- */

#page {
	clear:left;
	display:block;
	overflow:hidden;
	width:1050px;
	margin:0 auto;
	padding: 0;
	color: #444;
	background: #fff url(bgcenter.png) center top repeat-y;
}
#content {
	padding:20px 50px;
}
/* ----------------------------- */
/*        	  HEADER		     */
/* ----------------------------- */

#header {
	width:990px;
	margin: 0 auto;
}
#header p {margin:0; padding:0;}
#logo {
	float:left;
	width:266px;
	height:75px;
}

#menu_top {
	float:left;
	width:724px;
	height:75px;
	background: url(bgheader.png) left top repeat-y;
	text-align:right;
}
#menu_top a {
	color:#fff;
	padding:2px 5px;
}
#menu_top a:hover {
	border-bottom:3px solid #fff;
}

/* ----------------------------- */
/*        	  MENU			     */
/* ----------------------------- */

#menu {clear:left;
	width:990px;
	margin:0 auto;
	border-top:1px solid #008ac5;
    border-bottom:1px solid #008ac5;
}

#nav {
	width:990px;
	background-color:#008ac5;
	height:1.5em;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;

}

#nav, #nav ul {
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
}

.menu_offres {background-color:#ff0000;}
#nav a {
	display:block;
	width:150px;
	padding:0px 5px;
	border-right:1px solid #FFFFFF;
	color:#fff;
	text-decoration:none;
	background-color:#008ac5;
	
}
#nav a:hover{
	background-color:#FFFFFF;
	color:#008ac5;
	
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	width:150px;
	top:1.5em;
}

#nav li ul a{
	width:150px;
	border-top:1px solid #FFFFFF;
	height:auto;
	float:left;
	/*-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
	font-weight:bold;*/
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}



/* ----------------------------- */
/*        		HOME		     */
/* ----------------------------- */
#leftSide {
	float:left;
	width:230px;
	text-align:left;
	padding:0;
}

.tl_orange, .tl_blue, .tl_green {
	font-weight:bold;
	color:#fff;
	line-height:20px;
	padding-left:5px;
}
.tl_orange {background:url(bgtorange.png) no-repeat;}

.tl_blue {background:url(bgtblue.png) no-repeat;}

.tl_green {background:url(bgtgreen.png) no-repeat;}

.plhome_collaborateurs, .plhome_online, .plhome_green, .pl_orange {
	padding:3px;
	margin-bottom:20px;
	line-height:1.5em;
}
#leftSide a, #centerHome a {font-weight:bold; color:#038bc6;}
#leftSide a:hover {text-decoration:underline;}
.plhome_collaborateurs, .pl_orange {
	background-color:#ffe9d9;
	border-bottom:3px solid #e98940;
}
.plhome_online {
	background-color:#dbf1fb;
	border-bottom:3px solid #038bc6;
}

.plhome_green {
	background-color:#d0ffe0;
	border-bottom:3px solid #5ecc8c;
}

#centerHome {
	float:left;
	width:485px;
	margin:20px 10px 20px 20px;
	
}
#contentHome {
	text-align:left;
	border-left:3px solid #e98940;
	line-height:1.5em;
	padding:5px;
}
#contentHome p {margin:0 0 15px 0; padding:0;}
#contentHome ul {margin-left:20px; margin-bottom:15px; list-style:square; color:#038bc6;}
#contentHome ul li span {color:#444;}
#contentHome ul li a:hover {text-decoration:underline;}
#contentHome p label {font-weight:bold; color:#e98940;}

#picthome {float:left; width:180px; height:75px;}
.prestHome {text-decoration:underline;}

.adrHome {
	width:300px;
	margin:0 auto;
	background-color:#dbf1fb;
	color:#000000;
	text-align:center;
	margin-top:2em;
	padding:1px 0;
	line-height:1.5em;
	border-bottom:3px solid #038bc6;
}
.tAdrHome {background-color:#038bc6; font-weight:bold; color:#FFFFFF; }

.adrHome dl {padding:0; margin:0;}

.mailHome span {color:#038bc6;}

#rightHome {
	float:left;
	width:200px;
	
	margin:0 0 0 5px;
}

.newsHome, .partHome {
	margin:0 0 10px 0;
	
}
.newsHome {border:1px solid #808080;}
.partHome {border:1px solid #5ecc8c;}

.offresHomes {
	border:1px solid #c60328;
	margin:0 0 10px 0;
	
}
.tnhome, .tohome, .tnPart {
	font-weight:bold;
	color:#fff;
	margin:0;
	padding:2px 0;
}

.tohome {
	background-color:#c60328;
	border-bottom:3px solid #efbbc5;
}
#hoffres {
	display:block;
	height: 170px;
	overflow:hidden;
	/*background-color:#faeff1;*/
	background-color:#fff;
	margin:0;
	padding:0;
}
.detOffre ul { display:block; padding:0 5px 0 0; height:145px; overflow:hidden; margin:0;}
.detOffre ul li {padding:0; margin:0; line-height:1.5em; }
.detOffre ul li label {width:50px;color:#c60328; font-weight:bold;}
.detOffre ul li a { color:#038bc6; font-weight:bold;}
.detOffre ul li a:hover {text-decoration:underline;}
.detOffre p { margin:0; padding:0; text-align:center;}

#hoffres div { width: 198px; height: 170px; padding:0 5px; color: #333; text-align: left; overflow: hidden }
.linkOffres {margin:0; padding:3px 2px 0 2px; text-align:right; border-top:1px solid silver; background-color:#F8F8F8;}
.linkOffres label {float:left; width:120px; font-size:11px; font-weight:bold; text-align:left;}
.linkOffres label a {color:#038bc6;}
.linkOffres label a:hover {text-decoration:underline;}
.newsHome {height:150px;}
.partHome {height:140px; padding:0;}
.tnPart {background-color:#40BF80; border-bottom:3px solid #d0ffe0;}

.tnhome {
	background-color:#808080;
	border-bottom:3px solid #b7b7b7;
}
.partenaires { height:110px; margin:5px; padding:0;}

/* ----------------------------- */
/*        		MAIN		     */
/* ----------------------------- */
#mainContent {
	float:left;
	width:680px;
	margin:0 10px 20px 10px;
}
/*#mainContent h1 {
	font-size:18px;
	font-weight:normal;
	text-align:left;
	margin:0 0 20px 0;
	padding:2px 5px;
}*/
/* ----------------------------- */
/*        SERVICES		     */
/* ----------------------------- */
.services {
	border-left:3px solid #5ecc8c;
	margin-bottom:20px;
}
.services h1 {
	border-bottom:1px solid #0099cc;
	background:#dbf1fb url(check.gif) no-repeat left;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0 5px 0 30px;
	display:block;
	width:670px;
	color:#000;
}

.plservices {
	background-color:#ffe9d9;
	border-bottom:3px solid #e98940;
	height:150px;
	margin-bottom:20px;
}
.pictServices {float:right; width:200px; margin:10px 0;}
.detServices {
	text-align:left;
	margin-top:2em;
	margin-left:2em;
}
.detServices p {font-weight:bold; font-size:14px; line-height:1.5em; }
.detServices p label { color:#e98940;}
.detServices ul {list-style:square; margin-left:100px; margin-bottom:20px; line-height:1.5em; color:#e98940;}
.detServices ul li span {color:#000;}

#recrutement {
	float:left;
	width:610px;
	text-align:left;
	margin:0 20px 10px 20px;
	padding:0;
}
.lienRecrut {margin:0; padding:0 0 10px 0; font-weight:bold;}
.lienRecrut a { color:#c60328;}
.lienRecrut a:hover {text-decoration:underline;}

#ongletsRecrut ul {padding:0; margin:0;}

#ongletsRecrut ul li {
	float:left;
}
#ongletsRecrut ul li a {
	display:block;
	width:150px;
	font-weight:bold;
	padding:2px 0;
	text-align:center;
}
#contentRecrut {
	clear:left;
	border-left:3px solid #e98940;
	padding:5px;
	width:600px;
	height:370px;
	overflow: hidden;
	margin:0;
	padding:0;
}

.contentR {
	background-color:#fdf6f1;
	width:575px;
	height:575px;
	margin:2px;
	padding:5px 10px;
	line-height:1.5em;
}
.pictRecrut {float:left; width:140px;}
.contentR p span {text-decoration:underline;}
.citrecrut {text-align:center;  padding:40px 0;}
.citrecrut, .grecrut {
	font-weight:bold;
}
.contentR ul {
	color:#5ecc8c;
	list-style:square;
	margin-left:40px;
}
.contentR ul li span {color:#000;}
#missions, #formations, #recrut {display:none;}
.ongletRecrut {background:url(bgongletvide.png) no-repeat; color:#e98940;}
.actifRecrut {background:url(bgonglet.png) no-repeat; color:#fff;}
.ongletRecrut:hover {background:url(bgonglet.png) no-repeat; color:#fff;}

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

.references {
	border-left:3px solid #038bc6;
}
.references h1 {
	border-bottom:1px solid #e98940;
	background:#ffe9d9 url(check.gif) no-repeat left;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:2px 5px 0 30px;
	display:block;
	width:670px;
	font-weight:bold;
}

.plclients, .plpart {
	margin-bottom:20px;
	background-color:#d0ffe0;
	border-bottom:3px solid #5ecc8c;
}
.plclients {

	line-height:1.5em;
	padding:55px 10px;
	text-align:justify;
}

.plpart {
	padding:132px 15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:2em;
	
}

.listClients ul {
	float:left;
	width:200px;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
	line-height:1.5em;
}

.listPart, .listClients {
	display:block;
	padding:10px;
	margin-bottom:20px;
}
.listClients {height:250px;}
.listPart {
	height:430px;
}
.listPart ul {
	display:block;
	float:left;
	padding:5px;
	margin:0;
	padding:0;
	width:200px;
}


.plpart span {text-decoration:underline;}
/* ----------------------------- */
/*        		CONTACT		     */
/* ----------------------------- */

#mainContact h1 {
	font-size:22px;
	font-weight:normal;
	background-color:#ffe9d9;
	border:1px solid #e98940;
	width:270px;
	margin:10px auto;
	padding:5px 20px;
}
#mainContact a {color:#038bc6;}
#leftContact {
	float:left;
	width:450px;
}
#leftContact h2 {
	font-size:16px;
	border-bottom:1px solid #5ecc8c;
	width:250px;
	margin:5px auto;
	padding:10px 0 3px 0;
}
#leftContact ul {
	padding:0;
	margin:0;
	line-height:2em;
}
#centerContact {
	float:left;
	width:450px;
	margin-bottom:20px;
}

/* ----------------------------- */
/*        		OFFRES		     */
/* ----------------------------- */
.pl_offres {
	padding:3px;
	margin-bottom:20px;
	line-height:150px;
	background-color:#ffe9d9;
	border-bottom:3px solid #e98940;
	text-align:center;
}
#img_offre {
	float:right;
	width:160px;
}

.listOffres {
	width:500px;
}

.listOffres th { border-bottom:1px solid #5ecc8c; color:#5ecc8c;}

.listOffres a {color:#038bc6;}
.listOffres a:hover {text-decoration:underline;}
.listOffres td {border-bottom:1px solid #fff;background-color:#dbf1fb;}

#detailOffre {text-align:left;}
#detailOffre h1 {
	border-bottom:1px solid #0099cc;
	background:#dbf1fb url(check.gif) no-repeat left;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0 5px 0 30px;
	display:block;
	width:640px;
	color:#000;
}
#offre {font-size:12px; padding:10px; border-left:3px solid #0099cc; margin-bottom:10px;}
.tdOffre {width:180px; padding:5px 0;border-top:1px solid #5ecc8c;}
.ctOffre {
	padding:5px;
	background-color:#d0ffe0;
	border-top:1px solid #5ecc8c;
	border-right:1px solid #5ecc8c;
}
#form_candidature {font-size:12px; padding:10px; border-left:3px solid #0099cc; margin:0 0 10px 0;}

.tdCandidature {width:180px; padding:3px 0;}
.fileCandidature {text-decoration:underline;}
.mailsent {font-weight:bold; text-align:center; margin-bottom:20px;}
.mailsent a {color:#0099cc;}

/* ----------------------------- */
/*            SITEMAP            */
/* ----------------------------- */
#sitemap {text-align:left; width:500px; margin:0 auto;}
#sitemap h1 {border-bottom:1px solid #e98940;}
#sitemap ul {padding:0; margin:0 auto; width:250px; list-style:square; color:#5ecc8c; line-height:1.5em;}
#sitemap ul a {color:#0099cc;}
#sitemap ul a:hover {text-decoration:underline; color:#e98940;}
#sitemap ul span {color:#e98940;}
#sitemap ul li ul {margin-left:3em; margin-bottom:1em;}

/* ----------------------------- */
/*        		FOOTER		     */
/* ----------------------------- */

#footer {
	clear:left;
	margin:0 auto;
	width:1050px;
	border-bottom:1px solid silver;
	border-top:1px solid silver;
	padding:1px 0;
}

#footer p {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 0;
	background-color:#808080;
	font-weight:bold;
	color:#fff;
}