body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color:#e8f8ff;
}
#conteneur {
position: relative;
width: 900px;
margin-top:10px;
margin-left:auto;
margin-bottom:0;
margin-right:auto;
}
#conteneur #ap{
position: absolute;	/* positionnement de l'image d'arrière-plan */
width : 850px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:1;
}
#header {	
position: absolute;
top: 20px;
left: 230px;
height: 163px;
width:599px;
text-align:center;
z-index: 2;
}
div#gauche {
position: absolute;
top: 25px;
left: 20px;
}
#bandeau_gauche{
position: absolute;
height: 850px;
width:205px;
/*visibility:hidden;*/
z-index: 2;
}
#logo{
position: absolute;
top: 10px;
left: 45px;
/*right:26px;*/
height:154px;
width:124px;
/*visibility:visible;*/
z-index: 3;
}
#menu{
position: absolute; /* placement du menu */
top: 110px;
left: 1px;
width: 12.6em;
text-align:center;
z-index: 3;
}
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dt {
	cursor: pointer;
	margin: 0px 0;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #3399CC;
	background: #3399CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#menu dd {
border: 0px none #FFFFFF;
}
#menu li {
text-align: left;
background: #C3EDFF;
border: 1px groove #C3EDFF;
margin: 0px 0;
}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #3399CC;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-size:8pt;
font-weight:normal;
}
#menu li a:hover {
background: #FFFFFF;
color: #3399CC;
font-size:8pt;
font-weight:normal;
}
#menu dt a:hover {
background: #FFFFFF;
color: #3399CC;
}
#contenu{
overflow-y:auto;
position: absolute;
top: 240px;
left: 250px;
width: 560px;
height: 750px;
z-index: 2;
}
#contenu #formulaire table{text-align:center}
#contenu   #agenda table, #contenu  #reseau table, #contenu  #cr table{
text-align:left;
border: 3px solid #C3EDFF;
}
#contenu   #agenda table .ligne1{
background-color:#e8f8ff;
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
vertical-align:top;
}
#contenu   #agenda table .ligne2{
background-color:#C3EDFF;
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
vertical-align:top;
}
#contenu   #listing table .ligne1{
background-color:#e8f8ff;
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
vertical-align:top;
}
#contenu   #listing table .ligne2{
background-color:#C3EDFF;
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
vertical-align:top;
}
#contenu #carte_niveaux{
text-align:center;
}
#contenu #carte{
background-image:url(img/carte_essai.jpg);
/*background-attachment:fixed;*/
background-repeat:no-repeat;
background-position:80px 30px;
width:500px;
height:650px;
}
#contenu .thonon{
position:absolute;
margin-left:278px;
margin-top:70px;
z-index:3;
}
#contenu .annemasse{
position:absolute;
margin-left:256px;
margin-top:115px;
z-index:3;
}
#contenu .chalclinique{
position:absolute;
margin-left:251px;
margin-top:118px;
z-index:3;
}
#contenu .stjulien{
position:absolute;
margin-left:200px;
margin-top:143px;
z-index:3;
}
#contenu .cluses{
position:absolute;
margin-left:302px;
margin-top:143px;
z-index:3;
}
#contenu .stjean{
position:absolute;
margin-left:255px;
margin-top:390px;
z-index:3;
}
#contenu .sallanches{
position:absolute;
margin-left:284px;
margin-top:180px;
z-index:3;
}
#contenu .chamonix{
position:absolute;
margin-left:355px;
margin-top:183px;
z-index:3;
}
#contenu .annecy{
position:absolute;
margin-left:195px;
margin-top:192px;
z-index:3;
}
#contenu .chraclinique{
position:absolute;
margin-left:170px;
margin-top:194px;
z-index:3;
}
#contenu .belley{
position:absolute;
margin-left:110px;
margin-top:245px;
z-index:3;
}
#contenu .aix{
position:absolute;
margin-left:187px;
margin-top:275px;
z-index:3;
}
#contenu .chambery{
position:absolute;
margin-left:190px;
margin-top:317px;
z-index:3;
}
#contenu .albertville{
position:absolute;
margin-left:290px;
margin-top:270px;
z-index:3;
}
#contenu .bourg{
position:absolute;
margin-left:315px;
margin-top:305px;
z-index:3;
}
#contenu li {
list-style-type:disc;
list-style-position:inside;
}
#contenu a{
color:#c00000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}
#contenu a:hover  {
color:#3399CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}
#contenu input{
color:#4B4B4B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}
#contenu select{
color:#4B4B4B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-style:italic;
text-decoration:none;
}
#contenu .titre1, #contenu2 .titre1, #header2 .titre1{
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
font-style:italic;
font-weight: bolder;
}
#contenu .titre2, #contenu2 .titre2{
color:#5a5a5a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: bold;
}
#contenu .corps , #contenu2 .corps{
color:#4B4B4B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
text-align: justify;
}
#contenu .news , #contenu2 .news{
color:#4B4B4B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: bold;
text-align: justify;
}
#contenu .corpsgras , #contenu2 .corpsgras{
color:#0072A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: bold;
text-align: justify;
}
#contenu .infos, #contenu2 .infos{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0072A8;
font-size: 8pt;
font-style:italic;
font-weight:bold;
}
#contenu .infos2, #contenu2 .infos2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4B4B4B;
font-size: 8pt;
font-style:italic;
font-weight:bold;
}

#contenu .circuit{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #008000;
font-size: 8pt;
font-weight:bold;
}
#contenu .protocole{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: 	#FF4500;
font-size: 8pt;
font-weight:bold;
}
#contenu .docspe{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4B0082;
font-size: 8pt;
font-weight:bold;
}

#contenu .corps li{
list-style-type: disc;
list-style-position: inside;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
margin: 1em 0 1em 0;
font-size:8pt;
}
#contenu .corps2 li, #contenu2 .corps2 li{
list-style-type: circle;
list-style-position: inside;
margin-left: 3em;
padding-left: 3em;
text-indent: -1em;
font-size:8pt;
}
/*#contenu .button {
text-align:center;
}*/
#foot {
position: absolute;
top: 1090px;
left: 250px;
width: 560px;
height: 60px;
z-index: 2;
/*clear: both;*/
}
#foot p{
color: #808080;
font-size:8pt;
text-align:center;
}
#foot a{
color: #c00000;
font-size:10pt;
}
#foot a:hover{
color: #3399CC;
font-size:10pt;
}
hr {
  clear: both;
  visibility: hidden;
}
a.parents {
display: block;
width: 200px;
height: 35px;
background-image: url(img/parents.jpg);
background-repeat: no-repeat;
}
a.parents:hover {
width: 200px;
height: 35px;
background-image: url(img/parents_hover.jpg);
background-repeat: no-repeat;
}
a.reseau {
display: block;
width: 200px;
height: 35px;
background-image: url(img/reseau.jpg);
background-repeat: no-repeat;
}
a.reseau:hover {
width: 200px;
height: 35px;
background-image: url(img/reseau_hover.jpg);
background-repeat:no-repeat;
}
a.deco {
display: block;
margin-left: 44px;
width: 110px;
height: 25px;
background-image: url(img/deconnecter.jpg);
background-repeat: no-repeat;
}
a.deco:hover {
width: 110px;
height: 25px;
background-image: url(img/deconnecter_over.jpg);
background-repeat:no-repeat;
}
a.affiche {
display: block;
width: 105px;
height: 149px;
background-image: url(img/affiche_min_1.jpg);
background-repeat: no-repeat;
}
a.affiche:hover {
width: 105px;
height: 149px;
background-image: url(img/affiche_min_2.jpg);
background-repeat:no-repeat;
}
a.plaquette {
display: block;
width: 72px;
height: 148px;
background-image: url(img/plaquette_min_1.jpg);
background-repeat: no-repeat;
}
a.plaquette:hover {
width: 72px;
height: 148px;
background-image: url(img/plaquette_min_2.jpg);
background-repeat:no-repeat;
}
a.bulldevenirp2s {
display: block;
width: 73px;
height: 102px;
background-image: url(img/bull_devenir1.jpg);
background-repeat: no-repeat;
}
a.bulldevenirp2s:hover {
width: 73px;
height: 102px;
background-image: url(img/bull_devenir2.jpg);
background-repeat:no-repeat;
}
a.affichedevenirp2s {
display: block;
width: 73px;
height: 102px;
background-image: url(img/affiche1_devenirp2s.jpg);
background-repeat: no-repeat;
}
a.affichedevenirp2s:hover {
width: 73px;
height: 102px;
background-image: url(img/affiche2_devenirp2s.jpg);
background-repeat:no-repeat;
}
/* Plan et pages sur 2 colonnes*/


#contenu2 .col1{
position: absolute;
top: 130px;
left: 250px;
width : 275px;
z-index: 2;
}


#contenu2 .col2{
position: absolute;
top: 130px;
left: 545px;
width : 275px;
z-index: 2;
}

#contenu2 a{
color:#c00000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}

#contenu2 a:hover {
color:#3399CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}

#header2 {	
position: absolute;
top: 60px;
left: 230px;
height: 40px;
width:599px;
text-align:center;
z-index: 2;
}