/* Ce fichier définit le style visuel pour les différents éléments du site.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - l'entête
 * - texte 
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 * L'agengement des blocs est défini dans le fichier layout.css
 */

@import "layout.css";


/* Les éléments HTML en général
-------------------------------------------------------- */

body{
	background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.1em;}
h3{margin:0px;}
h4{font-size: 0.7em;
font-weight:normal;
margin:0;}
h6{font-size: 0.5em;}


p {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
a{
color:#FF4E00;
text-decoration:none;
}


a:hover{
color:#FF4E00;
text-decoration:underline;
}

.secteur{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#000000;

}

.padding {
 padding:10px;
}
.paddingleft{
 padding-left:10px;
}

/* Texte
-------------------------------------------------------- */
.courant{
color:#000000;
}

.avantpropos{
color:#359959;
font-weight:bold;
}

.capculture{
	color:#359959;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:0.7em;*/
}

.avantpropos{
color:#359959;
font-weight:bold;
}
.titre {
	color:#359959;
	font-weight:bold;
}
.annotationgrise{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}
.orange {
	font-family: arial;
	color: #FF4E00;
}
#pistedoc {
	background-color: #f6f4f5;
	height: 90px;
	width: 600px;
	border: 1px solid #666666;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}
.sepvert {
	background-image: url(image/communs/sep_vertical.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


.sep{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.logoespace {
	width:250px;/**/
	margin-left:300px;
	border-style: solid;
	border-width:1px;
}

.logoespace2 {
	width:350px;/**/
	margin:auto;
	border-style: solid;
	border-width:1px;
}

.mention {
	margin:auto;
	border-style: solid;
	border-width:1px;
}

.sepjaune{
	background-image: url(image/communs/sep_jaune.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
}


ul.rond {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	list-style-type:circle;
	margin-left:5em;
}

.lienrose a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF036E;
}

.lienrose a:hover{
	text-decoration: underline;
}

.select-noir {
   font-family: arial;
   font-size: 11px; 
   text-decoration: none;
}
#sephor {
	background-image: url(image/communs/sep_hor.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:20px;
	padding-bottom:0px;
	clear:both;
}

.mention {
border-style:dashed;
border:outset;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;}

/* L'entête
-------------------------------------------------------- */
#bandeau{
	width:863px;
	height:242px;
	z-index:50;
	top:0;
	z-index:1;
}

#illustrationtous {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_tousprofils.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#illustrationado {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_ado.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#illustrationsenior {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_senior.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#illustrationecole {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_ecole.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#illustrationetudiant {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_etudiant.jpg);
	background-position: left top;
	}

#illustrationfamille {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_famille.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#illustrationhandicap {
	position:absolute;
	top: 0px;
	margin-left:0px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_handicape.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#illustrationpatient {
	position:absolute;
	top: 0px;
	left:174px;
	height: 250px;
	width: 863px;
	z-index:1;
	background-image: url(image/communs/bandeau_patient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#acces {
	position:absolute;
	width:576px;
	height:25px;
	z-index:1;
	top: 139px;
	left: 0px;
	background-color:#0099ff;
	}

#illustration {
	position:absolute;
	height: 100%;
	width: 100%;
	z-index:1;
	top: 0px;
	left:0px;
	}

#profils {
	height: 20px;
	z-index: 20;
	top: 201px;
	left: 520px;
	position:absolute;
	}

#selecprof {
	position:absolute;
	z-index: 35;
	top: 202px;
	left: 590px;
		}

.select {
	font-size:0.7em;
	}

#nav {
	position:absolute;
	top: 60px;
	left:90px;
	z-index:99;
	}
#plan {
	height: 20px;
	z-index: 20;
	position:absolute;
	left: 190px;
	top: 192px;
	}
#blocprofil {
	position:absolute;
	width: 549px;
	z-index:2;
	left: 180px;
	top: 199px;
	}


/* Le contenu
-------------------------------------------------------- */

/* GAUCHE */
#contentespace{
	width:167px;
}
#espace3{
	background-image: url(image/communs/bloc_espace4.gif);
	background-repeat: repeat-y;
	background-position: top;
}
.espace {
	font-family: arial;
	color: #0E5629;
	font-size: 0.7em;
	text-align: left;
	margin-right: 7px;
	margin-left: 28px;
	line-height: 1.1em;
}
	
.espace2 {
	font-family: arial;
	color: #0E5629;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.1em;	
}

.espace a {
	font-size: 1.0em;
	color: #0E5629;
	text-decoration: none;
}

.espace a:hover {
	font-size: 1.0em;
	text-decoration: underline;
}

.adresse {
	font-family: arial;
	color: #0E5629;
	font-size: 0.8em;
	text-align: center;
	margin-left: 36px;
	line-height: 1.1em;
}

.ctrsrose {
	border: 1px solid #FF036E;
}

.date {
	font-family: arial;
	color: #333333;
	font-size: 0.7em;
	text-align: right;
}

#postit{
	background-image: url(image/communs/postit_dermin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:198px;
	width:160px;
	padding-top:45px;
	padding-right:40px;
	margin-left:13px;
	}
#min{	
 	margin:auto;
	width:120px;
	position:relative;
}
	

#jeuflash{
	float:right;
	margin-top:-30px;
}

#quizz{
	width:167px;
}


/* DROITE --> droite_bis.php */

#containguichet {
	width: 179px;
	margin-top:0px;
	float:right;
	background-image: url(image/communs/bloc_guichet2.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#guichet {
	width:179px;
	z-index:9;
	padding:80px 10px 10px 5px;
}

#guichet3 {
	background-image: url(image/communs/bloc_guichet3.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 47px;
	width: 179px;
	margin-top:0;
}

#guichetliens {
	width:179px;
	z-index:10;
	background-image: url(image/communs/bloc_guichet5.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.guichetliens {
	font-family:Arial;
	font-size:11px;
	line-height: 12px;
	color: #333333;
}

.guichetliens a{
	font-family:Arial;
	font-size:11px;
	line-height: 12px;
	color: #333333;
	text-decoration:none;
}

.guichetliens a:hover{
	font-family:Arial;
	font-size:11px;
	line-height: 12px;
	color: #333333;
	text-decoration:underline;
}

#guichet4 {
	background-image: url(image/communs/bloc_guichet5.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-top:0px;
	height:35px;
}

/* CENTRE */

#containtactu{
	display:block;
	min-height:25px;
	margin-top:-20px;;
	width:100%;
}

#actu {
	float:left;
	width:315px;
	min-height:20px;
}

#theme{
	float:right;
	width:273px;
	min-height:20px;
}

#agenda {
	width:595px;
	border-style: solid;
	border-color:#FF4E00;
	border-width:1px;
	color:#000000;
	display:block;
	margin-top:20px;
	position:relative;
}

#containtagenda{
	margin-top:20px;
	width:595px;
}

#maniflyon{
	width:258px;
	height:auto;
	border-style: solid;
	border-color:#0099FF;
	border-width:1px;
	background-color:#f6f4f5;
	color:#000000;
}

#repere {
	width:330px;
	border-style: solid;
	border-color:#0099FF;
	border-width:1px;
	background-color:#f6f4f5;
	color:#000000;	
	float:right;
	position:relative;
	margin-top:0;
}

#selection {
	display:block;
	border-style: solid ;
	border-color:#ff026d;
	border-width:1px;
	background-color:#f6f4f5;
	color:#000000;
	margin-top: 20px;
	position:relative;
	width:595px;
}

#blocagenda{
	background-image:url(image/communs/bloc_agenda.gif);
	background-repeat:no-repeat;
	width:553px;
	height:193px;
	left:40px;
	margin-left:auto;
	margin-right:auto;
}

#blocagendatexte {
	padding-top:80px;
	position:relative;
	width:490px;
	left:40px;
}

/*----------------------CONFERENCE---------------------*/
#globalderconf {
	margin-left:auto;
	margin-right:auto;
	width:541px;
	background-image: url(image/communs/bloc_derconf2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#derconf1{
	width: 553px;
	top:0;
}

#derconf3{
	background-image: url(image/communs/bloc_derconf3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 333px;
	width: 553px;
}

#titrederconf{
	width: 500px;
	padding:20px 20px 20px 20px;
}
#confrech{
	background-image:url(image/communs/bloc_rechercher_confpar.gif);
	background-repeat:no-repeat;
	width:565px;
	height:93px;
	margin-left:auto;
	margin-right:auto;
}

.titreconf{
	color:#359959;
	font-weight:bold;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}
/*---------------------CONFERENCE_DETAIL---------------------*/
#confgene{
	width:553px;
	background-image:url(image/communs/bloc_agenda_detail.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#conf {
	margin-left:20px;
	margin-top:60px;
	width:510px;
	height:200px;
}

.titreconf{
	color:#359959;
	font-weight:bold;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

/*--------------------ACHAT-------------------------*/

.TBachat {
	height:35px;
}


/* La barre de navigation
-------------------------------------------------------- */
dl, dt, dd, ul, li {
	list-style-type: none;
}
#menu {
	left: 0px;
	height: 65px;
	background-color: #FFFFFF;
	z-index:35;
}
#menu dt {
	cursor: pointer;
	border-color:#FFFFFF;	
}
#menu dd {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	z-index: 100;
	margin-left: 60px;
	margin-top: -17px;
	width: 200px;
	background: #A9BFCB;
	vertical-align: middle;
}
#menu ul {
	padding: 3px;
	border: 1px solid #FFFFFF;
	z-index:999;
}
#menu li {
	text-align: left;
	height: 15px;
	line-height: 0.8em;
	vertical-align: middle;
}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
}
#menu li a {
	margin-top:3px;
	color: #FFFFFF;
	text-decoration: none;
	}	
	
#smenu1 li a:hover{
	background-color: #FF0000;
	background-position: left;
	height: 13px;
	width:auto;
}
#smenu2 li a:hover{
	background-color: #C51F65;
	background-position: left;
	height: 13px;
}
#smenu3 li a:hover{
	background-color: #749C17;
	background-position: left;
	height: 13px;
}
#smenu4 li a:hover{
	background-color: #1A679B;
	background-position: left;
	height: 13px;
}
.bordure {
	border: 1px solid #FFFFFF;
}




/* Le pied de page
-------------------------------------------------------- */

#filet {
	background-image: url(image/communs/filet_pp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 764px;
	height:48px;
}
#contenufilet {
	width: 620px;
	margin-top: 3px;
}
.contenufilet {
	text-align: center;
	font-family: arial;
	color: #333333;
	font-size: 0.7em;
}
.contenufilet a{
	text-align: center;
	font-family: arial;
	color: #333333;
	text-decoration: none;
}
.contenufilet a:hover{
	text-align: center;
	font-family: arial;
	color: #333333;
	text-decoration: underline;
}
#rss {
	width: 64px;
	margin-top: -43px;
	margin-left: 680px;
}


/*menu*/



.imgmenu {
 height:15px;
 border:1px solid #FFFFFF;
 margin:0px;
 padding:0;
}

div#nav {float: left; height:60px; padding:0; margin:-8px 000;}

div#nav ul {margin: 0; padding: 0;  height:15px;}

div#nav li {list-style: none; margin: 0; padding:0; height:15px;}

div#nav li:hover {
margin: 0; padding:0; height:15px;
}

div#nav li.submenu {
margin: 0; padding:0; height:15px;
}

div#nav li.submenu:hover {
margin:0;
}

div#nav li a {display: block; 
  text-decoration: none; margin:0; padding:0;
}

div#nav li a:hover  {padding:0;}

.level2 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	text-indent: 5px;
}

.level2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#FF0000;
	text-indent:5px;
	margin-left: -10px;
}

.level3 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	text-indent: 5px;
}

.level3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#c51f65;
	text-indent: 5px;
	margin-left: -5px;
}

.level4 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	text-indent: 5px;
}

.level4 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	background-color:#749c17;
	text-indent: 5px;
	margin-left: -5px;
}

.level5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	text-indent: 5px;
}

.level5 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
}

.level5 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#1a679b;
	margin-left: -5px;
}

div#nav ul ul {
	position: absolute; left: 163px;
  	display: none;
}

div#nav ul.level1 li.submenu:hover ul.level1{
 z-index:1;
}  
 
div#nav ul.level1 li.submenu:hover ul.level2{
display:block; background-color:#FF4E00; height:auto; left:160px; margin-top:-20px; border:#FFFFFF 1px solid; width:200px;  z-index:2;
}

div#nav ul.level1 li.submenu:hover ul.level3 {
display:block; background-color:#ff046e; height:auto; left:160px; margin-top:-20px; border:#FFFFFF 1px solid; width:200px; z-index:3; position:absolute;
}

div#nav ul.level1 li.submenu:hover ul.level4{
display:block; background-color:#8cc30c; height:auto; left:160px; margin-top:-20px; border:#FFFFFF 1px solid; width:200px; z-index:4;
}

div#nav ul.level1 li.submenu:hover ul.level5 {
display:block; background-color:#0099ff; height:auto; left:160px; margin-top:-20px; border:#FFFFFF 1px solid; width:200px; z-index:5
}

h1.titreTheme {
	color:#FF4E00;
	background:url(image/puce-orange.gif) no-repeat 0px 3px;
	padding-left:17px;
	font-weight:bold;
	font-size:18px;
	font-family:Arial;
	padding-bottom:3px;
	margin:0px;
}

h3.sousTitreBiblio{
color:#FF4E00;
}