/* General
*******************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	padding: 10px;
}

body {
	background-color: black;
	color: black;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;
}

/* Layout
*******************************************************************************/

#page {
	background: #003466;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	overflow: auto;
	
}

#header {
	height: 40px;
	margin: 0 px;
	padding: 0px;
	position: relative;
	width: 800px;
}

#parties {
	background-color: #cdcdcd;
	color: #444;
	float: right;
	margin: 0 px;
	padding: 0;
	width: 60px;
}

#main {
	background-color: #1c1c1c;
	color: #444;
	float: right;
	margin: 0 px;
	padding: 0;
	width: 650px;
}

#menu {
	float: left;
	margin: 0 px;
	padding: 0;
	width: 150px;
}

#footer {
	background-color: #000033;
	color: #cdcdcd;
	float: middle;
	font-size: .8em;
	margin: 0 px;
	padding: 0;
	text-align: center;
	width: 800px;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#404040;
	font-size: .9em;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:2px;
	margin:1px;
}

input.bouton {
	background-color: #0A9DDA;
	font-size: 1.1em;
	color: #FFF;
	padding:6px 10px 6px 10px;
}

input.cb {
	background-color:#E9E9E9;
	border:none;
	padding:0;
	margin:0;
}

/* Menu
*******************************************************************************/

.up {
	background-color: #293E00;
	color: #cdcdcd;
	font-size: .7em;
	margin: 0;
	padding: 0;
	width: 150px;

}

.up h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 150px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.up h3 a {
	background-color: green;
	color: aqua;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 140px;
	text-decoration: none;
}

.up h3 a:hover {
	background-color: #990033;
	color: white;
}

.upp {
	background-color: #293E00;
	color: #cdcdcd;
	font-size: .7em;
	margin: 0;
	padding: 0;
	width: 150px;

}

.upp h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 150px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.upp h3 a {
	background-color: green;
	color: yellow;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 140px;
	text-decoration: none;
}

.upp h3 a:hover {
	background-color: #990033;
	color: white;
}


.down {
	background-color: #293E00;
	color: #cdcdcd;
	font-size: .7em;
	margin: 0;
	padding: 0;
	width: 150px;

}

.down h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 150px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.down h3 a {
	background-color: green;
	color: yellow;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 140px;
	text-decoration: none;
}

.down h3 a:hover {
	background-color: #0A9DDA;
	color: white;
}


.politic {
	background-color: #696969;
	color: #cdcdcd;
	font-size: .5em;
	margin: 0;
	padding: 0;
	width: 650px;

}

.politic h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 650px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.politic h3 a {
	background-color: #003466;
	color: fuchsia;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 640px;
	text-decoration: none;
}

.politic h3 a:hover {
	background-color:#0A9DDA ;
	color: #003466;
}

.politic2 {
	background-color: black;
	color: black;
	font-size: .5em;
	margin: 0;
	padding: 0;
	width: 214px;

}

.politic2 h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 214px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.politic2 h3 a {
	background-color: green;
	color: orange;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 204px;
	text-decoration: none;
}

.politic2 h3 a:hover {
	background-color: #0A9DDA;
	color: #003466;
}

.head {
	background-color: #6969699;
	color:#cdcdcdd;
	font-size: .5em;
	margin: 0;
	padding: 0;
	width: 114px;

}

.head h3 {
	margin: 0 0 2px;
	height: 20px;
	width: 114px;
	cursor: pointer;
	font-size: 0.99em;
	text-transform: uppercase;
}

.head h3 a {
	background-color: green;
	color: yellow;
	padding: 4px 0 0 10px;
	display: block;
	height: 17px;
	width: 103px;
	text-decoration: none;
}

.head h3 a:hover {
	background-color:#C16100 ;
	color: white;
}

.stretcher {
	background: none !important;
	background: #696969;
}

.stretcher ul {
	margin: 0 0 8px;
}

.stretcher li {
	margin: 4px 0 4px 10px;
	font-size: 1.1em;
	color: #d9d9d9;
	list-style-type: none;
	width: 180px;
	cursor: pointer;
}

.stretcher a {
	text-decoration: none;
	color: #d9d9d9;
	display: block;
	width: 180px;
}

.stretcher a:hover {
	background: #696969 url(../images/fleche_bleue.gif) no-repeat;
	padding: 0 0 0 12px;
	color: #FFF;
	width: 168px;
}

.logo {
	background-color: navy;
	margin: 0 0 200px 0;
	padding: 0;
	width: 150px;
}


/* Main
*******************************************************************************/

#parties img {
	float: left;
	margin: 0 ;
}

.sousmenu {
    padding: 10px 0 0 4px;
	margin: 0 0 10px 140px;
}

.sousmenu h1 {
	font-size: 1.2em;
}

.sousmenu ul {
	margin: 0;
}

.sousmenu li {
	margin: 4px 0 0 0;
	list-style-type: none;
}

.sousmenu a {
	background: #cdcdcd url(../images/fleche_grise.gif) no-repeat;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #444;
}

.sousmenu a:hover, .sousmenu .selected {
	background: #cdcdcd url(../images/fleche_blanche.gif) no-repeat;
	color: #fff;
}

.outils {
	background-color: navy;
	margin: 0;
	padding: 4px 10px 4px 10px;
}

.outils ul {
	display: inline;
}

.outils li {
	display: inline;
}

.outils a {
	background: navy url(../images/fleche_bleue.gif) no-repeat;
	padding: 0 20px 0 12px;
	margin: 0;
	text-decoration: none;
	color: navy;
}

.outils a:hover {
	color: navy;
}

.contenu {
	margin: 10px;
}

.contenu p {
	margin: 4px 0 0 0;
}

.contenu a {
	text-decoration: underline;
	color: #0A9DDA;
}

.contenu a:hover {
	background-color: #0A9DDA;
	text-decoration: none;
	color: #FFF;
}

.titre {
	padding: 10px 0 30px;
}

.titre img {
	float: right;
}

.texte {
	font-size: .9em;
	padding: 0 0 10px;
	FONT-WEIGHT: bold;
	text-decoration: none;
	background-color: black;
}



#main h4 {
	color: navy;
	font-size: 1em;
	margin: 20px 0 4px 0;
}


/* Accueil
*******************************************************************************/

.infos {
	float: left;
	margin: 10px;
	padding: 0;
	width: 258px;
}

.partenariats {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 0;
	width: 258px;
}

.infos .titre, .partenariats .titre {
	padding: 10px 0 4px;
}

.infos .chapeau, .partenariats .chapeau {
	padding: 10px 0 4px;
}

.infos .texte {
	background-color: #EEE;
	font-size: 0.9em;
	padding: 4px;
	overflow: auto;
	text-align: left;
}

.partenariats .texte {
	background-color: #EEE;
	font-size: 0.9em;
	padding: 4px;
	overflow: auto;
}

.partenariats img, .infos img {
	float: left;
	margin: 4px 4px 4px 0;
}

.partenariats p, .infos p {
	margin: 4px 0 0 0;
}

.partenariats a, .infos a {
	text-decoration: underline;
	color: #0A9DDA;
}

.partenariats a:hover, .infos a:hover {
	background-color: #0A9DDA;
	text-decoration: none;
	color: #FFF;
}


/* Footer
*******************************************************************************/

.coordonnees {
	padding: 0px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: yellow;
	text-decoration: underline;
}