/*********************
** Plančte-Sciences **
*********************/

/************ Evite les bugs d'affichage sous FireFox ************/

img { }


/******* Suppression des effets par defaut ************/

* {
        margin:                 0;
        padding:                0;
        border:                 0;
        font-family:            sans-serif;
        font-size:              1em;
        font-weight:            normal;
        font-style:             normal;
        text-decoration:        none;
        color:                  #000000;
}



/********** Position elements structurels généraux ***********/

 
html, body
{
        height:                 100%;
        width:                  100%;
        background-color:       #FFFFFF;
}       

body
{
        font-family:            "Trebuchet MS", arial, "lucida console", sans-serif;
        font-size:              90%;
        color:                  #333333;
}

hr
{
        display:                none;
}

i
{
	font-style: italic;
}

b
{
	font-weight: bold;
}

u
{
	text-decoration:        underline;	
}

div#global
{
        min-height:             100%;
        width:                  950px;
        padding:                0 10px;
        margin:                 0 auto;
        position:               relative;
        
        background-color:       #DBF2F7;
        background:             url("images/global.png") center repeat-y;
}

div#global_images
{
        min-height:             100%;
        width:                  950px;
        padding:                0 10px;
        margin:                 0 auto;
        position:               relative;
        
        background-color:       #DBF2F7;
        background:             url("images/global_images.png") center repeat-y;
}

.header
{
        position:               relative;
        background-image:       url("images/haut_bandeau.jpg");
        background-repeat:      no-repeat;
        background-position:    0px 0px;
        height:                 112px;
	z-index:        	0;
}
.header#entete_images
{
        background-image:       url("images/haut_bandeau_images.jpg");
}

div#center
{
        padding-bottom:         146px;
        overflow:               hidden;
        background-image:       url("images/bas_bandeau_images.jpg");
        background-repeat:      no-repeat;
        background-position:    1px 0px;
        position:               relative;
       	z-index:        	1;
}
div#center_images
{
        padding-bottom:         146px;
        overflow:               hidden;
        background-image:       url("images/bas_bandeau_images.jpg");
        background-repeat:      no-repeat;
        background-position:    1px 0px;
        position:               relative;
       	z-index:        	0;
}

.content
{
        float:                  left;
        width:                  730px;
        margin-top:             -80px;
        margin-bottom:          150px;
		padding-right: 			5px;
        z-index:                2;
       
}

.colonne_droite
{
        position:		absolute;
        top:                    133px;
		right:			20px;
        width:                  200px;
	z-index: 2;
}

.footer
{
        position:               absolute;
        width:                  950px;
        bottom:                 0px;
        font-size:              small;
        font-weight:            bolder;
        color:                  #AAAAAA;
        background-color:       #000000;
	z-index: 10;
}

.footer a
{
        color:                  #AAAAAA;
        font-weight:            bolder;
}

.footer a:hover
{
        color:                  #AAAAAA;
        text-decoration:        underline;
}

.footer a:visited
{
        color:                  #AAAAAA;
}


#barre_bas
{
        background-image:       url("images/barrette_horizontale.png");
        background-repeat:      repeat-x;
        background-position:    top left;
        color:                  #BBBBBB;

        height:                 20px;
        padding-top:            16px;
        padding-left:           5px;
}



/*********** Styles contenus *************/

.petit_texte
{
        font-size:              x-small;
        color:                  #FFFFFF;
        line-height:            10px;

}

div.colonne_droite h2
{
       text-align:             center;
       font-weight:             bold;
}

div.content
{
        font-size:              small;
        text-indent:            10px;
}

div.content h1 
{
        margin-left:            -10px;
        font-size:              1.8em;
	padding-left:           30px;
	background:             #f1fdff url(images/point_orange.png) left center no-repeat;
	color:                  #e78f39;
}

div.content#page_images h1 
{
    margin-right:            -300px;
	
}

div.content h2 
{
        margin-top:             10px;
        margin-left:            15px;
        font-weight:            bold;
	color:                  #c00;
	font-variant:           small-caps;
}
	
div.content p 
{
        margin:             10px;
}

.content a
{
        color:                  #333333;
        border-bottom:          thin dotted #333333;

}

.subcontent#subpage_images a
{
        border-bottom:          none;

}

.content a:hover
{
        color:                  #666666;

}

.content a:visited
{
        color:                  #333333;

}

.content a:visited
{
        color:                  #333333;

}

.content ul
{
        margin: 		10px 30px;
        margin-bottom:          10px 30px;
        margin-left:            10px 30px;
        list-style-image:       url(images/bullet.png);
}

.content li
{
        margin-top:             5px;
}

.content#page table
{
      	border:                 2px transparent;
		border-spacing: 		0px;
	    margin:                 5px;
        padding:                0px;
		border-collapse: 		collapse;
}

.content#page th
{
        border-bottom:          2px solid #E78F39;
		font-size:				large;
        padding:                0px;
        margin:                	0px;
		background:             url("images/fond-table.jpg");
		color:                  #e78f39;
		font-weight:            bold;
}

.content#page thead td
{
		font-weight:            bold;
		text-align: 			center;
		background:             url("images/fond-table.jpg");
}

.content#page tr
{
        padding:                 0px;
        margin:                0px;
}

.content#page td
{

		border-top: 			1px dotted #E78F39;
        padding:                5px;
        margin:                 0px;
}

.content#page td.coin
{
		background: 			url("images/triangle_tableau.gif") no-repeat;
}




/********* Elements structurels secondaires ***********/

.main_links
{
}

#tete_menu
{
        margin-left:            250px;
        padding-left:           20px;
}

#tete_menu img
{
        margin-top:            -20px;
        margin-left:            5px;
        margin-right:           5px;
}

#barre_menus
{
		padding-top:            80px;
}

#barre_menus a
{
        background:             transparent url(images/deroule.png) no-repeat 2px 2px;
        padding-left:           18px;
        padding-top:            4px;
        border-bottom:          thin dotted #333333;
        font-size:              10px;
        margin:                 2px;
}

#barre_menus a:hover
{
        background:             transparent url(images/deroule-hover.png) no-repeat 2px 2px;
        border-bottom:          thin solid #333333;
}


.annonces_placeholder
{
        background:transparent url(images/soleil2.jpg) no-repeat;
        margin-left: -10px;
        height:113px;
        width:970px;
}
.annonces_placeholder#_images
{
        background:transparent url(images/soleil2_images.jpg) no-repeat;
}


.annonce
{
        /* background:transparent url(images/home/cadre_actu.png) no-repeat scroll 0%; */
        cursor:pointer;
        float:left;
        height:100px;
        margin-top:-30px;
        overflow:auto;
        width:185px;
}

.annonces_placeholder h2
{
        position:               relative;
        background-image:       url("images/home/actualites.png");
        background-repeat:      no-repeat;
        top:                    -30px;        
        margin-left:            400px;        
        padding-top:            49px; /* height of the replacement image */
        height:                 0px;
}

.annonces_title
{
		visibility: hidden;
}

div.annonce h1
{
/*temp !*/
display:none;
        margin:                 0px;
        padding:                0px;
        font-size:              small;
        font-weight:            bold;
        background:             none;
        border-bottom:          thin solid #FFFFFF;

}

.bulle
{

        position:               relative;
        width:                  400px;
        bottom:                 210px;
        left:                   140px;
        display:                block;
        z-index:                4;
}

.bulle_content
{
        font-size:              x-small;
        background-image:       url("images/fond_transparent.png");        
        color:                  #FFFFFF;
        border:                 thin solid #333333;
        border-bottom:          none;
        padding:                3px;
}

div.bulle_content h1
{
        margin:                 0px;
        padding:                0px;
        font-size:              x-small;
        font-weight:            bold;
        background:             none;
        border-bottom:          thin solid #FFFFFF;

}

.bas_bulle
{
        background-image:       url("images/bas_bulle.png");
        background-repeat:      repeat-x;
        background-position:    top left;
        height:21px;
}

div#liste_liens
{
	margin-left:	25px;
	margin-top:	20px;
	text-align:	left;
}

div#liste_liens ul
{
	list-style-image:       url(images/bullet.png);
}

div#liste_liens li
{
        margin-top:             5px;
}

div#liste_liens a
{
	border-bottom:          thin dotted #FFFFFF;
	color:                  #FFFFFF;	
}
div#liste_liens h2
{

	color:                  #FFFFFF;	
}
div#liste_liens dt
{

	color:                  #FFFFFF;	
}

.carte_deleg
{
	z-index:                10;
	padding-top:            5px;
	text-align:             center;
}
/********* Ajout operation temporaire par JMG***********/
.operation
{
	z-index:                10;
	padding-top:            5px;
	text-align:             center;
}
/********* FIn Ajout operation temporaire par JMG***********/

#info_deleg
{
        margin-top:            10px;
                font-style:             italic;        
}

div#info_deleg h1 
{
        border:                 thin solid #555555;
        margin-left:            0px;
        font-size:              1em;
        font-weight:            bold;

	padding-left:           20px;
	background:             #f1fdff url(images/point_orange.png) left center repeat-y;
	color:                  #e78f39;
	text-indent:            0px;
}

div#info_deleg ul
{
        margin-left:            15px;
}

div#info_deleg a:hover
{
        text-decoration:            underline;
        font-weight:            bold;
}

.infobulle
{
	color :                 #FFFFFF;
	position :              absolute;  
	visibility :            hidden;
	border :                1px solid #444400;
	padding :               5px;
	font-size :             10pt;
	background-color :      #000000;
	z-index:                5;
}

#dropmenudiv{
	position:absolute;
	border:1px solid #b5c8cc;
	border-bottom-width: 2px;
	border-right-width: 2px;
	font-size:10px;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dotted #b5c8cc;
	padding: 1px 0;
	text-decoration: none;
	/* font-weight: bold; */
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #b5c8cc;
}

.colonne_droite em
{
        font-weight:         bold;
        color:                  #FFFFFF;
}

.colonne_droite span.summary
{
        color:                  #FFFFFF;
}



/*********** Elements spécifiques **************/

#logo_plasci
{
        visibility:                hidden;
}

#tableau_images
{
	width: 940px;
	text-align: center;
        font-weight:            bold;
	color:                  #c00;
	font-variant:           small-caps;
}

#bouton_robotique
{
        position:               absolute;
        background-image:       url("images/picto-robot.png");
        background-repeat:      no-repeat;
        width:                  70px;        
        padding-top:            82px; /* height of the replacement image */
        height:                 0px;
        top:                    0px;
        left:                   250px;
        overflow:               hidden;
}

#bouton_meteo
{
        position:               absolute;
        background-image:       url("images/picto-meteo.png");
        background-repeat:      no-repeat;
        width:                  70px;        
        padding-top:            82px; /* height of the replacement image */
        height:                 0px;
        top:                    0px;
        left:                   350px;
        overflow:               hidden;
}

#bouton_espace
{
        position:               absolute;
        background-image:       url("images/picto-espace.png");
        background-repeat:      no-repeat;
        width:                  70px;        
        padding-top:            82px; /* height of the replacement image */
        height:                 0px;
        top:                    0px;
        left:                   350px;
        overflow:               hidden;
}

#bouton_enviro
{
        position:               absolute;
        background-image:       url("images/picto-enviro.png");
        background-repeat:      no-repeat;
        width:                  76px;        
        padding-top:            86px; /* height of the replacement image */
        height:                 0px;
        top:                    0px;
        left:                   450px;
        overflow:               hidden;
}

#bouton_astro
{
        position:               absolute;
        background-image:       url("images/picto-astro.png");
        background-repeat:      no-repeat;
        width:                  70px;        
        padding-top:            82px; /* height of the replacement image */
        height:                 0px;
        top:                    0px;
        left:                   550px;
        overflow:               hidden;
}

#recherche_site
{
        font-size:              8pt;
        color:                  #888888;
        margin:                 -30px 0px 20px 0px;
}

.form_search
{
        width:                  120px;
        margin-left:            5px;
        background-image:       url("images/loupe.png");
        background-repeat:      no-repeat;
        border:                 thin solid #000000;
        height:                 15px;
        padding-left:           24px;
        padding-top:            3px;
        font-style:             italic;
}

.form_button
{
        border:                  thin solid #000000;
        font-weight:             bold;
        font-size:               x-small;
}


/*********** Page d'accueil *************/

.menu_page_accueil
{
        position:               relative;
        top:                    157px;
        left:                   0px;
        height:                 350px;
}

/* overflow: auto; */

.cases_actu
{
        position:               relative;
        top:                    160px;
        left:                   25px;
	width:			680px;
	background-image:       url("images/vitrine-actualites.png");
        background-repeat:      no-repeat;
	padding-top:            160px;
}

div.cases_actu h2
{
	margin-top:		8px;
        margin-left:            -15px;
	margin-bottom:		-10px;
        font-weight:            bold;
        color:                  #c00;
        font-variant:           small-caps;
}


.actu_case1
{
        position:               absolute;
        top:                    32px;
        left:                   33px;
        height:                 115px;
	width:			180px;
	text-align:		center;
}

.actu_case2
{
        position:               absolute;
        top:                    32px;
        left:                   246px;
        height:                 115px;
	width:			180px;
	text-align:		center;
}

.actu_case3
{
        position:               absolute;
        top:                    32px;
        left:                   459px;
        height:                 115px;
	width:			180px;
	text-align:		center;
}

#bandeau_bienvenue
{     
        background-image:       url("images/bandeau_bienvenue.png");
        background-repeat:      no-repeat;   
        position:               absolute;    
        padding-top:            58px; /* height of the replacement image */
        height:                 0px;
        top:                    -1px;
        left:                   224px;        
        width:                  407px;
        z-index:		7;
        overflow:               hidden;
}


#planete /*Image de fond avec la planete*/
{        
        position:               absolute;
        top:                    -30px;
        left:                   35px;
        z-index:                -1;
        
        
}

#lien_qui_sommes_nous
{
        position:absolute;
        top:-40px;
        left:15px;
        width:232px;
        border:0;
        
        padding-top: 82px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_qui_sommes_nous.png");
        background-repeat: no-repeat; 
}

#lien_qui_sommes_nous:hover
{
        background-image: url("images/home/btn_qui_sommes_nous-survole.png");
}

#lien_plasci_images
{
        position:absolute;
        top:230px;
        left:15px;
        width:232px;
        border:0;
        
        padding-top: 83px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_plasci_images.png");
        background-repeat: no-repeat; 
}

#lien_plasci_images:hover
{
        background-image: url("images/home/btn_plasci_images-survole.png");
}

#lien_vie_asso
{
        position:absolute;
        top:50px;
        left:15px;
        width:195px;
        border:0;
        
        padding-top: 83px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_vie_asso.png");
        background-repeat: no-repeat; 
}

#lien_vie_asso:hover
{
        background-image: url("images/home/btn_vie_asso-survole.png");
}

#lien_publications
{
        position:absolute;
        top:140px;
        left:15px;
        width:196px;
        border:0;
        
        padding-top: 84px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_publications.png");
        background-repeat: no-repeat; 
}

#lien_publications:hover
{
        background-image: url("images/home/btn_publications-survole.png");
}

#lien_faites_sciences
{
        position:absolute;
        top:-40px;
        left:447px;
        width:254px;
        border:0;
        
        padding-top: 83px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_faites_sciences.png");
        background-repeat: no-repeat; 
}

#lien_faites_sciences:hover
{
        background-image: url("images/home/btn_faites_sciences-survole.png");
}


#lien_vacances
{
        position:absolute;
        top:50px;
        left:503px;
        width:198px;
        border:0;
        
        padding-top: 78px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_vacances.png");
        background-repeat: no-repeat; 
}

#lien_vacances:hover
{
        background-image: url("images/home/btn_vacances-survole.png");
}

#lien_formation
{
        position:absolute;
        top:140px;
        left:504px;
        width:197px;
        border:0;
        
        padding-top: 83px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_formations.png");
        background-repeat: no-repeat; 
}

#lien_formation:hover
{
        background-image: url("images/home/btn_formations-survole.png");
}

#lien_enseignants_anims
{
        position:absolute;
        top:230px;
        left:448px;
        width:253px;
        border:0;
        
        padding-top: 84px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/home/btn_enseignants_anims.png");
        background-repeat: no-repeat; 
}

#lien_enseignants_anims:hover
{
        background-image: url("images/home/btn_enseignants_anims-survole.png");
}

/*********** Autres styles d'apparence *********/

#info_deleg
{
        font-size:              x-small;
}

h1#info_deleg
{
        font-size:              small;
}

/************ Divers *************/
.masque
{
        display:                none;
}

.bouton_fermer
{
        position:       absolute;
        top:            2px;
        right:          -3px;
        padding-top: 10px; /* height of the replacement image */
        height: 0px;
        overflow: hidden;
        background-image: url("images/close.png");
        background-repeat: no-repeat; 
}


/******************Images Index ****************/
div#images_index
{
	margin-left:	160px;
	margin-top:	-310px;
	text-align:	left;
	z-index: -1;
}