@charset "UTF-8";
/* Comment trouver et réussir sont stage ! Curiosphère France 5 / CIDJ - Conception : Mosquito */

body, html {
background:#e1e0ef url(../pics/fond.gif) top center repeat-y;
padding:0;
margin:0;
color:#333;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:0.93em;
}


a img {border:0;}
a {outline:none;}

a:link, a:visited {color:#7955a6; text-decoration:none;}
a:hover, a:active {color:#000;}



/*/ TETE DE PAGE /*/
#tete1 {width:100%; height:333px; margin:0 auto; background:url(../pics/tete1.gif) top center no-repeat;}
#tete1 div {width:980px; margin:0 auto; position:relative;}

#tete1 .logos {
	position:absolute;
	left:645px;
	top:55px;
	width:325px;
	margin:0;
	z-index: 999;
}

#tete1 div div#ariane {
	width:640px;
	margin-left:80px;
	color:#7955a6;
	font-size:0.8em;
	font-weight:bold;
	z-index:10;
	clear:both;
}
.titre {width:640px; margin-left:80px; margin-top:80px; z-index:12}

#ariane p span {text-transform:uppercase; color:#f89245;  z-index:10;}
#ariane p a:link, #ariane p a:visited {color:#f89245; text-decoration:none;  z-index:10;}
#ariane p a:hover, #ariane p a:active {color:#7955a6; text-decoration:none;  z-index:10;}

/*/ CORPS DE PAGE /*/
#corps {width:980px; margin:0 auto;}
#corps div.left {
	width:640px;
	float:left; margin-left:80px;}
	
*html #corps div.left {margin-left:40px;}
	
#corps div.right {width:222px; margin:50px 0 0 25px; float:left;}

#corps div.right div.resume1 {width:222px; background:url(../pics/bandeau-resume1.gif) top left no-repeat; height:74px;}
#corps div.right div.resume1bis {width:222px; background:url(../pics/bandeau-resume1bis.gif) top left no-repeat; height:15px;}
#corps div.right div.resume2 {width:222px; background:url(../pics/bandeau-resume2.gif) top left repeat-y;}
#corps div.right div.resume2bis {width:222px; background:url(../pics/bandeau-resume2bis.gif) top left  repeat-y;}
#corps div.right div.resume3 {width:222px; background:url(../pics/bandeau-resume3.gif) top left no-repeat; height:15px;}
#corps div.right div.resume3bis {width:222px; background:url(../pics/bandeau-resume3bis.gif) top left no-repeat; height:15px;}

#corps div.right div.resume2 p, #corps div.right div.resume2bis p {width:170px; margin:0 15px; font-size:0.8em;}
#corps div.right div.resume2 a {color:#f89245; font-weight:bold; text-decoration:none;}
#corps div.right div.resume2bis a {color:#7a55a4; font-weight:bold; text-decoration:none;}
#corps div.right div.resume2 a:hover, #corps div.right div.resume2bis a:hover {color:#333;}

h1 {color:#7955a6; font-size:4em; font-weight:normal;  z-index:12;}
h2 {color:#00a99d; font-size:1.4em; font-weight:normal;}
h3 {color:#7955a6; font-size:1.2em; font-weight:normal; margin:25px 0;}
h3 span {font-weight:bold; color:#FFF; padding:4px 20px 4px 4px; margin-right:10px; background:#7955a6 url(../pics/fleche-etape.gif) center right no-repeat;}
h3 span a:link, h3 span a:visited {color:#FFF;}
h3 span a:hover {color:#f89245}
h4 {color:#00a99d; font-size:1.1em; font-weight:normal; background:url(../pics/fleche.gif) top left no-repeat; padding-left:30px;}



h3 span.actif {background:#01a79b url(../pics/fleche-etape2.gif) center right no-repeat;}

#corps p {line-height:1.5em;}

blockquote {color:#999999;}
div.encadre {background-color:#e1e0ef; padding:20px;}
div.encadre p {margin:0;}
div.encadre2 {
	border:1px solid #999;
	padding:0px;
}

/*/ BAS DE PAGE /*/
#bas1 {width:100%; height:227px; margin:0 auto; background:url(../pics/bas1.gif) top center no-repeat; clear:both;}
#bas1 div {width:980px; margin:0 auto; position:relative;}

#bas1 .logos {
	position:absolute;
	left:610px;
	top:50px;
	width:325px;
	margin:0;
}

#bas1 p.copy {color:#666; font-size:0.72em; font-family:Arial, Helvetica, sans-serif; margin-left:121px;}

#bas1 p.copy a:link, #bas1 p.copy a:visited {color:#666; text-decoration:none;}
#bas1 p.copy a:hover, #bas1 p.copy a:active {color:#000;}

/*/ MENU /*/

#tete1 div div.menu1 {
	position:relative;
	width:620px;
	top:0px;
	margin:0;
	left:70px;
	z-index:99;
}

#tete1 div div.menu1 ul.nav, #tete1 div div.menu1 ul.nav ul {z-index:99;}
#tete1 div div.menu1 ul.nav ul li a {z-index:99;}

#tete1 div div.menu2 {
	position:relative;
	width:312px;
	top:28px;
	left:270px;
	z-index:98;
}


/*/ ACCUEIL /*/

#tete-acceuil {width:100%; margin:0 auto; background:url(../pics/fond-accueil.gif) top center no-repeat; position:relative;}
#tete-acceuil div {width:980px; margin:0 auto; position:relative;}

#tete-acceuil div#edito {position:absolute; width:540px; left:420px; top:570px; font-size:1.1em;}
#tete-acceuil div#acc-logos {
	position:absolute;
	width:355px;
	left:610px;
	top:0px;
}

#tete-acceuil div.acc1 {
	position:absolute; width:278px;	height:58px; top:155px; left:702px;	background:url(../pics/acc1-off.gif) top left no-repeat; color:#FFF;
	line-height:58px;}
#tete-acceuil div.acc1 a {height:58px; display:block; color:#FFF; font-size:1.3em;}
#tete-acceuil div.acc1 a:hover {background:url(../pics/acc1-on.gif) top left no-repeat;}

#tete-acceuil div.acc2 {
	position:absolute; width:263px;	height:56px; top:384px; left:717px;	background:url(../pics/acc2-off.gif) top left no-repeat; color:#FFF; 
	line-height:56px;}
#tete-acceuil div.acc2 a {height:56px; display:block; color:#FFF; font-size:1.3em;}
#tete-acceuil div.acc2 a:hover {background:url(../pics/acc2-on.gif) top left no-repeat;}


#tete-acceuil div.acc3 {
	position:absolute; width:519px;	height:50px; top:499px; left:0;	background:url(../pics/acc3-off.gif) top left no-repeat; color:#FFF; 
	line-height:50px;}
#tete-acceuil div.acc3 a {height:50px; display:block; color:#FFF; font-size:1.3em;}
#tete-acceuil div.acc3 a:hover {background:url(../pics/acc3-on.gif) top left no-repeat;}

#tete-acceuil div.acc4 {
	position:absolute; width:272px;	height:51px; top:286px; left:0;	background:url(../pics/acc4-off.gif) top left no-repeat; color:#FFF; 
	line-height:51px;}
#tete-acceuil div.acc4 a {height:51px; display:block; color:#FFF; font-size:1.3em;}
#tete-acceuil div.acc4 a:hover {background:url(../pics/acc4-on.gif) top left no-repeat;}

#tete-acceuil div.acc5 {position:absolute; width:376px;	height:62px; top:593px; left:0;	background:#7a55a4; color:#FFF;}
#tete-acceuil div.acc5 a {height:52px; display:block; color:#FFF; font-size:1.3em; padding-top:10px}
#tete-acceuil div.acc5 a:hover {background:#a5a2cf;}
#tete-acceuil div.acc5 a span {font-size:0.7em}

p.copy {color:#666; font-size:0.72em; font-family:Arial, Helvetica, sans-serif;}