/* CSS Document */
/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[GENERAL]*/

h1 {
font-size:197%;
font-weight:normal;
}

h2 {
font-size:140%;
font-weight:normal;
}

h3 {
font-size:120%;
font-weight:normal;
}

h4 {
font-size:100%;
font-weight:normal;
}

h5 {
font-size:85%;
font-weight:normal;
}

h6 {
font-size:70%;
font-weight:normal;
}

body {
	background-color: transparent;
	background-image: url();
	margin: 0; 
    padding:0;
    font-family: Tahoma, Tahoma Normal, Arial, Verdana, sans-serif;
    font-size:1em;
    color:#36538b;
    font-style:normal;
    font-weight:100;
    font-variant:normal;
    text-decoration:none;
    text-align: center;
    text-transform:none;
    text-indent:0;
    line-height:normal;
	letter-spacing:normal;
	word-spacing:normal;	
	}
     
#global {
	position: relative;
	width: 800px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
	background-color: none;
   
   
     
    }
/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[occupe l'espace au cas où]*/
div#conteneur_header {
background-color: none;
height: 40px;
padding:10px;
z-index: 1;
}

/*  Logo Pact  */
div#conteneur_logo {
position: absolute;
top: 10px;
left: -5px;
background-color: white;
width: 140px;
height:180px;
z-index: 10;
}

img#logo {
width: 135px;
height: 156px;
border:none;
float:left;

}


/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[menu général]*/
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu {
	position: absolute;
	top: 40px;
	left:144px;
	width:536px;
	background:none;
	font-size:0.8em;
	z-index: 1;
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	background:url("../img/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url("../img/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#36538b;
	}
#navigation #en-cours a {
	font-size: 1.2em;
	font-style: italic;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;
} /*fin menu général*/



/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[A GAUCHE]*/

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le menu gauche]*/
div#conteneur_left {
position: absolute;
top: 230px;
left: 0px;
width: 120px;
height: 150px;
font-size:75%;
font-weight: normal;
text-align:left;
background-color: none;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[menu gauche sous logo Pact]*/
#menuG {
	width: 115px;
	margin: 0px 5 0 0;
	font-weight:none;
	}
	
#menuG li a {
  	text-decoration:none;
  	outline: none;
	height: 40px;
  	}
	
#menuG li a:link, #menuG li a:visited {
	text-decoration:none;
	outline: none;
	color: #36538b;
	display: block;
	}
	
#menuG li a:hover, #menuG li a:active {
	text-decoration:none;
	outline: none;
	color: grey;
	}

#nav #choisi a {
	color:orange;
	
} /*fin petit menu gauche*/


/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[AU CENTRE]*/

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[partie centrale encadrée]*/
div#conteneur_center {
background-color: none;
position: absolute;
top: 74px;
left: 122px;
width: 553px;
height: 495px;
border:solid #36538b;
border-width: 3px 1px 1px 1px;
z-index: 0;

}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[gros titre jaune]*/

div#gohaut {
background-color: none;
position: absolute;
top: 37px;
left: 0px;
width: 553px;
height: 80px;
margin-left:0px;
padding:0px;
border: none;
color: orange;
z-index: 0;
}

div#gohaut img {
padding-top:7px;
}

div#gohaut2 {
background-color: none;
position: absolute;
top: 100px;
left: 0px;
width: 553px;
height: 80px;
margin-left:0px;
padding:0px;
border: none;
color: orange;
z-index: 10;
}

#gohaut2 h2, h3, h4, h5, h6 {
font-weight: normal;
line-height:150%:
}


.ssttrejaune a {
	font-family: Tahoma, Tahoma Normal, Arial, Verdana, sans-serif;
    font-size:0.9em;
    color:orange;
    font-style:normal;
    text-decoration:none;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour l'adresse mail de la page contact]*/
.ssttrejaune a:hover {
color:#36538b;
}

.srttrebleu {
	font-family: Tahoma, Tahoma Normal, Arial, Verdana, sans-serif;
    font-size:0.9em;
    color:#36538b;
    font-style:normal;
    text-align:center;
}

.srttrebleu img {
width: 15px;
height: 16px;
}


#boxSrttre {
background-color: none;
position: absolute;
top: 10px;
left: 0px;
width:553px;
text-align:center;
padding:15px 0 0 0;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[conteneur illustration]*/
div#gobas {
background-color: none;
position: absolute;
top: 164px;
left: 0px;
width: 553px;
height: 330px;
border: none;
z-index: 0;
}
/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[texte à la place du conteneur illustration]*/

div#contvocation {
background-color: none;
position: absolute;
top: 140px;
left: 0px;
width: 553px;
height: 330px;
text-align:left;
z-index: 10;
}

.retrait {
padding-left:35px;
}

#contvocation h2, h3, h4, h5, h6 {
font-weight:normal;
}

#contvocation img {
margin: 0px 10px 10px 18px;
}

#contvocation a {
text-decoration: none;
color:#36538b;
}

#contvocation a:hover {
color:orange;
}

.titlist {
text-align: left;
padding-left:30px;
font-size:80%;
line-height:200%;
}

.titlist img {
width: 15px;
height: 16px;
}

.centrage {
padding-left:55px;
}


#une {
background-color: none;
position: absolute;
top: 110px;
left: 0px;
width: 553px;
height: 330px;
text-align:left;
text-align:center;
font-size:140%;
line-height:200%;
}

.or{
color:orange;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[idem supra avec overflow et retrait]*/


div#contvocation2 {
background-color: none;
position: absolute;
overflow:auto;
top: 0px;
left: 23px;
width: 500px;
height: 330px;
text-align:justify;
padding-right:8px;
z-index: 9;
}



div#contvocation2 img {
width: 15px;
height: 16px;
left:0px;
margin: 0px 8px 0px 0px;
float:center;
}


.img/dnl {
width:20px;
height:20px;
}

.space {
line-height:145%;
}

.space2 {
font-size:80%;
}



div#contvocation3 {
background-color: none;
position: absolute;
overflow:auto;
top: 0px;
left: 130px;
width: 400px;
height: 330px;
text-align:justify;
padding-right:8px;
z-index: 9;
}



/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[bloc pour la spirale cf principes d'action]*/

#spirale {
background-color: none;
position: absolute;
top: 115px;
left: 205px;
width: 305px;
height: 295px;
}

#spirale2 {
background-color: none;
position: absolute;
top: 240px;
left: 380px;
width: 150px;
height: 150px;
}
#spirale21 {
background-color: none;
position: absolute;
top: 240px;
left: 380px;
width: 150px;
height: 150px;
}

#spirale3 {
background-color: none;
position: absolute;
top: 350px;
left: 360px;
width: 150px;
height: 150px;
}

#spirale4 {
background-color: none;
position: absolute;
top: 330px;
left: 360px;
width: 150px;
height: 150px;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[gestion bulle d'info]*/
a.info {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:10px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:8px;
    padding-top:10px;
    padding-bottom:5px;
    padding-right:8px;
    width:180px;
    height:145px;
    background-color:yellow;

    /* Style du character dans la bulle */
    font-family:Tahoma, Tahoma Normal, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color: black;
    text-decoration:none;
    text-align:justify;
}





/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[A DROITE]*/

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[texte lettres blanches sur fond bleu]*/
div#content_right_top {
position: absolute;
background-color: #36538b;
padding: 10px 5px 0px 10px;
top: 74px;
left: 676px;
width: 109px;
height: 265px;
color: white;
line-height: 1.5em;
font-size: 0.7em;
text-align: left;

}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le ensavoir+ du bloc bleu]*/
#content_right_top a {
text-decoration: none;
outline:none;
font-size: 0.8em;
font-weight: none;
color: white;

}

#content_right_top a:hover {
text-decoration: none;
font-size: 0.8em;
color: orange;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le logo Petits Dej Pact]*/
div#content_right_middle{
position: absolute;
background-color: none;
top: 365px;
left: 676px;
width: 120px;
height: 100px;
font-size: 0.6em;
color: black;
text-align:center;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le ensavoir+ Petits Dej Pact]*/
#content_right_middle a {
text-decoration: none;
color: #36538b;
}

#content_right_middle a:hover {
text-decoration: none;
color: orange;
}

div#content_right_middle img {
height: 25px;
width: 25px;
}


/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le logo tribune DGFOCUS]*/
div#content_right_footer{
position: absolute;
background-color: none;
top: 455px;
left: 676px;
width: 120px;
height: 80px;
font-size: 0.6em;
color: black;
text-align:center;
}

div#content_right_footer img {
height: 50px;
width: 25px;
}

/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le ensavoir+ DGFOCUS]*/
#content_right_footer a {
text-decoration: none;
color: #36538b;
}

#content_right_footer a:hover {
text-decoration: none;
color:orange ;
}
.legend {
font-size:115%;
}




/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[pour le logo @]*/
div#content_rf2{
position: absolute;
background-color: none;
top: 558px;
left: 676px;
width: 120px;
height: 20px;
font-size: 0.5em;
text-align:center;
color: black;
}


div#content_rf2 img {
width: 15px;
height: 15px;
border:0;
}

div#content_rf2 a {
text-decoration: none;
outline:none;
}

div#content_rf2 a:hover {
outline:none;
}


/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[EN BAS]*/


/* =-=-=-=-=-=-=--=-=-=-=-=-=-=-[bandeau sous le bloc principal]*/
div#conteneur_footer {
position: absolute;
background-color: none;
top: 575px;
left: 122px;
width: 555px;
height: 25px;
font-size: 0.6em;
text-align:center;
z-index: 10;
}

#conteneur_footer a {
text-decoration: none;
outline: none;
color: black;

}
#conteneur_footer a:hover {
text-decoration: none;
color: orange;
}