/*************************************************
 *  Balises HTML
 *************************************************/
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	background-color:transparent;
}

h1 {
	font-size:1.1em;
	margin:1em 1em;
  	color:#013C74;
}

h2 {
	margin:0 0 0.5em;
}

h4{
	font-size:13px;
}

p {
	line-height:1;
	margin:0 0 1em;
}

/****************************************************
 *  Layout Général
 ***************************************************/
div#header_background{
	background:  url('../images/layout/bg_header.jpg') repeat-x top;
	height:119px;
	position:relative;
	z-index:200;
}

img#logo{
  display:none;
}

a#home_link {
  position:absolute;
  width:315px;
  height:95px;
  margin-left:52px;
  margin-top:10px;
}


div#container {
  position:relative;
  clear:both;
  width:980px;
  left:50%;
  margin-left:-490px;
}

div#header {
	background: url('../images/layout/header.jpg') no-repeat 0 0;
	height: 119px;
	margin:0 auto;
	position: relative;z-index:200;
	width: 1002px;
}

div#content {
  position:relative;
  border-top:1px solid #7DB0CB;
  margin: 20px 0 5px 0px;
  background:  url('../images/layout/content_bg.jpg') repeat-x top;
  min-height:300px;
  z-index:100;
  clear:both;
}


/********************************************************
 * Header spécification
 ********************************************************/
div#header div#image{
  position:absolute;	
  right:0;
  text-align:right;
  width:160px;
}

div#header .search
{
	float: right;
	margin: 6px 0 0 0;
}
	div#header .search input.text
	{
		background: white url('../images/layout/search.jpg') no-repeat left center;
		border: 1px solid #cdcccc;
		font-size: 12px;
		height: 19px;
		padding: 0 0 0 30px;
	}
	div#header .search input.submit
	{
		background: #ececec;
		border: 0;
		font-size: 12px;
		padding: 0 0 4px 0;
	}

/********************************************************
 * Content columns
 ********************************************************/
#container{
	position:relative;
	min-height:630px;
}

div#content #crochet{
  background: url('../images/layout/crochet.gif') no-repeat 0 0px;
  height:206px;
  width:28px;
  position:absolute;
  top:-10px;
  left:10px;
}

div#content #col1{
	float:left;
	width:205px;
	height:220px;
	margin:0px 10px 0 10px;
	/*background: url('../images/layout/crochet.gif') no-repeat 0 0px;*/
	background:url('../images/layout/bg_nav2.jpg') repeat-x;
	padding: 15px 0 0 15px;
}

div#content #col2{
  float:left;
  width:490px;
  min-height:200px;
  border:1px solid pink;
  margin-right:10px;
}

div#content #col3{
  float:left;
  width:217px;
  min-height:200px;
  border:1px solid navy;
}


div#content #col1,
div#content #col2,
div#content #col3{
 border:none;
}

/********************************************************
 * Content specifications
 ********************************************************/

div#content h1{
  color:#466673;
  margin:20px 0 40px 0;
}

/********************************************************
 * Column 1 specifications
 ********************************************************/
div#col1 h3{
  font-size:10px;
  margin-top:30px;
  font-style: italic;
  color:#416679;
}

div#col1 img{
  display:block;
  margin: 0 0 0 -6px;
}


/********************************************************
 * Column 2 specifications
 ********************************************************/
div#col2 p{
  text-align:justify;
  font-size:12px;
  line-height:1.2;
}

div#col2 ul{
  clear:both;
  float:none;
  display:block;
  list-style-type:disc;
  margin-left:20px;
  margin-bottom:10px;
}

div#col2 p a, .underline{
  display:inline;
  text-decoration:underline;
}

div#col2 h2{
  color:#466673;
  font-size:13px;
  margin:0px 0 10px 0;
}

/********************************************************
 * Column 3 specifications
 ********************************************************/
div#col3 div#col3top{
  height:52px;
  background:url('../images/layout/col3_bg_top.jpg') repeat-y 0 0px;
}

div#col3 div#col3bottom{
  height:107px;
  background:url('../images/layout/col3_bg_bottom.jpg') repeat-y;
}

div#col3 div#col3center{
  background:url('../images/layout/col3_bg_center.jpg') repeat-y;
  padding-left:10px;
}


div#col3center h3{
  font-size:12px;
  margin:0px 0 10px 0;
}

div#col3center p{
  font-style: italic;
  margin:0 0;
}

div#col3center p.last{
  padding-bottom:15px;
}

div#col3center a{
  color:#62828F;
}

/********************************************************
 * Contenus pages
 ********************************************************/
 #claim_above, #contenu, .article, .title_article, .teaser_article, #retour_news, .event, .title_event, .teaser_event, #retour_events, #map_flash, .teaser_testimonial, .author_testimonial{
 	position:relative;
 	width:490px;
}

#contenu a{
 color:#000;
}

.article, .event, .testimonial{
	margin-bottom:15px;
}
 
.title_article, .title_event{
 	font-weight:bold;
 	font-size:15px;
 	padding:10px 0 10px 5px;
 	width:485px;
 	color:#466673;
}
 
.title_article a, .title_event a{
 	color:#466673;
}
  
.title_article a:hover, .title_event a:hover{
 	text-decoration:underline;
}
 
.separateur, #separateur{
 	border-bottom:1px solid #466673;
}

#separateur{
	position:relative;
	width:480px;
	left:50%;
	margin-left:-240px;
	margin-bottom:10px;
}

.teaser_article, .teaser_event, .teaser_testimonial{
 	padding:0 5px;
 	width:480px;
}

#retour_news, #retour_events{
	margin:10px 0;
	font-style: italic;
}

#retour_news a, #retour_events a{
 	color:#000;
}

#retour_news a:hover, #retour_events a:hover{
 	text-decoration:underline;
}

#related_info{
	position:relative;
	color:#466673;
}

#related_info a{
	color:#000;
	text-decoration:none;
}

#related_info a:hover{
	text-decoration:underline;
}

.author_testimonial{
	margin:5px 0 10px 0;
	padding-left:5px;
 	width:485px;
 	color:#466673;
 	clear:both;
 	font-size:11px;
}

.img_testimonial{
 	position:relative;
 	float:left;
}

.teaser_testimonial{
	padding-left:20px;
	width:300px;
	float:left;
}

#diagramme_flash{
	position:relative;
	width:490px;
	margin-bottom:20px;
}

#footer{
	position:relative;
	width:980px;
	height:5px;
	left:50%;
	margin-left:-490px;
	background-color:#a3c02a;
}

#visu_page_left{
	position:relative;
	float:left;
	width:250px;
}

#objet_page{
	position:relative;
	float:left;
	width:240px;
}

#visu_page_right{
	position:relative;
	float:right;
	margin-right:5px;
}

#visu_page_abs{
	position:absolute;
	top:186px;
	left:50px;
}

.search{
	position:relative;
	color:#466673;
}

.search a:hover{
	text-decoration:underline;
}

.online_job_image{
	position:relative;
	left:50%;
	margin-left:-115px;
	width:230px;
}

.cv_database_image{
	position:relative;
	left:50%;
	margin-left:-234px;
	width:468px;
}

#footer_links{
	position:relative;
	clear:left;
	width:980px;
	left:50%;
	margin:5px 0 5px -490px;
	color:#013C74;
}

.footer_links{
	position:relative;
	float:left;
	margin-left:15px;
}

.sep_footer{
	margin-left:75px;
}

.switch{
	float:right;
	margin-right:15px;
	margin-top:10px;
}
.switch a img {border:0;}

.footer_links a{
	color:#013C74;
}

.footer_links a:hover{
	text-decoration:underline;
}

.teaser_recherche{
	position:relative;
	margin:5px 0;
}

#site_map{
	position:relative;
	color:#466673;
}

#site_map a{
	color:#000;
}

#site_map a:hover{
	text-decoration:underline;
}

#lien_content{
	position:relative;
	float:right;
	margin-top:10px;
}

#lien_info, #lien_send, #lien_print{
	position:relative;
	float:left;
	display:block;
	width:16px;
	height:16px;
}

#lien_info{
	background:url("../images/layout/info.gif") no-repeat;
}

#lien_send{
	background:url("../images/layout/mail.gif") no-repeat;
	margin-left:10px;
}

#lien_print{
	background:url("../images/layout/print.gif") no-repeat;
	margin-left:10px;
}