::-moz-selection { background: #669900; color: #fff; text-shadow: none; }
::selection { background: #669900; color: #fff; text-shadow: none; }

body {
  background: #f4f4f4;
  background-image: none !important;
}

.dnone {
	display:none;
}

.cursorpointer {
  cursor:pointer !important;
}

div.eregie a img {border: 1px solid #D1D1D1 !important;}

.hvideo-400 {height:400px}

.doc-telechargement {
    background-color: #F2F1F1;
    background-image: url("./illust/bg-fiches-outils.png");
    background-position: right top;
    background-repeat: no-repeat;
}
.doc-telechargement li {
    background-image: url("./illust/icon-doc.png");
    background-position:right top;
    background-repeat: no-repeat;
   margin: 0 0 20px;
    padding: 0 18px 10px 0;
    width:105%
}

.doc-telechargement  ul {
    margin: 0;
    padding:20px 0 0 10px;
}

.ficheoutil  a[href$=".pdf"], .ficheoutil  a[href$=".PDF"], .ficheoutil  a[href*=".pdf#"], .ficheoutil   a[href*=".PDF#"], .ficheoutil   a[href*=".pdf?"], .ficheoutil  a[href*=".PDF?"], .ficheoutil   a.pdf {
  padding-right: 0;
  background-image: none !important;
}

.superwhite {color:#fff !important;}

article .timeline li.current:before {top:70px;}
article .timeline li a {
text-decoration: none;
}

div, textarea, table, td, th, code, pre, samp {
    -moz-hyphens: none;
    word-wrap: normal;
}

.step-vae .item {

	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}

/*   ******************** TRANSITIONS MENUS  ******************** */
/*#navigation,
#navigation .nav-banner,
#navigation .inner,
#navigation .content,
#navigation .content:before,
#navigation .content:after,*/
#navigation  a,
.tabs-item,
.btn-like
 /*,
#navigation a:focus,
#navigation a:hover,
#navigation a.current
#navigation a:focus:after,
#navigation a:hover:after,
#navigation a.current:after,
#navigation li + li:before,
#navigation li + li:after,
#navigation li:first-child:after,
.timeline li,
.timeline li a,
.timeline li:after,
.timeline li:before,
.step-vae .item,
.tabs-item,
.tabs-item a,
.tabs-item.ui-state-active*/
 {
   -webkit-transition: background-color  ease-in-out .5s ;
        -moz-transition: background-color  ease-in-out .5s ;
         -ms-transition: background-color  ease-in-out .5s ;
          -o-transition: background-color  ease-in-out .5s ;
             transition: background-color  ease-in-out .5s ;
}

.step-vae .item,
.timeline li,
.ressources
{
   -webkit-transition: all  ease-in-out .5s ;
        -moz-transition: all ease-in-out .5s ;
         -ms-transition: all ease-in-out .5s ;
          -o-transition: all ease-in-out .5s ;
             transition: all ease-in-out .5s ;
}


.step-vae .item:hover {
  background-color: #669900;
}



#accordeontitre .btn-like {
  /* -webkit-transition: background-color  linear 2s ;
        -moz-transition: background-color linear 2s ;
         -ms-transition: background-color linear 2s ;
          -o-transition: background-color linear 2s ;
             transition: background-color linear 2s ;*/
}



/*   ******************** STYLES POUR  ARTICLE  ******************** */

 .article {min-height: 400px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/*.article h3,
.article .h3-like {
   font-size: 1.4285714285714em;
}
*/
.article h3 {
  color: #cd021a;
  /*font-family: Helvetica,Arial,'Trebuchet MS',sans-serif;*/

}

/*.webo a[href$=".pdf"], .webo a[href$=".PDF"], .webo a[href*=".pdf#"], .webo a[href*=".PDF#"], .webo a[href*=".pdf?"], .webo a[href*=".PDF?"], .webo a.pdf {
    background-image: none;
    padding-right: 0;
}*/

 a.no-icon[href$=".pdf"], a.no-icon[href$=".PDF"], a.no-icon[href*=".pdf#"], a.no-icon[href*=".PDF#"], a.no-icon[href*=".pdf?"], a.no-icon[href*=".PDF?"], .a.no-icon.pdf {
    background-image: none;
    padding-right: 0;
}

.article h4{
     /*font-family: BebasNeueRegular, Arial, sans-serif;*/
     font-family: Helvetica,Arial,'Trebuchet MS',sans-serif;
     /*color: #cd021a;*/
     color:#0086c9;
     /* color:#3d3f40; */
     font-weight: bold;

}

blockquote.spip {
background-color:#F2F1F1;
padding:10px;
    border:none;
    font-size: 1.1em;
    margin: 10px 0;
    text-align: left;
}

.article ul li {
    background: url("./illust/puce-blue.png") no-repeat scroll 0 6px transparent;
    margin: 0 0 2px 15px !important;
    padding-left: 14px !important;
}

.article a.btn-like{
color:#fff;
text-decoration: none;
}



.article h3 a {
    color: #CD021A;
    text-decoration: none;
    
}

.cs_blocs {
	margin-bottom: 1em;
}

.blocs_destination {
    margin-left: 20px;
}

.article .blocs_replie {
    background: url("./illust/triangle.png") no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}

.article .blocs_titre {
    background: url("./illust/triangle-bas.png") no-repeat scroll left center rgba(0, 0, 0, 0) ;
    clear: left;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0.5em !important;
    margin-top: 4px;
    padding: 0 0 0 25px;
}


.texteencadre-spip {
/*background-color:#FFFACD;*/
background-color:#f0f0f0;
padding:10px;
    /*border:2px solid #999;*/
    border:none;
    font-size: 1em;
    margin: 0;
    text-align: left;
    line-height: 1.4em;
    color: #333333;
    margin:10px 0;
  /*   -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.095);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.095);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.095);*/
}

.mini, .mini a{
font-size:11px;
color:#666;
}

/*.mt1 {
    margin: 0 0 10px 0 !important;
}
*/
.fiches-outils li {
    margin: 0 0 10px 0;
}

/*   ******************** onglet suivant  ******************** */

.arrondi_droit {
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.suite{
  background-color: #F2F1F1;
}
.suite li {
  background-image: url(./illust/timeline-item.png);
  background-repeat: no-repeat;
  background-position: left 3px;
}

.suite h2{
color:#669900;
}

.aussi {
  background: #f2f1f1 url(./illust/bg-timeline.png) no-repeat right top;

}
.aussi li {
  background-image: url(./illust/timeline-bleu.png);
  background-repeat: no-repeat;
  background-position: left 3px;
}

.aussi h2{
color:#3D6A95;
}

/*   ******************** SOMMAIRE TIMELINE  BOUTONS ******************** */

.timeline li a {
    color: #666666;
    font-size: 1em;
}

.timeline li a:hover {
    color: #BD0201;
    font-size: 1em;
    text-decoration: none;
}

.timeline li:hover {
    background-image: url("./illust/timeline-current.png");
    color: #333333;
}

li.tabs-item:hover {
    background: none repeat scroll 0 0 #669900;
}

li.tabs-item a:link, li.tabs-item a:hover, li.tabs-item a:active,  li.tabs-item a:visited  {
    text-decoration: none;
}

 li.ui-tabs-active.tabs-item:hover {
	background: none repeat scroll 0 0 #F2F1F1;
}

a.btn-like:hover {
  background: #74766f;
  color: #fff;
  text-decoration: none;
}

/*   ******************** timeline mini article et rubriques ******************** */

a#toggler  {
	  background: url(./illust/mini-triangle2.png) no-repeat 74% 50%;
}
a.selected#toggler  {
	  background: url(./illust/mini-triangle.png) no-repeat 74% 50% !important;
}
/*   ******************** TABLEAU PRC  ******************** */
table.prc .caption-table {
    font-family: BebasNeueRegular,Arial,sans-serif;
    font-size: 1.78571em;
    font-weight: normal;
    line-height: 1.568em;
    margin-bottom: 0;
    margin-top: 0.784em;
}


table.prc  tr {
    background-color: #F2F1F1;
}
table.prc  tr:nth-child(odd) {
    background-color: #F2F1F1;
}
table.prc  tr:nth-child(even) {
    background-color: #E7E4E4;
}

table.prc td {
    background-color: transparent;
}

/*   ******************** CARTE PRC  ******************** */



.carte_gis {
   background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  		-webkit-border-radius: 15px;
     	-moz-border-radius: 15px;
          border-radius: 15px;
          -webkit-box-shadow:  0 4px 4px rgba(0, 0, 0, 0.075);
    	 -moz-box-shadow:  0 4px 4px rgba(0, 0, 0, 0.075);
          box-shadow:  0 4px 4px rgba(0, 0, 0, 0.075);
          }

          .prc-bulle-like {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  background-color: #94c500;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #94c500 0%, #639500 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94c500), color-stop(100%, #639500));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #94c500 0%, #639500 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #94c500 0%, #639500 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c500', endColorstr='#639500', GradientType=0);
  /* IE6-9 */

  line-height: 1em;
  padding: 0.6em 1em 0em 0.7em;
  border-radius: 2em;
  height:2em;
  width:2em;
  font-weight: bold;
  border: 0;
  font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
  font-size: 2em;
  color: #fff;
}

/*   ******************** GLOSSAIRE  ******************** */

#carte .ui-widget-content {
    background: none;
    border: none;
    border-top:1px solid #fff !important;
    color: #222222;
}
#carte .ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

#carte .ui-widget-header {
    background: #fff !important;
    border:none;
    border-bottom: 1px solid #fff !important;
    color: #222222;
    font-weight: bold;
}

#carte #tabs .ui-tabs-panel {
    margin-right: 1px;
    min-height: 120px;
}

#carte .bd1-grayE {border:1px solid #ccc !important;}

/*   ******************** GLOSSAIRE  ******************** */

h3  a.cs_glossaire, h4  a.cs_glossaire {
	color:#CD021A;
}

h4  a.cs_glossaire {
color:#0086c9;
}

h3  a.cs_glossaire .gl_dl span{
	font-size: 75%;
}

a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
    color: #000000;
    text-decoration: none;
    z-index: 998;

 -webkit-transition: visibility 2s ease;
 -moz-transition: visibility 2s ease;
 -ms-transition: visibility 2s ease;
 -o-transition: visibility 2s ease;
 transition: visibility 2s ease;
}
a.cs_glossaire span.gl_js, a.cs_glossaire span.gl_jst, a.cs_glossaire span.gl_dl, a.cs_glossaire span.gl_dt, a.cs_glossaire span.gl_dd {
    display: none;
    font-style: normal;
    visibility: hidden;
    z-index: 999;
}
a.cs_glossaire span.gl_dd {
    font-weight: normal;
    font-family: Helvetica,​Arial,​sans-serif !important;
    font-size:1em;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt, a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
    display: block;
    visibility: visible;
}
a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
    background-color: #fffce0;
    border: 1px solid #ccc;
    display: inline;
    font-size: 85%;
    margin-left: -120px;
    margin-top: 1.8em;
    padding: 4px;
    position: absolute;
    visibility: visible;
    width: 180px;

	-moz-box-shadow: 6px 6px 8px #000;
	-webkit-box-shadow: 6px 6px 8px #000;
	box-shadow: 6px 6px 8px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
    background-color: #fffce0; /*#669900;*/;
    font-weight: bold;
    padding: 3px;
    line-height: normal;
    text-align: left;
   /* color:#fff;*/
   color:#CD021A;
   font-family: Helvetica,​Arial,​sans-serif !important;
}
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
    line-height: 1.3em;
    padding: 3px;
    text-align: left;
}
a.cs_glossaire span.gl_mot {
    border-bottom: 1px dotted gray;
    font-size: inherit;
}
#glossOverDiv span.gl_dl {
    margin-left: -60px;
}
a.cs_glossaire:after {
    display: none;
}


/*   ******************** Listing pour sitographie  ******************** */
.btn-like.accordeontitre {
  position: relative;
  /* Old browsers */
  background-color: #9FC136;
  /* FF3.6+ */
  background-image: -moz-linear-gradient(top,#9FC136 50%,#87B205 100%);
  /* Chrome,Safari4+ */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#9FC136),color-stop(100%,#87B205));
  /* Chrome10+,Safari5.1+ */
  background-image: -webkit-linear-gradient(top,#9FC136 50%,#87B205 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top,#9FC136 50%,#87B205 100%);
  /* IE10+ */
  background-image: -ms-linear-gradient(top,#9FC136 50%,#87B205 100%);
  /* W3C */
  background-image: linear-gradient(to bottom,#9FC136 50%,#87B205 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FC136',endColorstr='#87B205',GradientType=0);
  border: 1px solid #eee;
  color: #155e90;
  font-weight: normal;
  padding: 7px 20px 7px 10px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  background-image:none;
}

#accordeon li.ui-state-hover, #accordeon li.ui-accordion-header-active {
background-color: #aaaaaa !important;
color:#fff !important;
border: 1px solid #aaa;

}

/*#accordeon li a:hover, */
#accordeon li.ui-accordion-header-active > a, #accordeon li.ui-state-hover > a {color:#fff !important; text-decoration: none}

#accordeon ul, #accordeon li, .article ul.webo li { list-style-type:none !important;}
 .article ul.webo li {
background-image: none;
 margin:0 0 20px 15px !important;
 padding: 10px;
 }
 
 .tool {
 padding-left:20px; 
    background-image: url("./illust/tool-mini.png");
    background-repeat: no-repeat;
    }

/*   ******************** formulaire de contact et de recommandation  ******************** */

.article #formulaire_contact ul li, #formulaire_recommander ul li {
    background: none;
    list-style-type: none;
    /*margin: 10px !important;
    padding-left: 14px !important;
    /*text-align: right;*/
      margin: 0 !important;
    padding: 0 !important;
}

.article #formulaire_contact input.submit, .article #formulaire_contact input[type="submit"] {
    float: right;
    margin: 0 44px 0 0 !important;
    padding: 8px !important;
    text-align: center;
    font-size: 1em;
}

.article #formulaire_contact legend {
	   font-size: 1.4285714285714em;
  color: #cd021a;
  margin: 10px 0;
  font-weight: bold;
	
}

#formulaire_recommander input, textarea { 
	background-color: #fff;
}


p.explication {
		color: #555;
		background: #EEE;
		font-size: 12px;
		display: block;
		width: 80%;
		border: 1px solid #DDD;
		padding: 5px;
		margin: 5px 0;
}


.formulaire_formidable input[type="submit"] {
	width:50%;
	background: #690;
	color:#fff;
	font-weight: bold;
}


/*   ******************** formulaire dinscription  ******************** */

#formidable ul li, .formulaire_formidable ul li {
    background: none;
    list-style-type: none;
    /*margin: 10px !important;
    padding-left: 14px !important;
    /*text-align: right;*/
      margin: 0 !important;
    padding: 0 !important;
}

#formidable label  {display: inline-block}

#formidable h3.legend , .formulaire_formidable h3.legend {color:#0086c9}

.formulaire_formidable input,.formulaire_formidable textarea, .formulaire_formidable select {

   /* width: 90%;*/
}



/*      ************* ajout de rollover sur les submits  ****************/

.search > label {display:block}


.search .submit:hover {
    background-color: #1b2b5a !important;
    background-image: none !important;
    color: #FFFFFF !important;
    }

input.submit:hover, input[type="submit"]:hover {
    background-color: #1b2b5a !important;
    color:#fff;
}


/*      ************* style liste FAQ  ****************/

.article #faq h3 a {
    color: #0086C9 !important;
    font-family:sans-serif; 
    font-size: 16px;
    line-height: 16px;
}

.article #faq  .blocs_titre { line-height: 16px;  margin-left: 30px;}

.article #faq  .blocs_destination {margin-left: 40px; border-left:8px solid #eee; padding-left:10px;}

.article #faq h4 {
	color:#333;
	margin-bottom: 1em;
}