/* généralité *********************by*had**/
body, html {
	background:#b4c9de;
	padding:0; 
	margin:0; 
	border:0; 
	}

img {
	text-decoration: none;
	border:0;
	}

/* structure porteuse *********************/

#pagewidth {
	width:760px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border: 2px solid white;
	}

/* header */
#header {
	width: 760px;
	height: 130px;
	min-height: 130px;
	vertical-align: top;
	display: inline;
	}

/* main */
#main {
	float: left;
	width: 100%;
	}

#gauche {
	float: left;
	width: 170px;
	}

#centre {
	float: left;
	width: 416px;
	min-height: 500px;
	}

#droite {
	float: right;
	width: 170px;
	}

/* footer */
#footer {
	clear: left;
	width: 760px;
	height: 25px;
	font-size: 8pt; 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	color: white;
	background: #07656e; 
	vertical-align: middle;
	text-align: center;
	}

/* cas une seule colonne */
#unecol {
	float: left;
	width: 100%;
	padding: 2px;
	margin: 2px;
	min-height: 500px;
	}

#unecol ul li ul li ul li { margin-left: 10px; }

/* menus et formulaires *******************/

/* menu horizontal */
#menuh {
	width: 580px;
	position: relative;
	top: 4px;
	left: 0px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	height: 45px;
	}

#menuh dt, dl, dd, ul, li {
	list-style-type: none;
	margin: 1px;
	padding: 0px;
	}

#menuh dl {
	float: left;
	}

#menuh li {
	display: inline;
	}

#menuh a {
	text-decoration: none;
	color: #000;
	font-size: 10pt;
	}

#menuh li a {
	font-size: 8pt;
	}

#menuh a:hover {
	text-decoration: underline;
	color: #000;
	}

#smenu11, #smenu17, #smenu21, #smenu25 {
	position: absolute;
	left: 0px;
	width: 570px;
	}

#menuh dt {
	padding-right: 5px;
	padding-left: 2px;
	border-right: 1px solid black;
	text-align: left;
	}

#menuh dd {
	display: none;
	}

#menuh dt.last {
	border-right:0px;
	}

/* recherche */
#search {
	float: right;
	vertical-align: top;
	width: 170px;
	background: url('../images/pictos/loupe.gif') no-repeat;
	background-position: right;
	margin-top: 4px;
	padding-top: 4px;
	}

#search input {
	border: 1px solid #087c87;
	width: 150px;
	margin: 0;
	padding: 0;
	}

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

/* menu vertical */
#module { 
	width: 170px;
	background-color: #087c87;
	font-family: verdana, arial, serifs;
	font-size: 8pt;
	text-decoration: none;
	text-align: left;
	color: white;
	padding-bottom: 0px;
	margin-bottom: 10px;
	}

#module b {
	padding: 3px;
	}

#module ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border-bottom: 1px solid #b1b1b1;
	}

#module ul a {
	display: block;
	padding: 2px;
	background-color: #07656e;
	padding-left: 2px;
	text-decoration: none;
	color: white;
	}

#module ul a:hover {
	color: white;
	background-color: #0e4f55;
	text-decoration: none;
	}

#module ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#module ul li a {
	display: block;
	padding: 2px;
	background-color: #087c87;
	padding-left: 10px;
	text-decoration: none;
	color: #313434;
	}

#module ul li a:hover {
	background-color: #0e4f55;
	color: white;
	}
	
	/* hack display:block IE */
* html body #module ul li a {
	width:100%;
	}

/* flux rss */
.rss {
	margin-top: 25px;
	padding: 1px;
	/*margin: 1px;*/
	border: 1px solid  #9F9F9F;
	margin-bottom: 15px;
	font-size: 8pt;
	text-align: center;
	}

.rss ul li {
	text-align: center;
	}


.rss input {
	margin: 1px;
	padding: 1px;
	border: 1px solid #098d9a;
	}

.rss ul li a img {
	margin: 0;
	padding: 0;
	}
.rss small a {
	margin: 0;
	padding: 0;
	color: #098d9a;
	text-decoration: none;
	}
/* documents des articles */

.doc {
	padding: 2px;
	margin: 2px;
	width: 98%;
	clear: both;
	}

/* contenus *******************************/

/* banniere header */
#banner {
	text-align: left;
	height:94px;
	background: url('../images/header.png') no-repeat; /*sera a suppr qd boucle banniere cree*/
	}
#banner img {
	margin: 3px;
	}

/* colonne droite */
#droite img {
	margin-bottom: 2px;
	}

/* footer */
#footer ul {
	line-height: 25px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	vertical-align: middle;
	} 

#footer ul li {
	margin-left: 0;
	padding-right: 3px;
	padding-left: 5px;
	border-left: 1px solid #fff;
	list-style: none;
	display: inline;
	}

#footer ul li.first {
	margin-left: 0;
	border-left: 0 none;
	list-style: none;
	display: inline;
	}

#footer a { 
	font-size: 8pt;
	color:#fff;
	text-decoration:none;
	}

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

/* blocs du centre */
.bloc {
	padding: 2px;
	margin: 2px;
	}

.bloc img {
	padding: 2px;
	margin: 2px;
	}

#bienvenue img {
	float: left;
	margin-right: 4px;
	}

#bienvenue {
	border-bottom: 1px solid #098d9a;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	}

#news {
	border-bottom: 1px solid #098d9a;
	}

.toutelactu, .toutelactu:hover {
        text-align: right;
        text-decoration: underline;
        margin: 0; padding: 0;
        color: #07656e !important;
        background: #fff !important;
        border: 0 !important;
}

.blocr {
	border-top: 1px solid #098d9a;
	}
.blocd {
	border-bottom: 1px solid #098d9a;
	width: 95%;
	}
.blocr img {
	margin: 3px;
	}
.pimg {
	margin: 10px;
	}

.article {
	margin-bottom: 5px;
	padding-left: 2px;
	clear: left;
	}
.article img {
	float: left;
	padding: 1px;
	margin: 1px;
	}
.ititre {
	position: relative;
	top: -5px;
	left: 15px;
	}

/* typographie ****************************/
body, html {
	font-size:86%;
	font-family: verdana, arial, serif;
	}

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
	}
h1 {font-size: 16pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}
h4 {font-size: 10pt;}
h5 {font-size: 8pt;}

a.autre {
	color: #07656E;
	text-decoration: none;
}

a.autre:hover {
	text-decoration: underline;
	}

.article a {
	font-weight: bold;
	color: #07656E;
	text-decoration: none;
	}

.article a:hover {
	text-decoration: underline;
	}


#news a {
	display: block;
	font-weight: bold;
	color: #07656E;
	border: 1px solid white;
	text-decoration: none;
	}

#news a:hover {
	display: block;
	border: 1px solid #9F9F9F;
	text-decoration: none;
	background: url('../images/green_arrow.png') no-repeat;
	background-position: right;
	}

.article a small {
	font-size: 7pt;
	color: #9F9F9F;	
	text-decoration: none;
	font-weight: normal;
	}

.article a small:hover {
	font-size: 7pt;
	color: #9F9F9F;
	text-decoration: underline;
	}

.article a p {
	font-size: 9pt;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}

#news li {
	margin: 1px;
	width:100%;
	padding: 1px;
	list-style-type: none;
	}

#news a small:hover {
	text-decoration: none;
	}

* html body #news li a {
	width:100%;
	display: block;
	}

#bienvenue a {
	color: #07656E;	
	text-decoration: none;
	}

#bienvenue a:hover {
	text-decoration: underline;	
	}

.bloc a {
	color: #07656E;	
	text-decoration: none;
	}

.bloc a:hover {
	text-decoration: underline;	
	}

/* hacks **********************************/
/* à desinclure vers css spécifique *******/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* transparence png 24 */
.format_png, .spip_logo {
	behavior: url("../win_png.htc");
	}