/* @group HEADER */
#header {
	height: 145px;
}
#logotype {
	height: 110px;
	border-left: 25px solid #fe9900;
}
#logotype h1 {
	width: 161px;
	height: 75px;
	margin-left: 60px;
	overflow: hidden;
	margin-top: 20px;
}
#logotype strong {
	width: 161px;
	height: 75px;
	margin-left: 60px;
	overflow: hidden;
	margin-top: 20px;
	display: block;
}
#baseline, #navigation_top {
	height: 110px;
}
#baseline em {
	margin-top: 80px;
	display: block;
}
#navigation_top {
	width: 450px;
}
#navigation_top ul {
	float: right;
	margin-right: 20px;
}
#navigation_top ul li {
	float: left;
	display: inline;
	padding: 10px;
	position: relative;
}
#slider_home {
	width: 960px;
	height: 440px;
	margin-bottom: 20px;
}
.content_panel {
	width: 295px;
	height: 260px;
	margin-top: 80px;
	margin-left: 95px;
}
.content_panel_chapeau {
	display: block;
	margin-bottom: 15px;
}
#slider_home a.content_panel_link {
	display: block;
	background: url(../images/puce_orange.png) no-repeat left 2px;
	height: 16px;
	padding-left: 15px;
}
#slider_home a.content_panel_link:hover {
	background: url(../images/puce_orange_hover.png) no-repeat left 2px;
}
h3.content_panel_plus {
	position: absolute;
	bottom: 85px;
	right: 60px;
}
h3.content_panel_plus span {
	display: block;
	text-align: right;
	padding-bottom: 5px;
}
/* @end */
/* @group GLOBAL CONTENT */
#content_global {
	
}
/* @end */
/* @group CONTENT */
#content {
	padding-left: 40px;
	width: 920px;
	padding-top: 20px;
}
#content h1 {
	margin-bottom: 30px;
}
#content p {
	padding-right: 40px;
}
#content p {
	margin-top: 10px;
}
#content h3 {
	padding: 0;
}
#content strong {
	margin-bottom: 10px;
}
#onglet1 a, #onglet2 a, #onglet3 a {
	display: block;
	width: 310px;
	text-align: center;
}
#home_onglet_1, #home_onglet_2, #home_onglet_3 {
	width: 960px;
	height: 383px;
	overflow: hidden;
}
#slider_home .scroll {
	height: 400px;
	width: 960px;
	overflow: hidden;
	position: relative;
	clear: left;
	padding-left: 5px;
	background-color: #fff;
}
#slider_home .scrollContainer div.panel {
	height: 400px;
	width: 960px;
	position: relative;
}
#slider_home .content_panel {
	position: absolute;
	top: 30px;
	left: 40px;
}
#slider_home ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	border-bottom: 1px solid #c7c7c7;
}
#slider_home ul.navigation li {
	display: inline;
	margin-right: 0;
}
#slider_home ul.navigation a {
	padding: 9px;
	color: #000;
	text-decoration: none;
}
#slider_home ul.navigation a:hover {
	padding: 9px;
	border-style: none;
}
#slider_home ul.navigation a.selected {
	border-bottom: 1px solid #fe9900;
	padding: 9px 0 9px 9px
}
#slide_home .hide,
#projet_slide .hide,
#list_projet .hide {
	display: none;
}
#slider_home ul.navigation a:focus,
#projet_slide ul.navigation a:focus,
#list_projet ul.navigation a:focus {
	outline: none;
}
#content .content_boximgleft p, #content .content_boximgright p, #content .content_boxtext p {
	margin-top: 10px;
}
#content .content_boximgleft h3, #content .content_boximgright  h3, #content .content_boxtext h3 {
	padding: 0;
}
#content .content_boximgleft ul li, #content .content_boximgright  ul li, #content .content_boxtext ul li {
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/puce_round_orange.png) no-repeat left 6px;
}
#content .content_boximgleft strong, #content .content_boximgright  strong, #content .content_boxtext strong {
	margin-bottom: 10px;
}
#navigation_top #dropdown ul.children {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 0;
	margin: 0 0 0 0;
	font-size:0.9em;
}
#navigation_top #dropdown ul li {
	display: block;
	background-color: #fff;
	float: left;
}
#navigation_top #dropdown li ul li ul {
	margin: 0;
	width: 145px;
	width:160px;
}
#navigation_top #dropdown {
	position: relative;
	padding: 0;
	margin: 0;
}
#navigation_top #dropdown li.menu_principal1 ul.children li a {
	display: block;
	height: auto;
	text-align: left;
	top: 0;
	position: relative;
	padding-left: 10px;
}
#navigation_top #dropdown li ul.children li a:hover {
	background: white url(../images/puce_orange2.png) no-repeat left 8px;
	width:160px;
}
#dropdown ul li a {
	display: block;
	margin-left: 0;
	padding: 5px 5px 0 10px;
	width: 130px;
}
#content .content_boxtext h2,
#content .content_boximgleft h2,
#content .content_boximgright h2 {
	border-bottom:1px solid #F5F5F5;
}
#content .content_boxtext h3,
#content .content_boximgleft h3,
#content .content_boximgright h3 {
	border-left:4px solid #FE9900;
	padding-left:5px;
}
/* @end */
/* @group img_caption_content */
.image_gauche {
	position: relative;
}
.image_droite {
	position: relative;
}
#content .image_gauche .boxgrid {
	width: 448px;
	height: 323px;
	overflow: hidden;
	position: relative;
	border: 1px solid #eeeeec;
	cursor: default;
	float: left;
	margin: 0 20px 10px 0;
}
#content .image_droite .boxgrid {
	width: 448px;
	height: 323px;
	overflow: hidden;
	position: relative;
	border: 1px solid #eeeeec;
	cursor: default;
	float: right;
	margin: 0 0 10px 20px;
}
#content .boxgrid a {
	cursor: pointer;
}
#content .boxgrid_last {
	margin-right: 0;
}
#content .boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#content .boxgrid p {
	padding: 0 10px;
	color: #afafaf;
}
#content  a.boxcaption, #content  a:hover.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 60px;
	width: 448px;
	opacity: .8;
	display: block; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /*For IE 8 */
	MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	padding: 0 5px 10px 10px;
}
#content a.boxcaption strong, #content a.boxcaption span {
	display: block;
	padding-top: 5px;
	margin-bottom: 0;
}
#content .captionfull a.boxcaption {
	top: 323px;
	left: 0;
}
#content .caption a.boxcaption {
	top: 323px;
	left: 0;
}
/* @end */
/* @group img_caption_infos */
#equipe_slide .boxgrid {
	width: 180px;
	height: 196px;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #eeeeec;
	cursor: default;
}
#equipe_slide .boxgrid a {
	cursor: pointer;
}
#equipe_slide .boxgrid_last {
	margin-right: 0;
}
#equipe_slide .boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#equipe_slide .boxgrid p {
	padding: 0 10px;
	color: #afafaf;
}
#equipe_slide a.boxcaption,#home_galerie a:hover.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 60px;
	width: 100%;
	opacity: .8;
	display: block; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /*For IE 8 */
	MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	padding: 0 5px 10px 10px;
}
#equipe_slide a.boxcaption strong, #home_galerie a.boxcaption span {
	display: block;
	padding-top: 5px;
	margin-bottom: 0;
}
#equipe_slide .captionfull a.boxcaption {
	top: 160px;
	left: 0;
}
#equipe_slide .caption a.boxcaption {
	top: 196px;
	left: 0;
	width: 165px;
}
#equipe_slide p {
	margin-top: 0;
}
#equipe_slide h3 {
	margin-bottom: 0.2em;
	padding-left: 10px;
}
#equipe_slide ul.navigation li {
	position: relative;
}
#equipe_slide ul.navigation li a {
	background:url("../images/pucepetite_orange.png") no-repeat scroll left 10px transparent;
	display:block;
	height:15px;
	color: gray;
	padding: 6px 10px 8px;
}
#equipe_slide ul.navigation li a:hover {
	text-decoration: none;
	color:#FE9900;
	background: #f5f5f5 url(../images/fleche_grise.png) no-repeat 0 10px;
}
/* @end */
/* @group img_caption */
#home_galerie {
	width: 960px;
	height: 235px;
}
#home_galerie h2 {
	border-bottom: 1px solid #fe9900;
}
#home_galerie .boxgrid {
	width: 190px;
	height: 160px;
	margin: 0 64px 60px 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #eeeeec;
	cursor: default;
}
#home_galerie .boxgrid a {
	cursor: pointer;
}
#home_galerie .boxgrid_last {
	margin-right: 0;
}
#home_galerie .boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#home_galerie .boxgrid p {
	padding: 0 10px;
	color: #afafaf;
}
#home_galerie a.boxcaption,#home_galerie a:hover.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 60px;
	width: 100%;
	opacity: .8;
	display: block; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /*For IE 8 */
	MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	padding: 0 5px 10px 10px;
}
#home_galerie a.boxcaption strong, #home_galerie a.boxcaption span {
	display: block;
	margin-bottom: 0;
	padding-top: 5px;
}
#home_galerie .captionfull a.boxcaption {
	top: 160px;
	left: 0;
}
#home_galerie .caption a.boxcaption {
	top: 160px;
	left: 0;
	display: block;
	width: 175px;
	height: 60px;
	overflow: hidden;
}
#home_galerie p {
	margin-top: 0;
}
#home_galerie h3 {
	margin-bottom: 0.2em;
	padding-left: 10px;
}
#home_galerie a {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(../images/pucepetite_orange.png) no-repeat left 4px;
}
#home_galerie a:hover {
	background: url(../images/pucepetite_blanche.png) no-repeat left 4px;
}
/* @end */
/* @group projets */
#projet {
	margin-top: 20px;
}
#projet_description {
	width: 400px;
	padding-right: 20px;
	width: 380px;
}
.titre {
	border-bottom: 1px solid #fe9900;
}
#focus_projet {
	
}
#projet_slide {
	width: 520px;
	height: 325px;
	margin: 0;
	position: relative;
}
#projet_slide .scroll {
	height: 325px;
	width: 520px;
	overflow: hidden;
	position: relative;
	clear: left;
	background-color: #fff;
}
#projet_slide .scrollContainer div.panel {
	height: 325px;
	width: 520px;
	position: relative;
}
#projet_slide .content_panel {
	position: absolute;
	top: 30px;
	left: 40px;
}
#projet_slide .global_navigation {
	float: right;
}
#projet_slide ul.navigation {
	padding-top: 10px;
}
#projet_slide ul.navigation li {
	display: inline;
	float: left;
}
#projet_slide ul.navigation a {
	display: block;
	width: 11px;
	height: 10px;
	background: url(../images/nav_slide.png) no-repeat left top;
	margin-left: 5px;
	padding: 0;
}
#projet_slide ul.navigation a:hover {
	background-position: left bottom;
}
#projet_slide ul.navigation a.selected {
	background: url(../images/nav_slide_active.png) no-repeat left top;
}
#projet_slide ul.navigation a.selected:hover {
	background-position: left bottom;
}
#projet_description p {
	margin-top: 10px;
}
#projet_description h3 {
	padding: 0;
}
#projet_description ul li {
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/puce_round_orange.png) no-repeat left 6px;
}
#projet_description strong {
	margin-bottom: 10px;
}
#list_projet {
	height: 250px;
	position: relative;
	width: 920px;
}
#list_projet .scroll {
	height: 200px;
	width: 920px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-color: #fff;
	margin-top: 10px;
}
#list_projet .scrollContainer div.panel {
	height: 200px;
	width: 920px;
	position: relative;
	overflow: hidden;
}
#list_projet .scrollContainer div.panel ul {
	padding: 0;
	margin: 0;
}
#list_projet .scrollContainer div.panel ul li a {
	display: block;
	height: 15px;
	padding-bottom: 8px;
	padding-top: 6px;
	width: 285px;
	padding-right: 10px;
	padding-left: 10px;
	background: url(../images/pucepetite_orange.png) no-repeat left 10px;
}
#list_projet .content_panel {
	position: absolute;
	top: 30px;
	left: 40px;
}
#list_projet .global_navigation {
	float: right;
}
#list_projet ul.navigation li {
	display: inline;
	float: left;
}
#list_projet ul.navigation a {
	display: block;
	width: 11px;
	height: 10px;
	background: url(../images/nav_slide.png) no-repeat left top;
	margin-left: 5px;
}
#list_projet ul.navigation a:hover {
	background-position: left bottom;
}
#list_projet ul.navigation a.selected {
	background: url(../images/nav_slide_active.png) no-repeat left top;
}
#list_projet ul.navigation a.selected:hover {
	background-position: left bottom;
}
#list_projet .scrollContainer div.panel ul {
	width: 305px;
	float: left;
	display: inline;
}
#list_projet .scrollContainer div.panel ul li a:hover {
	padding-left: 12px;
	background: #f5f5f5 url(../images/fleche_grise.png) no-repeat 0 10px;
	width: 278px;
}
/* @end */
/* @group equipe */
.menu_titre {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 0.682em;
}
.menu_titre .navigation li {
	display: inline;
	margin-right: 0;
	float: left;
	border-right: 1px solid #c7c7c7;
}
.menu_titre .navigation li a {
	padding:9px 23px;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
}
.menu_titre .navigation li a:hover {
	background-color: #F5F5F5;
}
.menu_titre .navigation li.nav_last {
	border-right: none;
}
.menu_titre .navigation li a:hover {
	background-color: #f5f5f5;
}
#equipe_slide {
	margin-bottom: 25px;
	position: relative;
	width: 920px;
}
#equipe_slide .equipe_infos p {
	margin-top: 10px;
}
#equipe_slide .equipe_infos h3 {
	padding: 0;
}
#equipe_slide .equipe_infos ul li {
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/puce_round_orange.png) no-repeat left 6px;
}
#equipe_slide .equipe_infos strong {
	margin-bottom: 10px;
}
#equipe_slide .scroll {
	width: 620px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	float: left;
}
#equipe_slide .slide_img {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#equipe_slide .scrollContainer div.panel {
	width: 620px;
	position: relative;
}
#equipe_slide .scrollContainer div.panel ul {
	padding: 0;
	margin: 0;
}
#equipe_slide .scrollContainer div.panel ul li a {
	display: block;
	height: 15px;
	padding-bottom: 8px;
	padding-top: 6px;
	width: 290px;
}
#equipe_slide .content_panel {
	position: absolute;
	top: 30px;
	left: 40px;
}
#equipe_slide ul.navigation {
	width: 300px;
	display: inline;
	float: left;
}
#equipe_slide ul.navigation li a {
	display: block;
	height: 15px;
	margin-right: 10px;
	padding-bottom: 8px;
	padding-top: 6px;
	width: 270px;
}
#equipe_slide ul.navigation a {
	display: block;
	height: 10px;
}
#equipe_slide ul.navigation a:hover {
	padding-left: 10px;
	background: #f5f5f5 url(../images/fleche_grise.png) no-repeat left 10px;
	width: 260px;
	margin-right: 10px;
}
/* @end */
/* @group FOOTER */
#footer {
	padding-top: 20px;
}
#footer_metier {
	height: 165px;
}
#content #foot_adresse strong {
	margin-bottom: 0;
	display: inline;
}
a.footer_logotype_communication, a.footer_logotype_developpement, a.footer_logotype_opensource {
	float: left;
	display: inline;
	width: 225px;
	height:160px;
	overflow: hidden;
}
a.footer_logotype_communication:hover {
	background: url(../images/footer_logotype_toog_communication_hover.png) no-repeat left top;	
}
a.footer_logotype_developpement:hover {
	background: url(../images/footer_logotype_toog_developpement_hover.png) no-repeat left top;	
}
a.footer_logotype_opensource:hover {
	background: url(../images/footer_logotype_toog_opensource_hover.png) no-repeat left top;
}
a.footer_logotype_communication {
	background: url(../images/footer_logotype_toog_communication.png) no-repeat left top;
	padding-left:95px;
}
a.footer_logotype_developpement {
	background: url(../images/footer_logotype_toog_developpement.png) no-repeat left top;
	padding-left:95px;
}
a.footer_logotype_opensource {
	background: url(../images/footer_logotype_toog_opensource.png) no-repeat left top;
	padding-left:95px;
}
.footer_logotype_communication strong,
.footer_logotype_developpement strong,
.footer_logotype_opensource strong {
	width: 205px;
	display: block;
}
a.footer_logotype_communication span,
a.footer_logotype_developpement span,
a.footer_logotype_opensource span {
	padding-right: 10px;
}
#footer_infos {
	height: 160px;
	margin-bottom: -160px;
}
#foot_infos {
	margin-top: 65px;
	height: 95px;
	width: 630px;
	border-top: 2px solid #fe9900;
	margin-right: 10px;
}
#foot_infos ul {
	display: block;
	height: 20px;
	overflow: hidden;
	padding-top: 0.7em;
}
#foot_infos ul li {
	float: left;
	display: inline;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0 10px;
}
#foot_infos ul li.infos_first {
	padding-left: 0;
}
#foot_infos ul li.infos_last {
	border-right-style: none;
}
#foot_adresse {
	width: 130px;
	padding-top: 20px;
	padding-left: 185px;
	background: url(../images/footer_logotype.png) no-repeat 35px 24px;
	min-height:100px;
}

/* @end */
/* @group ADMIN IMAGE TOOLTIP*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width: 200px;
	height: 150px;
	}
ul.listclient_cnt li {
	position: relative;
}
img.imgposition {
	position: absolute;
	right:20px;
	top: 5px;
}
img.imghide {
	display: none;
	position: absolute;
	right:20px;
	top: 5px;
}
/* @end */
/* @group Plan du site */
ul.sitemap li a{
	background:url("../images/pucepetite_orange.png") no-repeat scroll left 10px transparent;
	display:block;
	height:15px;
	color: gray;
	padding: 6px 10px 8px;
}
ul.sitemap li a:hover {
	text-decoration: none;
	color:#FE9900;
	background: #f5f5f5 url(../images/fleche_grise.png) no-repeat 0 10px;
}
ul.sitemap li ul li a{
	background-image:none;
	display:block;
	font-size:0.8em;
	height:3px;
	line-height:0.4em;
}
ul.sitemap li ul li a:hover {
	background: #f5f5f5 url(../images/fleche_grise.png) no-repeat 0 3px;	
}
/* @end */