/*

	##### Feuille de style pour le Réseau Pyrénées #####
	
	dernière modification : 13/02/2009
	auteur : Fabien

*/

body{
	margin: 10px 0;
	padding: 0;
	text-align: left;
	font-family: 'lucida grande',tahoma,arial,sans-serif;
    font-size: 11px;
	background: #FFFFFF;
	color: #324391;
}
/* 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 */


/* 
	####### DIV RESEAU #######
	- conteneur de toute la page
 */
div#reseau{
	width: 1024px ;
	margin: 0 auto ;
	text-align: left ;
}
/* 
	####### FIN DIV RESEAU #######
 */

/* 
	####### DIV HEADER #######
	- bandeau du site
 */
 
div#header{
	padding-top: 0px;
	background: url(../images/header.png) no-repeat center;
	height: 179px;
}
div#header2{
	padding-top: 0px;
	background: url(../images/header2.png) no-repeat center;
	height: 179px;
}

/* 
	####### DIV LOGO #######
	- bloc logo
 */
div#logo-reseau{
	float: left;
	padding-top: 42px;
	margin-left: 47px;
	height: 44px;
	width: 327px;
	background: url(../images/logo_reseau.png) no-repeat center;
	cursor: pointer;
}
/* 
	####### FIN DIV LOGO #######
 */
 
/* 
	####### DIV BANDEAU_MENTION_CONTACT #######
	- bloc bandeau_mention_contact
 */
div#bandeau_mention_contact{
	float: left;
	padding-top: 0px;
	margin-left: 800px;
	margin-top: 20px;
}
/* 
	####### FIN DIV BANDEAU_MENTION_CONTACT #######
 */ 
 
 
/* 
	####### INPUT OK #######
	- bouton ok
 */
.submit-ok{
	border: none;
	background: url('../images/button-ok.png') no-repeat top left;
	width: 49px;
	height: 22px;
	cursor: pointer;
}
/* 
	####### FIN INPUT RECHERCHE #######
 */  

/* 
	####### INPUT TEXT et PASSWORD CHAMP-CONNECT #######
	- couleur de fond formulaire de connexion
 */
.champ-connect{
	border-width: 0.5px;
	border-style: solid;
	border-color: #314390;
	background: #E8F1F1;
}
/* 
	####### FIN INPUT TEXT et PASSWORD CHAMP-CONNECT #######
 */ 
 
 
/* 
	####### DIV RECHERCHE #######
	- bloc recherche
 */
div#recherche{
	position: absolute;
	top: 100px;
	left: 517px;
	/*margin-left: 322px;
	padding-top: 86px;*/
}
/* 
	####### FIN DIV RECHERCHE #######
 */

/* 
	####### INPUT RECHERCHE #######
	- bouton recherche
 */
.submit-recherche{
	border: none;
	background: url('../images/button-recherche.png') no-repeat top left;
	width: 91px;
	height: 22px;
	cursor: pointer;
}
/* 
	####### FIN INPUT RECHERCHE #######
 */ 

/* 
	####### FIN DIV HEADER #######
 */

 
 
/* 
	####### DIV FOOTER #######
	- pied de page du site
 */
 
div#footer{
	float: left;
	width: 1024px;
	padding-top: 0px;
	background: url(../images/footer.png) repeat-x center;
	height: 132px;
}

/* 
	####### DIV ACTEUR #######
	- bloc acteur
 */
div#acteur{
	float: left;
	margin-left: 240px;
	/*width: 382px;*/
}
div#adepfo{
	float: left;
	height: 16px;
	width: 52px;
	background: url(../images/acteur_adepfo.png) no-repeat center;
	padding-top: 20px;
	margin-left: 9px;
	cursor: pointer;
}
div#apem{
	float: left;
	height: 16px;
	width: 40px;
	background: url(../images/acteur_apem.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#acap{
	float: left;
	height: 16px;
	width: 39px;
	background: url(../images/acteur_acap.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#maap{
	float: left;
	height: 16px;
	width: 41px;
	background: url(../images/acteur_maap.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#cap{
	float: left;
	height: 16px;
	width: 32px;
	background: url(../images/acteur_cap.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#eicp{
	float: left;
	height: 16px;
	width: 32px;
	background: url(../images/acteur_eicp.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#cidap{
	float: left;
	height: 16px;
	width: 42px;
	background: url(../images/acteur_cidap.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
div#cpt{
	float: left;
	height: 16px;
	width: 30px;
	background: url(../images/acteur_cpt.png) no-repeat center;
	padding-top: 20px;
	margin-left: 7px;
	cursor: pointer;
}
/* 
	####### FIN DIV ACTEUR #######
 */

/* 
	####### DIV FINANCEUR #######
	- bloc financeur
 */
div#financeur{
	float: left;
	margin-left: 35px;
	height: 36px;
	width: 300px;
}
div#financeur-text{
	padding-top: 0px;
	margin-left: 0px;
	height: 15px;
	width: 84px;
	background: url(../images/financeur_text.png) no-repeat center;
}
div#feder{
	float: left;
	height: 26px;
	width: 44px;
	background: url(../images/partenaire_feder.png) no-repeat center;
	padding-top: 0px;
	margin-left: 9px;
	cursor: pointer;
}
div#diact{
	float: left;
	height: 28px;
	width: 48px;
	background: url(../images/partenaire_diact.png) no-repeat center;
	padding-top: 0px;
	margin-left: 22px;
	cursor: pointer;
}
div#aquitaine{
	float: left;
	height: 28px;
	width: 31px;
	background: url(../images/partenaire_aquitaine.png) no-repeat center;
	padding-top: 0px;
	margin-left: 22px;
	cursor: pointer;
}
div#midi-pyrenees{
	float: left;
	height: 28px;
	width: 28px;
	background: url(../images/partenaire_midi-pyrenees.png) no-repeat center;
	padding-top: 0px;
	margin-left: 22px;
	cursor: pointer;
}
div#languedoc-roussillon{
	float: left;
	height: 26px;
	width: 50px;
	background: url(../images/partenaire_languedoc-roussillon.png) no-repeat center;
	padding-top: 0px;
	margin-left: 22px;
	cursor: pointer;
}
/* 
	####### FIN DIV FINANCEUR #######
 */

/* 
	####### DIV NEWSLETTER #######
	- bloc newsletter
 */
div#newsletter{
	float: left;
	margin-left: 50px;
	background: url(../images/newsletter.png) no-repeat center;
	height: 78px;
	width: 310px;
}
div#newsletter-text{
	margin-left: 9px;
	margin-top: 9px;
	height: 15px;
	width: 84px;
	background: url(../images/newsletter_text.png) no-repeat center;
}
div#connect-newsletter{
	margin-left: 0px;
	margin-top: 0px;
}
/* 
	####### FIN DIV NEWSLETTER #######
 */

/* 
	####### DIV EXTRANET #######
	- bloc extranet
 */
div#extranet{
	float: left;
	/*background: url(../images/newsletter.png) no-repeat center;*/
	height: 78px;
	width: 310px;
	padding-top: 0px;
	margin-left: 5px;
}
div#extranet-text{
	margin-left: 9px;
	margin-top: 9px;
	height: 15px;
	width: 84px;
	/*background: url(../images/newsletter_text.png) no-repeat center;*/
}
/* 
	####### FIN DIV EXTRANET #######
 */

/* 
	####### DIV CONECT-FORM #######
	- formulaire connexion extranet
 */
form#connect-form{
	float: left;
	margin-left: 25px;
}
/* 
	####### FIN DIV CONECT-FORM #######
 */
 
 /* 
	####### FIN DIV FOOTER #######
 */

 
/* 
	####### DIV CONTENU #######
	- bloc contenu
 */
 
div#contenu{
	background: #FFFFFF;
}

/* 
	####### DIV PROMO #######
	- bloc promotion
 */
div#promo{
	width: 318px;
	height: 713px;
	float: right;
} 
 
div#lespyrenees{
	padding-right: 33px;
	padding-top: 13px;
	width: 277px;
	height: 129px;
	background: url(../images/promo_lespyrenees.png) no-repeat center;
	cursor: pointer;
}
div#rdc{
	padding-right: 33px;
	padding-top: 10px;
	width: 277px;
	height: 129px;
	background: url(../images/promo_rdc.png) no-repeat center;
	cursor: pointer;
}
div#pyrenees-decouverte{
	padding-right: 33px;
	padding-top: 10px;
	width: 277px;
	height: 129px;
	background: url(../images/promo_pyrenees-decouverte.png) no-repeat center;
	cursor: pointer;
}
div#pnp{
	padding-right: 33px;
	padding-top: 10px;
	width: 277px;
	height: 129px;
	background: url(../images/promo_pnp.png) no-repeat center;
	cursor: pointer;
}
div#geopyrenees{
	padding-right: 33px;
	padding-top: 10px;
	width: 277px;
	height: 129px;
	background: url(../images/promo_geopyrenees.png) no-repeat center;
	cursor: pointer;
}
/* 
	####### FIN DIV PROMO #######
 */

/* 
	####### DIV THEMA #######
	- bloc thématique
 */ 
div#thema{
	float: right;
	width: 193px;
	height: 694px;
	background: url(../images/thema.png) no-repeat center;
	padding-right: 2px;
} 

div#sig-pyrenees{
	height: 99px;
	margin-top: 1px;
	margin-left: 2px;
	cursor: pointer;
}

div#thema_agro{
	background: url(../images/thema_agro.png) no-repeat center;
	height: 56px;
	margin-top: 53px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_agro:hover {
	background: url(../images/thema_agro_hover.png) no-repeat center;
}
div#thema_foret{
	background: url(../images/thema_foret.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_foret:hover {
	background: url(../images/thema_foret_hover.png) no-repeat center;
}
div#thema_formation{
	background: url(../images/thema_formation.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_formation:hover {
	background: url(../images/thema_formation_hover.png) no-repeat center;
}
div#thema_foncier{
	background: url(../images/thema_foncier.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	/*cursor: pointer;*/
}
div#thema_foncier:hover {
	background: url(../images/thema_foncier_hover.png) no-repeat center;
}
div#thema_demographie{
	background: url(../images/thema_demographie.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_demographie:hover {
	background: url(../images/thema_demographie_hover.png) no-repeat center;
}
div#thema_tourisme{
	background: url(../images/thema_tourisme.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	/*cursor: pointer;*/
}
div#thema_tourisme:hover {
	background: url(../images/thema_tourisme_hover.png) no-repeat center;
}
div#thema_artisanat{
	background: url(../images/thema_artisanat.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_artisanat:hover {
	background: url(../images/thema_artisanat_hover.png) no-repeat center;
}
div#thema_climat{
	background: url(../images/thema_climat.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_climat:hover {
	background: url(../images/thema_climat_hover.png) no-repeat center;
}
div#thema_territoire{
	background: url(../images/thema_territoire.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	cursor: pointer;
}
div#thema_territoire:hover {
	background: url(../images/thema_territoire_hover.png) no-repeat center;
}
div#thema_biodiversite{
	background: url(../images/thema_biodiversite.png) no-repeat center;
	margin-top: 1px;
	height: 56px;
	margin-left: 2px;
	/*cursor: pointer;*/
}
div#thema_biodiversite:hover {
	background: url(../images/thema_biodiversite_hover.png) no-repeat center;
}

/* 
	####### FIN DIV THEMA #######
 */ 

/* 
	####### DIV FLUX #######
	- bloc flux
 */  
div#flux{
	padding-top: 10px;
	padding-left: 35px;
	width: 470px;
	height: 713px;
} 
/* 
	####### FIN DIV FLUX #######
 */ 

/* 
	####### DIV ACTU #######
	- bloc actu
 */
div#actu{

}
div#actu_titre{
	background: url(../images/actu.png) no-repeat center;
	width: 467px;
	height: 58px;
	padding-top: 10px;
}
div#actu_titre_tourisme{
	/*float: left;*/
	background: url(../images/actu_tourisme.png) no-repeat center;
	width: 467px;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 7px;
}
div#actu_titre_reseau{
	/*float: left;*/
	background: url(../images/actu_reseau.png) no-repeat center;
	width: 467px;
	height: 43px;
	padding-top: 17px;
}
div#geocalendrier{
	/*float: left;*/
	background: url(../images/geo_calendrier.png) no-repeat center;
	width: 467px;
	height: 43px;
	padding-top: 17px;
}

div#actu_button1{
	float: left;
	background: url(../images/button-toute_actu.png) no-repeat center;
	width: 105px;
	height: 22px;
	margin-left: 320px;
	cursor: pointer;
}
div#actu_button2{
	float: left;
	background: url(../images/button-toute_actu.png) no-repeat center;
	width: 105px;
	height: 22px;
	margin-left: 320px;
	padding-bottom: 3px;
	cursor: pointer;
}
div#offre_button{
	float: left;
	background: url(../images/button-offres.png) no-repeat center;
	width: 105px;
	height: 22px;
	margin-left: 320px;
	padding-bottom: 3px;
	cursor: pointer;
}
div#cv_button{
	float: left;
	background: url(../images/button-cv.png) no-repeat center;
	width: 105px;
	height: 22px;
	margin-left: 320px;
	padding-bottom: 3px;
	cursor: pointer;
}
div#actu_button_rss1{
	background: url(../images/feed.png) no-repeat center;
	width: 16px;
	height: 16px;
	margin-left: 435px;
	padding-bottom: 6px;
	cursor: pointer;
}
div#actu_button_rss2{
	background: url(../images/feed.png) no-repeat center;
	width: 16px;
	height: 16px;
	margin-left: 435px;
	padding-bottom: 6px;
	cursor: pointer;
}
div#actu_button_rss3{
	background: url(../images/feed.png) no-repeat center;
	width: 16px;
	height: 16px;
	margin-left: 620px;
	margin-top: 14px;
	cursor: pointer;
}
div#actu_button_rss4{
	background: url(../images/feed_grey.png) no-repeat center;
	width: 16px;
	height: 16px;
	margin-left: 435px;
	padding-bottom: 6px;
}

/* 
	####### DIV ALL_ACTU #######
	- bloc all_actu
 */

div#all_actu{
	margin-left: 0px;
}
div#all_actu_titre{
	background: url(../images/all_actu.png) no-repeat center;
	width: 672px;
	height: 58px;
	padding-top: 10px;
	margin-top: 0px;
}
/* 
	####### FIN DIV ALL_ACTU_ #######
 */

/* 
	####### DIV FLUX_ALL_ACTU #######
	- bloc flux
 */  
div#flux_all_actu{
	padding-top: 10px;
	padding-left: 35px;
	width: 625px;
} 
/* 
	####### FIN DIV FLUX_ALL_ACTU #######
 */ 
 
/* 
	####### FIN DIV ACTU #######
 */

/* 
	####### DIV OPPORTUNITE #######
	- bloc opportunités
 */
div#opportunite{

}
div#opportunite_titre{
	background: url(../images/opportunite.png) no-repeat center;
	width: 467px;
	height: 58px;
	padding-top: 10px;
}
div#offre{
	/*float: left;*/
	background: url(../images/offres_emploi.png) no-repeat center;
	width: 467px;
	height: 43px;
	padding-top: 17px;
}
div#cv{
	/*float: left;*/
	background: url(../images/banque_cv.png) no-repeat center;
	width: 467px;
	height: 43px;
	padding-top: 17px;
}
div#opportunite_titre_appel_offre{
	/*float: left;*/
	background: url(../images/opportunite_appel_offre.png) no-repeat center;
	width: 467px;
	height: 43px;
	padding-top: 17px;
}

div#opportunite_button1{
	float: left;
	background: url(../images/button-toute_offre.png) no-repeat center;
	width: 106px;
	height: 19px;
	margin-left: 320px;
	cursor: pointer;
}
div#opportunite_button2{
	float: left;
	background: url(../images/button-toute_offre.png) no-repeat center;
	width: 106px;
	height: 19px;
	margin-left: 320px;
	cursor: pointer;
	padding-bottom: 7px;
}

/* 
	####### FIN DIV OPPORTUNITE #######
 */

 /* 
	####### FIN DIV FLUX #######
 */ 

 
 
div#cse-search-results{
	height: 1250px;
	width: 1000px;
	overflow: hidden;
} 


/* 
	####### DIV CONTACT #######
	- bloc contact
 */

div#contact{
	margin-left: 100px;
}
/* 
	####### FIN DIV CONTACT #######
 */

/* 
	####### DIV MENTION #######
	- bloc mention
 */

div#mention{
	margin-left: 100px;
}
/* 
	####### FIN DIV MENTION #######
 */
 
 
li#bold{
	font-weight: bold;
} 

a#title{
	color: #324391;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a#title:hover{
	text-decoration: underline;
}

a#underline{
	text-decoration: underline;
}

a{
	color: #324391;
	text-decoration: none; 
}

a:hover{
	text-decoration: underline;
}

.li{
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

.table{
	width: 453px;
	margin-left: 0px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td#savoir_plus{
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

.td{
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

.email{
	background-image: url(../icon/famfamfam/email.png) !important;
}

.text_gris{
	color: #ababab;
}

.bordure_gauche{
	background-image: url(../images/bordure_gauche.jpg);
	background-repeat: repeat-y;
}

.bordure_droite{
	background-image: url(../images/bordure_droite.jpg);
	background-repeat: repeat-y;
}

div#date_actu{
	margin: 0px 100px;
	color: #49bfdd;
}
div#desc_actu{
	margin: 0px 100px;
}


div#geocalendrier_intro{
	padding: 10px;
	font-family: Verdana, Arial, sans-serif;
}
div#geocalendrier_intro_titre{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
div#playbutton{
	text-align: center;
}

.button_arrow:hover{
	cursor: pointer;
}

.accroche{
	font-size : 12px;
	text-align : justify;
}