@charset "UTF-8";

/** Attention : suite à certains bugs du serveur hebergeant Pegasus, une "css de secours" a été mise en place sur un second serveur : http://ecours.unice.fr/pegasus/pegasus.css 
Pensez à y appliquer toute modification éventuelle de ce fichier.
**/

/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

body
{
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	background-image:url(../img/bkgd.jpg);
	letter-spacing: -0.03em;
	/*background-color: #DACDF2;*/
}

h5#lien_inscription.call_to_action{
	text-align: center;
	font-size: 1.2em;
	margin-top:8px;
}

li.call_to_action{
	margin:1em 0;
	list-style-type: none;
}

#lien_inscription.call_to_action a, .call_to_action a{
	padding:2px 15px;
	
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(0, 0, 0, 0.25)), to(transparent));
	background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.25), transparent);
	background-color: #56478A;
	background-position: 0px 0px;
	
	color:#FA8A0C;
	
	border: 2px solid #FA8A0C;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	font-weight: bold;
	font-variant: normal;
	text-shadow: grey 0px -1px 1px;	
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;

	cursor: pointer;

	width: auto;
}

#lien_inscription.call_to_action a:hover, .call_to_action a:hover{
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(255, 255, 255, 0.33)), to(rgba(0, 0, 0, 0.148438))) !important;
	background-image: -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.25), transparent);
	border-color:#56478A;
}

/*Délimiter les zones */
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

img {
	border:0;
}

#here{font-style: italic;}
#fil_ariane,#footer{font-size: 0.8em;}

#upline{color:#56478A;}
#tags, #strategic_keywords{display:none;}
#texte ul {margin-top:0;}
/*#texte p {margin-bottom:0;}*/

#footer{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 2em;
	margin-top: 300px;
	margin-left: -500px; /* moitié de la largeur */
}
#footer a {
	margin-right:1em;
}

#global {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fond.gif);
}
#global1 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fond1.gif);
}

#global2 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fond2.gif);
}
#global3 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fond3.gif);
}
#global4 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fond4.gif);
}

#globalA {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fonddaeuA.gif);
}
#globalB {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fonddaeuB.gif);
}
#globalE {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fondEq.gif);
}
#globalI {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 835px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -425px; /* moitié de la largeur */
	background-image:url(../img/fondInsc.gif);
}

/* STYLES DU CADRE DE TEXTE */
#texte {
	position: absolute;
	left: 600px;
	/*top: 480px;*/
	top: 160px;
	width: 550px;
	height: 340px;
	/*margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	text-align:left;
}
li.texte {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	color: #56478A;
}
.texte {
	font-size: 1.1em;
	color: #56478A;
}
.texte h3{
	margin-top: 0;
}
.textei {
	font-size: 1.1em;
	color: #56478A;
	font-style:italic;
}
ul.note {
margin-top:5px;
padding-left:100px;
}
.note {
	font-size: 0.9em;
	font-style:italic;
	color: #56478A;
}
.noteb {
	font-size: 0.9em;
	font-style:italic;
	color: #56478A;
	font-weight:bold;
}
.noted {
	font-size: 1.2em;
	font-style:italic;
	color: #FA8A0C;
	text-align:right;
}
/*li.note{
	list-style-type:none;
}*/
a.texte, .texte a{
	font-size: 1em;
	color: #FA8A0C;
	text-decoration: none;
}
/*a.texte:hover, .texte a:hover{
	text-decoration:underline;
}*/
a:hover{
	text-decoration:underline;
}
a{
	text-decoration:none;
}
h1 {
	font-size:1.6em;
	color: #FA8A0C;
	font-style:italic;
	margin-top:5px;

}
h2 {
	font-size:1.5em;
	color: #FA8A0C;
	margin-bottom:1px;
}
h2.accueil {
	font-size:1.8em;
	color: #FA8A0C;
	margin-bottom:1px;
}
h3 {
	font-size:1.2em;
	color: #FA8A0C;
}
h4 {
	font-size: 1.4em;
	margin-top: -1%;
	margin-bottom: 0;
}
table.liste {
	width:98%;
	vertical-align: top;
	font-size:0.8em;
	border:1px solid #FA8A0C;
}
th.liste {
	text-align:left;
}
td.liste {
	text-align:center;
}
table.disposition {
	text-align: center;
	vertical-align: top;
	font-size:0.75em;
	color:#000000;
	border:0px;
	width:100%;
}
table.disposition2 {
	text-align: center;
	vertical-align: top;
	font-size:0.75em;
	color:#000000;
	border:0px;
	width:68%;
}
table.formulaire {
	text-align: left;
	vertical-align: top;
	font-size:0.8em;
}
input {
	font-family: Lucida Sans Unicode;
	font-size:1em;
	color: #56478A;
}
textarea {
	font-family: Lucida Sans Unicode;
	font-size:1em;
	color: #56478A;
	width:300px;
	height:80px;
}
#pgPrecedente {
	position: absolute;
	left: 400px;
	top: 660px;
	width: 25px;
	height: 40px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
}
#pgSuivante a, #pgPrecedente a{
	text-decoration: none;
}
#pgSuivante a:hover .noted, #pgPrecedente a:hover .noted{
	color:#56478A;
}
#pgPrecedente img, #pgSuivante img{
vertical-align: middle;
}

#pgSuivante {
	position: absolute;
	/*width: 25px;*/
	/*height: 40px;*/
	top : 360px; /* soit 640-300 */
	/*top: 640px;
	margin-top: -300px; /* moitié de la hauteur */
	left:450px /* soit 850-400 */
/*	left: 850px;
	margin-left: -400px; /* moitié de la largeur */
}
#suite {
	position: absolute;
	left: 850px;
	top: 600px;
	width: 25px;
	height: 40px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
}

/* STYLES DU MENU */
#menu {
	position: absolute;
	left: 340px;
	top: 475px;
	/*top: 490px;*/
	/*width: 230px;*/
	/*height: 365px;*/
	padding-right: 1em;
	height: 32em;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	background-color: #FFF6C3;
	border: 2px solid #FA8A0C;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 40px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 40px;
}
#menu h5 {
	color: #56478A;
	font-size: 1em;
	font-variant: small-caps;
	text-align: left;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 0px;
}
li.menu {
	color: #56478A;
	font-size: 0.9em;
	text-align: left;
	margin-left: 9px;
	list-style-type: none;
	margin-top:-1px;
}
a.menu {
	text-decoration:none;
	color: #56478A;
}
a.menu:hover {
	text-decoration:none;
	color: #FA8A0C;
}

/* STYLES DE LA ZONE DE CONNEXION */
#login {
	position: absolute;
	left: 50%;
	top: 425px;
	width: 280px;
	height: 36px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	background-image: url(../img/login.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	list-style-type: none;
	letter-spacing:-1px;
}
li.login {
	margin-bottom: -2px%;
}
a.login {
	color: #55468B;
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
}
a.login:hover {
	color: #FA8A0C;
}
/* ONGLETS */

#accueil {
	position: absolute;
	left: 428px;
	top: 872px;
	width: 100px;
	height: 25px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	text-align:center;
	font-weight: bold;
}
#contact {
	position: absolute;
	left: 545px;
	top: 872px;
	width: 100px;
	height: 25px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	text-align:center;
	font-weight: bold;
}
#partenaires {
	position: absolute;
	left: 675px;
	top: 872px;
	width: 100px;
	height: 25px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	text-align:center;
	font-weight: bold;
}
#infosLegales {
	position: absolute;
	left: 785px;
	top: 872px;
	width: 150px;
	height: 25px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	text-align:center;
	font-weight: bold;
}