* { margin: 0px; padding: 0px; }
a img { border: none; }
a {
	outline: none;
	-webkit-transition: all 200 ease-in-out;
	-moz-transition: all 200 ease-in-out;
	-ms-transition: all 200 ease-in-out;
	-o-transition: all 200 ease-in-out;
	transition: all 200 ease-in-out; }
a:hover {
	-webkit-transition: all 200 ease-in-out;
	-moz-transition: all 200 ease-in-out;
	-ms-transition: all 200 ease-in-out;
	-o-transition: all 200 ease-in-out;
	transition: all 200 ease-in-out; }

html, body { background: #f9f9f9; height: 100%; }
#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -259px; }
#footer, .push {
	height: 259px; }
.content {
	width: 1003px; 
	margin: 0px auto; }
.container {
	padding: 0px 20px 0px 81px; }
#generalNav, #sousNav, #baseLine {
	width: 100%; }
#baseLine {
	height: 45px;
	background: #fff; }
#baseLineLogo {
	width: 120px;
	height: 44px;
	float: left;
	margin-left: 241px;
	margin-top: 1px; }
#baseLineText {
	width: 598px;
	height: 22px;
	float: left;
	margin: 1px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px; }
#sousNav {
	background: #fff;
	overflow: hidden; }
	#generalNav a {
		display: block;
		width: 163px;
		height: 30px;
		float: left;
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		line-height: 30px;
		text-align: center;
		border-left: 2px solid #FFF; }
	#generalNav a:first-child {
		border-left: none;
		margin-left: 489px; }
	#sousMenu {
		margin-left: 265px; }
	#sousNav a {
		float: left;
		text-decoration: none;
		text-transform: lowercase;
		font-size: 12px;
		line-height: 46px;
		margin: 0px 12px 0px 0px;
		color: #5E575A; }
	#sousNav a:last-child { margin-right: 0px; }
	#logo {
		display: block;
		width: 219px;
		height: 76px;
		background: url(../WD_IMAGES/logo.png) no-repeat;
		margin: -30px 24px 0px 22px !important;
		position: absolute; }
		#logo span { display: none; }
	#shadow {
		background: url(../WD_IMAGES/shadow.png) no-repeat top center; 
		height: 16px; }
		
	#rollOver {
		filter: alpha(opacity=0);
   		opacity: 0;
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
		top: 67px;
		left: 50%; }
	#rollOver a {
		display: block;
		color: #FFF;
		line-height: 21px;
		float: left; }
	#rollOver a:hover {
		background-color: rgba(255,255,255,0.4); }
	#rollOverMenu {
		padding: 15px 15px 7px 15px;
		position: relative;
		z-index: 99; }
	.sousMenuContent {
		position: absolute;
		top: -500px; }
		
#news {
	margin-bottom: 45px;  }
	#news h1 {
		font-size: 25px;
		margin: 44px 0px 0px 0px;
		padding: 10px 0px 11px 18px;
		position: relative; }
	#newsSlideContainer {
		background: #ececec;
		height: 317px;
		width: 960px;
		margin-top: -12px;
		padding: 20px 22px;
		overflow: hidden;
		-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); }
	#newsSlide {
		position: relative;
		left: 0px; }
	.news {
		float: left;
		margin-right: 22px;

		}
	a.newsImage {
		display: block;
		width: 50%;
		height: 319px;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-color:#FFF		
		}
		
	.newsImage img {
		width: 468px;
		height: 319px; }
	.newsDetails {
		background: #fff;
		float: left;
		width: 50%;
		height: 319px;
		position: relative; }
		.newsDetails h4 {
			font-size: 15px;
			font-style: italic;
			margin: 26px 0px 0px 60px; }
		.newsDetails h3 {
			font-size: 20px;
			margin: 49px 0px 0px 60px; }
		.newsDetails h3 a {
			text-decoration: none; }
		.newsDetails p {
			font-size: 12px;
			margin: 30px 0px 0px 60px;
			width: 370px;
			height: 100px;
			text-align: justify;
			line-height: 25px;
			overflow: hidden;
			color: #727272; }
		.newsMore {
			position: absolute;
			display: block;
			width: 46px;
			height: 38px;
			bottom: 0;
			right: 0; }
		.newsMore span { display: none; }
	#newsControl {
		margin: 0px auto;
		width: 320px;
		padding: 9px 0px; }
	.control {
		background: #C6C6C6;
		width: 11px;
		height: 11px;
		display:inline-block;
		margin: 2px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 3px solid #C6C6C6;
		cursor: pointer;
		}
	.control:last-child, .control:last-child a {
		font-size: 11px;
		width: 110px;
		line-height: 11px;
		text-align: center;
		text-decoration: none;
		position:relative;
		 top:-7px }
	 .control:last-child a {
		 background: none;
		  top:0px
		
		 
		  }
	
#emplois {
	border-top: 1px dotted #C3C3C3;
	background: #DFDFDF;
	height: 458px;
	border-bottom: 1px dotted #C3C3C3; }
	#emploisBox { }
	#emplois h1 {
		font-size: 25px;
		margin: 51px 0px 0px 0px;
		padding: 10px 0px 11px 18px;
		position: relative; }
	#emploisContainer {
		background: #d7d7d7;
		padding: 12px 0px;
		margin-top: -10px; }
	.emploi {
		background: #fff;
		float: left;
		width: 397px;
		margin: 7px 20px;
		padding: 18px 10px 18px 54px;
		position: relative; }
		.emploi h4 {
			font-size: 16px;
			margin-bottom: 12px; }
		.emploi h4 a {
			color: #000;
			text-decoration: none; }
		.emploi p {
			font-size: 13px;
			line-height: 20px;
			margin-bottom: 0px; }
		.emploi p span { font-weight: bold; }
		.emploiMore {
			position: absolute;
			background: url(../WD_IMAGES/puce2.jpg) no-repeat;
			width: 39px;
			height: 39px;
			display: block;
			top: 70px;
			left: 422px; }
		.emploiMore span { display: none; }
		
#footer {  }
	#footer .content {
		background: url(../WD_IMAGES/rond.png) no-repeat top;
		height: 259px; }
	#footer .col {
		float: left;
		padding: 27px 0px 0px 16px; }
	#footer .col:first-child {
		width: 660px; }
	#footer .col:last-child {
		width: 307px; }
	#footer .col a {
		display: block;
		float: left;
		color: #FFF;
		text-decoration: none;
		font-size: 11px;
		border-right: 1px solid #FFF;
		line-height: 11px;
		padding: 0px 6px; }
	#footer .col a:hover {
		text-decoration: underline; }
	#footer .col a:last-child {
		border-right: none; }
		
#article {
	margin-bottom: 20px;
	padding: 10px 0px; }
	#article h1 {
		color: #727272;
		font-size: 22px;
		margin-bottom: 20px; }
	#article h2 {
		color: #727272;
		font-size: 15px;
		margin-top: -20px; }
	#article p, #article div {
		line-height: 20px;
		margin-bottom: 20px;
		text-align: justify; }
	#article ul { 
		margin: 20px 30px;
		list-style: circle; }
	#article li { 
		margin-bottom: 0px; }
	#article table {
		width: 100% !important;
		border-collapse: collapse; }
	#article td, #article li, #article p, #article div {
		color: #727272;
		font-size: 13px; }
	#article .heading1 {
		font-weight: bold;
		font-size: 16px; }
	#article .heading2 {
		font-weight: bold;
		font-size: 14px; }
	#article .heading3 {
		font-style: italic; }
	#article .title {
		margin: 12px 0px;
		font-weight: bold;
		font-size: 12px; }
	#article .heading4 {
		font-size:10px;
		font-style: italic;
		font-weight: bold; }
	#article .standTxt2 { font-size:10px; }
	#article .standTxt2ita {
		font-size:10px;
		font-style: italic; }
	#article .txtWhiteColor { color:#CCCCCC; }
	#article iframe {
		margin: 0px auto;
		display: block; }
	#article a:hover {
		text-decoration: none; }
	.miniArticle {
		margin: 40px 0px; }
	.miniArticle img {
		float: left;
		margin-right: 40px;
		-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
	.miniArticle h2 { }
	p.readMore {
		text-align: right !important; }
	.gallerie img {
		margin: 2px; }
	.gallerie a {
		filter : alpha(opacity=70);
    	opacity : 0.7; }
	#ariane, #ariane a {
		color: #727272;
		font-size: 11px !important; }
	.offreStage {
		float: left;
		background: #FFF;
		width: 274px;
		margin: 10px;
		padding: 20px;
		-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
		.offreStage h2, .offreStage div {
			margin-bottom: 10px !important; }
	.doc {
		display: block;
		background: url('../IMG/upload/Image/icones/pdf_small.gif') no-repeat;
		padding-left: 22px;
		width: 110px;
		height: 18px;
		margin-left: 145px; }
	
	.mission, .profil, .remarque, .contact {
		background: #FFF;
		border: 1px solid #CCC;
		padding: 20px; }
	.mission h4, .profil h4, .remarque h4, .contact h4 {
		font-weight: bold;
		font-size: 15px; }
	.downloadDoc {
		display: block;
		position: absolute;
		background: url('../WD_IMAGES/pdf.gif') no-repeat 50% 0%;
		text-align: center;
		width: 75px;
		padding-top: 56px;
		height: 43px;
		font-size: 12px;
		margin-top: -164px;
		margin-left: 830px; }
ul ul {
	margin: 3px 30px !important; }
		
		
img.alignLeft { float:left; margin: 10px; -webkit-box-shadow: 0px 0px 1px 1px #cccccc; box-shadow: 0px 0px 1px 1px #cccccc; }
img.alignRight { float:right; margin: 10px; -webkit-box-shadow: 0px 0px 1px 1px #cccccc; box-shadow: 0px 0px 1px 1px #cccccc; }

@media (max-width: 980px) {
	#generalNav a:first-child {
		margin-left: 262px; }
	#logo { margin: -70px 24px 0px 22px !important; }
	#sousMenu {
		margin-left: 25px;
		margin-top: 40px; }
	.content { width: 100%; }
	#newsSlideContainer {
		width: 90%;
		margin: -12px auto 0px auto; }
	#rollOver { top: 107px; }
	#baseLineText {
		width: 51%;
		padding: 10px 0px;
		float: right;
		font-size: 9px;
		overflow: hidden; }
	#baseLineLogo { 
		float: right;
		margin-left: 0px; }
	.emploiMore {
		bottom: 0;
		right: 0;
		top: inherit;
		left: inherit; }
	.emploi { width: 36%; }
	.newsDetails p { width: 75%; }
}
@media (max-width: 767px) {
	#generalNav a:first-child {
		margin-left: 0px;
		width: 34%; }
	#generalNav a:last-child { width: 34%; }
	#generalNav a { width: 33%; border: none; }
	#logo { 
		margin: -40px auto 0px auto !important;
		background: url(../WD_IMAGES/logo.png) no-repeat center; }
	#sousNav a { width: 100%; text-align: center; margin: 0px 0px 0px 0px; }
	#sousMenu {
		margin-left: 25px;
		margin-top: 40px; }
	.content { width: 100%; }
	#newsSlideContainer {
		width: 80%;
		margin: 0px auto 0px auto; }
	#baseLineText {
		width: 51%;
		padding: 10px 0px;
		float: left;
		font-size: 9px;
		overflow: hidden; }
	#baseLineLogo { 
		float: left;
		margin-left: 0px; }
	.newsImage {
		display: none !important;
		width: 0% !important; }
	.newsDetails { width: 100% !important; }
	.newsDetails h4 { margin: 26px 0px 0px 20px; }
	.newsDetails h3 { margin: 20px 0px 0px 20px; }
	.emploiMore {
		bottom: 0;
		right: 0;
		top: inherit;
		left: inherit; }
	.emploi { width: 80%; padding: 18px 10px; }
	.newsDetails p {
		width: 75%;
		margin: 20px 0px 0px 20px; }
	#emplois { height: auto; }
	#rollOver, .sousMenuContent { display: none; }
	#footer .col { padding: 27px 0px; width: 100% !important; }
}