/* CSS Document */

/*-----------------------------------------*/
/*              style général              */
/*-----------------------------------------*/
body{
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	text-align : center;
}

a { text-decoration:none; }
a:hover	{ text-decoration:none;	}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }

.h9{
	font-size:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#078fc3;
	font-weight:normal;
}

.mascotte{
	width : 163px; height : 212px;
	background-image:url(../images/mascotte_accueil.jpg);
	background-repeat:repeat-x;
	position : absolute;
	top : 357px; left : 787px;
}

#page {
	margin-left:50%;
	margin-right:50%;
	width:950px;
	top:0px;
	left : -475px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	position : absolute;
	border : 1px solid #003366;
}

#pause {
	margin-left:50%;
	margin-right:50%;
	width:950px;
	top:0px;
	left : -475px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	position : absolute;
	z-index : 50;
	display : none;
	filter:alpha(opacity=74);
	opacity: 0.84;
}

#NomUser { width : 500px; height : 20px; color : white; position : absolute; left : 60px; top : 100px; font-size : 18px; }
#Ariane { width : 500px; height : 15px; color : white; position : absolute; left : 60px; top : 123px; font-size : 10px; }
#Ariane a{ color : #078fc3; }
#Ariane a:hover{ color : #078fc3; }
#zonelogin a{ color : #078fc3; }
#zonelogin a:hover{ color : #078fc3; }

#milieu_page {
	width:950px;
	height:466px;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/milieupage_950x466.jpg);
	background-repeat:no-repeat;
}
/*-----------------------------------------*/
/*          fin style général              */
/*-----------------------------------------*/

/*-------------------------*/
/* Style associé au header */
/*-------------------------*/
#header{
	width:950px;
	height:100px;
	background-image:url(../images/header_950x100.jpg);
	background-repeat:no-repeat;
}

#header_gauche{
	float:left;
	width:745px;
	height:100px;
	
}

#header_droite{
	float:right;
	width:205px;
	height:100px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ccecf7;
}

.header_drapeaux{
	text-align:right;
	height:35px;
	width:205px;
	background-repeat:no-repeat;
}

.lien_siteenfant{
	width:22px;
	height:33px;
	margin: 2px 7px 0px 5px; 
	float:right;
	background-image:url(../images/lien_siteenfant.jpg);
	background-repeat:no-repeat;
}

.drapeau_anglais{
	width:22px;
	height:15px;
	margin: 20px 0px 0px 5px; 
	float:right;
	background-image:url(../images/drapeau_anglais.jpg);
	background-repeat:no-repeat;
}

.drapeau_francais{
	float:right;
	margin: 20px 0px 0px 0px; 
	width:22px;
	height:15px;
	background-image:url(../images/drapeau_francais.jpg);
	background-repeat:no-repeat;
}


.header_identification{
	margin: 0 0 0 0;
	height:65px;
	font-size:9px;
		
}

.champs_identification{
	float : left;
	margin: 0 0 0 0;
	width:170px;
	height:65px;
	background-repeat:no-repeat;
		
}

.champs_identification li{
	float:right;
	margin-top:5px;
	list-style:none;
	display:inline;
	margin-left:5px; 
}


.ok_identification{
	float:left;
	padding-top:27px;
	padding-left:5px;
	width:30px;
	height:38px;
}
/*-------------------------------*/
/* fin du style asocié au header */
/*-------------------------------*/

/*-----------------------------------------*/
/*    style asocié à la page d"accueil     */
/*-----------------------------------------*/

#b1, #b2, #b3, #b4, #b5, #b6 { width : 162px; height : 162px; position : absolute; cursor: pointer; }

#b1_tl { background : url('../images/interface/tl1_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }
#b2_tl { background : url('../images/interface/tl2_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }
#b3_tl { background : url('../images/interface/tl3_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }
#b4_tl { background : url('../images/interface/tl4_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }
#b5_tl { background : url('../images/interface/tl5_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }
#b6_tl { background : url('../images/interface/tl6_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 0px; }

#b1_t { background-color : #FFDF00; width : 122px; height : 2px; position : absolute; top : 0px; left : 20px; }
#b2_t, #b3_t, #b4_t, #b5_t, #b6_t { background-color : #52E0FF; width : 122px; height : 2px; position : absolute; top : 0px; left : 20px; }

#b1_tr { background : url('../images/interface/tr1_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }
#b2_tr { background : url('../images/interface/tr2_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }
#b3_tr { background : url('../images/interface/tr3_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }
#b4_tr { background : url('../images/interface/tr4_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }
#b5_tr { background : url('../images/interface/tr5_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }
#b6_tr { background : url('../images/interface/tr6_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 0px; left : 142px; }

#b1_l { background-color : #FFDF00; width : 20px; height : 122px; position : absolute; top : 20px; left : 0px; }
#b1_r { background-color : #FFDF00; width : 2px; height : 122px; position : absolute; top : 20px; left : 160px; }
#b2_l, #b3_l, #b4_l, #b5_l, #b6_l { background-color : #52E0FF; width : 20px; height : 122px; position : absolute; top : 20px; left : 0px; }
#b2_r, #b3_r, #b4_r, #b5_r, #b6_r { background-color : #52E0FF; width : 2px; height : 122px; position : absolute; top : 20px; left : 160px; }

#b1_br { background : url('../images/interface/br1_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }
#b2_br { background : url('../images/interface/br2_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }
#b3_br { background : url('../images/interface/br3_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }
#b4_br { background : url('../images/interface/br4_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }
#b5_br { background : url('../images/interface/br5_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }
#b6_br { background : url('../images/interface/br6_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 142px; }

#b1_b { background-color : #FFDF00; width : 122px; height : 2px; position : absolute; top : 160px; left : 20px; font-size : 1px; }
#b2_b, #b3_b, #b4_b, #b5_b, #b6_b { background-color : #52E0FF; width : 122px; height : 2px; position : absolute; top : 160px; left : 20px; font-size : 1px; }

#b1_bl { background : url('../images/interface/bl1_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }
#b2_bl { background : url('../images/interface/bl2_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }
#b3_bl { background : url('../images/interface/bl3_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }
#b4_bl { background : url('../images/interface/bl4_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }
#b5_bl { background : url('../images/interface/bl5_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }
#b6_bl { background : url('../images/interface/bl6_off.gif') no-repeat; width : 20px; height : 20px; position : absolute; top : 142px; left : 0px; }

#b1_bg { background : url('../images/interface/bg1_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b1_bg2 { background : url('../images/interface/bg1_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }
#b2_bg { background : url('../images/interface/bg2_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b2_bg2 { background : url('../images/interface/bg2_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }
#b3_bg { background : url('../images/interface/bg3_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b3_bg2 { background : url('../images/interface/bg3_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }
#b4_bg { background : url('../images/interface/bg4_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b4_bg2 { background : url('../images/interface/bg4_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }
#b5_bg { background : url('../images/interface/bg5_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b5_bg2 { background : url('../images/interface/bg5_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }
#b6_bg { background : url('../images/interface/bg6_off.gif') no-repeat; width : 122px; height : 158px; position : absolute; top : 2px; left : 20px; background-position : center; }
#b6_bg2 { background : url('../images/interface/bg6_off.gif') no-repeat; width : 158px; height : 122px; position : absolute; top : 20px; left : 2px; background-position : center; }

#menu { width :69px; height : 348px; font-size : 1pt; position : absolute; top : 172px; left : 207px; display : none; }
#menu img { margin : 0px; padding : 0px; }

/*-----------------------------------------*/
/*  fin style asocié à la page d"accueil   */
/*-----------------------------------------*/


/*-----------------------------------------*/
/*         style asocié au footer          */
/*-----------------------------------------*/
#footer {
	float:left;
	width:950px;
	height:34px;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/footer_950x34.jpg);
	background-repeat:no-repeat;
}

.logo_tpm{
	float:left;
	margin-left:353px;
	width:241px;
	height:34px;
	background-image:url(../images/logo_tpm_241x34.jpg);
	background-repeat:no-repeat;
}

.aide{
	position : absolute;
	width:44px;
	height:15px;
	background-image:url(../images/bouton_aide_44x15.jpg);
	background-repeat:no-repeat;
	top : 585px; left : 900px;
}
.mentions{
	position : absolute;
	width:122px;
	height:15px;
	background-image:url(../images/bouton_mentions.jpg);
	background-repeat:no-repeat;
	top : 585px; left : 0px;
}

/*-----------------------------------------*/
/*       fin style asocié au footer        */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*     style asocié à la page carto        */
/*-----------------------------------------*/
.menu{
float:left;
margin-left:14px;
margin-top:53px;
height:369px;
width:69px;
color:black;
}

.icone{
width:69px;
height:69px;
margin-top:6px;
}

.carto_grand{
	width:608px;
	height:369px;
	position :absolute; 
	top : 0px; left : 0px;
	background-image:url(../images/carto/bloc_carto_grand_608x369.jpg);
	background-repeat:no-repeat;
}

.menu_droite{
	position :absolute; 
	top : 0px; left : 615px;
	height:369px;
	width:150px;
}

.bloc_agenda{
}

.agenda{
height:33px;
}

.agenda img{
padding: 0 0 0 0px;
}

.agenda_contenu{
display:none;
}

.bloc_legende{
margin-top:4px;
}

.legende_titre img{
padding: 0 0 0 0px;
}

.legende_contenu{
background: url("../images/carto/fond_legende.jpg") repeat-y;
}

.event_titre   img{
padding:2px;
}

.event_content{

}

.lieux_content{
display:none;
}

.transports_content{
display:none;
}

.institutions_titre, .lieux_titre, .transports_titre, .assos_titre img{
margin-top: 1px;
margin-left:2px;
}

.assos_titre  img{
margin-top: 1px;
margin-left:2px;
margin-bottom:1px;
}

.institutions_content{
display:none;
}

.assos_content{
display:none;
}

.legende_footer{
height:40px;
background: url("../images/carto/legende_footer.gif");
}

.legende_footer img{
margin-top: 7px;
margin-left:33px;
}
/*-----------------------------------------*/
/*    fin style asocié à la page carto     */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*    style asocié à la page des blogs     */
/*-----------------------------------------*/
.blog_contenu{
	width:760px;
	height:369px;
}

/* Présenation des blogs */
.blog_presentation{
	width:760px;
	height:109px;
	background-image:url(../images/blog/blog_presentation.gif);
	background-repeat:no-repeat;
}
.blog_fond{
	width:760px;
	height:369px;
	background-image:url(../images/blog/blog_fond.gif);
	background-repeat:no-repeat;
}

.blog_presentation_texte{
	position:absolute;
	margin:38px 0px 0px 16px;
	width:725px;
	height:70px;
}
.blog_texte{
	position:absolute;
	margin:38px 0px 0px 16px;
	width:725px;
}

.blog_presentation_bouton{
	position:absolute;
	margin:85px 0px 0px 585px;
	width:158px;
	height:17px;
}

/* Fin Présenation des blogs */

/* Recherche */
.blog_recherche{
	margin:5px 0px 0px 0px;
	width:760px;
	height:35px;
	background-image:url(../images/blog/blog_recherche.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:9px;
}

.blog_recherche_commune{
	position:absolute;
	margin:10px 0px 0px 165px;
	widh: 350px;
	height: 20px;
}

.blog_recherche_nom{
	position:absolute;
	margin:10px 0px 0px 360px;
	height: 20px;
}

.blog_recherche_activite{
	position:absolute;
	margin:10px 0px 0px 530px;
	height: 20px;
}

.blog_recherche_bouton{
	position:absolute;
	margin:10px 0px 0px 726px;
	height: 20px;
}

/* Fin Recherche */

/* Blog de la semaine et derniers billets */
.blog_semaine_billets{
	margin:5px 0px 0px 0px;
}

/* Blog de la semaine */
.blog_semaine{
	position:absolute;
	left : 0px;
	width:186px;
	height:215px;
	background-image:url(../images/blog/blog_semaine.gif);
	background-repeat:no-repeat;
}

.blog_semaine_preview{
	margin:61px 0px 0px 12px;
	width:163px;
	height:120px;
}

.blog_semaine_bouton{
	margin:5px 0px 0px 14px;
	width:158px;
	height:17px;
}

/* Derniers billets */
.blog_derniers_billets{
	margin-left:190px;
	width:570px;
	height:215px;
	background-image:url(../images/blog/blog_derniers_billets.gif);
	background-repeat:no-repeat;
}
.blog_billets_contenu{
	position:absolute;
	margin:33px 0px 0px 1px;
	width:566px;
	height:181px;
}
.blog_billets{
	position:relative;
	margin: 2px;
	height:51px;
	border: 1px solid #99ff00;
	padding: 2px;
}

.blog_billets_titre{
	color:#0099cc;
	font-size:11px;
	font-weight:bold;
	width:552px;
}

/*-----------------------------------------*/
/*  fin style asocié à la page des blogs   */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*    style asocié à la page des goodies   */
/*-----------------------------------------*/
.goodies{
	width:760px;
	height:369px;
}

.goodies_sous_menu{
	width:760px;
	height:21px;
}

.goodies_onglet1{
	position:absolute;
	width:133px;
	height:21px;
}

.goodies_onglet2{
	position:absolute;
	width:133px;
	height:21px;
	margin-left:133px;
}
.goodies_onglet3{
	position:absolute;
	width:133px;
	height:21px;
	margin-left:266px;
}

.goodies_contenu{
	position:absolute;
	background-image:url(../images/goodies/goodies_fond.gif);
	background-repeat:no-repeat;
	width:760px;
	height:348px;
}

.goodies_colonne1{
	position:absolute;
}

.goodies_colonne2{
	position:absolute;
	margin-left:380px;
}

.goodies_bloc{
	width:310px;
	height:87px;
	margin: 20px 0px 0px 10px;
}

.goodies_images{
	position:absolute;
	width:150px;
	height:87px;
}

.goodies_textes{
	position:absolute;
	width:180px;
	height:65px;
	margin-left:160px;
}

.goodies_bouton{
position:absolute;
	width:180px;
	height:21px;
	margin-left:160px;
	margin-top:66px;
}
/*-----------------------------------------*/
/*  fin style asocié à la page des goodies */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*    style asocié à la page des mobiles   */
/*-----------------------------------------*/

.mobiles{
	width:758px;
	height:369px;
	background-image:url(../images/mobiles/mobiles_fond.gif);
	background-repeat:no-repeat;
	position:absolute;
	left : 0px; top : 0px;
}

.mobiles_contenu{
	margin: 15px;
	margin-top: 35px;
}

.mobiles_image{
	width:203px;
	height:336px;
	float:left;
}

.mobiles_titre{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663399;
	font-weight:bold;
}

/*-----------------------------------------*/
/* fin style asocié à la page des mobiles  */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*    style asocié à la page aide          */
/*-----------------------------------------*/

.pageaide{
	width:758px;
	height:369px;
	background-image:url(../images/aide/aide_fond.gif);
	background-repeat:no-repeat;
	position:absolute;
	left : 0px; top : 0px;
}

.pageaide_contenu{
	margin: 15px;
	margin-top: 35px;
}

.pageaide_titre{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663399;
	font-weight:bold;
}

.pageaide2{
	width:300px;
	height:369px;
	background-image:url(../images/aide/aide_fond2.gif);
	background-repeat:no-repeat;
	position:absolute;
	left : 320px; top : 130px;
	-moz-opacity:0.9;
  opacity: 0.90;
  filter:alpha(opacity=90);
}

.pageaide_contenu2{
	margin: 15px;
	margin-top: 35px;
}

/*-----------------------------------------*/
/* fin style asocié à la page aide         */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*  style asocié à la page de second Life  */
/*-----------------------------------------*/

.secondlife_principal{
	width:595px;
	height:369px;
	background-image:url(../images/secondlife/secondlife_fond.gif);
	background-repeat:no-repeat;
	position:absolute;
	left : 0px; top : 0px;
}

.secondlife_principal_contenu{
	margin: 15px;
	margin-top : 35px;
}
.secondlife_titre{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#339966;
	font-weight:bold;
}

.secondlife_images{
	width:320px;
	height:200px;
	float:left;
}

.secondlife_principal_bouton{
	position:absolute;
	width:190px;
	height:21px;
	top : 330px; left : 400px;	
}
.secondlife_descriptif{
	width:156px;
	height:369px;
	position:absolute;
	left : 600px; top : 0px;
	background-image:url(../images/secondlife/secondlife_fond2.gif);
	background-repeat:no-repeat;
}
.secondlife_texte{
	margin: 15px;
	margin-top : 35px;
}

.secondlife_descriptif_bouton{
	width:135px;
	height:21px;
	position:absolute;
	top : 330px; left : 10px;	
}


/*-----------------------------------------*/
/*fin style asocié à la page de second Life*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*  style asocié à la page Actus  */
/*-----------------------------------------*/

/* Partie Actus milieu */

.actus_milieu {
	width:608px;
	height:388px;
	position:absolute;
	left : 0px; top : 0px;
	background-image:no-repeat;
}

/* Onglets de recherche */
.onglets_actus{
	width:608px;
	height:19px;
}

.types_actus{
	float:left;
	width:122px;
	height:19px;
	background-image:url(../images/actus/onglet_types.jpg);
	background-repeat:no-repeat;
}

.lieux_actus{
	float:left;
	width:122px;
	height:19px;
	background-image:url(../images/actus/onglet_lieux.jpg);
	background-repeat:no-repeat;
}

.dates_actus{
	float:left;
	width:122px;
	height:19px;
	background-image:url(../images/actus/onglet_dates.jpg);
	background-repeat:no-repeat;
}

.themes_actus{
	float:left;
	width:121px;
	height:19px;
	background-image:url(../images/actus/onglet_themes.jpg);
	background-repeat:no-repeat;
}

.motscles_actus{
	float:left;
	width:121px;
	height:19px;
	background-image:url(../images/actus/onglet_motscles.jpg);
	background-repeat:no-repeat;
}

/* Fin Onglets de recherche*/


/* Champs recherche */
.recherche_actus{
	width:608px;
	height:32px;
	background-image:url(../images/actus/fond_champsrecherche.jpg);
	background-repeat:no-repeat;
}
.recherche_actus_1{
	position:absolute;
	margin:9px 0px 0px 153px;
	color:#FFFFFF;
}

.actus_bouton1{
	position:absolute;
	margin:9px 0px 0px 255px;
}

.recherche_actus_2{
	position:absolute;
	margin:9px 0px 0px 320px;
	color:#FFFFFF;
}

.actus_bouton2{
	position:absolute;
	margin:9px 0px 0px 575px;
}

/* Fin champs recherche*/

/* Article */
.article_actus{
	position:absolute;
	top : 49px; left : 0px;
	width:608px;
	height:337px;
	background-image:url(../images/actus/fond_article.jpg);
	background-repeat:no-repeat;
}

.article_colonne_gauche{
	position:absolute;
	top : 2px; left : 0px;
	width:607px;
	height:330px;
	overflow-y : auto;
}

.article_actus_haut{
	float:left;
	width:365px;
	height:29px;
}

.article_themes{
	float:left;
	position:absolute;
	width:215px;
	height:29px;
	font-size:13px;
	margin:10px 0px 0px 15px;
	
}

.article_icones{
	float:right;
	width:150px;
	height:29px;
}

.icone_enveloppe{
	float:right;
	width:27px;
	height:27px;
	background-image:url(../images/actus/icone_enveloppe.jpg);
	background-repeat:no-repeat;
	margin:2px 10px 0 0;
}

.icone_megaphone{
	float:right;
	width:28px;
	height:27px;
	margin:2px 0 0 0;
	background-image:url(../images/actus/icone_megaphone.jpg);
	background-repeat:no-repeat;
}

.icone_imprimer{
	float:right;
	width:31px;
	height:27px;
	margin:2px 0 0 0;
	background-image:url(../images/actus/icone_imprimer.jpg);
	background-repeat:no-repeat;
}

.icone_plus{
	float:right;
	width:19px;
	height:27px;
	margin:2px 0 0 0;
	background-image:url(../images/actus/icone_plus.jpg);
	background-repeat:no-repeat;
}

.icone_moins{
	float:right;
	width:21px;
	height:27px;
	margin:2px 0 0 0;
	background-image:url(../images/actus/icone_moins.jpg);
	background-repeat:no-repeat;
}


.titre_article_actus{
	float:left;
	padding:5px 0 0 15px;
	font-size:16px;
	color:#078ec2;
	font-weight:bold;
}

.date_article_actus{
	float:left;
	padding:0 0 0 15px;
	font-style:italic;
	font-size:10px;
	color:#bababa;
	
}

.texte_article_actus{
	float:left;
	padding:5px 15px 10px 15px;
}

.article_colonne_droite{
	position:absolute;
	top : 0px; left : 365px;
	width:243px;
	height:337px;
}

.photo_article{
	float:left;
	width:243px;
	height:163px;
	background-image:url(../images/actus/photo_opera.jpg);
	background-repeat:no-repeat;
}

.legende_photo_article{
	float:left;
	width:243px;
	height:31px;
}

.icone_loupe{
	float:right;
	width:41px;
	height:31px;
	margin-right:5px;
	background-image:url(../images/actus/icone_loupe.jpg);
	background-repeat:no-repeat;
}

.articles_lies{
	float:left;
	width:243px;
	height:143px;
}
/* Fin champs Article*/
/* Fin Partie Actus milieu*/

/* Bloc droite */
.actus_droite{
	position:absolute;
	left : 613px; top : 17px;
	height:369px;
	width:150px;
	background-image:url(../images/actus/fond_actualites.jpg);
	background-repeat:no-repeat;
}

/* style dates */
.h12{      
font-style:italic;
	font-size:9px;
	color:#bababa;
}

/* style titres sujets d'actu */
.h13{      
	font-size:10px;
	color:#078ec2;
}

/* style dates */
.h14{      
	color:#bababa;
}

.sujet_actu_1{
	float:left;
	margin:35px 10px 0px 6px;
}

.sujet_actu_2{
	float:left;
	margin:8px 10px 0px 6px;
}

.sujet_actu_3{
	float:left;
	margin:8px 10px 0px 6px;
}

.sujet_actu_4{
	float:left;
	margin:8px 10px 0px 6px;
}

.navigation_sujet_actu{
	float:left;
	margin:8px 0px 0px 11px;
}

.actus_droite a{ color : #D72823; }
.actus_droite a:hover{ color : #D72823; }
/* Fin Bloc droite*/



/*-----------------------------------------*/
/*fin style asocié à la page Actus*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/* API googleMap */
/*-----------------------------------------*/

#map{
width:602px;
height:363px;
border:3px solid #FFD801;
}



.toggler {
	color: #222;
	padding:0px;
	background-color:#FFFFFF;
	margin: 0;
	width:148px;
	font-size: 1px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	border-left:1px solid #ffd100; border-right:1px solid #ffd100;
}

.toggler h3{

}
 
.element {
 background-color:#FFFFFF;
 border-left:1px solid #ffd100; border-right:1px solid #ffd100;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
}

.event_content input{
margin:0px;
padding:0px;
border:0px;
}

#checkbox {
width:0,3em;
height:0,3em;
margin:1px;
padding:0px;
border:0px;
 }