/*BODY */
body {
  margin:0;
  padding:0;
  background:url(../composants/interface/images/body_background.jpg) repeat-x;
  text-align:center;
  font-family:arial;
  font-size:11px;
  color:#666;
}

/*pour le rte du back*/
body.frameBody {
  background:none;
  text-align:left;
}
/*pour le rte du back*/

p,a,img,h1,h2,h3,span,ul,li {
  padding:0;
  margin:0;
  border-width:0;
  text-align:justify;
}

a {
  padding:0;
  margin:0;
  outline:none;
	color:#39afe1;
}

img {
  display:block;
}

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

.blue{
	color:#39afe1;
}
p.left{
	float:left;
}
p.right{
	float:right;
}

input.error {
	color:#FF0000;
	background-color:#FDD;
}

.headbg{
	background:red;
	position:absolute;
	left:0;
	top:0;
	height:341px;
	background:url(../composants/interface/images/header_background_total.jpg) center top no-repeat;
	z-index:1;
	width:100%;
	min-width:996px;
}
.headbg .minSize{
	width:996px;
	margin:auto;
}
#feedButton{
	position:absolute;
	display:block;
	left:700px;
	height:40px;
	width:40px;
	text-decoration:none;
}
#feedButton span{
	display:block;
	height:40px;
	width:40px;
	background:#fff;
	opacity:0;
	filter: alpha(opacity = 0);
}
/*site*/
#site {
  text-align:left;
  width:996px;
  margin:0 auto 0 auto;
	position:relative;
	z-index:2;
}

/*header*/
#header {
	margin:0;
	padding:0;
}

#menu{
	margin-top:28px;
	margin-left:11px;
  height:42px;
}


#menu span {
  float:left;
}

#menu ul {
	margin-top:12px;
	margin-left:34px;
  float:left;
}

#menu li {
  float:left;
  list-style:none;
  margin-right:35px;
}

#menu li.login {
  margin-left:114px;
  margin-right:0px;
}

#header_bottom {
  margin-top:29px;
  width:994px;
}

/*MISE EN AVANT */
#mise_avant {
  width:633px;/*677*/
  height:321px;/*341*/
  background:url(../composants/interface/images/mise_avant_background.jpg) no-repeat;
  padding:10px 21px 10px 23px;
  float:left;
}

div#mise_avant_media{
  width:633px;
  height:240px;
	margin-bottom:20px;
}

#mise_avant .infos {
  width:633px;
}

#mise_avant .infos div.texte{
  float:left;
}

#mise_avant .infos p.left, #mise_avant .infos p.right{
	width:290px;
	margin:0 10px 0 10px;
  line-height:11px;
  padding:0;
}
#mise_avant .infos p.right{
	margin-right:0;
}

#mise_avant .infos div.links{
	float:right;
	width:25%;
	height:52px;
}

#mise_avant .infos div.links a{
	text-align:right;
	position:relative;
	top:0.7em;
	display:block;
	font-size:14px;
  color:#39AFE1;
  font-style:italic;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  line-height:21px;
}

/*ONGLETS */

#header_right {
  float:left;
 /* margin-top:194px;*/
  margin-left:21px;
  width:293px;
  /*height:147px;*/
}
#header_right #onglet1, #header_right #onglet2{
  float:left;
  margin:0;
  padding:0;
	display:block;
	cursor:pointer;
}

#header_right #onglet1 img, #header_right #onglet2 img {
	display:block;
}

.flash_header{
	height:194px;
}
/*ONGLET*/

/*NEWSLETTER*/
#newsletter{
  width:293px;
  height:76px;
  background: url(../composants/interface/images/newsletter_background.jpg) no-repeat;
	position:relative;
}
#newsletter h1{
	color:#959698;
	text-transform: uppercase;
	font-size:1.2em;
	margin:0 1em;
	position:absolute;
	top:-15px;
}
#newsletter h3 {
  margin:0 0 0 66px;
  padding:9px 0 0 0;
  font-size:12px;
  color:#333;
  font-weight:bold;
  line-height:12px;
}

#newsletter fieldset {
	border:0;
	margin:0;
	padding:0;
}
#newsletter form{
  margin:8px 0 0 66px;
  padding:0;
}
#newsletter form input{
  float:left;
}

#newsletter form input.text{
  border:none;
	border-bottom:solid 2px #C7C7C7;
  border-right:solid 2px #C7C7C7;
  width:129px;
	font-size:10px;
  color:#999;
  margin-right:5px;
}

/*main*/
#main{
	clear:both;
}

/*LEFT*/
#main .left {
  float:left;
  width:677px;
}


#main .left .projets {
  width:653px;/*677*/
  height:170px;/*190*/
  background-color:#F5F5F5;
  padding:10px 12px 10px 12px;
  margin-top:10px;
}

#main .left .projets.news {
  width:653px;/*677*/
  height:100px;/*190*/
  background-color:#F5F5F5;
  padding:10px 12px 10px 12px;
  margin-top:10px;
}


#main .left .projets span{
 float:left;
}

#main .left .projets .projects_left{
 float:left;
  width:310px;
  margin:10px 0 0 13px;
}

#main .left .projets .projects_left_news{
 float:left;
  width:500px;
  margin:10px 0 0 13px;
}

#main .left .projets .projects_left h2, #main .left .projets .projects_left_news h2 {
  font-size:14px;
  line-height:16px;
  color:#333;
  font-weight:bold;
  margin:0;
  padding:0;
}

#main .left .projets .projects_left h3, #main .left .projets .projects_left_news h3 {
  font-size:10px;
  color:#999;
  font-style:italic;
}

#main .left .projets .projects_left .chapeau {
  font-size:11px;
  color:#666;
  margin:13px 0 0 0;
  padding:0;
  width:310px;
  height:75px;
  text-align:justify;
}

#main .left .projets .projects_left_news .chapeau {
  font-size:12px;
  color:#666;
  margin:13px 0 0 0;
  padding:0;
  width:500px;
  /*height:75px;*/
  text-align:justify;
}

#main .left .projets .projects_left .chapeau a, #main .left .projets .projects_left_news .chapeau a {
  color:#39AFE1;
}

#main .left .projets .projects_left span, #main .left .projets .projects_left_news span{
  width:310px;
}

#main .left .projets .projects_left a.lien, #main .left .projets .projects_left_news a.lien{
  font-size:12px;
  color:#39AFE1;
  font-style:italic;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  line-height:21px;
}

#main .left .campagnes {
  width:653px;/*677*/
  height:210px;
  background-color:#F5F5F5;
  padding:0 12px 0 12px;
  margin-top:10px;
}

#main .left .campagnes .first {
  float:left;
  width:163px;
  height:159px;
  background-color:#FFF;
}

#main .left .campagnes .first img {
  margin:10px auto 0 auto;
}

#main .left .campagnes .first h2 {
  width:163px;
  text-align:center;
  color:#333;
  font-weight:bold;
  font-size:12px;
}

#main .left .campagnes .first h3 {
  width:163px;
  text-align:center;
  color:#39AFE1;
  font-size:11px;
  text-decoration:underline;
  margin-bottom:13px;
}

#main .left .campagnes .first a.lien{
  font-size:10px;
  color:#39AFE1;
  font-style:italic;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  margin:0 0 0 35px;
  outline:none;
}

#main .left .campagnes .normal {
  float:left;
  width:163px;
  height:159px;
  background:url(../composants/interface/images/campagnes_background.jpg) no-repeat;
}

#main .left .campagnes .normal img {
  margin:10px auto 0 auto;
}

#main .left .campagnes .normal h2 {
  width:163px;
  text-align:center;
  color:#333;
  font-weight:bold;
  font-size:12px;
}

#main .left .campagnes .normal h3 {
  width:163px;
  text-align:center;
  color:#39AFE1;
  font-size:11px;
  text-decoration:underline;
  margin-bottom:13px;
}

#main .left .campagnes .normal a.lien{
  font-size:10px;
  color:#39AFE1;
  font-style:italic;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  margin:0 0 0 35px;
  outline:none;
}

/*sous menu*/
#main .left .sousmenu {
  width:657px;/*677*/
  min-height:25px;/*40*/
  background-color:#F5F5F5;
  margin-top:10px;
  padding-top:15px;
  padding-bottom:5px;
  padding-left:20px;
}

#main .left .sousmenu form {
  margin:0;
  padding:0;
}

#main .left .sousmenu span {
  color:#666;
  font-size:12px;
  float:left;
}

#main .left .sousmenu span.label {
  margin-left:10px;
  margin-right:5px;
}

#main .left .sousmenu .select {
  float:left;
  font-size:11px
}

#main .left .sousmenu .select .field{
  height:15px;
  width:119px;
  border:solid 1px #7f9db9;
  border-right:none;
  color:#333;
  font-size:11px;
  background-color:#FFF;
  float:left;
  padding:0 0 0 4px;
}

#main .left .sousmenu .select .bt {
  float:left;
  width:17px;
  height:17px;
  background: url(../composants/interface/images/fleche_select.jpg) no-repeat;
  cursor:pointer;
}

#main .left .sousmenu.navigation {
  text-align:center;
  color:#666;
  font-size:12px;
}

#main .left .sousmenu.navigation a.nb_page{
  color:#666;
  text-decoration:none;
  background:none;
  padding:0;
  margin:0;
}

#main .left .sousmenu.navigation a.back{
  font-size:12px;
  line-height:12px;
  color:#666;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_back.jpg) no-repeat left center;
  padding:0 0 0 15px;
  outline:none;
  margin:0;
}

#main .left .sousmenu .select a{
	color:#333;
	font-size:10px;
	text-decoration:none;
	background:none;
}


#main .left .sousmenu a{
  font-size:12px;
  color:#666;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_norm_sousmenu.jpg) no-repeat right center;
  padding-right:15px;
  outline:none;
  margin-right:30px;
}

#main .left .sousmenu a.actif{
  font-size:12px;
  color:#39AFE1;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_actif_sousmenu.jpg) no-repeat right center;
  padding-right:15px;
  outline:none;
  margin-right:30px;
}

#main .left .sousmenu a.back{
  font-size:12px;
  line-height:12px;
  color:#666;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_back.jpg) no-repeat left center;
  padding-left:15px;
  outline:none;
  margin-right:30px;
}

/*Content*/

.sectionContent {
  margin-bottom:20px;
  margin-top:15px;
}
.sectionContent li{
  margin-left:20px;
  font-size:12px;
}
.sectionContent .center {
  margin-bottom:20px;
  margin-top:15px;
}

.sectionNews {
  width:637px;/*660*/
  /*margin-bottom:20px;*/
  margin-top:30px;
  margin-left:20px;
}

.sectionContent p.right, .sectionContent p.left{
  background:none;
}

.sectionContent h1, .sectionContent h2 {
  color:#333;
  font-size:16px;
  font-weight:bold;
  /*margin-bottom:20px;*/
}

.sectionContent h1.titre_campagne{
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
	background:none;
}

.sectionNews h2 {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0;
}


.sectionContent h3, .sectionContent h4 {
  color:#333;
  font-size:12px;
  font-weight:bold;
  margin-bottom:20px;
}

.sectionContent h3.titre {
  color:#333;
  font-size:12px;
  font-weight:bold;
  margin-bottom:20px;
}

.sectionContent h3.titre2 {
  color:#333;
  font-size:12px;
  font-weight:bold;
  margin-bottom:20px;
	margin-top:20px;
}

.sectionContent h3.titre3 {
  color:#333;
  font-size:12px;
  font-weight:bold;
  margin-bottom:20px;
}

.sectionNews h3 {
  color:#666;
  font-size:10px;
  margin-bottom:20px;
}

.sectionContent p{
  color:#666;
  font-size:12px;
	margin-bottom:1em;
}

.sectionContent img{
  border:solid 10px #F5F5F5;
  float:left;
  margin:10px 20px 10px 0;
}

/*bg grey*/
.bgGrey img{
  float:left;
	border:none;
	margin:0;
	padding:0;
}

.bgWhite{
	margin:20px 0 20px 0;
}

.bgWhite img{
  float:left;
	border:solid 10px #F5F5F5;
	margin:0;
	padding:0;
}

.bgGrey .left_grey, .bgWhite .left_grey{
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:310px;
}

.bgGrey .left_grey p, .bgWhite .left_grey p{
	color:#666;
  font-size:12px;
	margin-bottom:1em;
}

.bgGrey span,.sectionContent span {
	color:#39AFE1;
}

.sectionContent ul.campagne{
		margin-left:20px;
		margin-bottom:20px;
	font-size:12px;
}

.sectionContent li.campagne{
	list-style-image:url(../composants/interface/images/list_campagne.jpg) ;
	color:#39AFE1;
}

.sectionContent li.campagne3{
	list-style-image:url(../composants/interface/images/list_campagne.jpg) ;
	color:#666;
}

.sectionContent li.campagne2{
	list-style-image:url(../composants/interface/images/list_campagne2.jpg) ;
	color:#666;
}

.sectionContent table {
	margin:0;
	padding:0;
	border:solid 10px #F5F5F5;
}

.sectionContent table td {
	width:228px;
	height:79px;
	font-size:17px;
	font-style:italic;
	color:#39AFE1;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	border-bottom:solid 5px #F5F5F5;
}

.sectionContent table td.border {
	border-right:solid 8px #F5F5F5;
}

.sectionContent table td img {
	border:0;
	float:none;
	margin:auto;
}

.lien_news {
  width:637px;
  text-align:right;
}

.lien_news a{
  font-size:10px;
  color:#39AFE1;
  font-style:italic;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  margin:0 0 0 35px;
  outline:none;
}

#main .left .emplois {
  width:657px;/*660*/
  margin-top:20px;
  background-color:#F5F5F5;
  padding:10px 10px 10px 10px;
}

#main .left .emplois h2 {
  color:#333;
  font-size:16px;
  font-weight:bold;
  line-height:49px;
}

#main .left .emplois h3 {
  color:#666;
  font-size:12px;
  margin-top:10px;
  text-decoration:underline;
  margin-bottom:10px;
}

#main .left .emplois p {
  margin-left:10px;
  width:600px;
}

#main .left .emplois h2 img {
  float:left;
  margin-right:20px;
}


#main .left .contact {
  width:657px;/*660*/
  margin-bottom:20px;
  margin-top:30px;
  border:solid 10px #F5F5F5;
}

.standard{
	text-align:left !important;
	margin-left:10px !important;
	padding:0;
	color:#333333 !important;
	font-size:10px !important;
}

#main .left .contact p{
	text-align:right;
	margin:20px 10px 0 0;
	padding:0;
	color:#53bae5;
	font-size:10px;
}

#main .left .contact form {
  margin:46px 0 0 26px;
  padding:0;
}

#main .left .contact table {
  margin:0;
  padding:0;
}

#main .left .contact table td.left_table {
  color:#333;
  font-size:14px;
  text-align:right;
  width:130px;
  height:18px;
	vertical-align:top;
}

#main .left .contact table td.left_table span{
	color:#53bae5;
}

#main .left .contact table td.right_table {
  color:#333;
  font-size:14px;
	font-weight:normal;
  height:18px;
	padding-left:20px;
	padding-bottom:10px;
}

#main .left .contact table td.right_table input {
	border-top:0;
	border-left:0;
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	width:240px;
}

#main .left .contact table td.right_table textarea {
	border-top:0;
	border-left:0;
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	width:360px;
	height:120px;
}

#main .left .contact table td.sub{
	text-align:right;
}
#main .left .contact table td.right_table input.submit {
	border:0;
	width:102px;
	height:24px;
}

/*RIGHT*/
#main .right {
  float:left;
  width:293px;
  background: url(../composants/interface/images/right_background.jpg) repeat-y;
  margin-left:21px;
}
/*
#right{
	position:absolute;
	top:0;
	left:677px;
}

/*container recurtement*/
#container_recrutement {
  display:none;
}

/*news*/
#main .right h1{
	color:#959698;
	text-transform: uppercase;
	font-size:1.2em;
	margin:0 1em 0 1em;
}
#main .right .news {
  width:278px;
  margin-bottom:15px;
  margin-left:8px;
}

#main .right .news span{
  float:left;
}

#main .right .news .info {
  float:left;
  width:220px;

}
#main .right .news h2 {
  color:#333;
  margin:15px 0 0 5px;
  font-size:12px;
  font-weight:bold;
  /*float:left;*/
  width:220px;
}

#main .right .news h3 {
  color:#999;
  margin:0 0 0 5px;
  font-size:10px;
  font-style:italic;
  /*float:left;*/
 /* width:220px;*/
}

#main .right .news p {
  color:#666;
  font-size:11px;
  text-align:justify;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
}

#main .right .news p a{
  color:#39AFE1;
  font-size:11px;
}

#main .right .news a.lien{
  font-size:10px;
  color:#39AFE1;
  text-decoration:none;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding-right:15px;
  margin:0 0 0 5px;
  outline:none;
}

#main .right .end {
  background: url(../composants/interface/images/right_end_background.jpg) no-repeat;
  width:293px;
  height:26px;/*61*/
  text-align:right;
  padding-top:35px;
}

#main .right .end a{
  font-size:14px;
  color:#39AFE1;
  text-decoration:none;
  font-style:italic;
  background: url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right center;
  padding: 0 15px 0 0;
  margin:0 8px 0 0;
  outline:none;
}

.bgGrey, .presseContent{
	background:#F5F5F5;
	padding:10px;
	margin-top:10px
}
.presseContent .text{
	float:left;
	width:410px;
	margin:0;padding:0;
	text-align:justify;
}
.presseContent .date{
	font-style:italic;
	display:block;
}
.presseContent img{
	float:left;
	margin-right:10px;
}
.presseContent h3{
	margin:0;padding:0;
	font-size:12px;
	color:#333;
}
.presseContent a{
	display:block;
	line-height:20px;
	margin-top:5px;
}
.presseContent a.pdf{
	padding-left:20px;
	background:url(../composants/interface/images/icone_pdf.gif) no-repeat;
}



.servicesContent{
	background:#F5F5F5;
	padding:10px;
	margin-top:10px;
}
.servicesContent .text{
	float:left;
	width:400px;
	margin:0;
	padding-top:5px;
	padding-left:15px;
	text-align:justify;
}
.servicesContent .date{
	font-style:italic;
	display:block;
}
.servicesContent img{
	float:left;
	border:0;
	padding:0;
	margin:0;
}
.servicesContent h3{
	margin:0;padding:0 0 10px 0;
	font-size:12px;
	color:#333;
}
.servicesContent a{
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	padding-right:16px;
	background:url(../composants/interface/images/fleche_lien_mise_avant.gif) no-repeat right 3px;
}
.servicesContent a:hover{
	text-decoration:underline
}







/*  FOOTER*/
#footer{
  padding-bottom:25px;
  width:677px;
}

#footer ul {
  margin:25px 0 0 2px;
  _margin:25px 0 0 28px;
  padding:0;
  float:left;
}

#footer li {
  margin:0 10px 0 0;
  padding:0;
   color:#999;
  font-size:10px;
  float:left;
  list-style:none;
}

#footer li a{
  color:#999;
  font-size:10px;
  text-decoration:none;
}

#footer span{
  float:right;
  color:#999;
  font-size:10px;
  margin-top:25px;
  text-align:right;
}

.appMsgsbox{
  background-color:#F5F5F5;
	padding:10px 0;
  margin:0px 49px;
	position:relative;
}
.appMsgsbox .blankHack{
	position:absolute;
	top:0;
	left:676px;
	background:white;
	width:22px;
	height:500px;

}
.appMsgsbox .error{
	color:red;
	padding-left:20px;
	/*background:url(../../composants/interface/images/admin/)*/
}

.appMsgsbox .info{
	color:navy;
	padding-left:20px;
}

.appMsgsbox .success{
	color:green;
	padding-left:20px;
}

#followUs{
	text-align: center;
	margin-bottom:145px;
}
#followUs a{
	display:block;
	float:left;
	color:#959698;
	text-align:center;
	text-decoration:none;
	width:70px;
	position:relative;
	margin:.5em 0;
}
::selection{background:#FF8E00;color:#fff}
::-moz-selection{background:#FF8E00;color:#fff}

#followUs a:hover{
	top:1px;
}
.shareSprite{
	width:38px;
	height:38px;
	display:block;
	margin:auto;
	background-image:url(../composants/interface/images/icones/shareSprites.jpg);
}
.sprite-rss{ background-position: 0 top; }
.sprite-facebook{ background-position: -38px top; }
.sprite-twitter{ background-position: -76px top; }
.sprite-vimeo{ background-position: -114px top; }
.sprite-youtube{ background-position: -152px top; }
.sprite-slideshare{ background-position: -190px top; }
.sprite-scoopit{ background-position: -228px top; }
.sprite-linkedin{ background-position: -266px top; }