/************ Balises **************/

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font: 12px Verdana;
	color: #000000;
	text-align: center;
}

h1 {
	margin: 0px;
	padding: 0px;
	font: bold 16px Verdana;
	color: #336699;
}

h2 {
	margin: 0px;
	padding: 0px;
	font: bold 14px Verdana;
	color: #336699;
}

h3 {
	margin: 0px;
	padding: 0px;
	font: bold 13px Verdana;
	color: #336699;
}

a:link, a:active, a:visited {
	margin: 0px;
	padding: 0px;
	color: #E45D0F;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	margin: 0px;
	padding: 0px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

form {
	
}

input {
	
}

select {
	
}

/************ Pub **************/

#largeBanner {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	height: 90px;
	padding: 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#skyscraper {
	display: block;
	margin: auto;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
}

#carre {
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}

#verticalBanner {
	position: absolute;
	right: 0px;
	margin: 0px;
	padding: 0px;
}

/************ Menu horizontal **************/

#menuHorizontal {
	position: absolute;
	top: 70px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	width: 100%;
	border : #CCCCCC 1px solid;
	background-color : #F5F7F7;
	color: #000000;
}

#menuHorizontalLiens a:hover {
  	color: #0000CC;
	background-color: #DDEEFF;
	font-weight: bold;
}

#menuHorizontalLiens a:link, #menuHorizontalLiens a:visited {
	display: inline;
	padding: 3px;
	margin: 0px;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
	color: #21536A;
}

#menuNavigation {
	position: absolute;
	top: 95px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	width: 100%;
	border : #CCCCCC 1px solid;
	background-color : #F5F7F7;
	color: #000000;
}

/************ Menu vertical **************/

.menuVertical {
	width: 170px;
	margin-bottom: 10px;
	padding: 0px;
	border : #CCCCCC 1px solid;
	background-color : #F5F7F7;
	color: #000000;
}

.menuVerticalLiens {
	margin: 0px;
	padding: 0px;
}

.menuVerticalLiens h1, .menuVerticalLiens h2, .menuVerticalLiens h3, .menuVerticalLiens h4, .menuVerticalLiens h5 {
	margin: 0px;
	padding: 5px;
	font: bold 16px Verdana;
	color: #FFFFFF;
}

.menuVerticalLiens h1 {
	background-color : #336699;
}

.menuVerticalLiens h2 {
	background-color : #9F005B;
}

.menuVerticalLiens h3 {
	background-color : #006822;
}

.menuVerticalLiens h4 {
	background-color : #760000;
}

.menuVerticalLiens h5 {
	background-color : #A23C00;
}

.menuVerticalLiens a:hover {
	margin: 0px;
	padding: 5px;
  	color: #21536A;
	background-color: #DDEEFF;
	font-weight: bold;
}

.menuVerticalLiens a:link, .menuVerticalLiens a:visited {
	display: block;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #21536A;
}

.menuVerticalTexte {
	display: block;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}


.bas_droit {
	position: relative;
	display: inline;
	float: right;
	width: 20px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	bottom: -1px;
	right: -2px;
	background: url(../images/bas_droit.gif) no-repeat bottom right;
	font-size:1px;
}

/************ Mise en forme **************/

#cadrePrincipal {
	position: relative;
	width: 750px;
	margin: 0px auto;
	padding: 0px;
	background-color:#FFFFFF;
	text-align: left;
}

#header {
	position: relative;
	height: 170px;
	padding-top: 45px;
	text-align : center;
	background: url(../images/logo_aqua.jpg) #FFFFFF left top no-repeat;
}

#header h1 {
	margin: 0px;
	padding: 5px;
	text-align: right;
	font: bold 13px Verdana;
	color: #336699;
}

#body {
	width: 575px;
	float: right;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

#contenu  {	
	margin: 0px;
	padding: 0px;
	color: #000000;
}

.presentation, .sujet {
	width: 450px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border : #CCCCCC 1px solid;
	background-color : #F5F7F7;
}

.presentation h1, .sujet h1, .presentation h2, .sujet h2, .presentation h3, .sujet h3, .presentation h4, .sujet h4, .presentation h5, .sujet h5 {
	clear: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 5px;
	font: bold 16px Verdana;
	color: #FFFFFF;
}

.presentation h1, .sujet h1 {
	background-color : #336699;
}

.presentation h2, .sujet h2 {
	background-color : #9F005B;
}

.presentation h3, .sujet h3 {
	background-color : #006822;
}

.presentation h4, .sujet h4 {
	background-color : #760000;
}

.presentation h5, .sujet h5 {
	background-color : #A23C00;
}

.presentationContenu, .sujetContenu {
	margin-bottom: 10px;
	padding: 5px;
}

.sujetContenu h2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	font: bold 14px Verdana;
	color: #336699;
	background-color:#F5F7F7;
}

.sujet table {
	border : 0px;
	width : 100%;
}

/************ Diapo d'images centrées **************/

.diapo {
	text-align: center;
}

.diapo img {
	margin: auto;
	padding: 5px;
}

/************ Vignettes de textes gauches et droites **************/

.vignette, .vignetteGauche, .vignetteDroite {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	background-color : #F5F7F7;
	border: #99CCFF 2px solid;
}

.vignette {
	margin-left: 5px;
	margin-right: 5px;
	width: 92%;
	clear: both;
}

.vignetteGauche {
	margin-left: 5px;
	margin-right: 0px;
	width: 42%;
	float: left;
	clear: left;
}

.vignetteDroite {
	margin-left: 0px;
	margin-right: 5px;
	width: 42%;
	float: right;
	clear: right;
}

.vignette h1, .vignetteGauche h1, .vignetteDroite h1 {
	position: relative;
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 5px;
	top: -16px;
	color: #336699;
	font: bold 14px Verdana;
	text-decoration: none;
	background-color : #F5F7F7;
}

.vignette h2, .vignetteGauche h2, .vignetteDroite h2 {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	color: #336699;
	background-color : #99CCFF;
}

/************ Bas de page **************/

#infos {
	margin: 0px;
	padding: 5px;
	clear: both;
	text-align : center;
	border : #CCCCCC 1px solid;
}