@import url(http://fonts.googleapis.com/css?family=Play:400,700);

body {
  background-color:#D6E8F6;
  font-size:17px;
  line-height:22px;
  color:#555;
}

a {color:#477DBB;}
a:hover {
	color:#EC9709;
	text-decoration:none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
p {margin: 10px 0;}
hr {border:0;border-bottom:1px dashed #EC9709}

#entetePage {position: absolute;}

#entetePage a {
  position: relative;display:block;
  width: 230px; height:205px;
  margin: 0;padding: 0;
}
#entetePage strong {display:none;}
#corps {
  background: #FFF;
  margin: 0 auto;
  width:990px;
  box-shadow: 0 8px 10px rgba(100,100,100,.5);
  -webkit-box-shadow:0 8px 10px rgba(100,100,100,.5);
}
#header {
  background: #FFF url("../img/bandeau-ecorenover.jpg") no-repeat top center;
  margin: 0 auto;
  width: 100%;
  height:255px;
}

#nav {
  position: relative;
  top:219px;
  width: 990px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#navP1 {
  position: relative;
  margin: 0;
  padding: 0;
}

/* menu principal
------------------------- */
#navP1 ul {
  margin: 0 0 0 70px;
  padding: 0;
  height: 30px;
  text-align: left;
  list-style-type: none;
}

#navP1 ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

#navP1 ul li {
  display: block;
  float: left;
  font: 400 24px Play, Arial, sans-serif;
  margin: 0 40px;
  padding: 2px 20px 13px 20px;
  height: 23px;
  color: #fff;
  text-align: center;
  border-radius:7px;
  -webkit-border-radius:7px;
}

#navP1 ul li a:link,
#navP1 ul li a:visited {
  display:block;
  color:white;
  text-decoration: none;
}

#navP1 ul li:hover,
#navP1 ul li.active {
  background-color:#9AC015;
  padding-top:12px;
  color: #fff;
  text-decoration: none;
}
li,
li:hover {
	transition: padding .2s;
	-webkit-transition: padding .2s;
}

.clear {clear:both;}

#chapo {font-style:italic}

#video {
  background: transparent url("../img/fondVideo.jpg") repeat;
  padding: 30px 45px 20px;
}
#video-gallery {
  margin: 0;
  width: 100%;
}
.videoGallery h5 {
  line-height:16px !important;
  font-weight: normal;
}
.videoGallery .rsTmb {
  padding: 10px 15px;
}
.videoGallery .rsThumbs .rsThumb {
  width: 260px;
  height: 55px;
  border-bottom: 1px solid #D6E8F6;
}
.videoGallery .rsThumbs {
	background: #9ac015 !important;
  width: 260px;
}
.videoGallery .rsThumb:hover {
  background: #6FA325;
}
.rsThumb,
.rsThumb:hover {transition: background .3s;-webkit-transition: background .3s;}

.videoGallery .rsThumb.rsNavSelected {
  background-color: #6FA325;
}
.videoGallery .rsThumbsArrow {
	background: #464646;
	background: rgba(70,70,70,.75);
}
.videoGallery .rsThumbsArrow:hover {
	background: rgba(70,70,70,.9);
}

.videoGallery .rsContent {background: #FFF url("../img/loader.gif") no-repeat center center;}

.sampleBlock {
  margin:0;
  padding:10px;
  left: 0; 
  top: 3%; 
  width: 100%;
  max-width: 400px;
  background-color:rgba(100,100,100,.6);
  font-size: 16px;
  line-height: 18px;
}
.sampleBlock a {
  color:#D9FB00;
  font-weight:normal;
}
#annonce {
  background: #fff;
  padding: 20px 60px 20px 20px;
  box-shadow:0 5px 5px rgba(100,100,100,.2) inset;
  -webkit-box-shadow:0 5px 5px rgba(100,100,100,.2) inset;
  border-top:1px solid #ccc;
}

.blockAnnonce {
  float:left;
  width:285px;
  margin: 0 50px 0 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}
.blockAnnonceI {
  background: #9ac015;
  padding: 10px 20px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  color:white;
}
.blockAnnonce h3 {
  background: #9ac015;
  margin:0 0 5px 0;
  padding:0;
  font-family: Play,sans-serif;
  font-size:24px;
  font-weight:bold;
  line-height:28px;
}
.blockAnnonceT {
  font-size:19px;
  line-height:24px;
  color:#477DBB;
}
.blockAnnonceT h3 {font-weight:700;}
  
h3 {
  margin-top:10px;
  font-family: Play,Arial,sans-serif;
  font-size:22px;
  font-weight:700;
}
.blockAnnonceT blockquote {
  font-size:19px;
  line-height:0;
  color:#EC9709;
  text-align:right;
}

#contenu {width:100%;padding: 10px 0 30px;}
#colonneContenu{position:relative;float:left;width:650px;margin:0 0 0 40px;padding:0;text-align:left}
#navP2{position:relative;width:230px;margin:20px 0 0 720px;padding:0;text-align:left}

#contenu h1 {
  margin:15px 0;
  padding:0;
  font-family: Play,Arial,sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:30px;
  color:#EC9709;
}
#contenu h2 {
  margin: 0 0 15px 0;
  padding:0;
  font-family: Play,Arial,sans-serif;
  font-size:28px;
  font-weight:400;
  line-height:27px;
  color:#477DBB;
}
#contenu h3 {margin:15px 0 5px;color:#EC9709;}
#contenu iframe {
  background: #FFF url("../img/loader.gif") no-repeat center center;
  box-shadow:0 0 45px rgba(50,50,50,.15) inset;
  -webkit-box-shadow:0 0 45px rgba(50,50,50,.15) inset;
  margin-bottom:15px;
  border:1px #eee solid;
}
#contenu .blockAnnonce {margin-right: 20px;}
#contenu .blockAnnonce h3 {margin:0;color:white}
.spip_documents_right {margin-left:10px}
.spip_documents_left {margin-right:10px}

.blocs_titre {
  background:transparent url('../img/fois.png') no-repeat scroll 0 2px;
  padding-left:30px;
  font-family: Play,Arial,sans-serif;
  font-size:21px;
  font-weight:400;
  line-height:27px;
  cursor:pointer;
}
.blocs_replie {
  background:transparent url('../img/plus.png') no-repeat scroll 0 2px;
}

#navP2 ul#navVideos {
  margin:0;
  padding:0;
  font-family: Play,Arial,sans-serif;
  font-size:18px;
  list-style:none;
}
#navP2 #navVideos li {
  margin:0;
}
#navP2 #navVideos li a {
  background: #9ac015;
  display:block;
  margin:0;
  padding:10px 15px;
  color:white;
  border-bottom: 1px solid #D6E8F6;
  text-decoration:none;
}
#navP2 #navVideos li a:hover, #navP2 #navVideos li.active a {
	background: #6FA325;
}
#navP2 li a:hover {transition: background .3s;-webkit-transition: background .3s;}
#navP2 h {color:#477DBB;}
#navP2 ul {
  margin:0 0 0 20px;
  font-family: Play,Arial,sans-serif;
  font-size:18px;
  list-style-image: url("../img/puce.png");
  color:#555;
}
#navP2 li a {color:#333;}
#navP2 li a:hover {color:#EC9709;text-decoration:none}

#preFooter {
  position:relative;
  padding: 20px 60px 20px 20px;
  box-shadow:0 5px 5px rgba(100,100,100,.2) inset;
  -webkit-box-shadow:0 5px 5px rgba(100,100,100,.2) inset;
  border-top:1px solid #ccc;
}
#preFooter table {
  width:100%;
  margin: 5px;
}
#preFooter td.chapoPre {
  width:50%;
  color:#95BA16;
  font-size:19px;
  line-height:24px;
  vertical-align:top;
}
#preFooter td.corpsPre {
  padding-left:15px;
  width:50%;
  font-size:22px;
  line-height:32px;
  color:#477DBB;
  vertical-align:top;
}
#preFooter .spip_doc_titre {
  font-size:12px;
  color:#333;
  line-height:12px
}
#preFooter a {
  font-size:15px;
  line-height:12px
}
#preFooter a:hover {
  color:orange;
}

#footer {
  background: #9ac015;
  min-width:990px;
  height:30px;
  padding: 10px 0 15px 0;
	background-image: -webkit-linear-gradient(top, #839F10, #9ac015);
	background-image: linear-gradient(to bottom, #839F10, #9ac015);
}
.footerContent {
  position:relative;
  width:990px;
  margin: 0 auto;
  text-align:center;
  color:white;
}
.footerContent a {
  margin:0 3px;
  font-size:16px;
  color:white;
  text-decoration:none;
}
.footerContent a:hover {color:#333}
.footerContent #footerLiens {
  position:relative;
  float:left;
  width:680px;
  text-align:right;
}
.footerContent #footerFeeds {
  position:relative;
  width:250px;
  margin-left:730px;
  text-align:right;
}
.footerContent #footerFeeds span {display:none}
.footerContent #footerFeeds img:hover {
  width:32px;
  height:30px
}

#page-navigation { display: none; }
form .saisie_input {margin-bottom:1em;}
#corps form {display:inline-block;margin:0;}
#corps form ul {margin:0;list-style:none;}
#corps form li {margin-top:15px;}
#corps form li label span {margin-left:5px;font-size:13px;color:#999;}
#corps form textarea {font:400 16px Play, Arial, sans-serif;padding:10px;min-height:200px;width:95%;border:1px #9AC015 solid;}
#corps form input {width:95%;font:400 16px Play, Arial, sans-serif;padding:10px;border:1px #9AC015 solid;}
#corps .erreur_message {color:maroon}
#corps label {font-size:16px}
p.reponse_formulaire_ok {background-color:#eee;padding:7px 20px;color:green;box-shadow:0 0 20px #ddd inset;-webkit-box-shadow:0 0 20px #ddd inset}
p.reponse_formulaire_erreur {background-color:#eee;padding:7px 20px;color:red;box-shadow:0 0 20px #ddd inset;-webkit-box-shadow:0 0 20px #ddd inset}
.boutons .submit {
  display: inline-block;
  position: relative;
  background-color: #E0A758;
  width: 100px !important;
  cursor: pointer;
  line-height: 1;
  margin: 0 0 1.25em;
  text-decoration: none;
  font-size:16px;
  text-align: center;
  font-weight:bold;
  border:none;
  padding: 0.5em 1.5em 0.6em 1.5em;
  color: #333;
}
.boutons .submit:hover, .boutons .submit:focus {background-color: #aaa;color:#fff !important;border-bottom:0 !important}