/* CSS Document */
.site{
	position:absolute;
	left:50%;
	margin-left:-502px;
	font-family:arial;
}
body{
background-color:#021D5C;
}


.npcontent{
	width:100%;
}
.welcome{
	color:#463D2E;
}

.head_gauche{
background-image:url(../../img/design/topgauche.gif);
background-repeat:no-repeat;
width:204px;
height:62px;
}
.barregrise{
	background:url(../../img/design/barre_grise2.gif);
}
.barrebas{
		background:url(../../img/design/bas_cadre2.gif);
}

.head_centre{
background-image:url(../../img/design/topcentre.gif);
background-repeat:no-repeat;
width:431px;
height:62px;
}
.head_droite{
background-image:url(../../img/design/topdroite.gif);
background-repeat:no-repeat;
width:368px;
height:62px;
}
.date{
color:#004A9A;
font-size:12px;
font-weight:bold;
width:200px;
padding-top:10px;
}
.heure{
color:#004A9A;
font-size:15px;
font-weight:normal;
}
.time{
color:#004A9A;
font-size:12px;
font-weight:bold;
}
.bienvenue{
color:#463D2E;
font-size:13px;
font-weight:bold;
}
.espace{
padding-left:50px;
padding-bottom:8px;
}

.messagerie{
font-size:12px;
font-weight:bold;
padding-left:15px;
padding-bottom:5px;
padding-bottom:8px;
}
.messagerie a{
text-decoration:none;
color:#004A9A;
}
.utilisateur{
padding-left:0px /*15*/
}
.utilisateur a{
padding-left:16px;
color:#F98900;
text-decoration:none;
font-size:12px;
font-weight:bold;
/*background:url(../../img/design/petale.gif) no-repeat left scroll;*/
}
.deco a{
color:#D22C0F;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.deco{
padding-left:0px;
padding-right:10px;
}
.annuaire{
/*padding-left:30px;*/
}
.annuaire img{

}
img{
border:none;
}
.bloc_haut{
margin-left:1px;
}
.accueil{
padding-right:14px;
padding-top:8px;
}
input[type=text]{
border:1px solid #000000;
}
input[type=button]{
border:1px solid #666666;
background-color:#ffffff;
}
input[type=submit]{
border:1px solid #666666;
background-color:#ffffff;
}
input[type=password]{
border:1px solid #666666;
background-color:#ffffff;
}
.lemenu{
	background-color:#021D5C;
	height:25px;
	padding-left:57px;
	width:1003px;
}

.on{
height:19px;
}
.on img{
margin-bottom:-5px;
}
.on a{
margin-left:20px;
padding-left:10px;
padding-right:15px;
color:#F98900;
height:19px;
background: url(../../img/design/petale_menu.gif) no-repeat left bottom;
}
.centre{
background-color:#FFFFFF;
width:947px;
margin-left:25px;
}
.titre_menu{
background-color:#FFFFFF;
height:19px;
}
.contenu{
width:985px;
}
.fond_gauche{
width:10px;
}
.fond_droite{
width:8px;
}
.encadre_petit{
padding-left:10px;
}

.bas_cadre2{
	background:url(../../img/design/barreorange1.gif)repeat-x;
}
.bas_cadre2 img{
margin-bottom:5px;
}
.bas_cadre img{
margin-bottom:5px;
}
.fond_cadre{
background:url(../../img/design/barre_grise2.gif) repeat-x;
height:1px;
}

.fond_cadre_gauche_vert{
background:url(../../img/design/barre_verte_droit.gif) repeat-y;
width:1px;
}
.fond_cadre_droit_vert{
background:url(../../img/design/cote_cadre_verte.gif) repeat-y right;
width:1px;
}
.titre_petit{
color:#002784;
font-size:20px;
}
.vert{
font-size:14px;
color:#7BB900;
font-weight:bold;
}
.marron{
color:#4E4B44;
font-size:11px;
}
.grasmarron{
color:#4E4B44;
font-size:11px;
font-weight:bold;
}
.marron a{
color:#4E4B44;
font-size:11px;
}
#fond_vert{
background:#E5F0FC;
}
.bleu{
font-size:11px;
color:#002783;
}
.bleu a{
font-size:11px;
color:#002783;
text-decoration:none;
}
.grasbleu{
font-weight:bold;
font-size:11px;
color:#002783;
}
.image_ds_cadre{
width:101px;
}
.imgleft{
width:70px;
}
.taille_cadre{
width:250px;
}
.editer{
width:16px;
}
.titre_grand{
color:#002784;
font-size:20px;
width:330px;
}
.barre_bleu img{
margin-bottom:0px;
}
.pdf a{
color:#002783;
font-size:11px;
background: url(../../img/design/puce.gif) no-repeat left;
padding-left:8px;
text-decoration:none;
}
.liste{
background: url(../../img/design/fleche_bleu.gif) no-repeat left;
padding-left:10px;
}
.espacement{
padding-left:50px;
}
.espacement img{
margin-bottom:0;
}
#page{
	width:1002px;
	margin-left: auto;
  margin-right: auto;
	padding-left:1;
	background-image:url(../../img/design/fondtop.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: left;
}
#bas{
	width:1002px;
	margin-left: auto;
    margin-right: auto;
	padding:0;
	background-image:url(../../img/design/fond_bas.gif);
	text-align: left;
}
#corps
{
	z-index:2;
}
form{
	margin:0;
	padding:0;
}
#form2{
	margin:0 0 11px 0;
}
#haut{
	position:absolute;
	width:963px;
	height:118px;
	margin:0;
	padding:0;
	z-index:1;
}
#logo{
	position:absolute;
	margin:15px 0 0 62px;
	padding:0;
	background-image:url(../../img/design/aide2_blanc.gif)
	
}
#haut_droite{
	float:right;
	position:relative;
	width:735px;
	height:75px;
	margin:0;
	padding:0;
	z-index:2;
}
#haut_membre{
	position:absolute;
	width:280px;
	height:70px;
	margin:20px 0 0 0;
	padding:0;
	vertical-align:top;
	z-index:4;
}
#haut_recherche{
	float:right;
	position:relative;
	width:500px;
	height:86px;
	margin:3px 0 0 0;
	padding:0;
	vertical-align:top;
	z-index:2;
}
#silhouette{
	position:absolute;
	margin:0;
	padding:0;
}
#recherche_ok{
	float:right;
	position:relative;
	margin:20px 0 0 0;
	padding:0;
	right:0px;
	z-index:4;
}

#rectangle_vert{
	position:absolute;
	width:211px;
	height:9px;
	margin:0;
	padding:0;
	background-color:#A1C32B;
	z-index:1;
	top:110px;
	left:19px;
}
#diagonale{
	margin:98px 0 0 0;
	}

#fond_droite{
	background-image:url(../../img/design/fond2.gif);

}
#centre{
	width:952px;
	height:829px;
	z-index:2;
}
#colonne1{
	position:absolute;
	width:254px;
	height:829px;
	margin:0;
	padding:0;
}
#encart_edito{
	position:absolute;
	width:254px;
	height:262px;
	margin:0;
	padding:0;
	background-image:url(../../img/design/encart_edito.gif);
	z-index:2;
	left:28px;
	top:118px;
}
#edito{
	position:absolute;
	width:230px;
	height:17px;
	margin:8px 0 0 18px;
	padding:0;
}
#edito_int{
	position:absolute;
	width:254px;
	height:200px;
	margin:30px 8px 3px 20px;
	padding:0;
}
#edito_aide{
	position:absolute;
	width:53px;
	height:37px;
	margin:0 0 0 13px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1.gif);
}
#edito_aide2{
	float:right;
	position:absolute;
	width:187px;
	height:37px;
	margin:0 0 0 66px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2.gif);
	text-align:right;
}
#encart_calendrier{
	position:absolute;
	width:240px;
	height:259px;
	margin:0;
	padding:0;
	background-image:url(../../img/design/encart_calendrier.gif);
	z-index:2;
	left:40px;
	top:390px;
}
#calendrier{
	position:absolute;
	width:240px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#calendrier_int{
	position:absolute;
	width:237px;
	height:200px;
	margin:30px 8px 3px 3px;
	padding:0;
}
#calendrier_aide{
	position:absolute;
	width:53px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1.gif);
}
#calendrier_aide2{
	float:right;
	position:absolute;
	width:187px;
	height:37px;
	margin:0 0 0 53px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2.gif);
	text-align:right;
}
#encart_maporama{
	position:absolute;
	width:240px;
	height:278px;
	margin:0;
	padding:0;
	background-image:url(../../img/design/encart_maporama.gif);
	z-index:2;
	left:40px;
	top:660px;
}
#maporama{
	position:absolute;
	width:240px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#maporama_int{
	position:absolute;
	width:237px;
	height:200px;
	margin:50px 8px 3px 3px;
	padding:0;
}
#maporama_aide{
	position:absolute;
	width:53px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1.gif);
}
#maporama_aide2{
	float:right;
	position:absolute;
	width:187px;
	height:37px;
	margin:0 0 0 53px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2.gif);
	text-align:right;
}
#colonne2{
	float:right;
	position:absolute;
	width:430px;
	height:815px;
	margin:0;
	padding:0;
	top:127px;
	left:292px;
}
#encart_actu{
	position:absolute;
	width:433px;
	height:522px;
	margin:0;
	padding:0;
	background-image:url(../../img/design/encart_actu.gif);
	z-index:2;
}
#actu{
	position:absolute;
	width:433px;
	height:17px;
	margin:0 0 0 5px;
	padding:0;
}
#actu_img{
	position:absolute;
	width:433px;
	margin:22px 0 0 0;
	padding:0;
}
#actu_int{
	position:absolute;
	width:433px;
	height:200px;
	margin:190px 10px 0 10px;
	padding:0;
}
#actu_aide{
	position:absolute;
	width:246px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1.gif);
}
#actu_aide2{
	float:right;
	position:absolute;
	width:187px;
	height:37px;
	margin:0 0 0 246px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2.gif);
	text-align:right;
}
#encart_info{
	position:absolute;
	width:433px;
	height:279px;
	margin:0;
	padding:0;
	background-image:url(../../img/design/encart_info.gif);
	z-index:2;
	top:534px;
}
#info{
	position:absolute;
	width:425px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#info_int{
	position:absolute;
	width:413px;
	height:200px;
	margin:30px 10px 0 10px;
	padding:0;
}
#info_aide{
	position:absolute;
	width:246px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1.gif);
}
#info_aide2{
	float:right;
	position:absolute;
	width:187px;
	height:37px;
	margin:0 0 0 246px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2.gif);
	text-align:right;
}
#colonne3{
	float:right;
	position:absolute;
	width:235px;
	height:815px;
	margin:0;
	padding:0;
	top:0;
	left:440px;
}
#encart_alaune{
	position:absolute;
	width:235px;
	height:170px;
	margin:2px 0 0 0;
	padding:0;
	z-index:2;
	background-image:url(../../img/design/encart_alaune.gif);
}
#alaune{
	position:absolute;
	width:235px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#alaune_int{
	position:absolute;
	width:235px;
	height:150px;
	margin:20px 0 0 7px;
	padding:0;
}
#encart_agenda{
	position:absolute;
	width:235px;
	height:350px;
	margin:2px 0 0 0;
	padding:0;
	z-index:2;
	background-image:url(../../img/design/encart_agenda.gif);
	top:170px;
}
#agenda{
	position:absolute;
	width:235px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#agenda_int{
	position:absolute;
	width:235px;
	margin:30px 0 0 7px;
	padding:0;
}
#agenda_aide{
	position:absolute;
	width:57px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1_blanc.gif);
}
#agenda_aide2{
	float:right;
	position:absolute;
	width:183px;
	height:37px;
	margin:0 0 0 53px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2_blanc.gif);
	text-align:right;
}
#encart_chercher{
	position:absolute;
	width:235px;
	height:163px;
	margin:2px 0 0 0;
	padding:0;
	z-index:2;
	background-image:url(../../img/design/encart_chercher.gif);
	top:533px;
}
#chercher{
	position:absolute;
	width:235px;
	height:17px;
	margin:-1px 0 0 5px;
	padding:0;
}
#chercher_int{
	position:absolute;
	width:227px;
	margin:25px 0 0 7px;
	padding:0;
}
#chercher_aide{
	position:absolute;
	width:57px;
	height:37px;
	margin:0;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide1_blanc.gif);
}
#chercher_aide2{
	float:right;
	position:absolute;
	width:183px;
	height:37px;
	margin:0 0 0 53px;
	padding:0;
	bottom:0px;
	background-image:url(../../img/design/aide2_blanc.gif);
	text-align:right;
}
#encart_meteo{
	position:absolute;
	width:237px;
	height:105px;
	margin:0;
	padding:0;
	z-index:2;
	top:174px;
}


#alertes{
	position:absolute;
	margin:0;
	padding:0;
	z-index:5;
	top:85px;
	left:300px;
}

.bg_opacity
{
	filter:alpha(opacity=75); /* Internet Explorer */
	-moz-opacity:0.75; /* Mozilla 1.6 and below */
	opacity: 0.75; /* newer Mozilla and CSS-3 */
	height: 60px;
	z-index: 3;
}

.opaque_element
{
	filter:alpha(opacity=100); /* discarded */
	-moz-opacity:1.0; /* discarded */
	opacity: 1.0; /* discarded */
	text-align: center;
	position: absolute;
	height: 60px;
	vertical-align : middle;
	z-index: 4;
}