body, html{
margin:0px;
padding:0px;
overflow:auto;
font-family:arial;
font-size:12px;
background:url(img/fond.jpg) top repeat-x; /* permet le degradé de fond gris sur la droite */
}

#fond{
position:relative;
width:100%;
height:300px;
}

/***************************************************************/
/*                    FOND DES PAGES                           */
/***************************************************************/
#page{
position:relative;
width:983px;
height:100%;
background:url(img/photo_dauphine.jpg) no-repeat;
}
#pagestage{
position:relative;
width:983px;
height:100%;
background:url(img/stage.jpg) no-repeat;
}
#pageprogramme{
position:relative;
width:983px;
height:100%;
background:url(img/programme.jpg) no-repeat;
}
#pageintranet{
position:relative;
width:983px;
height:100%;
background:url(img/intranet.jpg) no-repeat;
}
#pagecv{
position:relative;
width:983px;
height:100%;
background:url(img/cv.jpg) no-repeat;
}
#pageanciens{
position:relative;
width:983px;
height:100%;
background:url(img/anciens.jpg) no-repeat;
}
/***************************************************************/
/*                    FIN FOND DES PAGES                       */
/***************************************************************/

#header{
position:relative;
width:983px;
height:90px;
}

#left{
position:relative;
float:left;
width:150px;
height:100% !important;
height:0%; /*bug IE pour eviter la barre de défilement droite*/
}

/***********************************************/
/*                   MENU de gauche            */
/***********************************************/
#menu{
position:absolute;
top:15px !important; /*IE7 et firefox*/

left:20px;
width:130px;
height:190px;
}
* html #menu{
position:absolute;
top:25px;
left:20px;
width:130px;
height:190px;
}
#menu a{
color:white;
}
#menu1{
position:absolute;
top:245px !important; /*IE7 et firefox*/

left:10px;
width:130px;
height:190px;
}
* html #menu1{
position:absolute;
top:245px;
left:10px;
width:130px;
height:190px;
}
#navlist{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li{
padding:3px 0px 3px 10px;
background-repeat: no-repeat;
background-position: 0 .5em;
border-bottom:1px solid white;
}
#navlist a {
text-decoration:none;
line-height:16px;
}
li#active a{
font-weight:bold;
color:#62180F;
font-size:13px;
}
/***********************************************/
/*               FIN MENU                      */
/***********************************************/

/*** alternative possible du menu en bas a droite coloré *******/
/*
#menubas {
	position: relative;
	width: 210px;
	height: 240px;
	margin-left:580px !important;
  margin-left:585px;
	text-align: left;
	
}

#menubas ul {
	position: absolute;
	top: 10px;
  width:209px;
  
	padding: 0;
	margin:0;
	background: yellow;
	list-style: none;
	background: transparent url(img/menuinverse.jpg) top left no-repeat;
}
#menubas li {
	float: left;
	padding: 0;
	margin:0;
	text-indent: 25px;
}

#menubas li a {
	display: block;
	height: 80px;
	width:209px;
	text-decoration: none;
	font-size: 1px;
	line-height: 53px;
	color: #C6C1A3;
}

#menubas li a span {
	position: absolute;
	left: -5000px;
}
#menubas li a:hover {
	background: transparent url(img/menuinverse.jpg) top left no-repeat;
}
#menubas a#entreprises:hover {
	background-position: -209px 0px;
	color: #6882c3;
}
#menubas a#anciens:hover {
	background-position: -209px -80px;
	color: #8fab10;
}
#menubas a#temoignages:hover {
	background-position: -209px -160px;
	color: #ffc326;
}
*/
/***************** FIN MENU BAS ****************************/

/***************** DEBUT MENU BAS ****************************/

#menubas {
	position: relative;
	width: 210px;
	height: 240px;
  margin-left:580px;
  margin-top:0px !important;
  margin-top:10px;
	text-align: left;

}

#menubas ul {
	position: absolute;
	top: 10px;
  width:209px;  
	padding: 0;
	margin:0;
	background: yellow;
	list-style: none;
	background: transparent url(img/menudegrade2.jpg) top left no-repeat;
}
#menubas li {
	float: left;
	padding: 0;
	margin:0;	
}

#menubas li a {
	display: block;
	height: 80px;
	width:209px;
	text-decoration: none;
	font-size: 19px;	
	color: white;
}

#menubas li a span {
	position: absolute;
	padding-left:35px;
	
	width:180px;
	text-align:left;
	
}
#menubas li a:hover {
	background: transparent url(img/menudegrade2.jpg) top left no-repeat;
}
#menubas a#entreprises:hover {
	background-position: -209px 0px;
	color: white;
}
#menubas a#anciens:hover {
	background-position: -209px -80px;
	color: white;
}
#menubas a#temoignages:hover {
	background-position: -209px -160px;
	color: white;
}

/***************** FIN MENU BAS ****************************/

#contenu{
position:relative;
float:left;
width:800px;
}

#txt{
position:relative;
width:100%;
}

#zonetexte{
position:relative;
float:left;
width:540px !important;
width:540px;
text-align:justify;
font-family:arial;
padding:0px 15px !important;
padding:20px 15px;

}

#zonetexte2{
position:relative;
width:97% !important;
width:100%;
font-family:arial;
padding-left:20px !important;
padding-left:30px;
padding-top:0 !important;
padding-top:15px;
}

/***********************************************/
/*              DIVERS IMAGE                   */
/***********************************************/
img{
border:0px;
}
.imggauche{
position:absolute;
top:192px;
right:0px;
}

.imgdroite{
position:absolute;
top:283px;
left:950px;
}

.imgcrefige{
position:absolute;
right:50px;
bottom:7px;
}

.imgdauphine{
position:absolute;
right:170px;
bottom:5px;
}

.imglogo{
position:absolute;
left:150px;
bottom:5px;
}

/***********************************************/
/*               SLOGAN                        */
/***********************************************/
#slogan{
position:relative;
height:200px;
/*width:100%;*/
margin-bottom:-10px !important; /*firefox*/
margin-bottom:-20px; /*IE6*/
}

#slogancontenu{
width:300px;
height:185px !important;
height:155px;
padding-top:10px !important;
padding-top:30px;
padding-left:15px;
}
#signature{
position:absolute;
left:220px;
top:115px !important;
top:135px;
}

/* divers h1*/
.titre{
font-style: italic;
color:#670a0a;
font-family:trebuchet ms;
font-size:25px;
width:760px;
}
.titreprincipal{
font-style:italic;
overflow:hidden;
color:#670a0a;
font-family:trebuchet ms;
font-size:25px;
}
/* fin divers h1*/
.txt{
line-height:20px;
color:#494949;
font-style: italic;
font-weight:bold;
margin-top:-15px;
padding:0px;
}

.gras{
font-size:18px;
font-weight:bold;
color:#494949;
font-style: italic;
padding-top:10px;
}

/***********************************************/
/*              FIN SLOGAN                     */
/***********************************************/

#footer{
position:relative;
float:left;
width:100%;
font-size:11px;
border-top:2px solid #E4E4E4;
padding-top:0px !important;
padding-top:10px;

margin-top:20px;
text-align:center;
/*border:1px solid blue;*/
}

/****************************************************************/
/*              MENU DE LA PAGE : master_controle_stage.htm     */
/****************************************************************/

#stage{
text-align:center;
margin: 0px auto;
}
#stage li{
list-style: none;
margin: 0;
display:inline;
}
#stage li a{
padding: 0.75em 0.5em;
border-top: 1em solid;
background: #E4E4E4;
text-decoration: none;
font-size:20px;
margin:30px 15px;
width: 190px;
height:80px !important;
height:120px;
float: left;
}
#stage li a:link { color: #448;}
#stage li a:visited { color: #667; }
#stage li a:hover{
color: #FFF;
background: #332;
}

/****************************************************************/
/*              FIN MENU                                        */
/****************************************************************/



/***************************************************************/
/*                   style du master controle de gestion       */
/*                   lebreton nathan                           */
/***************************************************************/