@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#3d3d3d;
	font-size:73.75%;	/* 1em = 11px */
	background-color:#f0edea;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	/*width:950px;*/
	width:958px;
	margin:auto;
}
#page.full{
	/*width:958px;*/
}
a{
	color:#a32227;
}
a:hover{
	text-decoration:none;
}
.post.hentry{
	margin-bottom:20px;
	border-bottom:1px solid #A5A5A5;
}
.post h3 a{
	color:#11659B;
}
/* TOPBAR
--------------------------------------------------------------------------------------------------------------------------------------*/

#topBar{
	padding:20px 0 5px 3px;
	position:relative;
	font-size:0.81em;
	height:12px;
	color:#595959;
	width:933px;
	margin-left:17px;
}

#topBar address{
	display:inline;
	margin-right:15px;
}

#topBar .tel{
	margin-left:15px;
}

/*********** HEAD LINKS **********/

#headLinks{
	position:absolute;
	left:562px;
	top:0px;
	overflow:hidden;
}

#headLinks li{
	float:left;
}

#headLinks a{
	display:block;
	width:139px;
	height:117px;
}

#headLinks span{
	position:absolute;
	left:-9999em;
}

#headLinks .trans{
	margin-right:1px;
}

#headLinks .trans a, .page-item-82 a{
	background:url(img/btn_transformer_si.png) top left no-repeat;
	margin-right:1px;
}

#headLinks .secu a, .page-item-88 a{
	background:url(img/btn_securiser_si.png) top left no-repeat;
	margin-right:1px;
}

#headLinks .page-item-82.current_page_item a,#headLinks .page-item-82.current_page_ancestor a{
	background:url(img/btn_transformer_si_on.png) bottom left no-repeat #397eab;
	height:138px;
}

#headLinks .page-item-88.current_page_item a,#headLinks .page-item-88.current_page_ancestor a{
	background:url(img/btn_securiser_si_on.png) bottom left no-repeat #397eab;
	height:138px;
}

#header a.english {
display:inline;
float:right;
margin-right:27px;
margin-top:26px;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	padding:28px 0 3px 8px;
	background-color:#fff;
	width:933px;
	margin-left:17px;
	padding-bottom:20px;

}

#header h1{
	float:left;
	display:inline;
	margin-right:27px;
}

#header h1 a{
	outline:0;
}

#header form{
	float:left;
	margin-top:9px;
}

#header .inputText{
	margin-right:3px;
	font-size:0.72em;
	padding:3px;
	height:11px;
	width:135px;
	letter-spacing:1px;
	text-align:center;
	color:#4e4e4e;
	vertical-align:middle;
	background-color:#f3f3f3;
	border:1px solid #d7d7d7;
}

#header .btnOK{
	vertical-align:middle;
}

/********** MENU **********/

#menu{
	clear:both;
	width:738px;
	overflow:hidden;
	margin-left:190px;
	
}

#menu li{
	float:left;
	padding:40px 24px 20px 9px;
	background:url(img/bg_menu.png) bottom left repeat-x;
}

#menu li.on_rub, #menu li.current_page_item, #menu li.current_page_ancestor{
	float:left;
	background:url(img/bg_menu.png) left 30px repeat-x;
}
#menu li.on_rub a, #menu li.current_page_item a, #menu li.current_page_ancestor a {
	color:#11659B;
}
#menu a{
	color:#3e3e3e;
	font-size:1.1em;
	text-decoration:none;
	padding-left:14px;
	background:url(img/menu_puce.png) left center no-repeat;
}
#menu a:hover{
	color:#11659B;
}

#menu .contact, #menu .page-item-252{
	margin:0;
	padding-bottom:20px;
	font-size:0.9em;
	padding-right:28px;
}
#menu .contact a,#menu .page-item-252 a{
	background:url(img/contact_bg.gif) left center repeat-y;
	padding-bottom:9px;
	text-transform:uppercase;
	font-size:1.17em;

}
/********** SOUS MENU **********/

#menu ul{
	width:140px;
	height:auto;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:100;
}

#menu ul li{
	float:left;
	width:140px;
	background:#f1edea;
	padding:0;
}

#menu ul li a{
	height:auto;
	padding:5px 5px;
	width:130px;
	font-size:1.06em;
	letter-spacing:-0.5px;
	text-decoration:none;
	border:2px solid #fff;
	border-top:0px;
	display:block;
	background:#F1EDEA;
	color:#3e3e3e;
	margin:0;
}
#menu ul li a:hover{
	color:#11659B;
}

#menu ul li .first{
	border-top:none;
}

#menu ul li .last{
	border-bottom:none;
}

#menu li.on_rub, #menu ul li.current_page_item, #menu ul li.current_page_ancestor{
	float:none;
	background:url() #F1EDEA;
}
#menu li.on_rub a, #menu li.current_page_item ul a, #menu li.current_page_ancestor ul a {
	color:#3e3e3e;
}
#menu li.current_page_item ul a:hover, #menu li.current_page_ancestor ul a:hover {
	color:#11659B;
}

/********** BREADCRUMBS **********/

#breadcrumbs{
	font-style:italic;
	font-size:0.9em;
	color:#a5a5a5;
	margin-left:203px;
}

#breadcrumbs a{
	color:#a5a5a5;
	text-decoration:none;
}

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

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	background:#fff url(img/bg_content.png) top left repeat-y;
	/*position:relative;*/
	zoom:1;
}
.full #content, .full_home #content{
	background:#fff url(img/bg_content_full.png) top left repeat-y;
	padding-top:0px;
}
/********** SIDEBAR **********/

#sidebar{
	width:184px;
	float:left;
	overflow:hidden;
}

#sidebar li{
	margin-bottom:1px;
	float:left;
	width:100%;

}

#sidebar a{
	display:block;
	padding:10px 8px 8px 37px;
	text-transform:uppercase;
	color:#3d3d3d;
	height:1%;
	text-decoration:none;
	background:#f1edea url(img/bg_sidebar.png) left top repeat-y;
}
#sidebar a:hover{
	color:#3d3d3d;
	background:#f1edea url(img/bg_sidebar_on.png) left top repeat-y;
}

#sidebar li.current_page_item{
	border-bottom:3px solid #d5ccc5;
	padding-bottom:0px;
}


#sidebar li.current_page_item a{
	padding-bottom:5px;
	background:#FFF url(img/bg_sidebar_none.png) repeat-y scroll left top;
}
#sidebar_none{
	width:182px;
	height:1px;
	float:left;
	
}
#sidebar a:hover{
	color:#11659B;
}
/*** SIDEBAR BLEU ***/
#sidebar.bleu a{
	color:#fff;
	background:#377daa url(img/bg_sidebar_bleu.png) left top repeat-y;
}
#sidebar.bleu a:hover{
	color:#fff;
	background:#377daa url(img/bg_sidebar_bleu_on.png) left top repeat-y;
}

#sidebar.bleu li.current_page_item{
	border-bottom:3px solid #377daa;
}


#sidebar.bleu li.current_page_item a{
	padding-bottom:5px;
	color:#3D3D3D;
	
}
#sidebar.bleu li.current_page_item a:hover{
	color:#fff;
}


/********** INNER **********/

#inner{
	margin-left:30px;
	width:525px;
	float:left;
	display:inline;
	padding-top:10px;
	margin-right:55px;
}
.full_home #inner{
	width:722px;
	margin-right:20px;
	
}
#inner h2{
	font-size:1.4em;
	margin-bottom:15px;
	font-weight:normal;
	color:#11659b;
}

#inner p{
	margin-bottom:15px;
}

#inner .redList, #inner ul{
	margin-bottom:20px;
}

#inner .redList li, #inner ul li{
	margin-bottom:5px;
	padding-left:11px;
	background:url(img/bullet_red.png) left 4px no-repeat;
}
/********** INNER ACC **********/

#acc_actu{
	float:left;
	width:342px;
	margin-top:10px;
}
#acc_actu div a{
	color:#11659B;
}
#acc_actu div h2{
	float:left;	
}
#acc_actu div a{
	float:right;
	font-size:0.9em;
	padding-top:3px;
}
.acc_rub{
	float:left;
	width:170px;
	margin-left:20px;
	margin-top:10px;

}
#inner .acc_rub h2, #acc_actu div{
	background:transparent url(img/bg_menu.png) repeat-x scroll left bottom;
	clear:both;
	overflow:hidden;	
	height:36px;
	margin-bottom:0;
}
#inner .acc_rub ul > li, #acc_actu ul > li{
	background:transparent url(img/pt_rouge.gif) no-repeat 0px 6px;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px solid #e7e7e7;
	line-height:1.4em;
	
}
#inner .acc_rub ul li .date, #acc_actu ul li .date{
	color:#7a7a7a;
	font-size:0.9em;
}
#inner .acc_rub ul li .txt, #acc_actu ul li .txt{
	height:22px;
	display:block;
}
/********** TAB OFFRES **********/
#inner .offres{
	width:530px;
}
#inner .offres .bleu{
	width:504px;
	float:left;
	background:#317aa7;
	color:#fff;
	padding:6px;
	padding-left:20px;
}
#inner .offres .rouge{
	width:124px;
	float:left;
	background:#940107;
	text-align:center;
	color:#fff;
	padding:6px;
}
#inner .offres .offre{
	width:518px;
	float:left;
	background:#f8f8f8;
	padding:6px;
	margin-top:2px;
}
#inner .offres .offre .titre{
	float:left;
	margin-left:14px;
}
#inner .offres .offre .nb_postes{
	float:right;
	margin-right:56px;
}


/********** RIGHT NAV **********/

#rightNav{
	float:left;
	width:147px;
	
}

#rightNav h2{
	font-size:1.27em;
	padding-bottom:3px;
	font-weight:normal;
	border-bottom:3px solid #377daa;
	margin-bottom:10px;
	padding-top:10px;
}

#rightNav .blueList li{
	margin-bottom:15px;
	padding-left:10px;
	background:url(img/bullet_blue.png) left 5px no-repeat;
}

#rightNav .blueList a{
	color:#3d3d3d;
	text-decoration:none;
}

#rightNav .blueList a:hover{
	text-decoration:underline;
}


/********** FOOTER **********/

#footer{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-top:80px;
}

#footer ul{
	float:right;
	width:450px;
	padding:12px;
	background-color:#f0edea;
}

#footer li{
	display:inline;
	font-size:0.92em;
	color:#595959;
	margin-right:1em;
}

#footer a{
	color:#595959;
	letter-spacing:1px;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}
br.spacer{
	clear:both;
	width:1px;
	height:1px;
}
/*	IMG  */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/* End Images */

/*publications*/
#inner ul.publications{
	
}
#inner ul.publications > li{
	background:transparent url(img/pt_rouge.gif) no-repeat 0px 6px;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px solid #e7e7e7;
	line-height:1.5em;
	
}
#inner ul.publications > li .date{
	color:#7a7a7a;
	
}
#inner ul.publications > li a.publication{
	background:transparent url(img/fl.gif) no-repeat 0px 0px;
	padding:3px 2px 2px 24px;
	margin-top:4px;
	
}
/*table*/
table{
	width:550px;
	margin:20px 0;
}
table th, table td{
	padding:4px 8px;
	background:#f8f8f8;
}
table th.col1{
	background-color:#317aa7;
	color:#fff;
	width:200px;
}
table th.col2{
	background-color:#940107;
	color:#fff;
	width:200px;
}


table.formation th.col1{
	background-color:#317aa7;
	color:#fff;
	width:475px;
}
table.formation th.col2{
	background-color:#940107;
	color:#fff;
	width:75px;
}
table.formation td.chiffre{
	text-align:center;
}
/*FORM*/
.form_top{
	width:527px;
	background:url(img/form_top.png) no-repeat 0px 0px;
	height:12px;
}
.form_content{
	width:527px;
	background:url(img/form_content.png) repeat-y 0px 0px;
	padding:14px 14px 14px 30px;
}
.form_bottom{
	width:527px;
	background:url(img/form_bottom.png) no-repeat 0px 0px;
	height:13px;
}