* {margin:0px;padding:0px;top:0px;left:0px;}

body{
	background-color: #44607e;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	position: relative;
	width: 780px;
    }

#header-align{
                background-image: url(images/headersb.jpg);
	        height: 226px;
	        width: 780px;
	        left: 0px;
	        top: 0px;
             }

#Menu_Haut{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: absolute;
	height: 27px;
	width: 780px;
	top: 225px;
        display: inline;
	list-style-type: none;
}
#Menu_Haut a{

	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0px;
	height: 15px;
	width: 130px;
	display: inline;
        background-image: url(images/button.gif);
	position: absolute;
	text-align: CENTER;
        color: #fff;
	text-decoration: none;

}
#Menu_Haut a:hover{background-image: url(images/buttonover.gif);}

#e1{left: 0px;}
#e2{left: 130px;}
#e3{left: 260px;}
#e4{left: 390px;}
#e5{left: 520px;}
#e6{left: 650px;}

#Menu_Gauche{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: absolute;
	height: 27px;
	width: 780px;
	top: 27px;
        display: inline;
	list-style-type: none;
}
#Menu_Gauche a{

	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0px;
	height: 15px;
	width: 130px;
	display: list-item;
        background-image: url(images/button.gif);
	position: absolute;
	text-align: CENTER;
        color: #fff;
	text-decoration: none;


}
#Menu_Gauche a:hover{background-image: url(images/buttonover.gif);}

#s1{left: 0px;}
#s2{left: 0px; top: 54px;}
#s3{left: 0px; top: 108px;}
#s4{left: 0px; top: 162px;}
#s5{left: 0px; top: 216px;}
#s6{left: 0px; top: 270px;}
#s7{left: 0px; top: 324px;}
#s8{left: 0px; top: 378px;}

#content{
	margin-top: 252px;
	position: absolute;
	width: 780px;
	height: 570px;
        background-image: url(images/backgroundsb.jpg);
 }

#meteomedia {
	margin-top: 279px;
        margin-left: 650px;
	position: absolute;
	text-align: right;
}

#Zone_Pub {
	margin-top: 400px;
        margin-left: 650px;
	position: absolute;
	text-align: right;
}

#commentaire input{
             margin-top: 790px;
             margin-left: 530px;
             position: absolute;
             text-align: right;
             width: 154px;
             height: 24px;
}


#oiq a{
	margin-top: 700px;
        margin-left: 2px;
	position: absolute;
	width: 125px;
	height: 42px;
	text-align: left;
	background-image: url(images/logo_oiq_petit.gif);
}

#oiq a:hover{background-image: url(images/logo_oiq_petit.gif);}

#Acceuil_Nouvelle{
	position: absolute;
	margin-right: 160px;
        margin-left: 165px;
        margin-top: 300px;
        text-align: justify;

}

#Acceuil_Nouvelle p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}

#Acceuil_Nouvelle h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#Acceuil_Nouvelle h2{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Acceuil_Nouvelle h3{
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Acceuil_Activite{
	margin-top: 525px;
        position: absolute;
	margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
}
#Acceuil_Activite p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}
#Acceuil_Activite h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#Acceuil_Activite h2{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}


#Acceuil_Activite h3{
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Construction{
	margin-top: 300px;
        position: absolute;
	margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
}
#Construction h1{
        margin-top: 100px;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
	text-align: center;
}

#Comite{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 450px;
        background-color: transparent;
	overflow:auto;

}
#Comite p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;

}


#Nouvelles{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 455px;
        background-color: transparent;
	overflow:auto;

}
#Nouvelles p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;
}
#Nouvelles h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#Nouvelles h2{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Nouvelles h3{
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Activites_passees{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 455px;
        background-color: transparent;
	overflow:auto;
}
#Activites_passees p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;

}
#Activites_passees h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#Activites_passees h2{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}


#Activites_passees h3{
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#Activites_venir{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 455px;
        background-color: transparent;
	overflow:auto;
}
#Activites_venir p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;

}
#Activites_venir h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#Activites_venir h2{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}


#Activites_venir h3{
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #033387;
}
#documents{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 455px;
        background-color: transparent;
	overflow:auto;
}
#documents p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
        margin-right: 10px;
        margin-top: 20px;
	text-align: justify;
	color: #000000;

}
#documents h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}
#liens{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 455px;
        background-color: transparent;
	overflow:auto;
}
#liens p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;

}
#liens h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;
}

#Mot{
        margin-top: 300px;
        position: absolute;
        margin-right: 160px;
        margin-left: 165px;
        text-align: justify;
        width: 460px;
        height: 450px;
        background-color: transparent;

}
#Mot p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
        margin-right: 10px;
	text-align: justify;
	color: #000000;

}

#Mot h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;

}
#Contact{
         margin-top: 300px;
         position: absolute;
         margin-right: 160px;
         margin-left: 290px;
         text-align: center;
}

#Contact h1{
	margin: 10px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033387;

}

#Contact p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;

}