/**
 * 
 * OBSERVATOIRE DE L'INSERTION
 * 
*/

@import url('fiches.css');
@import url('style.menu.css');

/*** General ******************************************************************/

body {
	margin: 0;padding:0;
	text-align:center;
	background:#1A171B url('img/fleurs.jpg') no-repeat center top;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#676767;
}

#global {
	position: relative;
	width:950px;
	margin:auto;padding:0;
	border:1px solid #333333;
	border-top:none;
}

img { border: none; }

a { color: #000000; }
a:hover { color: #FF0000; }

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding:0;
	font-size:1em;
	font-weight:normal;
}

/*** Titre ********************************************************************/

#head {
	position:relative;
	margin:0;padding:0;
	height:120px;
	background: url('img/head.png') no-repeat left;
}

#head ul.menu-ico {
			position:absolute;
			right:0;top:0;
			background: url('img/header_sep.jpg') left bottom no-repeat;
			padding: 0 3px 2px 2px;
			margin-bottom: 7px;
			color:white;
			width:370px;height:15px;
			font-size:90%;
			text-align:left;
		}
#head ul li {
	list-style: none;
	display : inline;
	padding:0;margin:0;
}
#head ul li a {
	color: #ccc;
	text-decoration: none;
	margin:0;padding:0 10px;
	background-repeat: no-repeat;
	background-position: right center;
	text-align:center;
}
#head ul li a:hover,
#headul li a.selected {
	text-decoration: underline;
}

#perma_link{

	background:#19171A url('img/perma_link.png') no-repeat 3px center;
	color:#D3D3D3;width:80%;
	text-align:left;
	position:absolute;top:100px;left:0;padding:2px 0 2px 15px;font-size:100%;
}


/*** CONNEXION ************************************************************/

#spi_login{
margin:40px auto; width: 320px; margin-left: 10px;text-align:center;border:1px dotted #5d4b41;
}

form  			{ margin: 0px; padding: 0px; }
form .inputbox  { width: 120px; margin-left: 10px; font-size:80%;}
form .submitbox {border:1px solid #666;background-color:#5d4b41;color:white;font-size:10px;}
form br 	    { display: none; }

h1 {
  margin: 0;padding:2px 0 15px 2px;
  text-align:left;
  font-size:12px;
  font-weight:bold;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

#form-login label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding:0 0 0  4px;
	color: black;
	font-size:100%;
}

#form-login .button_holder {
	float: left;
	padding-left: 180px;
}

#form-login div.button1{
 	float: left;
}

#form-login div.button1 div.next {
	float: left;
}




/*** Menu pricipal ************************************************************/

#oi_menu_accueil a{
	padding:5px;margin:0;
	text-decoration:none;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;

}

#menu {
	float:left;
	width:150px;height:800px;
	margin:0;padding:0 1px;
	text-align: right;
	background:white url('img/logo_cg67.gif') no-repeat bottom center;
}

#menu li {
	margin:0; padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu li ul li{
	margin:0; padding: 0 2px;
	list-style-type: none;
	text-align: left;
	background-color:#DBDBDB;	
}

#menu li ul li ul li{
	margin:0; padding: 0;
	list-style-type: none;
	text-align: left;
	text-indent:0.5em;
	display:none;
}

#menu li ul {
	margin:0; padding: 0;
	text-align:left;
	
}


#menu li ul li a{
	margin:0; padding: 0;
	list-style-type: none;
	border:none;text-align:left;
	font-size:0.9em;
	background: none;
	text-decoration:none;
	color:#302D33;
}

#menu li ul li a:hover{
color:black;
text-decoration:underline;
}

.oi_menu_title {
	display: block;
	text-align:right;
	font-size:100%;
	text-decoration:none;
	padding:4px 0;margin:0;
	border-top: 1px solid #eeeeee;
	color:black;
}

.oi_menu_title  a{
	text-decoration:none;
}

#menu a:hover {
	border-color: #000000;
}

#menu a.current {
	font-weight: bold;
}
#subnavlist{
	margin:0;padding:0;
}

#subnavlist li a{
	border:none;
	text-align:left;
	margin:0;padding:0;
}



/*** Contenu du dedans de la page *********************************************/

#oi_content{
	float:left;
	margin:0;padding:0;
	width:100%;
	background:white url(img/oi_img.gif) no-repeat right bottom;
	min-height: 800px;
}

/*** hack css ***/
html:not([lang*=""]) #oi_content{
	min-height: 800px;
}

#text, #rsa{
padding:0;margin:0;
}


/****** AUTHENTIFICATION ******/

#oi_auth{
    text-align:center;
    width:400px;
    margin:0 auto;
}

/***** NEWS ********/

#oi_news{
float:left;
width:600px;
margin:20px 0 0 90px;
}

#oi_news p{
	text-align:left;
}

#oi_news_table{
	font-size:1em;
}


/****** ACCUEIL *****/

#oi_accueil{
	/* test */
	float:left;
	width:750px;
	text-align: justify;
	color:black;
}

#oi_fiches_txt{
	text-align:left;
	padding:0;margin:0;
	color:black;
}

/** CONTENU **/


#oi_little_ico{
	position:relative;
	width:100px;
	float:right;
	padding:5px;
}


#oi_little_ico a.mail{
	position:absolute;
	right:10px;
	background:url('img/little_mail.png') no-repeat center;
	width:16px;height:16px;
	display:block;
}

#oi_little_ico a.plan{
	position:absolute;
	right:36px;
	background:url('img/little_plan.png') no-repeat center;
	width:16px;height:16px;
	display:block;
}


/*** AIDE *******************************************************************/

#aide {
text-align:left;
padding:10px;margin:0 0 0 150px;
color: black;height:600px;
}


/*** PAGE PAR DEFAULT ********************************************************/

#oi_default_txt, #oi_default_txt_diag, #oi_default_txt_reglt, #oi_default_txt_aide{
	float:left;
    text-align:left;
    padding:0;margin:0;
    color: black;
}

#oi_default_txt_standard{
	float:left;
    text-align:left;
    padding:0;margin:10px 0 0 0;width:600px;
    color: black;
}

#oi_default_txt_diag, #oi_default_txt_aide, #oi_default_txt_reglt{
    width:100%;
	margin:10px 0 0 0;
}

#oi_default{
	float:left;
	padding:0;
	margin:6px 0 0 7px;
	background-color:white;
	width:780px;
}

.oi_default_ico1{
    float:left;
	margin:0;padding:0;
	width:80px;height:50px;
}

.oi_default_ico2{
	float:right;
	margin:0 10px 0 0;padding:0;
	width:550px;height:50px;
}


#oi_accueil_ico1{
	background:  url('img/accueil_ico.png') no-repeat center left;
}

#oi_accueil_ico2{
	background:  url('img/accueil_title.png') no-repeat center right;
}


/*** LIENS *******************************************************************/

#oi_liens_ico1{
	background:  url('img/liens_ico.png') no-repeat center center;

}

#oi_liens_ico2{
	background:  url('img/liens.png') no-repeat center right;
}


#liens_tab{
padding:0;margin:10px 0;
}

#liens_list td{
font-size:80%;
padding:0;margin:0;
}

#liens h1{
padding:10px;
}

#liens h2{
font-size:100%;
color: black;
}


/*** REGLEMENT *******************************************************************/


#reglement_list{
	height:570px;
	margin-top:70px;
	text-align:left;
}

#reglement h1{
padding:10px;
}

#reglement h2{
font-size:12px;
color: black;
}

.oi_title_regl{
font-size:90%;
text-align:center;
background-color:#afdce1;
text-transform:uppercase;
font-weight:normal;
padding:5px;margin:0;
color:black;
}


/*** TELECHARGEMENT DES FICHIERS ********************************************************************/

#oi_down_file{
	float:right;
	padding:0;margin:10px 0 0 0;
	width:170px;
	background-color:#f5f5f5;
}

.bigtitle_down_file{
	color:black;
	padding:4px;margin:0;
	text-align:left;
	background-color:#EEEEEE;
}

.oi_down{
	display:block;
	padding:0;margin:0;
	text-align:center;
	font-size:85%;
	background-color:#f5f5f5;
}

.oi_down li{
	position:relative;
	list-style-type:none;
	padding:0;margin:10px 0;
	display:block;
	color:black;
	text-align:left;
}

.oi_down li span{
	font-size:110%;
	width:100%;
	color:#5D4B41;
	color:black;
}

.oi_down li a{
	text-decoration:none;
}

.oi_down li a:hover{
	text-decoration:underline;
}

.oi_down li a span{
	font-size:110%;
	width:100%;
	color:#5D4B41;
	color:black;
}


.oi_down li ul {
	padding:0;margin:0;
}

.oi_down li ul li{
	padding:5px 0 5px 10px;margin:0;
}

.oi_down li ul li a{
	padding:0;margin:0;
	text-decoration:none;
}





/*** PDI - Syst�me de telechargement***/

.oi_tel_pdi{
	padding:0;margin:0;
}

.oi_tel_pdi li{
	position:relative;
	list-style-type:none;
	padding:0;margin:0 0 10px 0;
	border:1px dotted #f4be44;
	border-right:none;
	height:50px;
	display:block;
}

.oi_tel_pdi li p{
	font-size:110%;
	padding:0 0 0 5px;margin:0;
	font-weight:bold;
}

.oi_tel_pdi li span.info1{
	padding:0;margin:0;position:absolute;left:5px;top:30px;
}

.oi_tel_pdi li span.info2{
	padding:0;margin:0;position:absolute;left:5px;top:45px;
}

.oi_tel_pdi li a{
	display:block;
	background: url('img/download.png') no-repeat top center;
	position:absolute;right:0;top:23px;
	padding:24px 0 0 0;margin:0;
	text-decoration:none;
	font-size:100%;
}



.pdfLink { padding-right: 19px; background: url('img/pdf.gif') no-repeat 100% .3em;border-bottom:1px solid #7A7A7A; }
.docLink { padding-right: 19px; background: url('img/doc.gif') no-repeat 100% .3em;border-bottom:1px solid #7A7A7A;  }
.zipLink { padding-right: 17px; background: url('img/zip.gif') no-repeat 100% .3em;border-bottom:1px solid #7A7A7A;  }




/*** DOWNLOAD  *******************************************************************/



.oi_download{
	padding:0;margin:0;
	margin:auto 0;
	text-align:center;
}

.oi_download li{
	position:relative;
	list-style-type:none;
	padding:0;margin:0 auto;
	text-align:center;
	border-bottom:1px dotted #dddddd;
	border-left:1px dotted #dddddd;
	border-right:1px dotted #dddddd;
	display:block;
}

.oi_download li p{
	font-size:80%;
	padding:6px 0 0 2px;margin:0;
	font-weight:normal;
	text-align:left;

	
}

.oi_download li span.info1{
    font-size:80%;padding:0;margin:0;position:absolute;left:350px;top:6px;
}

.oi_download li span.info2{
    font-size:80%;padding:0;margin:0;position:absolute;left:450px;top:6px;
    display:none;
}

.oi_download li span.down{
	font-size:100%;
	padding:0;margin:0;
}

.oi_download li a{
	display:block;
	background: url('img/ico_down.png') no-repeat center right;
	position:absolute;right:5px;top:0px;
	padding:5px 20px 5px 5px;margin:0;
	text-decoration:none;
	font-size:80%;
	background-color:#f5f5f5;
	text-align:center;
	width:100%;
}

/* POUR PDI */

.menu_axe {padding:0;margin:0;width:450px;}
.menu_axe li {
	list-style-type:none;
	padding:0;margin:10px 0;
	text-align:left;
}

.menu_axe li a{
	display:block;
	position:relative;left:0;top:0px;
	text-align:left;
}


/*** Pied de page *************************************************************/

#foot {
	position:relative;
	margin:0; padding:0;
	color:white;height:28px;
}
#foot div.comment {
	text-align:center;
	margin:0;padding:5px;
	font-size:0.9em;
}

#foot div.comment a{
	text-decoration: none;
	font-weight:bold;
	color:white;
}

#foot div.comment a:hover{
	text-decoration:underline;
}

/*** Message d'erreur *********************************************************/

.spi_error {
	padding: 20px 10px;
	font-size: 13px;
	text-align:center;
}
.spi_error strong { color: black; }
.spi_error em { color: gray; font-size: 80%; }

.spi_alert {
	display:block;
	height:100px;width:100%;
	padding: 0;
	font-size: 13px;
	text-align:center;
	background: url(img/ajax-loader.gif) no-repeat center center;
}
.spi_alert strong { color: #C08000; }
.spi_alert em { color: gray; font-size: 80%; }


/*** Place dispo ***********************************************************************/

.ajout_ligne_pld{
	float:left;
	display:block;
	text-decoration:none;
	border:1px solid #eeeeee;
	background-color:#0497FC;
	text-align:center;
	padding:3px 0;margin-left:30px;
	width:140px;
	color:white;
}

.ajout_ligne_pld:hover{
	text-decoration:underline;
	color:white;
}

#choix_mois{
	font-size:120%;
	color:black;
	padding:20px;
}

#choix_mois select{
	color:black;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	margin:30px 0;
}

#choix_mois input{
	background-color:#0497FC;
	border:1px solid #EEEEEE;
	color:white;
	display:block;
	padding:3px 0;margin-left:260px ;
	text-align:center;
	text-decoration:none;
	width:140px;
	cursor:pointer;
}



/*** IMPRESSION ***************************************************************/



@media screen {
	
	/* desactive l'affichage impression seule */
	.print { display: none; }

}


@media print {

	body{
	color:black;
	}

	/* desactive les affichage ecran seul */
	.screen { display: none; }

	#global {
		border: none;
		width:600px;
	}
	
	#connexion { color: black; }
	#connexion a { display: none; }
	
	#menu { display: none; }
	
	#content {
		padding: 0;
		height: auto;
	}
	
	#spi_print_bandeau{
	display:block;
	}
	
	#oi_content{
	margin:0;padding:0;
	width:650px;background:none;		
	}

	#foot { border: none; }
	#foot .icon { display: none; }

	
	/* IMPRESSION POUR CHIFFRES CLES */
	#chiffres {
	text-align:left;
	padding:5px;margin:0;
	
	color: black;
	}
	#oi_chiffres_ico1{ display: none; }
	#oi_chiffres_ico2{ display: none; }
	#oi_chiffres_menu{margin-top:0;}
	
	/* IMPRESSION POUR ACCUEIL*/
	#oi_accueil{padding:1px 3px 0 0;margin:0;}
	#oi_fiches_txt{padding:0;margin-top:0;}
	
	/* IMPRESSION POUR AIDE*/
	#aide {padding:5px;margin:0;}
	#oi_aide_ico1{ display: none; }
	#oi_aide_ico2{ display: none; }
	
}