body {	background-color: 0c3488;
	background-position: left top;
        background-repeat: no-repeat;
        Height: auto;
	text-align:center;
	}

#containerindex { margin:auto;
	padding:0pt;
	position:relative;
	text-align:left;
	width:820px;
	}

#container2 { margin:auto;
	padding:0pt;
	position:relative;
	text-align:left;
	width:750px;
	}

h1 { position:absolute; top: 50px; left: 115px; width: 800px; margin: 5px;
     font-size: 28pt; font-weight: bold;font-family: Arial; color: silver }

h2{ position: absolute; top: 60px;left: 180px; margin: 2px;
    font-family:Arial Narrow; font-size:24pt; font-weight:bold; color:white}

h3{ position: absolute; top: 75px;left: 20px; margin: -5px;
    font-family: Arial Narrow; font-size: 14pt; color: 044598 }

h4{ position: absolute; top: 45px;left: 30px; margin: -5px;
    font-family: Arial Narrow; font-size: 14pt; color: 044598 }

h5{ color: gray }

h6{ position: absolute; top: 8px;left: 160px; margin: -5px;
     font-family: Arial Narrow ; font-size: 15pt; font-weight: normal ; color:silver }

p { font-family:arial; font-size: 15px; color: black; font-weight:normal}

a {font-family:arial; font-size: 10pt; font-weight: bold; color: 044598; text-decoration: none }

a:hover {color: purple}

img { border : none; border : 0; padding-right : 8px}

B.label {font-family:arial; font-size: 10pt; font-weight: bold; color: black; text-decoration: none }
#logoindex {position: absolute;
	top: 0px;
	left: -60px;
	width: 110px;
        height:110px;
	}
#traitindex {position: absolute;
	top: 18px;
	left: -12px;
	width: 870px;
        height:95px;
	}

#traitindex2 {position: relative;
	top: 800px;
	left: -33px;
	width: 870px;
        height:15px;
	}

#lignespages { position: absolute;
            top: 0px;
            left : -40px;
            height:150px;
            width: 900px;
	   }

#traitvertical { position: absolute;
            top: 70px;
            left : 770px;
            height:580px;
            width: 900px;
	   }

.flag { position : absolute;
        top: 125px;
        left: -25px;
	}           
 
.photoindex {position:absolute; 
	 top: 5px;
	 left: 768px;
	}

.photopages { position:absolute; 
	  top: 5px;
	  left: 12px;
	  z-index: 2;
	}

.photoplan { position:absolute; 
	  top: -7px;
	  left: 0px;
	  z-index: 1;
	}

#navigation { position: absolute;
        top: 130px;
	left: 27px;
	width:845px;
	text-align:left;
        z-index: 2;
	}  
	#nav {  margin: 0;
        	padding: 0 0 20px 10px;
        	border-bottom: 1px solid white;
	      }
	#nav li { margin: 0;
          	padding: 0;
          	display: inline;
          	list-style-type: none;
	       }
	#nav a:link, #nav a:visited { float: left;
        				font-size: 12px;
        				line-height: 14px;
        				font-weight: bold;
        				padding: 0 12px 6px 12px;
        				text-decoration: none;
        				color: white;
				    }
	#nav a:link.active, #nav a:visited.active, #nav a:hover { color: 5f97db }

.navigation { position : absolute;
		top: 112px;
        	left: -23px;
        	width: 795px;
        	padding: 15px;
        	margin: 3px 0 50px 0;
            }

.onglets { position : absolute;
	   top: 10px;
           left: 0px;
           width: 670px;
	 }

	#onglets { margin: 0;
           	padding: 0 0 20px 10px;
           	border-bottom: 1px solid gray;
	 	}

	#onglets li { margin: 0;
              	padding: 0;
              	display: inline;
              	list-style-type: none;
	    	   }

	#onglets a:link, #onglets a:visited { float: left;
        					font-size: 12px;
        					line-height: 14px;
       						font-weight: bold;
        					padding: 0 12px 6px 12px;
        					text-decoration: none;
        					color: 044598;
					     }

	#onglets a:link.active, #onglets a:hover {color: purple}

	#onglets a:visited.active { color: white }

.coinindex { position :absolute; top: 165px; left: 786px }

.coin2 { position :absolute; top: 0px; left: 644px }

#corps {position :absolute;
        top: 165px;
        left: -40px;
	height: auto;
	background-color: white;
	border-top: 20px solid white;  
	border-left: 50px solid white; border-right: 312px solid white;
	padding-bottom: 15px;
        }

.texte { width: 550px}

.lienssites {position : absolute;
	top : 180px;
        left : 590px;
	text-align: left;
        width: auto;
	height: 380px;
	font-family:Arial Narrow; font-size:12pt; color:black;
	background-color: none; 
	padding-left: 20px;padding-right: 25px;padding-top: 5px;padding-bottom: 15px;
	}

.logocnrs { position : absolute; top: 60px; left: 60px }

.logoupmc { position : absolute; top: 130px;left: 50px }

.logolip6 { position : absolute; top: 210px;left: 65px }

.logodapa { position : absolute; top: 315px;left: 70px }

.logomalire {position : absolute; top: 375px;left: 60px }

.adresse {
	position: absolute;
        top: 620px;
        left : 580px;
	width: 260px;
	height: 95px;
	text-align:left;
        font-family:Arial Narrow; font-size:10pt; color:black;
	background-color: 80a8d9;
	border: 2px solid gray; 
	padding: 10px;
	padding-right: 2px;
	}

#contenu {float: left;
	position :absolute;
        top: 165px;
	left: 10px;
       	width:730px;
	background-color: white;
	padding-top: 40pt;
       }

.listes { width : 600px; padding-top : 60px}

#contenusansonglets {float: left;
	position :absolute;
        top: 165px;
	left: 10px;
       	width:730px;
	background-color: white;
	padding-top: 10pt;
       }

#contenuplan {	position :absolute;
        top: 165px;
	left: 20px;
       	width:760px;
	background-color: white;
	padding: 10pt;
       }

.ancrehautdepage { position : relative;
		   left : 615px;
		 } 




function lien ext
{
var h = 100; // hauteur pop-up
var l = 200; // largeur popup
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
var option = "resizable=no,top="+PosY+",left="+PosX+",width="+h+",he�ight="+l;
window.open("","titre",option);
}