/* COMMON CSS */
body{
	background:		#FFFFFF;
	color:			#666666;
	font-size:		14px;
	font-weight:	normal;
	font-style:		normal;
	font-family:	'PTSansRegular', sans-serif;
	line-height:	normal;
	margin:			0px;
	padding:		0px;
}
.row{
	margin:			15px 0;
}
.center{
	text-align:	center;
}
li{
	list-style:		square;
	margin:		4px 0;
}
ul li ul{
	margin-top:		12px;
	margin-bottom:	10px;
}
ul li ul li{
	list-style:		circle;
}
.separation{
	clear:		both;
	border-top:		solid 1px #CCCCCC;
	margin:		3px 7px;
}
.printSpacer{
	margin:				25px 0 55px;
	border-top:			solid 2px #0579D5;
}
#page{
	margin:			25px auto;
	width:			980px;
	position:		relative;
}
#mainTitle,
#subTitle{
	text-align:		right;
	padding:		0 30px 0 0;
	margin:			0 0 2px 0;
	height:			61px;
	line-height:	61px;
}
#mainTitle,
#contentLeft,
#bottomLeft{
	width:			254px;
	float:			left;
	border-right:	solid 1px #ECECEC;
}
#mainTitle .grey{
	color:			#999999;
}
#mainTitle h1{
	font-size:		26px;
	font-weight:	normal;
	margin:			0;
	padding:		7px 0 0 0;
}
#subTitle,
#contentRight,
#bottomRight{
	width:			632px;
	float:			left;
	border-right:	solid 1px #ECECEC;
}
#subTitle h2{
	margin:			0;
	padding:		0;
}
#subTitle h2,
#subTitle h2 a{
	font-size:		16px;
	font-weight:	normal;
	text-decoration:none;
	font-family:	'PTSansRegular', sans-serif;
}
#subTitle h2 a:hover{
	text-decoration:underline;
}
#contentLine,
#bottom{
	padding:		7px 0 0 0;
	clear:			both;
	background:		url(/img/bg_line1.gif) no-repeat top left;
}
#content{
	background:		url(/img/bg_line2.gif) repeat-y 284px 0px;
}
#contentLeft{
	padding:		0 0 0 30px;
	border:			none;
	min-height:		490px;
}
#menu{
	position:		relative;
}
#menu ul{
	margin:			0;
	padding:		0;
}
#menu li{
	display:		block;
	margin:			0;
	padding:		0 0 10px 0;
	text-align:		right;
	background:		none;
	border-bottom:	dotted 1px #CCCCCC;
	list-style:		none;
}
html>body #menu li{
	background:		url(/img/bg_menu.png) no-repeat bottom right;
	border:			none;
}
#menu li a{
	display:		block;
	padding:		0 15px;
	width:			224px;
	height:			44px;
	line-height:	44px;
	font-size:		16px;
	color:			#999999;
	text-decoration:none;
}
#menu li a.CMS_current{
	background:		#FAFAFA;
	color:			#333333;
}
#menu li a.CMS_current:hover,
#menu li a:hover{
	color:			#666666;
	background:		#EEEEEE url(/img/fleche-1.gif) no-repeat 35px 10px;
}
#mainPicture{
	display:		none;
}
html>body #mainPicture{
	display:		block;
	position:		absolute;
	bottom:			-235px;
	left:			-7px;
}

#contentRight{
	width:			602px;
	padding:		3px 30px;
	border:			none;
	text-align:		justify;
}
#bottom{
	margin:			3px 0 0 0;
	clear:			both;
	background:		url(/img/bg_line1.gif) no-repeat top left;
}
ul#bottomLinks{
	margin:			5px 15px;
	padding:		0px;
}
ul#bottomLinks li{
	margin:			0px;
	padding:		0px;
	list-style:		none;
	float:			left;
	height:			20px;
	line-height:	20px;
}
ul#bottomLinks li img,
ul#bottomLinks li a{
	vertical-align:	top;
	text-decoration:none;
	color:			#2A86D4;
}
#bottomLeft,
#bottomRight{
	text-align:		right;
	padding:		0 30px 0 0;
	margin:			0 0 2px 0;
	height:			30px;
	line-height:	30px;
}
#bottomRight a{
	margin:			0 0 0 8px;
}

.imgLeft{
	float:			left;
	padding:		0 7px 7px 0;
}
.imgRight{
	float:			right;
	padding:		0 0 7px 7px;
}
.spacer{
	clear:			both;
	height:			0;
	font-size:		0;
}
a img{
	border:			none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
	text-decoration:none;
}
h1,
h2,
h3,
h4,
h5{
	font-weight:	normal;
	font-style:		normal;
	font-family:	'PTSansBold', sans-serif;
	line-height:	normal;
}
h1{
	margin:			5px 0 20px 0;
	padding:		0;
	font-size:		24px;
}
h1,
h1 a{
	color:			#0679BF;
}
h2{
	margin:			12px 0 5px 0;
	padding:		0;
}
h2,
h2 a{
	color:			#0679BF;
	font-size:		16px;
}
h3{
	margin:			12px 0 3px 0;
	padding:		0;
}
h3,
h3 a{
	color:			#666666;
	font-size:		14px;
}
p{
	margin:			7px 0;
	padding:		0;
}
form{
	margin:			0;
	padding:		0;
}
a{
	text-decoration:underline;
	color:			#333333;
}
#userIdentification{
	float:			right;
	margin:			0 0 15px 0;
	font-weight:	bold;
	text-align:		right;
}
.alert,
.cms_forms_error_msg{
	border-left:	solid 3px #FF0000;
	padding:		2px 0 2px 7px;
	margin:			7px 7px 12px 7px;
	color:			#FF0000;
}
.cms_forms_msg {
	border-left:	solid 3px #3178B4;
	padding:		2px 0 2px 7px;
	margin:			7px 7px 12px 7px;
	color:			#FF0000;
}
.hidden{
	display:		none;
}

.date,
.contrat,
.siteWeb{
	padding:		0 0 0 28px;
	line-height:	25px;
}
.date{
	background:		url(/img/picto_date.gif) no-repeat 0px 3px;
}
.contrat{
	background:		url(/img/picto_contrat.gif) no-repeat 0px 3px;
}
.siteWeb{
	background:		url(/img/picto_link.gif) no-repeat 0px 3px;
}
.floatRight{
	float:			right;
}
.floatLeft{
	float:			left;
}
form#contactForm{
	margin:			20px 0;
	padding:		0;
}
#contactForm fieldset{
	border:			solid 1px #CCCCCC;
	padding:		14px 7px 7px 7px;
	margin:			0;
}
#contactForm legend{
	font-size:		12px;
	font-weight:	normal;
	color:			#666666;
}
#contactForm label{
	display:		block;
	float:			left;
	width:			140px;
	text-align:		right;
	padding:		2px 5px 0 0;
	color:			#247AAF;
}
#contactForm .input{
	color:			#333333;
	padding:		2px;
	border:			solid 1px #CCCCCC;
}
#contactForm .size1{
	width:			200px;
}
#contactForm .size2{
	width:			350px;
}
#contactForm textarea{
	height:			115px;
}
#contactForm p{
	clear:			left;
	padding:		0;
	margin:			8px 0;
}
#contactForm .inputSubmit{
	margin:			7px 0 0 140px;
	color:			#0679BF;
	font-size:		13px;
	font-weight:	normal;
	padding:		2px 13px;
	background:		#F3F3EF;
	border:			solid 1px #666666;
	cursor:			pointer;
}
.countResults{
	margin:			0 0 0 20px;
	color:			#666666;
	font-weight:	bold;
}
#realisationListMenu{
	margin:			8px 0 3px 20px;
}
ul#realisationsList{
	margin:			17px 20px 20px 20px;
	padding:		0;
	border-top:		dashed 1px #666666;
}
#realisationsList li{
	margin:			35px 0 10px 0;
	padding:		0px 0px 30px 0px;
	list-style:		none;
	border-bottom:	dashed 1px #666666;
}
#realisationsList .picture{
	float:			left;
	margin:			0 0 7px 0;
	-moz-box-shadow:	4px 4px 10px #aaa;
    -webkit-box-shadow: 4px 4px 10px #aaa;
    box-shadow:			4px 4px 10px #aaa;
}
#realisationsList .right .picture{
	float:			right;
	margin-left:	9px;
}
#realisationsList .left .picture{
	float:			left;
	margin-right:	9px;
}
#realisationsList .realisationsInfos{
	width:			290px;
	padding:		0 0 0 7px;
	float:			left;
}
#realisationsList li ul li{
	margin:			5px 0 0 0;
	padding:		0 0 2px 0;
	border:			none;
	list-style:		square;
	border-radius:	0;
	-moz-border-radius:	0;
	-webkit-border-radius:	0;
	box-shadow:	none;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
}
#realisationsList li ul li ul li{
	list-style:		circle;
}
#realisationsList p{
	margin:			7px 0;
	padding:		0;
}
#realisationsList .realisations_title{
	font-weight:	bold;
	font-size:		13px;
	color:			#247AAF;
	margin:			0 0 2px 0;
}
#realisationsList .realisations_description{
	text-align:		justify;
}
#realisationsList .realisations_url,
#realisationsList .apercu{
	line-height:	25px;
}
#realisationsList .realisations_url,
#realisationsList .realisations_url a,
#realisationsList .apercu,
#realisationsList .apercu a{
	color:			#333333;
}
#realisationsList .realisations_url{
	padding:		0 0 0 24px;
	background:		url(/img/picto_link.gif) no-repeat 0px 3px;
}
#realisationsList .apercu{
	margin-left:	16px;
	padding:		0 0 0 19px;
	background:		url(/img/picto_loupe.gif) no-repeat 0 6px;
}
#realisationsList .moreLink{
	color:			#348ABF;
	padding:		0 0 0 7px;
	outline:		none;
	line-height:	25px;
}
#moreLinkAll,
#moreLinkAllHide{
	color:			#348ABF;
}
#realisationsList .moreText{
	
}
#experienceDescription{
	margin:			25px 0;
}
#experienceDescription ul{
	margin:			15px 0 4px 15px;
	padding:		0;
}
#experienceDescription li{
	list-style:		square;
	margin:			4px 0 10px 0;
	padding:		0;
}
#experienceDescription li ul{
	margin:			10px 0 4px 25px;
}
#experienceDescription li ul li{
	list-style:		circle;
}
#trombone{
	background:		url(/img/trombone.png) no-repeat top left;
	width:			55px;
	height:			84px;
	position:		absolute;
	top:			-27px;
	right:			-6px;
}
acronym{
	cursor:			help;
}