/* Start of CMSMS style sheet 'commun_css' */
/* accessibility */

* {
 margin:0;
 padding:0;
 font-family: Arial, Taoma, Verdana, Helvetica, Serif;
}

h1 {font-size:160%}
h2 {font-size:140%}
h3 {font-size:120%}
h4 {font-size:110%}
h5 {font-size:100%}
h6 {font-size:100%}
dt {font-weight:bold;margin:0.5em 0 0 0}
dd {margin:0;text-align:justify}

fieldset {width:auto;margin:1em;padding:0.5em;}
legend {padding:0.0em 1em}
fieldset, legend {border:solid 1px}

p {
 text-align:justify;
 padding-bottom:0.5em;
}
ul {
 list-style-position:inside;
 list-style-type:square;
}
ol, ul {list-style-position:outside;padding-left:1em;}

blockquote,
address {text-align:center;font-style:italic}

ol li {margin:0 0 1em 2em;text-align:justify}
ul ul {list-style:circle}

img {vertical-align:middle}

body {font-size:12px}

br {clear:both}

.area_head {
 height:7em;
 text-align:center;
 overflow:hidden;
 border-style:solid;
 border-width:0 0 0.1em 0;
}

.area_head acronym {font-family:Taoma}

.area_head img {
 margin:0.25em;
 height:6.5em;
 border-width:0;
 float:left;
}

div.area_head h1,
div.area_head h2 {
 padding:0.2em 0 0 0;
 font-size:300%;
 font-family:Taoma;
}

div.area_head h3 {
 font-size:170%;
}

.area_middle {
 clear:both;
 width:auto;
 padding-top:1em;
 text-align:justify;
}

.area_middle h1 {
 text-align:center;
}

.area_middle div {
 margin:0 1em;
 text-align:left;
}

img.left {float:left;margin:1em}
img.size_25 {width:25%}
img.left_50 {float:left;margin:1em;width:50%}

.area_middle h3,
.area_middle h2 {
 padding:0.5em 0;
}
.area_middle h6 {
 padding-top:1em;
 text-align:center;
}

.area_foot {
 clear:both;
 margin:1em;
 padding:0.5em 0;
 border-style:solid;
 border-width:0.1em 0;
 text-align:center;
}

.area_foot p {font-size:80%;text-align:center}

dt strong {font-weight:bold;text-transform:uppercase}

.trombino dt,
.partners dt {clear:both;border-top:solid 0.2em}
.trombino img {float:right;height:5.5em;border:solid 0.2em}
.trombino img:hover {height:auto;border:solid 0.2em}

.partners dt.nologo {padding-left:8.4em;}
.partners img {float:left;width:6em;border:solid 0.2em;margin:0 2em 0 0}

.biblio dt+dd {font-style:italic}

.updated {padding-right:1em}

h4.signature {text-align:right;margin-right:3em}
img.graph_center {width:90%;margin:1em 5%}
img.graph_center_small {width:40%;margin:1em 30%}
.working {font-variant:small-caps}
.updated em {font-weight:bold}

.copyright img {height:1em;border:solid 1px}

ul.accueil li {
 list-style:disc;
 padding:0.2em 0;
 font-size:120%;
 margin:0.2em 5em;
}

ul.accueil li p {display:inline;}

blockquote {margin:1em 5em;font-style:normal;font-size:120%}
blockquote p {padding:0.2em 1em;font-size:110%}

div.area_middle ul.menu {list-style-type:none}
div.area_middle ul.menu li {
 text-align:center;
 font-size:130%;
 padding:1em;
 margin:0.5em;
}

div.area_middle div.left { 
 border-style:none;
 float:left;
 padding:0.2em 0;
 background-color:transparent;
 margin:0;
}

div.area_middle div.left {
 width:48%;
}
div.area_middle div.left address {
 text-align:left;
 padding-bottom:1em;
}

div.area_middle form {
 display:block;
 float:right;
 width:48%;
}

div.formbuild {
 border:solid 2px;
 padding:0.2em 0.4em;
 float:right;
 margin:1em 0 0 0;
}

.formbuild div {
 clear:both;
 padding:0 0.2em;
 margin:0;
}

.formbuild input,
.formbuild textarea {
 font-size:80%;
}

.formbuild input[type="text"] {
 display:block;
 font-weight:bold;
 float:left;
}

.formbuild input[type="submit"] {
 font-weight:bold;
 width:10em;
}

.formbuild label {
 display:block;
 float:left;
 width:9em;
 text-align:right;
 padding-right:1em;
}

.formbuild .howto {
 text-align:center;
 font-size:90%;
 font-style:italic;
 padding:0.2em 0.4em;
 margin:0.2em 0.4em;
}

.formbuild .howto h3 {
 font-size:100%;
}

.formbuild textarea {
 height:10em;
 width:20em;
 font-weight:normal;
 float:left;
}

.hidden {display:none}
#map {height:25em}
div#map div {margin:0}

.html {
 background-color:#CCC;
 padding:1em;
 margin:0;
}

samp {
 background-color:#FDD;
 color:#008;
 font-family:courier;
}

/*
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */

/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */

/* End of 'commun_css' */