/* Reset CSS
  ------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/*  General styles
   ------------------------ */
body {
  font: 62.5%/1.5em Arial,sans-serif;
  color : #000;
  background : #DDD;
  margin : 0;
  padding : 0;
}


h1, h2, h3, h4, h5, h6 {
  margin-top : 0;
  margin-bottom: 0.6em;
}

h1 { font-size: 180%; color: #FFDE44; font-weight: bold; }
h2 { font-size: 140%; color: #fff; font-weight: bold; }
h3 { font-size: 120%; }
h4 { color: #004D95; font-weight: bold; }
h5 { color: #FFF; font-weight: bold; }
h4, h5, h6 { font-size: 100%; }

p {
  margin-bottom: 0.4em;
  font-size: 1em;
}

strong { color: #000; font-weight: bold; }
em { color: #000; font-style: italic; }

ul { list-style: none; }
ul li { list-style: none; }

a { color: #006DB2; text-decoration: underline; }
a:hover { color: #006DB2; text-decoration: none; }

pre { overflow: auto; width: 100%; height: auto; }

/*  Classes
   ------------------------ */
.left { float: left; }
.right { float: right; }
.text-right { text-align: right; }
.accessibility { display: none; }
.clear { clear: both; }
.col { display: block; width: 626px; }
.twocol { width: 50%; }
.threecol { width: 32%;text-align:center; }
.small { font-size: 0.8em; }

.error {
  border: solid 1px #950003;
  background: #FF946F;
  font-weight: bold;
  padding: 5px;
}

.confirm {
  border: solid 1px #DF9D00;
  background: #FFE25F;
  padding: 5px;
  font-weight: bold;
}

hr.clear {
  clear: both;
  visibility: hidden;
  display: block;
  height: 1%;
  margin: 0;
  _margin: -7px 0;
}
.cnil {
  margin-top: 1em;
  font-size: 0.8em;
}

.clearfix { display: inline-block; }   
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*	Table
    ------------------------ */
table {
  margin: 1em 0;
  border: solid 1px #004D95;
}

table th {
  background: #004D95;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

#main .inside table th h4 {
  color: #fff;
  margin: 0;
  background: #004D95;
  font-size: 1em;
}

table td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  background: #fff;
}

table tr.even td {
  background: #f0f0f0;
}

/*  Form
   ------------------------ */

form { width: 100%; }

form .validate { margin-bottom: 0.6em; padding: 0.4em 0.2em; width: 435px; }

form .validate.active { background-color: #E6EFF2; }

form .validate.error {
  border-color: #FF7349;
  border-style: solid;
  border-width: 2px 0;
  background-color: #FFE7DF;
}

.required {
  color:#F68622;
  font-family:verdana,Helvetica,sans-serif;
  font-size:12px;
  vertical-align:-2px;
}

.form_error { font-weight: bold; font-size: 0.8em; color: #CF0000;}

label {
  font-weight: normal;
  color: #222;
}

select {
  border: solid 1px #d9d9d9;
}

input.text, textarea {
  margin-top: 0.2em;
  padding: 2px;
  border: solid 1px #d9d9d9;
}

.submit {

}

input.submit {
  font-weight : bold;
}

/*  Layout
    ------------------------ */
div#wrapper {
  width: 960px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  border-color: #000;
  border-style: solid;
  border-width: 0 1px;
}

div#wrapper.home {
   min-height: 725px;
  _height: auto !important;
  _height: 725px;
}

div#wrapper #prelude.internal {
  display: block;
  width: 960px;
  height: 51px;
}

div#wrapper div#header {
  width: 960px;
  height: 60px;
}

html/**/body div#wrapper div#header {
  height: 80px;
}

div#wrapper.home div#header {
  height: 91px;
  border-bottom: solid 10px #FFDE44;
}

div#wrapper.home div#content {
  width: 960px;
}

div#wrapper div#main {
  display: inline;
  float: left;
  width: 681px;
  margin-left: 19px;
}

div#wrapper div#main.maximal {
  display: block;
  width: 941px;
}

div#wrapper.home div#main {
  width: 692px;
  margin: 0;
}

div#wrapper div#sub {
  display:inline;
  float:right;
  width: 260px;
  padding-top: 180px;
}

div#wrapper.home div#sub {
  background: transparent url(img/content.jpg) left top repeat-x;
  width: 268px;
  padding-top: 0;
}

div#wrapper #footer {
  position: relative;
  clear: both;
  height: 80px;
  background: #004D95;
  border-top: solid 8px #FFDE44;
}

/*  Wrapper'styles
    ------------------------ */
div#wrapper {
  background: #004D95;
}

div#wrapper.home {
  background: #fff;
}

div#wrapper div#content {
  background: #016EB3 url(img/wrapper.jpg) left top repeat-x;
}

/*  Header
    ------------------------ */
div#wrapper #prelude.internal {
  text-indent: -9900em;
  background: #fff url(img/header-in.jpg) left top no-repeat;
  border-bottom: solid 5px #FFDE44;
}

div#wrapper.home div#header {
  background: transparent url(img/header-home.gif) left top no-repeat;
}

#logo {
  margin: 15px 0 0 10px;
}

#logo #title{
  margin-bottom: 0.4em;
}

#logo #title a {
  text-decoration: none;
  color: #FFDE44;
}

#logo #title a:hover {
  color: #FFB244;
}

#subtitle {
  padding-left: 2em;
}

/*  Header < Internal
    ------------------------ */

#header #logo #title{
  font-size: 2.8em;
}

#header #subtitle {
  font-size: 1.4em;
}

/*  Content
    ------------------------ */
div#wrapper.home div#content {
  background: transparent url(img/content.jpg) left top repeat-x;
}

#main .inside h4 {
  margin-top: 1em;
  font-size: 1.2em;
}

#main .inside h4.separator {
  margin-top: 1em;
  background: #fff url(img/post-title.gif) left 0.2em repeat-x;
  font-size: 1.2em;
}

#main .inside h4 strong {
  background: #fff;
  color: #014F97;
}

#main .inside .corner-around {
  background: #fff;
  width: 50%;
}

#main .inside .corner {
  padding: 10px;
  background: #FFF9DF;
}

#main .inside .vcard {
  margin: 1em;
}

#main .inside .vcard p {
  margin-bottom: 0.6em;
}

#main .inside .hcard-download a {
  text-decoration: none;
  padding: 3px 0 3px 40px;
  background: transparent url(img/hcard.gif) left top no-repeat;
}

/*  Main < Home
    ------------------------ */

#main #logo #title{
  font-size: 3.6em;
}

#main #subtitle {
  font-size: 1.6em;
}

#main #anime {
  position:absolute;
  top:178px;
  left:0;
  width: 395px;
  height: 521px;
  /*display: inline;
  margin-top: 8px;
  float: left;*/
}

/* edito */

#main #edito {
  display: inline;
  width: 270px;
  float: right;
  margin-top: 100px;
  margin-right: 20px;
}

#main #edito h4 {
  color: #FFDE44;
}

#main #edito .edito-header {
  min-height: 170px;
  height:  auto !important;
  height: 170px;
}

#main #edito .edito-picture {
  float: right;
  margin: 0 0 1em 1em;
}

#main #edito .edito-picture img {
  border: solid 1px #fff;
}

#main #edito .edito-title {
  padding-top: 70px;
  margin-bottom: 0;
}

#main #edito .edito-title, #main #edito .edito-subtitle {
  font-size: 1.4em;

}

#main #edito .edito-subtitle {
  background: #019AE0;
  color: #fff;
}

#main #edito .edito-content {
  margin-top: 10px;
  font-size: 1.2em;
}

#main #edito .edito-content p.success, 
#main #edito .edito-content p.efficacite, 
#main #edito .edito-content p.credibilite, 
#main #edito .edito-content p.perennite  {float:left;}

#main .edito-footer {float:right;width:650px;margin:30px 0;}
#main .edito-footer .bloc {float:left;width:45%;padding-left:25px;padding-top:10px;height:9em;}
#main .edito-footer h4 {color:#004D95;font-size:1.4em;margin-bottom:0;}
#main .edito-footer h4 span{font-size:0.9em;padding-left:4px;color:#444;}
#main .edito-footer p {font-size:1.2em;margin-bottom:0.6em;}
#main .edito-footer #bloc_1 {background:url(img/bloc1-background.jpg) 0 -10px no-repeat}
#main .edito-footer #bloc_2 {background:url(img/bloc2-background.jpg) 0 -10px no-repeat}
#main .edito-footer #bloc_3 {background:url(img/bloc3-background.jpg) 0 -10px no-repeat}
#main .edito-footer #bloc_4 {background:url(img/bloc4-background.jpg) 0 -10px no-repeat}

/*	Main
  ------------------------ */
div#wrapper #main {
  background: transparent url(img/main-in.gif) left top repeat-y;
}

div#wrapper.home #main {
  background: transparent url(img/content.jpg) left top repeat-x;
  font-size: 1em;
}


/*  Sub
    ------------------------ */

/*  Navigation
    ------------------------ */
#navigation {
  position: absolute;
  top: 50px;
  right: 10px;
  margin: 8px 20px 0 0;
  font-size: 1.4em;
  font-weight: bold;
  text-align: right;
  line-height: 1.5em;
}

div#wrapper.home #navigation {
  position: static;
  line-height: 1.8em;
}

#navigation a {
  color: #FFDE44;
  padding-right: 25px;
  background: transparent url(img/cube.gif) right 0.2em no-repeat;
}

#navigation a.important {
  color: #FFB244;
  padding-right: 25px;
  padding-bottom: 0.2em;
  background: transparent url(img/cube-imp.gif) right top no-repeat;
}

/*  Post'block < home
    ------------------------ */

.post-entry {
  margin : 10px 20px 10px 10px;
  border: solid 1px #004D95;
  background: #fff;
  color: #000;
  padding: 10px 0 10px 10px;
}

.post-entry.actu {
  margin-top: 50px;
  margin-bottom: 20px;
}

.post-entry p { font-size: 1.2em; }

.post-entry .post-title {
  font-size: 1.2em;
  background: #fff url(img/post-title.gif) left 0.2em repeat-x;
}

.post-entry .post-subtitle {
  font-weight: bold;
  color: #006DB2;
}

.post-entry .post-title strong {
  background: #fff;
  color: #014F97;
}



/*  extra < home
    ------------------------ */
#extra {
  color: #004D95;
  text-align: right;
  margin: 5px 20px 0 0;
  clear:both;
}

#extra p {
  margin-bottom: 0.8em;
  font-size: 1.2em;
}

#extra a {
  color: #004D95;
  font-weight: bold;
}

#extra .logos img {float:right;clear:both;}


/*	Internal pages
    ------------------------ */
div#wrapper #main .inside {
  background: transparent url(img/main-top.gif) left top no-repeat;
  padding: 15px 15px 0 15px;
  font-size: 1.2em;
   min-height: 500px;
  _height: auto !important;
  _height: 500px;
}

#main h3 {
  color: #FFD200;
  font-weight: bold;
  font-size: 1.6em;
  border-bottom: solid 1px #FFDE44;
  padding-bottom: 0.4em;
  margin-bottom: 1em;
}

#main h5, #main strong {
  color: #444;
}


/*	acces
/*	acces
  ------------------------ */
.js-enabled {width:400px;height:350px;float:left;border:1px solid #666;}


/*	Missions
  ------------------------ */
#main .mission {
  clear: both;
  font-size: 1em;
}

#main .toggle {
  padding: 0 0 20px 10px;
}

#main .inside .toggler {
  color: #014F97;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  background: transparent url(img/post-title.gif) left 0.2em repeat-x;
}

#wrapper #main .toggler strong {
  background: #fff url(img/puce.gif) left 0.2em no-repeat;
  color: #014F97;
  padding: 0 1em 0 16px;
}

#wrapper #main .toggler.opening strong {
  background: #fff url(img/puce-open.gif) left 0.2em no-repeat;
}

#main .mission-description {
  margin: 10px 0;
}
/*	Temoignage
  ------------------------ */

.temoignage {
  margin: 5px 0;
}

#main .temoignage-title {
  font: 1.2em/1.6em Georgia, Arial, Helvetica, sans-serif;
  color: #B2010C;
  border-bottom: solid 1px #FFDFE0;
  background: transparent url(img/cube-main.gif) left 0.4em no-repeat;
  padding-left: 20px;
}

#main .temoignage-title .temoignage-information {
  display: block;
  font-style: italic;
  font-size: 0.7em;
  color: #444;
  padding-left: 1em;
}

#main .temoignage-image {
  position: relative;
  right: 20px;
  border: solid 1px #004D95;
  padding: 2px;
  background: #fff;
}

#main .temoignage .temoignage-content {
  color: #666;
}

#main ul li {
  list-style: disc outside;
  margin-left: 15px;
}

/*	Actualites
    ------------------------ */
#entries .entry {
  border-bottom: solid 1px #ddd;
  margin-bottom: 1em;
}

#entries h4.entry-title {
  font-size: 1.4em;
  background: #fff;
}

#entries h4.entry-title a:hover {
  color:#FFCC00;
}
#entries h4.entry-title, #entries  h4.entry-title a {
  color:#FF9900;
}
#entries a {
  color:#444444;
  text-decoration: underline;
}

#entries .post-content {
  margin-bottom: 0.6em;
}

#entries h4 {
  color: #004D95;
}

#entries .post-info {
  border-left:5px solid #DDDDDD;
  color:#999999;
  font-size:0.85em;
  margin:0.3em 0 0.6em 0;
  padding-left:0.4em;
  clear: both;
}

#entries .post-info li {
  list-style: none;
  margin-left: 0;
}

#entries .post-info li a{
  display: inline;
  text-decoration: none;
}

#entries .post-file {
  margin: 1em 0;
  padding: 2px 0 2px 20px;
  background: #fff url(img/disk.gif) left top no-repeat;
}

#entries .post-picture {
  margin: 0 0 1em 1em;
}

#entries .post-picture img {
  border: solid 1px #004D95;
}

/* archive block */
#archive, #reportage {
  background: #fff;
  padding: 5px 10px;
  border: solid 1px #004D95;
  width: 220px;
  margin: 0 auto;
}

#archive h3 {
  color: #004D95;
  padding: 0 ;
  font-size: 1.4em;
  font-weight: bold;
}

#archive #archive-list {
  font-size: 1.2em;
}

#archive #archive-list li {
  color: #004D95;
  margin: 0;
  padding: 0;
}

* html #archive #archive-list { margin-top: 20px; }

* html #archive #archive-list li {
  margin: -10px 0 0 0;
}

#archive #archive-list li a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 6px 5px;
  line-height: 1.4em;
  border-bottom: solid 1px #DDDDDD;
}

#archive #archive-list li a:hover {
  display: block;
  background: #eee;
}

#archive span {
  color:#778E8E;
  font-size:0.94em;
  text-decoration: none;
}

/*	Contact
    ------------------------ */
#contactForm {
  margin: 1em 0;
}

#contactForm p {
  line-height: 1.6em;
}

#contactForm label{
  float: left;
  text-align: right;
  width: 120px;
  padding-right: 10px;
}

#contactForm .form_error {
  margin-left: 130px;
}

/*	Map
    ------------------------ */
#map {
  background: #fff;
  border: solid 1px #004D95;
  width: 230px;
  margin: -20px auto 10px auto;
  font-size: 1.2em;
  padding-bottom: 10px;
}

#map .carte {
  text-align: center;
}

#map ul.legende li {
  list-style: none;
  margin: 3px 0 3px 0;
  clear: both;
}

#map ul.legende li .icon {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background-color: transparent;
  background-image: transparent url(img/legende.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#map h4, #map ul {
  margin: 0 20px;
}

#map ul.legende .zone {
  list-style-type: none;
  margin-left: 0;
  padding-left: 20px;
  background: #fff url(img/zone.gif) left top no-repeat;
}

/*	Societe
    ------------------------ */


.society-category ul li {
  display: inline;
}

.society-category ul li a {
  display: block;
  text-decoration: none;
  float: left;
  margin: 0 1px;
  padding: 2px 2px;
  text-decoration: none;
  border: none;
  font-weight: bold;
  border-color: #0064AA #00569D #00569D #0064AA;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  height: 1.6em;
  color: #666;
  background: #eee;
}

.society-category ul li a.current, .society-category ul li a:hover {
  color: #0064AA;
  background: #fff;
}

.society-list {
  border-top: solid 1px #444;
  clear: both;
  padding-top: 0.5em;
}

html/**/body .society-list {
  margin-top: -5px;
}

.society {
  background: #fff url(img/plus.gif) 0.2em 0.6em no-repeat;
  border-bottom: solid 1px #ccc;
  padding: 5px 5px 5px 20px;
  clear: both;
}

.society.odd {
  background: #eee url(img/plus.gif) 0.2em 0.6em no-repeat;
}

.society.odd.active  {
  background: #eee url(img/minus.gif) 0.2em 0.6em no-repeat;
}

.society.active {
  background: #fff url(img/minus.gif) 0.2em 0.6em no-repeat;
}


#main .society.hover {
  background-color: #FFE87F;
}

#main .society .society-excerpt {
  min-height: 2.6em;
  _height: auto !important;
  _height: 2.6em;
}

#main .society .society-title {
  color: #004D95;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}

#main .society .society-title .toggler {
  background: transparent;
  color: #004D95;
  cursor:pointer;
  font-size:1em;
  font-weight: bold;
}

#main .society .right .toggler {
  background: #004D95;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  padding: 5px;
  display: block;
}

#main .society .society-type {
  color: #222;
  margin: 0;
}

#main .society .society-vcard {

  padding: 5px 0;
}

#main .society .society-vcard .logo {
  float: left;
  margin: 0 8px 8px 0;
  width: 120px;
  height: 120px;
  border: solid 1px #004D95;
  padding: 2px;
  background: #fff;
  text-align: center;
}


#main .society .society-contact {
  color: #004D95;
}


/*  Pager style
   ------------------------ */
.pager {
  padding: 5px 15px;
  color: #042B3F;
}

.pager {
  text-align: center;
  margin: 10px auto;
}

.pager span.atThisPage{
  background:#FFFFFF none repeat scroll 0%;
  border-color:#999999;
  color: #004D95;
  font-size:13px;
  font-weight:bold;
  padding:2px 6px;
  vertical-align:top;
}

.pager a {
  background:#FFFFFF none repeat scroll 0%;
  border:1px solid #DDDDDD;
  padding:2px 6px;
  text-decoration:none;
  color: #00347F;
}

.pager .prev {
  background:#FFFFFF none repeat scroll 0%;
  color:#AAAAAA;
  margin-right:20px;
  padding:2px 6px;
}

.pager .next {
  background:#FFFFFF none repeat scroll 0%;
  color:#AAAAAA;
  margin-left:20px;
  padding:2px 6px;
}

/*	Sitemap
    ------------------------ */
#main #sitemap {list-style: none; padding-bottom: 20px;}
#main #sitemap li {
  list-style: none;
  margin: 0.6em 0;
}

#sitemap li a {
  padding-left: 20px;
  background: transparent url(img/cube-main.gif) left top no-repeat;
}

#main #sitemap li ul {
  margin: 1em 0 1em 30px;
}

/*	Footer
    ------------------------ */
#footer {
  font-size: 1.2em;
}

#footer, #footer a {
  color: #fff;
}

#footer ul {
  float: right;
  margin: 1em 1em 0 0;
}

#footer ul li {
  display: inline;

}

#footer ul li a {
  padding: 0 0.4em;
}