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

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

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

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

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

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

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

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	border: 1px solid #999999;
	color: #336699;
	background-color: white;
	font: 11px Verdana;
}


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

#cadreLargeBanner {
	position: relative;
	margin-top: 5px;
	width: 100%;
	height: 92px;
	background: url(../images/ongletPub.gif) no-repeat top right;
}

#largeBanner {
	float: left;
	width: 728px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}

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

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

#verticalBanner {
	float: right;
	margin: 0px;
	padding: 0px;
}

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

#menuHorizontal {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	height: 22px;
	border : #000000 1px solid;
	background-color : #336699;
	color: #FFFFFF;
}

#menuHorizontalLiens a:hover {
  	color: #FFFFFF;
	background-color: #E45D0F;
}

#menuHorizontalLiens a:link, #menuHorizontalLiens a:visited {
	float:left;
	display: inline;
	width: auto;
	padding-left: 22px;
	padding-right: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	border-right: 1px solid #000000;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	/*background: url(../images/home.png) no-repeat left;*/
}

#menuNavigation {
	position: relative;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	height: 14px;
	border : #000000 1px solid;
	background-color : #DDEEFF;
	color: #000000;
}

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

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

.menuVertical {
	width: 150px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	border-top : #CCCCCC 1px solid;
	border-left : #CCCCCC 1px solid;
	border-right : #CCCCCC 1px solid;
	background-color : #F5F7F7;
	color: #000000;
}

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

.menuVerticalLiens h1, .menuVerticalLiens h2, .menuVerticalLiens h3, .menuVerticalLiens h4, .menuVerticalLiens h5 {
	cursor: pointer;
	margin: 0px;
	padding: 5px;
	font: bold 13px Verdana;
	color: #000000;
	text-transform: uppercase;
}

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

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

.menuVerticalLiens h3 {
	/*background-color : #006822;*/
	background-color : #8FC794;
}

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

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

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

.menuVerticalLiens dt a:hover {
	margin: 0px;
	padding: 5px;
  	color: #21536A;
	background-color: transparent;
}


.menuVerticalLiens dl, .menuVerticalLiens dt, .menuVerticalLiens dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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

.menuVerticalLiens dt a:link, .menuVerticalLiens dt a:visited {
	margin: 0px;
	padding: 0px;
	border: none;
	color: #21536A;
}

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

.menuVerticalLiens dt {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #21536A;
	background: url(../images/sousMenu.gif) no-repeat right;
}

.menuVerticalLiens dd {
	background-color: #FFFFCC;
	border: 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;
	padding-top: 45px;
	text-align : center;
	background: url(../images/logo.gif) #FFFFFF left top no-repeat;
}

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

#slogan {
	position: relative;
	height: 20px;
	width: 100%;
	background: url(../images/slogan.gif) right top no-repeat;
}

#body {
	width: 590px;
	float: right;
	margin-top: 5px;
	padding: 0px;
	color: #000000;
}

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

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

.presentation, .sujet {
	float: left;
	width: 460px;
}

.presentationHome, .sujetHome {
	position: relative;
	width: 100%;
}

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

.presentation h1, .sujet h1, .presentationHome h1, .sujetHome h1 {
	/*background-color : #336699;*/
	background-color : #DDEEFF;
}

.presentation h2, .sujet h2, .presentationHome h2, .sujetHome h2 {
	/*background-color : #9F005B;*/
	background-color : #F09371;
}

.presentation h3, .sujet h3, .presentationHome h3, .sujetHome h3 {
	/*background-color : #006822;*/
	background-color : #8FC794;
}

.presentation h4, .sujet h4, .presentationHome h4, .sujetHome h4 {
	/*background-color : #760000;*/
	background-color : #AA85BB;
}

.presentation h5, .sujet h5, .presentationHome h5, .sujetHome h5 {
	/*background-color : #A23C00;*/
	background-color : #FFF159;
}

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

.presentationContenu hr, .sujetContenu hr {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	text-align: center;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}

.presentationFooter, .sujetFooter {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.sujetContenu h2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	font: bold 12px 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 **************/

.boite {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
}

.boiteFooter {
	clear: both;
	margin: 0px;
	padding: 0px;
}

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

.vignette, .boite {
	margin-left: 5px;
	margin-right: 5px;
	width: 94%;
	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 13px 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-top : #34539F 2px dashed;
}