* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a {
text-decoration:none;
border-style: none;
color: #86C5FF;
}

a img {
border-style: none;
}

a:hover, #menuPied a:hover {
color: #2A94CD;
}

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

body {
  background: #111111;
  background-image : url(../images/Banniere_Plus_Finedegrad2.jpg);
  background-color: #000;
  background-position: left top;
  color:#FFF;
  background-repeat: no-repeat;
  overflow-x:hidden;
  color: white;
  text-align: left;
  /* background-attachment: fixed; */
}

body, .ui-widget {
  font-family: 'Myriad Pro',"Trebuchet MS", Arial, sans-serif;
  font-size: 13px;
}
*{
  margin:0;
  padding:0;
}


.boxcenter {
  display: block;
  width : 78%;
  margin: 5px auto;
}

#intro {
background-color: rgba(0, 0, 0, 0.1);
margin: 0px -10px 11px -10px;
}

#intro h1 {
font-size: 150%;
padding-top: 10px;
}

.cn_wrapper{

  background: #4f4f4f;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  #4f4f4f 0%, #424242 59%, #353535 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4f4f4f), color-stop(59%,#424242), color-stop(100%,#353535));
  background: -webkit-radial-gradient(center, ellipse cover,  #4f4f4f 0%,#424242 59%,#353535 100%);
  background: -o-radial-gradient(center, ellipse cover,  #4f4f4f 0%,#424242 59%,#353535 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #4f4f4f 0%,#424242 59%,#353535 100%);
  background: radial-gradient(ellipse at center,  #4f4f4f 0%,#424242 59%,#353535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#353535',GradientType=1 );

  color: white;
  text-shadow: 1px 1px 1px black;
  font-size: 13px;

  width: 383px;
  height: 200px;
  overflow: hidden;

  border: 1px solid rgb(17, 17, 17);
  -moz-box-shadow: 1px 1px 4px #222;
  -webkit-box-shadow: 1px 1px 4px rgb(34, 34, 34);
  box-shadow: 1px 1px 4px rgb(34, 34, 34);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  float: left;
  display: inline;
  position: relative;
  margin: 5px;
  padding: 7px;
}

.cn_wrapper .ui-icon {
  position: absolute;
  cursor:pointer;
  top: 4px;
  
}

.cn_wrapper .ui-icon-circle-close {
right: 4px;
z-index: 10;
}

.cn_wrapper .ui-icon-wrench {
right: 22px;
z-index: 10;
}


.cn_wrapperslot {
  width: 379px;
  height: 200px;
  margin: 5px;
  padding: 7px;
  display:block;
  float:left;
  border: 3px dotted rgba(74, 166, 221, 0.84);

}

.cn_wrapper.double{
  width: 792px;
  height: 426px;
}


#wdg_data.cn_wrapper{
  background-image : url(../images/bck-acces.jpg);
  background-position: -1px -2px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#wdg_sciteam.cn_wrapper{
  background-image : url(../images/wdg_sciteam.jpg);
  background-position: -1px -2px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}  

#wdg_smartphone a.illuavisocean {
position: absolute;
right: 16px;
top: 106px;
}

/*modif du r�pertoire MSL; ce n'est plus dans fileadmin/images/news/indic/msl/ mais dans fileadmin/images/data/Products/indic/msl C.Maheu mars 2014
octobre 2016: ùodif du nom de fichier suite MSL PlotTool _IB_RWT_ remplacé par *_AVISO_*/
#wdg_MSL.cn_wrapper{
  background-image : url(/fileadmin/images/data/Products/indic/msl/MSL_Serie_MERGED_Global_AVISO_GIA_Adjust_widget.png);
  background-position: -1px -2px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*modif pour ajouter widget ENSO C.Maheu juillet 2014*/
#wdg_enso.cn_wrapper{
  background-image : url('../images/illu_widget_el_nino.jpg');
  background-position: -1px -2px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


#wdg_duac.cn_wrapper{
/*  background-image : url(http://bulletin.aviso.altimetry.fr/images/duacs_global_nrt_msla_merged_h_latest_glo_msla_n0_t0_widget.png);*/
/*  background-image : url(/fileadmin/images/data/duacs/bulletin/duacs_global_nrt_msla_merged_h_latest_glo_msla_n0_t0_widget.png);*/
  background-image : url(/fileadmin/images/data/duacs/aviso_cmems_products_400_217b.png);

  /* /fileadmin/images/data/duacs/bulletin */
  background-position: -1px -2px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#wdg_swot.cn_wrapper{
 background-image: url('../images/wdg_swot.jpg');
    background-repeat: no-repeat;
    background-position: left;
    display: block;  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.degrad {
background-image: url('../images/degrad.png');
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 95px;
z-index: 0;
}


#wdg_swot.cn_wrapper label{
  right: 22px;
position: absolute;
font-size: 45px;
}


.camera_wrap {
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  right:0px;
  z-index:0;
}

.cn_wrapper h1{  
  font-size: 20px;
  text-transform: uppercase;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: rgba(0, 0, 0, 0.46);
  width: 417px;
  padding: 10px;
}

.cn_wrapper h2{
  font-size:12px;
  border-bottom:1px solid #000;
  padding-bottom:4px;
/*  text-transform:uppercase; */
}

.cn_preview, .cn_list{
  width: 331px;
  position: absolute;
  top: 2px;
  left: 6px;
  bottom: 5px;
}
.cn_preview{
  left:336px;
}
.cn_content{
  border:1px solid #444;
  top:510px;/*5*/
  left:5px;
  width:437px;
  padding:10px;
  position:absolute;
  background-color:#101010;
  height:405px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  overflow: hidden;
}
.cn_content img{
  width: 100%;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
  margin-top: 45px;
}
.cn_date{
  position:absolute;
  bottom:30px;
  right:8px;
  font-size:11px;
}
.cn_category{
  position:absolute;
  bottom:30px;
  left:8px;
  font-size:11px;
  padding:1px 3px;
  background:#ccc;
  border:1px solid #ddd;
  color:#000;
  text-shadow:-1px 0px 1px #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cn_content p{
  height: auto;
position: absolute;
bottom: 24px;
background: rgba(0, 0, 0, 0.47);
padding: 8px;
width: 421px;
}

label {
color: #36b6ff;
font-weight: bold;
font-size: 14px;
/*text-transform: capitalize;*/ /*uppercase;*/
padding: 6px 13px 5px 140px;
display: block;
margin: 10px auto;
z-index: 10;
font-family: 'Myriad Pro',"Trebuchet MS", Arial, sans-serif;
}


a.cn_more{
  position:absolute;
  padding: 4px 0px;
  left:0px;
  bottom:0px;
  width:475px;
  color:#fff;
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  text-shadow:1px 1px 1px #011c44;
  text-transform:uppercase;
  text-decoration: none;
  border:1px solid #4c7ecb;
  outline:none;
  cursor:pointer;
  
background: #1681b9;
background: -moz-linear-gradient(top,  #1681b9 0%, #006ba4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1681b9), color-stop(100%,#006ba4));
background: -webkit-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
background: -o-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
background: -ms-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
background: linear-gradient(to bottom,  #1681b9 0%,#006ba4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1681b9', endColorstr='#006ba4',GradientType=0 );

  
  
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -border-bottom-left-radius: 5px;
  -border-bottom-right-radius: 5px;
  -moz-box-shadow:1px 1px 3px #111;
  -webkit-box-shadow:1px 1px 3px #111;
  box-shadow:1px 1px 3px #111;
}
a.cn_more:hover{
  color: #011c44;
  text-shadow: 1px 1px 1px #ccdffc;
}
.cn_item{
  border:1px solid #090909;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  height: 83px;
  color:#fff;
  padding:5px;
  margin:6px 5px 0px 0px;
  text-shadow:1px 1px 1px #000;
  background:#2b2b2b;
  background:
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#171717),
      to(#2b2b2b)
    );
  background:
    -moz-linear-gradient(
      top,
      #171717,
      #2b2b2b
    );
  -moz-box-shadow:1px 1px 3px #111;
  -webkit-box-shadow:1px 1px 3px #111;
  box-shadow:1px 1px 3px #111;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  display:block;
}

.cn_wrapper .cn_item:hover,
#addPlug,
.selected{
  border-color:#4c7ecb;
  background: #1681b9;
  background: -moz-linear-gradient(top,  #1681b9 0%, #006ba4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1681b9), color-stop(100%,#006ba4));
  background: -webkit-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
  background: -o-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
  background: -ms-linear-gradient(top,  #1681b9 0%,#006ba4 100%);
  background: linear-gradient(to bottom,  #1681b9 0%,#006ba4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1681b9', endColorstr='#006ba4',GradientType=0 );

}

.cn_wrapper .cn_item:hover h2,
.cn_list .selected h2,
.cn_wrapper .cn_item:active h2{
  border-color:#2C5FAC;
}
.cn_wrapper .cn_item:hover p,
.cn_list .selected p,
.cn_wrapper .cn_item:active p{
  border-color:#527CBB;
}
.cn_wrapper .cn_item:active {
  color: #011c44;
  text-shadow: 1px 1px 1px #ccdffc;
}
.cn_list p{
padding-top: 2px;
overflow: hidden;
border-top: 1px solid #333;
line-height: 15px;
}
.cn_nav{
  width:60px;
  height:24px;
  position:absolute;
  bottom:6px;
}
a.cn_next, a.cn_prev{
  float:left;
  height:23px;
  width:23px;
  background-color:#212121;
  background-repeat:no-repeat;
  background-position:center center;
  cursor:pointer;
  outline:none;
  border:1px solid #111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
a.cn_next{
  background-image:url(../images/next.png);
}
a.cn_prev{
  margin-right:5px;
  background-image:url(../images/prev.png);
}
.cn_nav a:hover{
  background-color:#101010;
}
.cn_nav a:active{
  margin-top:1px;
  background-color:#000;
}
.cn_nav a.disabled{
  opacity:0.5;
}
.cn_page{
  display:none;
}


.barrebg{
  background-image:url(../images/barrebg.png);
  width : 100%;
  height:45px;
  display:block;

}

.barrehaut {
font-size: 7pt;
text-transform: uppercase;
display: block;
color: rgb(255, 255, 255);
margin: 0;
padding: 3px 19%;
}

.barrebas {
font-size: 10pt;
text-transform: uppercase;
display: block;
color: rgb(255, 255, 255);
margin: 0;
padding: 7px 19%;
}

.icomail {

position: absolute;
right: 20%;
top: 22px;
cursor:pointer;
}

.csc-textpic-image  img {
background-color: #FFF;
padding: 0px;
border-radius: 6px;
border: 2px solid rgba(51, 51, 51, 0.84);
box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.59), 0px 0px 123px #CCC inset;
display: block;
margin: 17px auto; 
}

.checkboxline {
display: block;
border: 1px solid rgb(111, 117, 131);
padding: 5px;
margin: 5px;
background-color: rgb(197, 213, 255);
box-shadow: 0px 0px 6px rgba(69, 125, 156, 0.22) inset;

}

.tx-indexedsearch-searchbox fieldset{
    position: relative;
    top: auto;
    left: auto;
}

.tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword{
    padding: 3px;
}

.tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form{
    display: block;
    margin-bottom: 15px;
}

.tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form label{
  display: inline-block;
  margin-right: 10px;
}
.tx-indexedsearch-searchbox fieldset .tx-indexedsearch-search-submit {
  margin-left: 90px;
} 

fieldset {
border: none;
bottom: 0px;
position: absolute;
background-color: rgba(0, 0, 0, 0.42);
padding: 10px;
border-radius: 8px;
}

div.fieldsets fieldset {
position: relative;
background-color: rgba(0, 0, 0, 0.03);
}

div.fieldsets, div.fieldsets li {
color: #000;
}

#mailform fieldset, #mailform .fieldset {
margin: 3px 4px;
width: 306px;
font-size: 10px;
padding: 8px 3px 4px 10px;
display: block;
}

#mailformformtype_mail {
margin: 0px 0px 0px 7px;
}

input[type=submit] {
  border: 1px solid #000;
background-color: #262627;
color: #D1D1D1;
padding: 3px;
border-radius: 5px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
float: left;
cursor:pointer;
}
/*
input[type="submit"] {
  width:100%;
  margin:15px 0;
  font-size:15px;
  font-weight: bold;
  color:#fff;
  height: 35px;
  background-color: #1e5799 !important;
}
*/

input[type=text] {
border: 0px none #000;
border-radius: 4px;
display: inline;
margin-top: 4px;
}

input[type=text][data-init] {
color:#AAA;
}
.checkboxline.okdl {
  background-color: rgb(20, 235, 177);
}

.checkboxline.kodl {
  background-color: rgb(200, 20, 20);
}

.checkboxline  input{
vertical-align:middle;
  border: 1px solid #EEE;
  padding : 0px;
  margin : 0px;

}
.checkboxline label, .carreCarte label  {
vertical-align:middle;
display: inline;
font-size: 9pt;
color: rgb(95, 97, 105);
  padding : 0px;
  margin-left: 6px;
}





.carreCarte {
  width: 115px;
  height: 115px;
  display: inline-block;
  border: 1px solid rgb(111, 117, 131);
  padding: 4px;
  margin: 5px;
  background-color: rgb(197, 213, 255);
  box-shadow: 0px 0px 6px rgba(69, 125, 156, 0.22) inset;
}

.carreCarte:hover, .checkboxline:hover {
  box-shadow: 0px 0px 6px rgba(69, 125, 156, 0.22);
  border: 1px solid #FFF;
}

.ui-accordion-content h3{
font-weight: 100;
font-size: 17px;
margin: 6px;
}

.titleappli {
 color: #36b6ff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 9px 3px 10px;
    text-transform: uppercase;
}

li.notification {

  background: rgb(30, 33, 31);
  border-radius: 5px;
  margin: 10px;

}

.checkboxline button {
float:right;

}
.checkboxline button span.ui-button-text {
padding: 1px 6px;

}

.date {
width: 54px;
background: #fcfcfc;
background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
border: 1px solid #d2d2d2;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
float: left;
margin-right: 6px;
}

.date p {
font-family: Helvetica, sans-serif;
font-size: 16px;
text-align: center;
color: #9e9e9e;
font-weight: bold;
padding : 0px;
}

.date p span {
background: #d10000;
background: linear-gradient(top, #d10000 0%, #7a0909 100%);
background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
font-size: 15px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
display: block;
border-top: 3px solid #a13838;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
padding: 2px 0 3px 0;
}

.avisoico {
width: 32px;
height: 32px;
float: left;
margin-right: 6px;
background-image : url(../images/ecusson_bleu.png);
}

#wdg_dates .cn_item {
  height:50px;
}

#wdg_newsop .cn_item {
  height:33px;
}


#bando {

  background-position: 11px 13px;
  height: 130px;
  background-repeat: no-repeat;
  display: block;

}

#menuover {
    background-image : url(../images/barremenu.png);
    background-repeat: repeat-x;
  
}
#logoBarre {
position: fixed;
z-index: 1000;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.75) !important;
padding: 5px;
height: 42px;
filter:alpha(opacity=75);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
background-color: #000;
} 

#logoBarre #gbarre {
  left: 14px;
  position: absolute;
  top: 15px;
}

#logoBarre img {
 padding:4px;
 
}

#gbarre img, #gbarre a, #gbarre input {
border: 0px none rgb(0, 0, 0);
border-radius: 4px;
vertical-align: middle;

}

#menu {
  margin: 0px 0px 0px 0px;
  height: 34px;
  text-align: center;
  position:relative;
    left:0;
    top:0;
  padding-top: 24px;
}

#menu a{
  margin: 0px 2%;
  position: relative;
  left:0;
  top:0;
  color: #FFF;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu :first-child + a {
background: url(../images/home-icon-simple.png) left 44% no-repeat;
padding-left: 16px;
}

#actif{
  background-image: url(../images/texturebleu.png);
  display: block;
  position: absolute;
  left: 164px;
  top: 9px;
  width: 86px;
  height: 47px;
}

#menuplus {
  background-color:#000;
  height: 234px;
  display:none;
  overflow:hidden;
  width:100%;
  border-bottom: 1px solid #36b6ff;
}

#footer {
background-color:rgb(25, 29, 32);
  height: 234px;
  display:block;
  overflow:hidden;
  width:100%;
  
}

.page {
  width: 100%;
  padding-left: 0%;
  height: 233px;
  display:block;
  overflow:hidden;
  position:absolute;
}

#content {
  background: #484848;
  background: -moz-radial-gradient(center, circle cover,  #484848 0%, #222222 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#484848), color-stop(100%,#222222));
  background: -webkit-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: -o-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: -ms-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: radial-gradient(circle at center,  #484848 0%,#222222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#222222',GradientType=1 );
  min-height: 50px;
  height: auto;
  width:100%;
  margin-bottom: 52px;
  min-height: 524px;
}

#content.ligthON {

  background: #FFF;
  background: -moz-radial-gradient(center, circle cover,  #F5F5F5 0%, #FFF 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#F5F5F5), color-stop(100%,#FFF));
  background: -webkit-radial-gradient(center, circle cover,  #F5F5F5 0%,#FFF 100%);
  background: -o-radial-gradient(center, circle cover,  #F5F5F5 0%,#FFF 100%);
  background: -ms-radial-gradient(center, circle cover,  #F5F5F5 0%,#FFF 100%);
  background: radial-gradient(circle at center,  #F5F5F5 0%,#FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FFFFFF',GradientType=1 );

color : #333;
}

.floatbox {  
  position: relative;
  left: 0;
  top: 0;
  width: 900px;
  margin: 0px auto;
  padding: 0px 10px;
  box-shadow: 0px 0px 119px rgba(0, 0, 0, 0.11);
  padding-bottom: 22px;

}

.cn_wrapper.block  a{
height: 100%;
display: block;
position: relative;
}
  
a.illustration {
border:1px solid #36b6ff;
display:block;
width:381px;
height:140px;
position:relative;
left:0;
top:0;
}
#wdg_pagehasard a.illustration {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #36b6ff;
  display: block;
  height: 140px;
  left: 0;
  position: relative;
  top: 0;
  width: 381px;
}
a.illustration  img {
width:381px;
position:absolute;
left:0;
top:0;
}
#wdg_pagehasard a.illustration img{
  display: none;
}

a.illustration  .titreimg {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.53);
padding: 4px;
font-size: 21px;
text-align: right;
text-transform: uppercase;
}

div.colonne1 {

  float:left;
  padding:15px;
  width:32%;

}

div.colonne2 {

  float:left;
  padding:15px;
  width:35%;

}

div.colonne3 {

  float:left;
  padding:15px;
  width:23%;

}

div.sep {
  float:left;
  margin-top:29px;
  height: 183px;
  border-right:1px solid #36b6ff;
}

label {

  color: #36b6ff;
  font-weight: bold;
  font-size: 14px;
  /*text-transform: uppercase;*/
  padding: 0px 3px 0px 0px;
  display: block;
  margin: 0;
  margin-bottom: 6px;
  position: relative;
}

#footer {
  text-align: center;
  padding-top: 22px;
}

#menuplus ul ul {
  
  padding: 16px 0px 0px 12px;
}

#menuplus li li {
font-size: 12px;
color: #FFF;
list-style-type: none;
background-image: url(../images/puce.png);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 18px;
padding-bottom: 2px;
} 

#wdg_data img {
position: absolute;
left: 128px;
bottom: 29px;
}


.lignecentrale {

  position:absolute;
  left: 1%;
  right: 1%;
  top:50%;
  height:1px;

  background: rgb(0, 148, 218);
  background: -moz-radial-gradient(center, circle cover,  #484848 0%, #222222 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#484848), color-stop(100%,#222222));
  background: -webkit-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: -o-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: -ms-radial-gradient(center, circle cover,  #484848 0%,#222222 100%);
  background: radial-gradient(circle at center, rgb(0, 148, 218) 78%,rgba(0, 53, 88, 0.19) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#222222',GradientType=1 );

}

.blockSat {
  position:absolute;
  left:20%;
  border-left:1px solid rgb(0, 148, 218);
  height:63px;
  width: 100px;
  cursor:pointer;
}

.blockSat.passe {
  border-left:1px dotted rgb(148, 148, 148);
}

.blockSat.futur {
  border-left:1px dashed #FFF;
}

.blockSat.none {
  border-left:0px none #FFF;
}
.blockSat .pucesat {
  position:absolute;
  left:-6px;
}

.blockSat .illusat{
  position:absolute;
  left: -23%;
}

.blockSat label {
  position:absolute;
  left:-5px;
  color:#FFF;
  z-index: 1;
  font-size: 8pt;
  white-space:nowrap;
   text-shadow: 1px 1px 0 #000,
  -1px -1px 0 #000,
  5px 5px 5 #000;
  cursor:pointer;

}

.datessat {
  display:block;
  font-size: 7pt;
}

.blockSat.haut {
  bottom:0;
}

.blockSat.haut .pucesat {
  bottom:-5px;
}


.blockSat.bas {
  top:0;
}

.blockSat.bas .pucesat {
  top:-5px;
}

#legendeMission {
  position:absolute;
  right:5px;
  bottom:5px;
}

#legendeMission  label{
  font-size:11px;
  padding:3px;
  margin:0px;
  cursor:pointer;
}

#addPlug {
  display:none;
  position:absolute;
  left:100px;
  top:100px;
  width:auto;
  height:auto;
  
  border: 1px solid #4C7ECB;
  cursor: pointer;
  overflow: hidden;
  color: #FFF;
  padding: 5px;
  margin: 6px 5px 0px 0px;
  text-shadow: 1px 1px 1px #000;
  -moz-box-shadow: 1px 1px 3px #111;
  -webkit-box-shadow: 1px 1px 3px #111;
  box-shadow: 1px 1px 3px #111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 2000;
}
#addPlug h2 {
  font-size: 12px;
  text-transform: uppercase;
}

#addPlug p {
  margin-bottom:6px;
}

#addPlug .butprefmosaique:hover {
  color: #011C44;
  text-shadow: 1px 1px 1px #CCDFFC;
}

#listedeswidget {
  height: 187Px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.hsep, .cn_item:hover > .hsep {
  height: 0px;
  border-top: 1px solid #006BA4;
  border-bottom: 1px solid rgba(52, 183, 253, 0.89);
  margin: 2px;
}

.infobulle .hsep {
border-top: 1px solid #DB9B12;
border-bottom: 1px solid #F8FF56;
}

.cn_item > .hsep {
border-top: 1px solid #000;
border-bottom: 1px solid #333;
}



#info, #info2 {
  background-color: rgb(255, 212, 74);
  
  display: block;
  height: auto;
  border-bottom: 1px solid rgb(163, 82, 0);
  padding: 9px;
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  z-index:100;
}

#info2 {
  color:#000;
  display: none;
}

#info {display:none;}


#info * {
  vertical-align: middle;
}
#info span {
  clear:both;
  color: rgba(136, 61, 37, 0.96);
text-shadow: 1px 1px 1px rgb(235, 229, 221);
}

.infobulle, .ui-tooltip {

background: #fcf011;
background: -moz-linear-gradient(top,  #fcf011 0%, #febf01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf011), color-stop(100%,#febf01));
background: -webkit-linear-gradient(top,  #fcf011 0%,#febf01 100%);
background: -o-linear-gradient(top,  #fcf011 0%,#febf01 100%);
background: -ms-linear-gradient(top,  #fcf011 0%,#febf01 100%);
background: linear-gradient(to bottom,  #fcf011 0%,#febf01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf011', endColorstr='#febf01',GradientType=0 );

border:1px solid #FF7;
border-radius: 5px;
padding: 4px;
box-shadow: 5px 5px 6px #000;

z-index: 1000;
position: fixed;
display:none;
  width: 240px;
  color: #361100;

}
.infobulle:hover, .ui-tooltip {
  box-shadow: 0px 0px 14px rgba(241, 241, 115, 0.66);
}

.ui-tooltip {
width:auto;
}

.infobulle p {
color: #361100;
}

.infobulle h2{
color: #36b6ff;
}
.infobulle .ui-icon-circle-close {
  position: absolute;
  cursor: pointer;
  top: 4px;
  right: 4px;
  z-index: 10;
}

.infobulle .ui-icon-circle-triangle-e {
  position: absolute;
  cursor: pointer;
  bottom: 4px;
  right: 4px;
  z-index: 10;
}

#infonouveau {
  
  right: 16px;
  bottom: 66px;
}

#infowidget {

left: 7px;
top: 211px;
width: 324px;

}

#infolecture {

left: 204px;
bottom: 43px;
}

#infoariane {

  left: 8px;
top: 57px;
}

#inforecherche {


  left: 94px;
  top: 199px;
}

#gbarre #tx_indexedsearch {
  display: inline-block;
  width: 122px;
}

#gbarre #tx_indexedsearch input[type=submit]{
  background:url(../images/loupe.png) center center no-repeat;
  width:22px;
  height: 22px;
  padding: 0px;
  margin : 0px;
  cursor: pointer;
  border:0;
  position: absolute;
  top: 1px;
  left: 198px;
}
 

#infogalerie {

  right: 11px;
top: 199px;
}

.noshowDiap {
  display:none;
}

.showDiap {
  display:block;
}


.infobulle img {
display: block; 
margin: 5px auto;
}

#carousel1 {
width: 100%;
height: 400px;
overflow:scroll;
  background: -moz-linear-gradient(top,  rgba(14,14,14,0.76) 0%, rgba(11,11,11,0.76) 19%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,0.76)), color-stop(19%,rgba(11,11,11,0.76)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(14,14,14,0.76) 0%,rgba(11,11,11,0.76) 19%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(14,14,14,0.76) 0%,rgba(11,11,11,0.76) 19%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(14,14,14,0.76) 0%,rgba(11,11,11,0.76) 19%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(14,14,14,0.76) 0%,rgba(11,11,11,0.76) 19%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20e0e0e', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.cloudcarousel {
  border-radius: 4px;
  box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.87);
  border: 1px solid rgb(10, 128, 221);
}

.titrecat, .cymAccordeons label {

  position: absolute;
  width: 240px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.47) !important;
  background-color: #264359;
  padding: 11px;
  font-size: 15.5px;
  Width:233px;
  text-shadow: -1px 1px 2px #000;
}

.rotate, .titrecat, .cymAccordeons label {
  /* Should be unset in IE9+ I think. */

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 124px 124px;
  -moz-transform-origin: 124px 124px;
  -ms-transform-origin: 124px 124px;
  -o-transform-origin: 124px 124px;
  transform-origin: 124px 124px;
  
}

#map {
  width: 864px;
  height: 460px;
  border: 1px solid #302F2F;
  border-radius: 4px;
}

.olControlEditingToolbar {
  display:none;
}

/* Add and modify by Sam */
.blockProduct{
  border: 1px solid rgb(95, 99, 105);
  box-shadow: 1px 1px 1px rgb(0, 0, 0);
  background-color: rgb(36, 40, 44);
  color: rgb(134, 197, 255);
  background-image: none;
  margin: 1px;
  padding: 2px;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 9pt;

}

.listlink a {
  /*display:block;
  padding:4px;
  margin:3px;*/
  vertical-align: middle;
  font-size: 9pt;
  border-radius:3px;  
}

#textpage .listlink a {
/*border: 1px solid #5F6369;
box-shadow: 1px 1px 1px #000;
background-color: #24282C;*/
color: #FFF;
background-image: none;
margin: 1px;
padding: 2px;
border-radius: 3px;
}

/* End add and modify by sam */
#textpage ul.listbox {
  margin:1px;
  padding:2px;
}
#textpage .listbox li {
border: 1px solid #5F6369;
box-shadow: 1px 1px 1px #000;
background-color: #24282C;
color: #FFF;
background-image: none;
margin: 1px;
padding: 2px;
border-radius: 3px;
}

#textpage .listbox label , #textpage .listbox input{
  display:inline;
  font-size: 9pt;
  margin:0px;
  padding:0px;
  vertical-align: top;
}

#textpage .ligthON .listlink a ,#textpage .ligthON  .listbox li{
  color: rgb(95, 97, 105);
  box-shadow: 0px 0px 6px rgba(69, 125, 156, 0.22);
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(221, 221, 255);
}

.listlink a:hover {
  background-color: #333;
  color:#36b6ff;
}

#ajaxcontent {
  overflow: visible;
}

.boitederoul {
background-color: #2D2D2D;
border: solid 1px #000;
height: auto;
min-height: 21px;
overflow: hidden;
position: relative;
margin-top: 7px;
}

.boitederoul  .content {
  margin-top :33px;
}
.boitederoul  p {
  padding :10px;
  
}

#menuext {

  width: 278px;
  position: absolute;
  left: -1328px;
  top: 0px;
  margin: 0;
  background: rgba(20, 20, 20, 0.90) !important;
  background: rgb(20, 20, 20);
  padding: 10px;
  min-height: 504px;
  box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.84);
  border-left: 1px solid #090707;
  z-index: 999;
}

#boutmenuext {
  position: absolute;
  right: -30px;
  top: 223px;
  background-image: url(../images/menunav.png);
  display:block;
  height:139px;
  width:31px;
  cursor:pointer;
}

html[lang=en-US] #boutmenuext {

  background-image: url(../images/menunav_en.png);
}

#menuext h2 {  
  color: #36b6ff;
  text-transform: uppercase;
}



#menuext ul li strong {
  display: block;
  padding: 3px 0px 3px 5px;
  background-color: #008BD0;
  color: #fff;
  font-weight: bold;  
  margin-bottom: 2px;
}

#menuext ul li a {
display: block;
padding: 3px 0px 3px 5px;
color: rgb(255, 255, 255);
background-color: rgba(199, 236, 255, 0.16) !important;
background-color: #24292C;
margin-bottom: 2px;
}

#menuext ul li a:hover {
color: rgb(255, 251, 228);
background-color: rgba(19, 159, 231, 0.43) !important;
background-color: #139FE7;
}

#menuext ul li ul {
  display: block;
  padding-left: 25px;  
}

#textpage .browsebox {
text-align: center;
}

#textpage .browsebox li {
  display: inline;
  padding: 0px 8px;
  border-left: 1px solid #1092E9;
  background-image: none;
}

.icon-blank {
  display: inline-block;
  vertical-align: middle;
  background-image: url(ui-icons_ffffff_256x240.png);
}

.hidden {
  display:none;
}

/* CSS menu accordeons 2.0*/

.cymAccordeons > li  {
display: inline-block;
padding: 0;
height: 100%;
background-position: 50% 0px;
position:relative;
left:0px;
top:0px;
width: 64px;
overflow: hidden;
background-color: #36b6ff;
}

.cymAccordeons > li + li { background-color: #2A94CD; }
.cymAccordeons > li + li + li { background-color: #1F6F99; }
.cymAccordeons > li + li + li + li{ background-color: #175170; }
.cymAccordeons > li + li + li + li + li{ background-color: #0D2F41; }
.cymAccordeons > li + li + li + li + li + li{ background-color: #07202C; }

#pageapplication.cymAccordeons > li  {background-image: url(../images/menu/02ocean.jpg); }
#pageapplication.cymAccordeons > li  + li {background-image: url(../images/menu/05terres.jpg); }
#pageapplication.cymAccordeons > li  + li + li {background-image: url(../images/menu/06cotier.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li {background-image: url(../images/menu/03glace.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li + li {background-image: url(../images/menu/04climat.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li + li + li {background-image: url(../images/menu/04atmos.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li + li + li + li {background-image: url(../images/menu/01geo.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li + li + li + li + li {background-image: url(../images/menu/06plancton.jpg); }
#pageapplication.cymAccordeons > li  + li + li + li + li + li + li + li + li {background-image: url(../images/menu/07zones.jpg); }



.cymAccordeons > li  ul {
  display: block;
  padding: 0;
  height: 80%;
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
  background-color: #000;
  padding-left: 60px;
  overflow: hidden;
}

form {
  margin: 0;
  padding: 0;
}


#menuLang img.actif {
  border: 1px solid rgba(124, 207, 233, 0.34);
}

#menuLang a {
  position: relative;
  top: -1px;
}

#menuPied a {
  color: #FFF;
}

option.cat {
  background-color: rgba(9, 149, 224, 0.23);
}

#stopMenuCTOH {
text-align: center;
cursor: pointer;
}

.cn_wrapper h1, .cn_content p, fieldset {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjQyNjI4IiBzdG9wLW9wYWNpdHk9IjAuNDMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU0Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(36,38,40,0.43) 0%, rgba(0,0,0,0.54) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(36,38,40,0.43)), color-stop(100%,rgba(0,0,0,0.54))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(36,38,40,0.43) 0%,rgba(0,0,0,0.54) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(36,38,40,0.43) 0%,rgba(0,0,0,0.54) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(36,38,40,0.43) 0%,rgba(0,0,0,0.54) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(36,38,40,0.43) 0%,rgba(0,0,0,0.54) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e242628', endColorstr='#8a000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
/* FIN */
img[height=auto] {
height:100%;
}

/* Bouton version mobile */
#classicMobileVersionSwitch {
  position: absolute;
  top: 3em;
  right: 2em;
}
#classicMobileVersionSwitch a {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
    touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 9px;
  font-size: 13px;
  line-height: 12px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #008BD0;
  border-color: #009EE8;
  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.84);
}


/* Correction d�c.2014 pour style formulaire (question � cheval sur cadre gris) sur suggestion de S.Boisson*/
.tx_powermail_pi1_fieldwrap_html_radio fieldset,
.tx_powermail_pi1_fieldwrap_html_check fieldset {
    background:none !important;
    padding-top: 30px !important;
}
.tx_powermail_pi1_fieldwrap_html_html {
    color: rgb(30, 87, 153);    
  font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset textarea {
  width : 99%;
  margin-top: 0px !important;
}


/* Correction juil.2016 pour style formulaire -- Sam Guenoun - sguenoun@cls.fr */

.powermail_check_inner label {
    width: 550px !important;
    color: #000 !important;
    margin-top: -15px !important;
  margin-left: 20px !important;
}

fieldset.tx-powermail-pi1_fieldset label {
   color: black; 
   margin-top: 7px;
}

fieldset.tx-powermail-pi1_fieldset legend {
  color:black !important;
}

.powermail_radio_inner label {
    color: black !important;
    margin-top: 0 !important;
}
.powermail_radio{
  margin-top:2px !important;
}

label {
    /*text-transform: capitalize !important;*/
}
fieldset legend {
  font-family: 'Myriad Pro',"Trebuchet MS", Arial, sans-serif;
}
.powermail_mandatory {
    color: #ee0000;
    margin-left: 3px;
}
div.tx-powermail-pi1{
  width: 810px !important;
}

div#licence {
    width: 769px !important;
}

.tx_powermail_pi1_fieldwrap_html_radio_title, .tx_powermail_pi1_fieldwrap_html_checkbox_title{
  top: 23px;
    position: relative;
    margin-bottom: 25px !important;
}

.powermail_countryselect{
  width: 408px !important;
    margin-top: 4px !important;
}
/** Added by TOTEM **/
.hideHome, #menu :first-child + a {
  display: none;
}
#actif {
  left:-500px;
}
.persoMenu, #menu :first-child + a + a {
  background: url(../images/user_icon.png) left 48% no-repeat;
  padding-left: 16px;
  background-size:12px;
}

/* --- */

#textpage header h2 {
  text-transform: uppercase;
}

/* --- */

#tx_indexedsearch form{
  float:right;
}

.tx-jpfaq li h3 {
  color: #36B6FF;
  font-size: 13px;
  line-height: 0.2rem;
  text-transform: unset;
}

/* --- */

.news-list-date {
  display: block;
  float:right;
}

.news-list-item img {
  float: right;
  max-height: 100px;
  width: auto;
  margin: 0 0 0 25px !important;
}

.news-list-item p {
  line-height: 2rem;
}

news-single-item-content img{
  float: right;
  margin: 0 0 15px 25px;
}

.news-single-img {
  float: right;
  margin: 10px 0 0 10px;
  padding: 0;
  max-width: 250px;
}

/* ----- */

.form-group{
  margin:15px 0;
}

#powermail_captchaimage{
  margin: 15px 0;
}

.tx-powermail form,
.tx-felogin-pi1 form{
  margin:25px 0;
}

.tx-powermail form fieldset {
  position: relative;
}

.tx-powermail textarea{
  width:100% !important;
}

.tx-powermail input[type=text]{
  width: 100% !important;
  height: 30px;
}

.powermail_legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  color: #ddd;
}

.powermail_fieldwrap {
  margin: 25px 0;
}

.tx-powermail .radio label ,
.tx-powermail .checkbox label {
  display: flex !important;
  margin-left: 150px;
  width: 75% !important; /* MODIF A TESTER SUR TOUTES LES VUES CONCERNEES */
}

.tx-powermail .radio label input[type=radio] ,
.tx-powermail .checkbox label input[type=checkbox] {
  height:unset !important;
  width: unset !important;
  margin-right:15px; /* MODIF A TESTER SUR TOUTES LES VUES CONCERNEES */
}

.powermail_form powermail_form_25 input[type="submit"]{
  width:50% !important;
}

.tx-felogin-pi1 form fieldset {
  position: relative;
}


/*Nitsan*/
.tx-indexedsearch .tx-indexedsearch-browsebox li,
.glossary .pagination li { 
  display:inline; margin-right:5px; 
}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-description { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#777; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
.tx-indexedsearch .tx-indexedsearch-browsebox { text-align: center; }
.tx-indexedsearch .tx-indexedsearch-browsebox li,
.glossary .pagination li {
  display: inline;
  padding: 0px 8px;
  border-left: 1px solid #1092E9;
  background-image: none !important;
}
.tx-indexedsearch .tx-indexedsearch-icon {
  border-radius: 3px;
  box-shadow: 0px 0px 6px rgba(255, 255, 207, 0.44);
  padding: 0px;
  margin: 0px;
  background: #FFF;
  border: 1px solid #E7FCFF;
}
.tx-indexedsearch .tx-indexedsearch-title a {
    font-size: 11px;
    margin-left: 10px;
}
.tx-indexedsearch .tx-indexedsearch-title a:hover {
    color: #ADD8FF;
}
.tx-indexedsearch .tx-indexedsearch-percent{
  float: right;
  font-size: 13px;
  color: #fff;
}
.tx-indexedsearch .tx-indexedsearch-description, 
.tx-indexedsearch .tx-indexedsearch-info {
  background-color: #1a1b1c;
  padding-left: 30px;
  padding-top: 5px; 
  padding-right: 5px; 
}
.breadcrumbs li {
  background-size: cover !important;
}
.breadcrumbs li.current {
  background: url(../images/bcnav-current.png) right top no-repeat !important;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-sword {
  padding: 5px;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
  width: 23%;
  padding: 5px;
}
.news-single-item .news-single-timedata {
  margin-top: -6px;
  float: right;
  margin-right: 12px;
}
#content #textpage .tx-powermail .layout3 .powermail_fieldset .powermail_captchaimage {
  margin: 15px 0 !important;
}
.powermail_form.powermail_form_28.layout3 #powermail_field_logine_mail{
    padding: 5px;
}
.powermail_form.powermail_form_28.layout3 #powermail_field_captchasolvetheequation{
    width: 29% !important;
}
.powermail_form.powermail_form_28.layout3 .powermail_fieldwrap_info{
    margin-top: 10%;
}
.tx_glossary_custom .navbar {
  padding: 15px 0;
  font-size: 16px;
}
.tx_glossary_custom .navbar .navbar__char {
  padding: 5px;
  font-weight: 800;
}
#menuover {
  overflow-x: hidden;
  position: relative;
}
.breadcrumbs li a.tx-glossary {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  background: none;
  left: 0;
}
.showResultsWrap {
  margin-bottom: 10px;
}
.news-list-browse {
  padding: 10px 0;
}
.browseLinksWrap span, .browseLinksWrap a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}

.cn_archives_en .cn_more, .cn_archives_fr .cn_more{
  bottom: 5px;
}
.cn_archives_en .cn_more{
  width: 103px;
  left: 226px;
}

.cn_archives_fr .cn_more{
  width: 177px;
  left: 153px;
}

.logout_fieldset{
  position: inherit;
  width: fit-content;
}