/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #555555;
	/*background: url('design/bg.jpg') repeat-x 0 0;
	background-color: #f6f6f6;*/
}

* {
	margin: 0;
	padding: 0;
}

a img{border: none;}
a:link, a:hover, a:visited { color: inherit;}

#header {
	margin: 0px auto;
	/*background: url('design/HeaderBg.png') repeat-x;*/
	background: url('design/menubg.png') no-repeat;
	height: 115px;
	/*width: 100%;*/width: 1040px;
}

#header div {
	
}

#login {
	margin: 0px auto;
	width:100%;
	position: absolute;
	top: -26px;
	z-index: 10;
	height:38px;
	left:0px;
	display: none;
	background:url('design/jimsBar.png') repeat-x 0 0;
}

#loginButton {
	position: relative;
	top: 25px;
	right: -235px;
	display: block;
	width: 56px;
	height: 13px;
	float: right;
	background:url('design/jimsButton.png') no-repeat;
}

#login ul {
	float: right;
	height: 24px;
	padding-right:20px;
	margin-top:2px;
}
#login li {
	display: inline;
	margin-left: 5px;
	padding-left:2px;
}
#login input {
	background-color:#d4eeee;
	font-size: 12px;
	border-color:black;
	height:17px;
	border:thin;
	font-weight:bold;
	color:  gray/*#890000;#880018*/;
}
#login button {
	/*background:url('design/loginValid.png') no-repeat;*/
	background-color: #851717;
	font-size: 11px;
	margin-top: 2px;
	color: white;
	border: solid white 1px;
}
#login a {
	color:black;
	text-decoration: none;
	vertical-align:middle;
	font-weight:bold;
	font-size:13px;
	cursor: pointer;
}
#login a:hover {
	color:white;
}



#menuContent {
	margin : 0px auto;
	position:relative;
	/*width: 850px;*/width: 1000px;
	height: 110px;
}

/* Menu Principal */
#menuListe {
	float: right;
	display:block;
	width : 651px;
	height: 59px;
	background: url('menu/menubar.png') no-repeat;
	margin-bottom: 0px;
	padding-left: 7px;
	list-style: none;
	margin-right: -22px;
}

#menuListe>li {
display: block;
float: left;
margin-right: 1px;
height: 45px;
}

#menuListe>li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}

#menuPresentation { width: 126px; }
#menuPresentation>a { background-image: url('menu/presentation.jpg'); }

#menuCompetences { width: 129px; }
#menuCompetences>a { background-image: url('menu/competences.jpg'); }

#menuFonctionnement { width: 161px; }
#menuFonctionnement>a { background-image: url('menu/fonctionnement.jpg'); }

#menuQualites { width: 106px; }
#menuQualites>a { background-image: url('menu/qualites.jpg'); }

#menuEquipe { width: 100px; }
#menuEquipe>a { background-image: url('menu/equipe.jpg'); }

#menuLogo {
	display: block;
	position: relative;
	left:160px;
	float: left;
	width: 185px;
	height: 91px;
	background: url('design/LogoJunior.png') no-repeat;
}

#menuListeBis {
	display: block;
	float: right;
	height: 23px;
	clear: right;
}
#menuListeBis ul {width : 552px;}
#menuListeBis li {display: inline;float: right;}
#menuListeBis a{height: 23px; display:block; background-repeat: repeat; background-position: 0 0;}

#menuCnje {width: 130px; background-image: url('menu/MenuCnjeFade.jpg');}

#menuTiret1 {width: 8px;	background-image: url('menu/MenuTiret.png');}

#menuTiret2 {width: 8px;	background-image: url('menu/MenuTiret.png');}

#menuPress {width: 100px; background-image: url('menu/MenuPressFade.jpg');}

#menuStudent {width: 69px; background-image: url('menu/MenuStudentFade.jpg');}

#menuSquares {
	margin-top: 3px;
	display:block;
	float:right;
	clear: right;
	width: 63px;
	height: 16px;
	background: url('menu/squares.png') no-repeat;
}

#menuMarketing{
	position:absolute;
	top:59px;
	left:400px;
	display:block;
	width:240px;
	height:50px;
	background: url('menu/menuMarketing.jpg') no-repeat 0 0;
}
#menuMarketingDescript{	position:absolute;top:95px;	left:650px;	display:block;}
#menuMarketing ul {width : 100%;display:block;margin:5px -10px auto;}
#menuMarketing li {display: inline;float: right; margin-left:0px;}
#menuMarketing a {height: 45px; width: 54px; display:block; background-repeat: repeat; background-position: 0 0;}

#menuHome a{background-image: url('menu/home.jpg');margin-right:6px;}
#menuOffre a{background-image: url('menu/offre.jpg');}
#menuPlaquette a{background-image: url('menu/plaquette.jpg');margin-right:2px;}
#menuPortfolio a{background-image: url('menu/portfolio.png'); background-repeat: no-repeat; background-position: center; margin-right:2px;}


#appel_offre a{
	margin-left: 300px;
	margin-top: -25px;
	float: left;
	display:none;
	width:150px;
	height:50px;
	background: url('menu/offre.png') repeat-y 0 0;
}

#ajaxLoadingProgress{
	position:absolute;
	left:50%;
	top:200px;
	height:75px;
	width:75px;
	margin-left:-40px;
	margin-top:-60px;
	background:transparent url(design/ajaxLoading_bg.png);
}
#ajaxLoadingProgress>span{
	position:absolute;
	left:50%;
	top:50%;
	display: block;
	height:32px;
	width:32px;
	margin-left:-16px;
	margin-top:-16px;
	background:transparent url(design/ajax-loader.gif);
}

#content{
	margin: 15px auto;
	padding: 0px auto;
	width: 1040px;
}

#content #generic_head{
	display: block;
	width: 1010px;;
	height: 20px;
	background: url('design/content_head.jpg') no-repeat;
	padding-top: 20px;
	padding-left: 30px;
	letter-spacing: 1px;
	/*font: normal small-caps normal 20px "goudy Old Style";
	color: #727272;#777777;*/
	color: #CA0006;
	font-family: Arial Narrow,Helvetica,Arial,sans-serif;
	font-size: 220%;
	font-weight: normal;
	line-height: 110%
}
#generic_head .partTitle{display:block;}

#generic_head>span{display:block;float:left;width:66px;height:50px;}

#generic_head #skills_icone{background: url('design/icone_titleb2.png') no-repeat;}
#generic_head #overview_icone{background: url('design/icone_titlevio.png') no-repeat;}

#genericContent {
	margin: 20px 30px 0 30px;
	text-align: justify;
	font-family:'Arial','sans-serif';
	font-size: 10pt;
	min-height:50px;
}

#genericContent ul {
	margin-left: 20px;
	list-style-image: url('design/check15.png');
}

#genericContent .contentImg
{
	border: 1px dashed gray;
	/*border-bottom-color:gray;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:#4E6973;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:dashed;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:1px;
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:gray;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:dashed;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:1px;
	border-top-color:gray;
	border-top-style:dashed;
	border-top-width:1px;*/
}

#content #generic_mid{
	background: url('design/content_bg.png');
}

#content #generic_foot{
	display: block;
	width:100%;
	height: 30px;
	background: url('design/content_foot.png');
}

#content div{
	display: block;
}

#anim{
	width: 100%;
	height: 350px;
}

#parts{
	position: relative;
	width: 100%;
	height: 195px;
	text-align:justify;
}
#parts .box {
	position: relative;
	top: 40px;
	left: 15px;
	list-style-type: none;
	width: 90%;
}
#parts .description{
	color:#777777;
	font-style:italic;
}
#parts li{
	margin-top: 5px;
	text-align: justify;
}
#parts>div{
	position: absolute;
	top: 0;
	width: 249px;
	height: 195px;
}

#news{left: 0; background: url('design/actu.png');}

#motduprez{left: 264px;	background: url('design/motduprez.png');}

#atouts{left:528px;	background: url('design/atouts.png');}

#contacter{left: 792px; background: url('design/contacter.png');}

#bottom{
	margin: 15px auto;
	margin-bottom: 40px;
	height:150px;
	width: 1040px;
	display: block;
}

#partenaires{
	float:left;
	margin: 15px auto;
	margin-bottom: 0;
	height:150px;
	width: 360px;
	display: block;
	background: url('design/partenaires.png');
}

#partenaires .overlay{
	/*display:none;*/
	height:100px;
	width:160px;
	position:absolute;
	left:0;
	top:0;
	background: transparent url('partners/over.png') no-repeat scroll 0 0;
}

#portfolio{
	float:left;
	margin: 15px auto;
	margin-left:20px;
	height:150px;
	width: 660px;
	display: block;
	background: url('design/portofolio.png');
}

#slider {
	height:120px;
	margin:1em auto;
	margin-top:25px;
	width:550px;
}

#footer{
	margin: 15px auto;
	padding: 0px auto;
	width: 1040px;
	text-align: center;
	background: url('design/footer.png') no-repeat;
	color:#777777;
}

ul#genericContent {
	list-style: none;
}

ul#genericContent>li{
	display: inline;
}

#myAccordion ul{
	list-style: none;
}