/* CSS principale correspondant aux pages de la racine et définit la disposition générale de TOUTES les pages */
/* Corps de la page */
body
	{
	padding: 0;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	top: 0px;
	background-color: #E2EBD4;
	}
#conteneur
	{
	width: 960px;
	height: 550px;
	margin: 0 auto;
	border: 3px solid #ab4;
	position: relative;
	background-color: #000000;
	}
#conteneur2
	{
	width: 960px;
	margin: 0 auto;
	border: 3px solid #ab4;
	position: relative;
	background-color: #ffffe6;
	}
	

/* Texte de l'annonce en haut de page */
.titre_ann {
	font-size: 1.3em;
	letter-spacing: 0.1em;
}
	
	
	
/*Logo complet haut gauche */
#logo{
height: 91px;
width:246px;
position:absolute;
left:0px;
top:35px;
background: #FFFFFF ;
}

/* Ecriture des phrases du logo */
/* Phrase en haut a gauche du logo */
#ph_logo{
	position:absolute;
	left:15px;
	top:11px;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:0.8em;
	text-align:center;
	
}
/*norsys en haut a droite du logo */
#nor {
	position:absolute;
	left:160px;
	top:-2px;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:2.0em;
	text-align:center;
}
/* easymakers en dessous de norsys */
#easy{
	position:absolute;
	left:160px;
	top:26px;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:0.7em;
	text-align:center;

}
/*Entete + annonce défilante */
#header
		{
	height: 125px;
	margin: 0;
	background: #FFFFFF;
	padding-left: 700px;

		}
#annonce
		{
	position: absolute;
	width: 454px;
	height:90px;
	left: 250px;
	top: 90px;
		}

/* Animation flash accueil */
#anim
		{
	position: relative;
	width: 400px;
	left: 0px;
	float: left;
	top: 40px;
		}
		
/* Ecriture sur la patate bleu de l'accueil */		
#frame
		{
	width: 320px;
	float: left;
	position: relative;
	height: 150px;
	left: 68px;
	top: 10px;
		}
		
/* Liens "lire la suite" en blanc sur fond rouge */
#frame a:link 
	{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #b60000;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	font-style: normal;
}

#frame a 
	{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #b60000;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	font-style: normal;
}


/*Patate de l'accueil a la une */
#bloc
		{
	background: url(images/patatebleue3.gif) no-repeat;
	position: relative;
	top:0px;
	float: right;
	width: 413px;
	height: 395px;
		}
		
/* Centre de la page contenant le texte */
#centre {
	width: 760px;
	position: relative;
	float: left;
}

/* Redéfinition du centre pour d'autres pages avec hauteur fixe! */
#centre2 {
	width: 760px;
	height:450px;
	position: relative;
	float: left;
}

/* Différentes positions de texte (encart près d'images, texte centre, texte aligne a droite) */
.corps_art{
		width: 745px;
	position: relative;
	float: left;

}
#centre_text {
	width: 745px;
	position: relative;
	float: left;
}
#centre_text01 {
	width: 200px;
	text-align: justify;
	float: left;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-style: italic;
	position: relative;
}
#centre_text02 {
	width: 340px;
	text-align: left;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	position: relative;
	float: left;
	padding-right: 30px;
}

#centre_text03 {
	width: 340px;
	text-align: left;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
	position: relative;
	float: left;
	padding-right: 30px;
}
#centre_text04 {
	text-align: left;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	position: relative;
	line-height: 1.5em;
	float: left;
	width: 480px;
}

/* "Boites" contenant les patates des formations qualifiantes */
#boite1_3 {
	position: relative;
	width: 250px;
	text-align: left;
	float: left;
	background-image: url(images/patat01.gif);
	background-repeat: no-repeat;
	height: 300px;
	vertical-align: bottom;
	padding-top: 10%;
	padding-left: 10px;
}
#boite2_3 {
	position: relative;
	width: 250px;
	background-image: url(images/patat02.gif);
	background-repeat: no-repeat;
	height: 300px;
	padding-top: 10%;
	padding-left: 10px;
	float: left;

}
#boite3_3 {
	width: 210px;
	text-align: left;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	position: relative;
	background-image: url(images/patat03.gif);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-left: 30px;
	height: 300px;
	float: left;


}

/* Positionnement des images du site */
#imag_centre {
	position: relative;
	float: left;
	padding: 0px;
}

#boite_img {
	position: relative;
	height: 150px;
	float: left;
	left: 0px;
	padding: 20px;
}


#img_centre {
	 float:none;
}


/* Menu de navigation du haut contenant norsysgroupe, norsyseasymakers...*/
#nav {
	width: 960px;
	height: 26px;
	margin: auto;
	padding: 0;
	position: relative;
	background-image: url(images/nav.gif);

}
#nav li {
margin: 0; padding: 0; list-style: none; position: absolute; top: 0;
}
#nav a {
height: 26px; display: block;
}
#nav li {
height: 26px; display: block;
}


/* Taille des menus norsyseasymakers, norsysgroupe... */
#norsysgroupe{
left: 0; width: 239px;
}
#norsyseasymakers {
left: 240px; width: 240px;
}
#norsysrh {
left: 480px; width: 240px;
}
#norsysuniversite {
	left: 720px;
	width: 240px;
	position: relative;
	top: auto;
}

/* Liens des menus du haut */
#norsysgroupe a:hover {
background: transparent url(images/nav.gif) no-repeat 0px -26px; 
}
#norsyseasymakers a:hover {
background: transparent url(images/nav.gif) no-repeat -240px -26px; 
}
#norsysrh a:hover {
background: transparent url(images/nav.gif) no-repeat -480px -26px; 
}
#norsysuniversite a:hover {
	background: transparent url(images/nav.gif) no-repeat -720px -26px;

}


/* Menu de gauche (animation flash) contenant 3 liens (formulaire, engagements...) */
#menuG {
	position: relative;
	width: 140px;
	height: 395px;
	float: left;

}


/* Liens en dur de l'animation flash n'apparaissant pas dans la page */
.menu
	{
	visibility: hidden;
	position: absolute;
	float: right;
	top: -900px;
}

.menu a:link 
	{
	display: block;
	width: 100%;
	height: 100%;
}



#sousmenuG {
	width: 100px;
	height: 140px;
	float: left;
	z-index: auto;
}
#contenu
		{
	position: relative;
	background-color: #996666;
	height: 460px;
		}
		
/* Pied de page contenant les filets */		
#pied {
	height: 20px;
	background-image: url(images/fil.jpg);
	clear: left;
	background-repeat: no-repeat;
}

/* Liens de bas de page (Mentions légales, crédits...) */
p#footer
		{
	color: #006633;
	position: relative;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	padding: 0px;
	top: auto;
	margin-top: 0px;
	margin-bottom: 0px;
		}

.footer{
	color: #006633;
	position: relative;
	font-size: 1.0em;
	letter-spacing: 0.2em;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	padding: 0px;
	top: auto;
	margin-top: 0px;
	margin-bottom: 0px;

}

/* Titres dans la patate bleue de l'accueil (a la une et a propos)*/
.titre {
	font-size: 2.8em;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-weight: bold;
}

.propos {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-weight: bold;
}

/* titre des pages en rouge (présent sur chaque page) */
.titre_red {
	font-size: 2.8em;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-weight: bold;
	color: #b60000;
}

/* titre du blog des evenements*/
.titre_blog {
	font-size: 2.0em;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-weight: bold;
	color: #000000;
	position:absolute;
	left:180px;
}



/* Sous-titre en gras */
.sous_titre {
	font-size: 1.2em;
	font-weight: bold;
	margin:0;
}

/* Redefinition des balises H1 et H2 */
h1{
	font-size: 2.8em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #b60000;
	margin: 0;
	display:inline;
}

h2{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	display:inline;

}

/* Différentes formes de textes et de titres     */
.titre_easy {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #B60000;
	text-transform: uppercase;
	font-weight: bold;
}
.texte {
	font-size: 1em;
}
.texte2{
	font-size:0.8em;
}
.texte_gras {
	font-size: 1em;
	font-weight: bold;
}
a {
	text-decoration: none;
}
/*Les adresses en colonne */
#colo1 {
	position:absolute;
	top:80px;
	left:0px;
	float:left;
}

#colo2 {
	position:absolute;
	top:80px;
	right:0px;
	float:right;

}
#grp {
	position:absolute;
	top:410px;
	left:350px;
	text-align:center;
}

/*Les derniers evenements norsys */
/*emplacement du logo du printemps de la convivialite */
#log_print{
	position:absolute;
	top:300px;
	right:0px;
}

/*noeuds borroméens */
#noeud{
	position:relative;
	top:780px;
	right:150px;
	background-image:url('images/noeuds.jpg');
	background-repeat:no-repeat;
	height:101px;
	width:92px;
}

/* Paragraphe videos */
#vid{
	position:absolute;
	right:50px;
	top:120px;
	width:450px;
}

.vert {
	color:#7B9E2D;
}

/* Fin des derniers evenements */

/* Liens en bas de page d'accueil  (petits triangles)*/
#puc {
	position:absolute;
	top:510px;
	left:140px;
	background-image:url('images/puce.gif');
	background-repeat:no-repeat;
	height:22px;
	width:23px;
}

a#ref {
	position:absolute;
	top:515px;
	left:170px;
	font-family:Tahoma, "Times New Roman", Times, serif;
	color:#ffffff;
}


#puc2 {
	position:absolute;
	top:510px;
	left:280px;
	background-image:url('images/puce.gif');
	background-repeat:no-repeat;
	height:22px;
	width:23px;
}

a#ref2 {
	position:absolute;
	top:515px;
	left:315px;
	font-family:Tahoma, "Times New Roman", Times, serif;
	color:#ffffff;
}

#puc3 {
	position:absolute;
	top:510px;
	left:410px;
	background-image:url('images/puce.gif');
	background-repeat:no-repeat;
	height:22px;
	width:23px;
}

a#ref3 {
	position:absolute;
	top:515px;
	left:440px;
	font-family:Tahoma, "Times New Roman", Times, serif;
	color:#ffffff;
}

/* Fin de la CSS */