* {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}

body {	
	text-align: center;
	
	
	background-image:url(./img/fond_plus.png);
    background-attachment:fixed;
    background-position:50% 50%;
    background-repeat:no-repeat;	
	z-index: 100;
	
}

a{
	color: #000000;
	text-decoration: none;
	outline: none;
}

a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}


/* content 

-------------------------------------------------------------- */
#nodp {display: none;}

#page {
	width: 1135px;
	height: 600px;
	margin: 0px auto 0px auto;	
	padding: 0px;
	padding-top: 10px;
	display: block;
	overflow: visible;	
	z-index: 50;
	
	/*background-image:url(./img/fond_plus.png);
    background-attachment:fixed;
    background-position:50% 50%;
    background-repeat:no-repeat;	*/
}

#left {background-image:url(./img/n124_annif_01.png);width: 95px;height: 500px;float:left;}

#menu {width: 1135px;height: 67px;}

#content_accueil {float:left;}
#right {background-image:url(./img/n124_annif_03.png);width: 420px;height: 500px;float:left;}
#bottom {background-image:url(./img/n124_annif_04.png);width: 1150px;height: 118px;float:left;}

#menu1 {background-image:url(./img/n124_annif_05.png);width: 95px;height: 68px;float:left;}

#menu2 {background-image:url(./img/n124_annif_15.png);width: 93px;height: 68px;float:left;}

#signature {width: 500px;height: 20px;float:right;margin-right: 130px;font-size: 11px;margin-top: -35px;color: #FFFFFF;}

#content_marketing {float:left;}

#content_publicite {float:left;}

#content_internet {float:left;}

#content_boutique {float:left;}
#content_contact {background: #FFFFFF url(./img/n124_08.png); width: 490px;height: 356px;float:left;font-weight: bold;}
#content_recrutement {background: #FFFFFF url(./img/n124_08.png); width: 490px;height: 356px;float:left;font-weight:normal;}

#content_goodies {width: 846px;height: 580px;float:left;margin-top: 0px;margin-left:120px; padding:0;overflow: hidden;}


#content_recrutement h3{color:#870000;}

a.accueil{
	display: block;
	background: url(./img/n124_menu_on_03.png) no-repeat;
	width: 129px;
	height: 61px;
	float: left;
	}
a.accueil:hover{background: url(./img/n124_menu_off_03.png);}

a.marketing{
	display: block;
	background: url(./img/n124_menu_on_04.png) no-repeat;
	width: 134px;
	height: 61px;
	float: left;
	}
a.marketing:hover{background: url(./img/n124_menu_off_04.png);}


a.publicite{
	display: block;
	background: url(./img/n124_menu_on_05.png) no-repeat;
	width: 136px;
	height: 61px;
	float: left;
	}
a.publicite:hover{background: url(./img/n124_menu_off_05.png);}


a.internet{
	display: block;
	background: url(./img/n124_menu_on_06.png) no-repeat;
	width: 134px;
	height: 61px;
	float: left;
	}
a.internet:hover{background: url(./img/n124_menu_off_06.png);}

a.boutique{
	display: block;
	background: url(./img/n124_menu_on_07.png) no-repeat;
	width: 177px;
	height: 61px;
	float: left;
	}
a.boutique:hover{background: url(./img/n124_menu_off_07.png);}


a.catalogue{
	display: block;
	background: url(./img/n124_menu_on_08.png) no-repeat;
	width: 135px;
	height: 61px;
	float: left;
	}
a.catalogue:hover{background: url(./img/n124_menu_off_08.png);}


a.contact{
	display: block;
	background: url(./img/n124_menu_on_09.png) no-repeat;
	width: 136px;
	height: 61px;
	float: left;
	}
a.contact:hover{background: url(./img/n124_menu_off_09.png);}


a.recrutement{
	display: block;
	background: url(./img/n124_menu_on_10.png) no-repeat;
	width: 150px;
	height: 61px;
	float: left;
	}
a.recrutement:hover{background: url(./img/n124_menu_off_10.png);}



a.goodies{
	display: block;
	background: url(./img/n124_menu_on_14.png) no-repeat;
	width: 147px;
	height: 145px;
	float: right;
	margin-right:70px;
	}
a.goodies:hover{background: url(./img/n124_menu_off_14.png);}


a.fl_gauche{
	display: block;
	background: url(./img/fleche_22.png) no-repeat;
	width: 127px;
	height: 175px;
	float: left;	
	margin-top: 330px;
	}

a.fl_droite{
	display: block;
	background: url(./img/fleche_25.png) no-repeat;
	width: 127px;
	height: 175px;
	float: left;	
	margin-left: -10px;
	margin-top: 183px;
	}



#content_contact{
	color: #000000;
	font-weight: bold;
	
	}

/*********************************** forms *****************************************/

label { font-weight: bold; }

input, select {
  width:150px;
}

input, textarea, select {
  border:1px solid #D7CDAD;
  padding:2px;
  background:#ffffff url(./img/inputBg.gif) top left no-repeat;
  margin-top:3px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #C760A3;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit:hover {cursor: pointer;}
