/* Start of CMSMS style sheet 'main_css' */
body{
 font-family:Arial, Helvetica, Serif;
 font-size:10px;
 padding:1em 5%;
 margin:0;
 background:#FFF;
}

h6 {font-size:75%}
h5 {font-size:80%}
h4 {font-size:100%}
h3 {font-size:120%}
h2 {font-size:170%}
h1 {font-size:200%}
h1,h2,h3,h4,h5,h6 {font-weight:bold}

dd {padding-bottom:1em;}
dt {font-weight:bold;color:#008;}
br {clear:both;}
em {color:#840;}

div {margin:0;border-style:none}
address {text-align:center}
address p {text-align:left}

a {
 color:#F80;
 text-decoration:none;
}
a:visited {
 color:#840;
}
a:hover {
 color:#FB6;
 text-decoration:underline;
}
a:active {
 color:#FA0;
 text-decoration:underline;
}
ul,ol {
 list-style-position:outside;
}
ul {
 list-style-type:square;
}
ol {
 list-style-type:upper-roman;
}
hr {
 margin:0;
 padding:0;
 width:100%;
 height:1px;
}

div.first input,
div.first img {
 margin:10px 0;
 padding:0;
 vertical-align:middle;
 border-style:solid;
 border-width:3px;
 border-color:#FFC;
}
div.first img.img_middle {
 padding:56px 1em;
 border-width:0;
}
div.first input:hover,
div.first img:hover {border-color:#F00}

textarea {
 display:block;
 width:96%;
 border:2px solid #F80;
 margin:auto;
 padding:0;
 font-family:courier;
 font-size:15px;
 height:75%;
 background-color:#DDD;
}

div.area_head {
 padding:0;
 margin-bottom:2em;
 font-size:90%;
 font-style:italic;
 font-family: Times;
 text-align:center;
 background-image:url("/uploads/images/bandeau_mixte.jpg");
 background-position:left center;
 background-repeat:repeat-x;
 color:#003d73;
 background-color:#CCF;
 height:133px;
}

div.area_head h2 {
 margin:0;
 text-align:center;
 font-size:300%;
 padding:21px 0;
}

div.area_head h2 img {
 height:90px;
 display:inline;
 vertical-align:middle;
}
div.area_head h3 {
 margin:0;
 font-size:150%;
 color:#B44;
}

/*div.area_head img {
 margin:0.5em;
 height:6em;
 border-width:0;
 float:left;
}*/

div.area_head .txt {
 width:20%;
 text-align:left;
 background-color:#FFF;
 /*background-image:url("../images/logo_head.jpg");
 background-position:center;
 background-repeat:no-repeat;*/
}

/*
div.area_head .txt h2,
div.area_head .txt h3 {visibility:hidden}
*/

div.area_left {
 padding:0;
 font-size:90%;
 float:left;
 width:20%;
 text-align:left;
}

div.area_middle {
 float:left;
 width:58%;
 border-width:0;
 margin:0 1%;
 padding:0 0 1em 0;
 text-align:justify;
 background-image:url("/uploads/images/croix.png");
 background-position:center;
 background-repeat:no-repeat;
}

div.area_right {
 float:left;
 width:20%;
 font-size:90%;
 background-color:#FFF;
}

div.area_foot{
 clear:both;
 width:100%;
 text-align:center;
 border-style:solid;
 border-width:1px 0 2px 0;
 border-color:#003d73;
 color:#222;
 padding:0.3em 0;
}

div.area_foot h3,h4,h5,h6 {margin:0;font-weight:normal}
div.area_foot cite {font-size:85%}

div.area_right h4 {
 background-color:#FEC;
 color:#844;
 font-weight:bold;
 font-size:120%;
 padding:0.5em 0;
 text-align:center;
}

div.area_left h4,
div.area_right h4 {
 background-color:#000;
 color:#FFF;
 text-align:center;
 font-weight:bold;
}

div.area_left ul,
div.area_right ul {
 list-style:none;
 margin:0;
 padding:0;
}

div.area_left li,
div.area_right li {
 padding:0;
 margin:0.2em 0;
}

div.area_left li a,
div.area_right li a {
 background-color:#003d73;
 color:#FF8;
}

div.area_left a,
div.area_left p,
div.area_right a,
div.area_right p {
 display:block;
 padding:0 10px;
 margin:0;
 font-weight:bold;
 border-style:solid;
 border-width:1px;
 border-color:#CCC;
}

div.area_left p,
div.area_right p {
 background-color:#444;
 color:#F00;
}
div.area_left a,
div.area_right a {
 background-color:#FFF;
 color:#222;
}
div.area_left a:visited,
div.area_right a:visited {
 /*background-color:#FFE;*/
 color:#898;
}
div.area_left a:hover,
div.area_right a:hover {
 padding:0 5px;
 border-width:1px 6px;
 background-color:#000;
 color:#FB6;
 border-color:#F00;
}
div.area_left a:active,
div.area_right a:active {
 background-color:#CCC;
 color:#FF0;
}

div.area_foot a {color:#08F;font-weight:bold;}
div.area_foot a:visited {color:#008}
div.area_foot a:hover {color:#FB6;}
div.area_foot a:active {color:#0FF}
div.area_foot a img {vertical-align:middle;height:0.9em;border-width:0}

div.area_middle h1,
div.area_middle h2,
div.area_middle h3,
div.area_middle h4,
div.area_middle h5,
div.area_middle h6 {padding:0;margin:0;text-align:left}

div.area_middle ul,
div.area_middle ol {
 padding:0 1em;margin:0;
 text-align:justify;
}
div.area_middle ul li ul {
 padding:0 1em;
 list-style-type:circle;
}
div.area_middle img {
 margin:auto;
 display:block;
 text-align:center;
 padding:1em;
}

div.area_right img.map {width:100%;margin-top:4em}
div.area_right img.map:hover {width:auto;position:absolute;right:1em;top:3em;border:solid 2px #FF0}

div.area_right img.map:hover {
 float:right;
 width:400px;
}

div#map {
 height:30em;
 width:100%;
 margin:0;
 padding:0;
 border-width:0;
}

div.area_middle img.identite {
 float:right;
 margin:0.2em 1em;
 padding:0;
 border:groove 0.3em #003d73;
}

div.area_middle h1 {font-size:150%;}
div.area_middle h2 {font-size:130%;}
div.area_middle cite,
div.area_middle dt,
div.area_middle h1,
div.area_middle h2,
div.area_middle h3,
div.area_middle h4,
div.area_middle h5,
div.area_middle h6 {
 color:#003d73;
}

div.area_middle dd dl dt {clear:both;font-weight:normal;float:left;color:#000;}
div.area_middle dd dl dd {font-weight:bold;color:#000;float:right;padding-bottom:0;}
div.area_middle dd cite {clear:both;display:block;color:#777}

.visit {
 color:#FFF;
 text-align:left;
 border-style:solid none;border-width:2px 0;
 border-color:#F00;
 margin:1em 0;
}
.visit em {color:#E40}
.error {color:#F33 !important}
.warning {color:#F93}
div.alert {
 background-color:#555;
 padding:0.5em 2em;
 color:#FFF;
}
div.alert h1,
div.alert h2,
div.alert h3,
div.alert h4 {
 background-color:#555;
 text-align:center;
}

div.area_middle>div {padding:1em 0 8em 0;}
div.area_middle>div h2 {text-align:center;padding-bottom:1em;}
div.area_middle>div dl {float:left;width:50%;display:block}
div.area_middle>div dt {text-align:center}
div.area_middle>div dd {padding-bottom:0;text-align:center;margin:0}

div.area_law {
background-color:#000;
color:#FFF;
padding:1em;
text-align:justify;
font-size:15px;
}
div.area_law h1,
div.area_law h2,
div.area_law h3 {text-align:center}
div.area_law em {color:#FFB}

.trombino {
 list-style-type:none;
 font-size:75%;
}

.trombino li {
 display:block;
 width:19%;
 margin:0 2%;
 float:left;
 vertical-align:middle;
 text-align:center;
}

.trombino li img {
 padding:0;
 margin:auto;
 width:65%;
 border-width:2px;
 border-color:#EEA;
}

.trombino img:hover {border-color:#F00;}

div.area_right p.updated {
 color:#444;
 background-color:#FFF;
 margin-top:2em;
 border-color:#003d73;
 border-width:1px 0;
 border-style:solid;
 display:none;
}
.updated em {
 color:#00F;
}

div.area_right a.activeparent,
div.area_left a.activeparent {
 color:#F44;
 background-color:#888
}

div ul.NewsSummary {padding-bottom:2em;}
div ul.NewsSummary li {list-style:none}
div ul.NewsSummary li.date {font-weight:bold}

div.NewsDetail blockquote{font-style:italic;border:solid 1px #860;padding:0.3em 1em;}
div.NewsDetail blockquote p {padding:0;margin:0}

.NewsSummary li p {display:inline;padding:0}
.NewsSummary li.title a,.NewsDetail h3 em {text-transform:uppercase}
img.NewsSummary {padding-right:1em;float:left;display:block;}
.NewsDetail img {float:left;display:block;}


.link a img {
 height:0.8em;
 valign:middle;
 padding:0;
 border:solid 1px #08F;
 display:inline;
}

/* End of 'main_css' */

