/* global CSS settings */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	color:#333;
}
:focus {outline: 0;}
html {margin:0;padding:0}
body {
	border:0; /* removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ececec;
	font-size:83%;
	/*min-width:600px;*/
}

h1 {font-size:1.6em; margin:0.0em 0 0.2em 0; color:#004000;}
h2 {font-size:1.3em; margin:0.2em 0 0.2em 0; color:#008000;}
h3 {font-size:1.2em; margin:0.2em 0 0.2em 0; color:#40A040;}
h4 {font-size:1.1em; margin:0.2em 0 0.2em 0; color:#004000;}
h1, h2, h3, h4 {text-align:left}

#toplinks {
	position:absolute;
	top:0;
	left:20px;
	font-size:0.75em;
	color:#ddd;
	border:0px solid red;
}
#toplinks strong	{font-weight:normal}
#toplinks a			{text-decoration:none;color:#ddd}
#toplinks a:hover	{text-decoration:none;color:#fff}

.logoarticle	{float:left;padding-right:0.6em;}

h1.titre	{clear:both}
.surtitre	{font-size:2.0em;color:#ccc;}
.soustitre	{font-size:0.9em;color:#888;font-weight:bold;margin-bottom:0.6em;border-bottom:1px dotted #333}
.chapeau	{margin-bottom:0.5em;}
/*.chapeau p	{font-size:1.25em;color:#004000;font-style:italic;}*/
.chapeau p  {font-size:1.05em;font-weight:bold;color:#004000;}
.chapeau p a	{text-decoration:none;color:#004000;}

.breve			{border-bottom:1px solid #ddd;font-size:0.85em;list-style:square inside;padding:0 5px 0 3px;}
.breve p		{margin-bottom:0.5em}
.breve h3		{font-size:1.0em;}
.breve a		{text-decoration:none}
.logobreve      {}

.breve input,
.breve button	{
	margin-top:0.25em;
	margin-bottom:0.25em;
}
.breve #iname   {width:99%;border:1px solid #ccc;background:#fff}
.breve #itel	{width:85%;border:1px solid #ccc;background:#fff}
.breve #isend	{width:12%;border:0px solid #ccc;height:22px;background:url(../png/send-to.png) no-repeat top right;}

/*
.sbutton {
    width:100%;
    padding:3px 25px 0 0;
    margin-top:3px;
    background:url(/theme/send-to.png) no-repeat top right;
    text-align:right;
}
*/
.titrebreve		{text-align:right;background:#E6F3E6}
.lienbreve		{position:absolute;left:-15000px}
.xxxl-triple	{color:#008000;}
.xxxl-xl		{color:#333;font-weight:bold}
.xxxl-net		{color:#80C080;}

.spip_documents_right	{padding:0 0 0.2em 0.5em}
.spip_documents_left	{padding:0 0.5em 0.2em 0}

.texte		{list-style:square outside;text-align:justify;}
.texte p	{margin:0.2em 0 0.5em 0}

/*.texte a.spip_in		{text-decoration:none;color:#002000}*/
.texte a.spip_in:hover	{/*background:#E6F3E6*/}

.texte a			{text-decoration:none;color:#002000}
.texte a.spip_in	{text-decoration:none;color:#002000}
.texte a.spip_out   {text-decoration:underline;color:#002000}

.texte ul	{margin-left:1.0em;margin-bottom:1.0em;}
.texte li	{margin-left:1.0em;}

.col3 .texte a.spip_in        {text-decoration:none;color:#004000}
.col3 .texte a.spip_in:hover  {background:#E6F3E6}

/*
.sommaire .texte a	{text-decoration:underline;}
*/

#imageMenu2 a {font-weight:bold}
#imageMenu2 li.normal		{border:1px solid #fff;background:transparent;}
#imageMenu2 li.normal:hover	{border:1px solid #fff;background:#e6f3e6;}
#imageMenu2 li.selected     {border:1px solid #ccc;font-size:1.0em;background:#fff}
#imageMenu2 .sub-ul {margin-left:26px;list-style-type:none;font-weight:normal}
#imageMenu2 .sub-ul a {font-weight:normal}
#imageMenu2 .sub-ul li			{border:1px solid #fff;background:#fff}
#imageMenu2 .sub-ul li:hover	{border:1px solid #fff;background:#e6f3e6;}
#imageMenu2 .sub-ul li.sselected	{background:#e6f3e6;/*#d6e3d6;*//*padding-left:1.0em;*/}
#imageMenu2 .sub-ul li.sselected a	{font-weight:bold;}
#imageMenu2 .sub-ul li.rsselected   {background:transparent;}
#imageMenu2 .sub-ul li.rsselected a  {font-weight:bold;}
#imageMenu2 .ssub	{list-style:none;padding-left:1.0em}
#imageMenu2 .sub-ul li.ssub a	{font-weight:normal}

.spip_note	{font-size:80%;vertical-align:top;text-decoration:none}
.notes	{
	clear:both;
	border-top:1px dotted #008000;
	margin-top:1.0em;
	padding-bottom:1.0em;
}

table.spip	{border:1px solid #008000;clear:both;width:100%}
tr.row_even td {background:#E6F3E6}
table.spip th	{text-align:center;background:#ccc}
table.spip td	{text-align:right;/*font-family:monospace*/}

.cs_blocs		{clear:both;margin-bottom:1.0em;}
.cs_blocs a		{text-decoration:none}
.cs_blocs div	{
	border:1px solid #004000;
	font-size:90%;
	background:#E6F3E6;
	padding:0.75em;
}

span.hlink a.spip_in {text-decoration:underline;}

div#portfolio	{position:absolute;top:0;left:-1500px;}
ul#portfolio	{text-align:center}


div#autres-par-theme	{
	font-size:80%;
	padding:1.0em;
	border:1px solid #ccc;
	/*list-style:circle inside;*/
	float:right;
	/*clear:both;*/
	width:65%;
	margin-top:0.75em;
}
div#autres-par-theme li	{display:inline}
div#autres-par-theme a			{text-decoration:none;}
div#autres-par-theme a:hover	{color:#008000}


div#autres-par-theme2   {
    font-size:80%;
    padding:1.0em;
    border:1px solid #ccc;
    width:auto;
	margin-top:0.75em;
	clear:both;
}
div#autres-par-theme2 li {display:inline}
div#autres-par-theme2 a          {text-decoration:none;}
div#autres-par-theme2 a:hover    {color:#008000}

div#autres-articles     {
	font-size:80%;
	padding:1.0em;
	border:1px solid #ccc;
	list-style:circle outside;
	float:left;
	clear:both;
	width:25%;
	margin-top:0.75em;
}
div#autres-articles li		{margin-left:1.0em;}
div#autres-articles a		{text-decoration:none;}
div#autres-articles a:hover	{color:#008000}


#contact-div	{
	float:left;
	width:33%;
	height:350px;
}
#contactform #addr {
	border:1px solid #333;
	width:100%;
	background:#f4f4f4;
	font-size:0.9em;
	margin-bottom:3px;
}
#contactform #msg {
	border:1px solid #333;
	width:100%;
	height:300px;
	background:#f4f4f4;
	font-size:1.0em;
}
.sbutton {
	width:100%;
	padding:3px 25px 0 0;
	margin-top:3px;
	background:url(../jpg/send-to.jpg) no-repeat top right;
	text-align:right;
}
.fail   {color:red;  background:#FFCCCC;border:1px solid #400000;font-weight:bold;padding:0.5em;margin-bottom:0.25em;}
.success{color:green;background:#E6F3E6;border:1px solid #004000;font-weight:bold;padding:0.5em;margin-bottom:0.25em;}

ul.plan {margin-left:2.5em;list-style-type:none; padding-top:1.0em;}
.plan a {text-decoration:none}
.plan a:hover {color:#008000;}
.plan .desc {padding-left:28px; font-size:80%;}


.spip_documents_center	{clear:both;margin:auto;text-align:center}
.centered				{clear:both;margin:auto;text-align:center}

.fleft	{float:left}
.fright	{float:right}

.page_div {padding:0 28px 0 28px;}

/* encadrement */
.ldiv {
	background-image: url('../jpg/left.jpg');
	background-repeat: repeat-y;
width:100%;
/*height:100%;*/
}
.rdiv {
	background-image: url('../jpg/right.jpg');
	background-repeat: repeat-y;
	background-position: right;
width:100%;
/*height:100%;*/
}
#haut {
	background:#ececec url(../jpg/top.jpg) repeat-x top;
	height:30px;
}
#hautgauche, #hautdroit, #basgauche, #basdroit {
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
#hautgauche,
#hautdroit {
	width:31px;
	height:30px;/*11px;*/
}
#hautgauche { background: url(../jpg/tleft.jpg);}
#hautdroit	{ background: url(../jpg/tright.jpg); float: right;}
#bas 		{ background:#ececec url(../jpg/bot_center.jpg) repeat-x bottom; clear:both;}
#basgauche,
#basdroit {
	width:67px;
	height:52px;
}
#basgauche	{ background: url(../jpg/bot_left.jpg);}
#basdroit	{ background: url(../jpg/bot_right.jpg); float: right;}


/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background:#fff url(../jpg/img_people_leftd.jpg) no-repeat 100% 14px/*24px*/;
	padding:14px 0 12px 0; /* 24px ...*/
	border-bottom:1px solid #ccc;
}

.topicons { /* div des icones de haut de page */
	height:27px;
	width:100%;
	text-align:right;
}
/* incompatible avec le fix IE7
.topicons img {padding:3px 5px 0 0}
*/
.topicons img {margin:3px 5px 0 0}

/* ul du menu */
.menulist {
	list-style-type:none;
	padding-bottom:1.0em;
	border-bottom:1px solid #ccc;
}
.menulist a {
    font-size:85%;
    color:#555;
    text-decoration:none;
}
.menulist a:hover       {color:#008000}
.menulist .selectedword {color:#008000; background:#E6F3E6; font-size:85%;}

/* ul des themes */
.themelist {list-style-type:none}
.themelist a {
	font-size:85%;
	color:#555;
	text-decoration:none;
}
.themelist a:hover		 {color:#008000}
.themelist .selectedword {color:#008000; background:#E6F3E6; font-size:85%;}


#documents_loupe {padding-left:20px;}

/* Footer styles */

#footer {
    clear:both;
    float:left;
    width:100%;
    background:#fff;
    border-top:1px dotted #ccc;
    padding:0.5em 0 0.5em 0;
    font-size:75%;
}
#footer p {color:#aaa; letter-spacing:0.4em; text-align:right; padding-top:4px}

/* incompatible avec le hack IE7
#footer img {
    float:right;
    padding-left:10px;
}
#footer img.last {
    padding-right:15px;
}
#footer img.left {
    float:left;
    padding:0 15px 0 15px;
}
*/

#footer img {
    float:right;
    margin-left:10px;
}
#footer img.last {
    margin-right:15px;
}
#footer img.left {
    float:left;
    margin:0 15px 0 15px;
}

#panodiv {
	background-image: url(../jpg/panorama.jpg);
	height: 320px;
	width: 480px;
	background-position: left top;
	cursor: move;
}


#sous-rubriques {
	font-size:0.85em;
	padding:0.2em;
	border:1px dotted #ccc;
}
.sous-rubrique {padding:0.5em 0 0 0; clear:both;}
.sous-rubrique img {margin-right:0.5em; float:left;}
.sous-rub-desc {
}
.sous-rubrique:hover {background:#e6f3e6;}
.sous-rubrique a		{color:#008000;text-decoration:none}
.sous-rubrique a:hover	{color:#000080;}

#sous-articles {
    font-size:0.85em;
    padding:0.2em;
    border:1px dotted #ccc;
}
.sous-article {padding:0.5em 0 0 0; clear:both;}
.sous-article img {margin-right:0.5em; float:left;}
.sous-art-desc {
}
.sous-article:hover {background:#e6f3e6;}
.sous-article a        {color:#008000;text-decoration:none}
.sous-article a:hover  {color:#000080;}

#hierarchie		{ font-size:0.85em; color:#555; float:left; padding-left:24px; background:url(../jpg/rarrow.jpg) no-repeat}
#hierarchie a	{ text-decoration:none; color:#555;}
#hierarchie a:hover	{color:#008000}

#map_canvas {float:left;margin:0.2em 0.5em 0.5em 0}
.maptxt {color:#444;font-size:80%;}
.maptxt img {margin-right:0.6em;}
.maptxt .green {color:#008000;}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
.colmask2 {
    /*position:relative;*/      /* This fixes the IE7 overflow hidden bug */
    /*clear:both;*/
    /*float:left;*/
    width:100%;
    /*overflow:hidden;*/
}
/* common column settings */
.colleft,
.colmid,
.colright {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}



/* 3 Column settings */

.threecol { /* gabarit 3 colonnes, colonne centrale + importante */
	background:#fff;/*#eee;*/		/* right column background colour */
text-align:justify;
}
.threecol .colmid { /* englobe la col principale et la col de gauche */
	right:25%;				/* width of the right column */
	background:#fff;/*#ddd;*/		/* center column background colour */
}
.threecol .colleft { /* englobe la col de gauche */
	right:50%;				/* width of the middle column */
	background:#fff;/*#f4f4f4;*/		/* left column background colour */
}
.threecol .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
border-left:0px dotted #ccc;
}
.threecol .col2 {
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
border-right:0px dotted #ccc;
text-align:left;
}
.threecol .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:85%;
	/* Please make note of the brackets here:
		(100% - left column width) +
		(center column left and right padding) +
		(left column left and right padding) +
		(right column left padding)
	*/
}

/* 3 Column blog style settings */
.blogstyle {
	background:#fff;/*#eee;*/		/* right column background colour */
text-align:justify;
}
.blogstyle .colmid {
	right:25%;				/* width of the right column */
	background:#fff;/*#f4f4f4;*/		/* center column background colour */
}
.blogstyle .colleft {
	right:25%;				/* width of the middle column */
	background:#fff;		/* left column background colour */
}
.blogstyle .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:52%;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:60%;
	/* Please make note of the brackets here:
		(100% - left column width) +
		(center column left and right padding) +
		(left column left and right padding) +
		(right column left padding)
	*/
}


/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;				/* right column width */
	background:#f4f4f4;		/* left column background colour */
}
.leftmenu .col1 {
	width:71%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}


/* 2 Column (right menu) settings */
.rightmenu {
	background:#eee;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;				/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;				/* left column content width (left column width minus left and right padding) */
	left:27%;				/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;				/* right column content width (right column width minus left and right padding) */
	left:31%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (double page) settings */
.doublepage {
	background:#eee;		/* right column background colour */
}
.doublepage .colleft {
	right:50%;				/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1 {
	width:46%;				/* left column content width (column width minus left and right padding) */
	left:52%;				/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;				/* right column content width (column width minus left and right padding) */
	left:56%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Full page settings */
.fullpage {
	background:#fff;		/* page background colour */
}
.fullpage .col1 {
	width:96%;				/* page width minus left and right padding */
	left:2%;				/* page left padding */
}