/* template de Style */
/*************************************
Style pour les cartouches du carrousel
**************************************/
.accrocheCarrousel
{
	position:absolute;
	z-index:0;
	overflow:hidden;
	
	/*width:1200px;*/
	max-height:718px;
	
}

.zoneInfoCarrousel
{
	float:left;
	/*width:800px;*/
	height:718px;
	padding-right:10px;
	overflow:hidden;
}

.tailleContenu
{
	
	width:1209px;
	height:718px;
	
	position:relative;
}

.zoneCouleurTitre
{
	height:37px;
	background-color:#ae0618;
	width:1209px;
	
	filter: alpha(opacity=80); 
	opacity: .8; 
	-moz-opacity: .8;
	
	position:absolute;
	bottom:0px;
	overflow:hidden;
	z-index:1;
}

.DivTitrePrincipalCarrousel
{
	position:absolute;
	bottom:0px;
	height:29px;
	overflow:hidden;
	z-index:2;
	padding-left:6px;
	padding-right:6px;
	width:197px;
	padding-top:3px;
	padding-bottom:5px;
	
}

.titrePrincipalCarrousel
{
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
	line-height:14px;
	text-decoration:none;
}

.DivResumeCarrousel
{

	height:33px;
	padding-top:7px;
	overflow:hidden;
	width:199px;
	padding-left:5px;
	padding-right:5px;
}

.resumeCarrousel
{
	font-size:13px;
	color:#908f91;
	line-height:14px;
	text-decoration:none;
}

.couleurPlus
{
	font-weight:bold;
	color:#e92300;
}

/*couleur des puces la même que le fond comme cela on ne voit pas les puces se charger*/
.couleurLI
{
	color:#FFFFFF;
}

/*Style pour les zone html libre*/
#TableZoneHtml, #TableZoneHtml P
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

/*Style pour le carrousel en IE 6*/

#ContainerCarrouselIE6
{
	margin-left:20px;
	width:687px;
	height:183px;
	border:1px solid #e3e3e3;
	padding-top:20px;
	padding-bottom:15px;
	padding-left:18px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#zonePluginCarrouselIE6
{
	float:left;	
	width:209px;
	height:188px;
	margin-right:20px;
	overflow:hidden;
}

/***********************
STYLE POUR LE CARROUSEL
************************/

/*Style pour le container du carrousel*/
.jcarousel-skin .jcarousel-container {
  
	/*border:1px solid #e3e3e3;*/

}

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

/*Style pour le carrousel en lui-même*/
.jcarousel-skin .jcarousel-container-horizontal {
    /*width:1287px;*/
	height:718px;
	/*padding-top:20px;*/
	/*padding-bottom:15px;*/
	padding-right:18px;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

/*Zone où se trouve l'ensemble des éléments à défiler*/
.jcarousel-skin .jcarousel-clip-horizontal {
    /*width:500px;*/
	/*height:188px*/
}

/*Tailles des cartouches intérieurs*/
.jcarousel-skin .jcarousel-item {
    /*width:600px;*/
	/*height:418px;*/
}

.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 20px;
    margin-right: 0px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*Gestion des flèches*/
.jcarousel-skin .jcarousel-next-horizontal 
{
    position: absolute;
    top: 0px;
    right: 20px;
    width: 200px;
    height: 345px;
    cursor: pointer;
    background: transparent url(/plugin/carrousel/template/images/right.png) no-repeat center right;
}



.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/plugin/carrousel/template/images/left.png);
	
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 345px;
    cursor: pointer;
    background: transparent url(/plugin/carrousel/template/images/left.png) no-repeat center left;
}	


.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/plugin/carrousel/template/images/right.png);
}
#galeriePhotoCtn
{
  position: relative;
  left: 0;

}
@media screen and (min-width: 1024px)
{
	#galeriePhotoCtn {
		cursor: pointer;
	}
		
}

#galeriePhoto
{
  position: relative;
  left: 0;
}

@media screen and (max-width: 1023px)
{
  #galeriePhotoCtn
  {
    height: auto !important;
  }
  #galeriePhoto
  {
    left: 0 !important;
  }
  #galeriePhoto > div
  {
    position: relative;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
		height: auto!important;
		display: block !important;
  }
  #galeriePhoto > div > img
  {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
  }
  #galeriePhoto div.gnTxt
  {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    /*padding-left:11px;*/
  }
}
@media screen and (min-width: 1024px)
{
  #galeriePhoto > div
  {
    position: absolute;
    top: 0;
    left: 0;
  }
  #galeriePhoto div.gnTxt
  {
    width: 989px;
    /*padding-left:11px;*/
  }
}
@media screen and (max-width: 639px)
{
  #galeriePhoto div.gnTxt
  {
    padding: 0 5%;
    /*padding-left:11px;*/
  }
}



#galeriePhotoCtn > a
{
  position: absolute;

  display: none;
  height: 381px;
  padding-top: 337px;
  /*background:rgba( 3, 0, 0, 0.1);*/
}

#galeriePhotoCtn a.prev
{
  left: 0;	/* 5px */
}

#galeriePhotoCtn a.next
{
  right: 0; /* 5px */

  text-align: right;
}

#galleryNavig
{
  padding-left: 11px;
}

#galleryNavig a
{
  display: none;
  margin-right: 2px;
  margin-left: 3px;

  color: #939598;
  font-size: 15px;
  text-decoration: none;
}

#galleryNavig a:hover
{
  color: #030000;
}

#galleryNavig #gnImg
{
  color: #030000;
}
/*
#galeriePhoto div.gnPlan, #galeriePhoto div.gnImg
{
	position:relative;
}
*/
#galeriePhoto div.gnImg div.moreInfo,
#galeriePhoto div.gnPlan div.moreInfo
{
  position: absolute;
  top: 5%;
  left: 5%;

  display: none;
  width: 250px;
  height: 50px;

  background-color: #030000;
}

#galeriePhoto div.gnImg div.moreInfo a,
#galeriePhoto div.gnPlan div.moreInfo a
{
  top: 20px !important;
  left: 5%;

  display: inline !important;
  width: 250px !important;
  height: 50px !important;

  color: #7b7d81;
  font-size: 15px;
  text-align: left !important;
  text-decoration: none;

  background: none;
}

/* Style pour plugin langsite */
.langsite
{
   color: #7b7d81;
   text-decoration: none;
}

.langsiteActiv
{
   color: #030000;
   text-decoration: none;
}

/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */

/**************************************************/
/*Style pour le menu clic vertical                */
/**************************************************/

#menuClickMain ul li
{
  list-style: none;
}            
#menuClickMain ul li.contentClic
{
  display: none;
}

#menuClickMain
{
}
/*Style de base*/

/*Couleur de tous les ul*/
#menuClickMain ul
{
  padding: 0;
  margin: 0;

  color: #7b7d81;
  font-family: MisoRegular;
  font-size: 15px;
  list-style: none;
}

@media screen and (max-width: 1024px)
{
  #menuClickMain ul
  {
    font-size: 19px;
  }
}

/*Style des lien "off" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
#menuClickMain ul li > a
{
  display: block;

  color: #7b7d81;
  text-decoration: none;
  text-transform: lowercase;

  outline: none;
}

/*Style des lien "on" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
#menuClickMain ul li > a:hover,
#menuClickMain ul li > a.menuselected
{
  display: block;

  color: #030000;

/*text-decoration:underline;*/
  text-transform: lowercase;
}

/*Style de tous les li*/
#menuClickMain li
{
  width: auto;
  padding-bottom: 0; /*compense le li de base*/
  padding-left: 20px;

  list-style-type: none;
}

@media screen and (max-width: 1023px)
{
  #menuClickMain li
  {
    padding-left: 0;
  }
}


/*Style pour le niveau 0 -> main*/

#menuClickMain li.menu0
{
  width: auto;
  margin-right: 7px;
  margin-left: 7px;
}

@media screen and (max-width: 1023px)
{
  #menuClickMain li.menu0
  {
    padding: 0 0 0;
    margin-left: 0;
  }
  #menuClickMain li.menu1
  {
    padding: 0 0 0 20px;
  }
  #menuClickMain li.menu2
  {
		padding: 4px 0 4px 40px;
  }
}

/*Style du texte*/
#menuClickMain a.menu0
{
  padding-bottom: 7px;
}

/*Style du hover et du selected*/
#menuClickMain .menu0:hover,
#menuClickMain .menu0.menuselected
{
  /*background-color:yellow;*/
  text-decoration: none;
}

#menuClickMain a.menu0:hover,
#menuClickMain a.menu0.menuselected
{
  text-decoration: none;

  background-color: transparent;
}


/*1er niveau: Permet de gérer la taille pour le nombre de colonne*/
#menuClickMain li.menu1
{
/*background-color:pink;*/
  width: 160px;
  margin-right: 20px;
  margin-bottom: 7px;
}

/*1er niveau: Style du hover et du selected pour les liens*/
#menuClickMain li.menu1:hover,
#menuClickMain li.menu1.menuselected
{
  width: 160px;
  margin-right: 20px;
  margin-bottom: 7px;

/*background-color:blue;*/

  text-decoration: none;
}

/*1er niveau: Style du hover et du selected pour les liens*/
#menuClickMain li.menu1 a:hover,
#menuClickMain li.menu1 a.menuselected
{
  color: #030000;
  text-decoration: none;
}


/*********************************************************************************************************************/

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin
{
  position: absolute;
  z-index: 200;

  display: none;
  padding: 0;

  font-size: 11px;

  background-color: #f5f5f5;
  border: 1px solid #999999;
}

div.styleMenuAdmin div
{
  padding: 2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
  background-color: #dddddd;
}

div.styleMenuAdmin a
{
  color: black;
  font-family: Arial;
  font-size: 11px;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

.myArrowAdmin
{
  cursor: pointer;
}

.styleDivArrowAdmin
{
  float: left;
  padding-top: 0;
  padding-right: 5px;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}



#helloUser
{
	padding-bottom:2px;
}

.myAccountTitle
{
	padding-top:9px;
	padding-bottom:2px;
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/

.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}

/*STYLE POUR LE CARTOUCHE*/
.inputNewsletter

{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.inputNewsletterError

{
	background-color: #FFE3E8;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:20px;
	cursor:pointer;
}




@charset "UTF-8";
@font-face
{
  font-family: "MisoRegular";
  font-style: normal;
  font-weight: normal;

  src: url("/fonts/miso-regular-webfont.eot");
  src: local("☺"), url("/fonts/miso-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/miso-regular-webfont.ttf") format("truetype"), url("/fonts/miso-regular-webfont.woff") format("woff"), url("/fonts/miso-regular-webfont.svg#misoregular") format("svg");
}

/* theme de page header */
body
{
  padding: 0;
  margin: 0;

  color: #030000;
  font-family: "MisoRegular";
  font-size: 19px;
  text-transform: lowercase;

  background-color: #ffffff;
}

@media screen and (min-width: 1024px)
{
  body
  {
    font-size: 14px;
  }
}

.bgEditor
{
  background-color: #ffffff;
}

#mainCtn
{
  position: relative;

  margin: 65px 0 120px 0;
}

@media screen and (min-width: 640px)
{
  #mainCtn
  {
    margin: 65px 5% 100px 5%;
  }
}

@media screen and (min-width: 1024px)
{
  #mainCtn
  {
    margin: 70px 10px 0 10px;
  }
}

@media screen and (max-width: 1023px)
{
  #mainCtn.home
  {
    margin-bottom: 175px;
  }
}

@media screen and (min-width: 1024px)
{
  #mainCtn > a > h1
  {
    width: 800px;
    padding: 0;
    margin: 0;
    margin-left: 200px;

    font-size: 34px;
    font-weight: normal;
  }
}

#menuCtn
{
  position: relative;
  z-index: 2;

  float: left;
  width: 180px;
  margin-right: 20px;
  margin-bottom: 170px;
}

@media screen and (max-width: 1023px)
{
  #menuCtn
  {
    display: none;
  }
}

#siteCtn
{
  position: relative;
  z-index: 1;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 1023px)
{
  #siteCtn
  {
    width: 100% !important;
  }
}

@media screen and (min-width: 640px)
{
  #siteCtn
  {
    padding: 0;
  }
}

@media screen and (min-width: 1024px)
{
  #siteCtn
  {
    padding-top: 8px;
  }
}

#pageHeaderProject
{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 5%;

  background-color: #ffffff;
}

@media screen and (max-width: 1023px)
{
  #pageHeaderProject
  {
    padding: 20px 5%;

    font-size: 19px;
  }
  #pageHeaderProject .bbdiv
  {
    width: 100%;
    height: auto !important;
  }
  #pageHeaderProject h1
  {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin: 0;
  }
  #pageHeaderProject #galleryNavig
  {
    padding-left: 0;
    margin-left: -3px;
  }
  #pageHeaderProject #galleryNavig a
  {
    margin-bottom: 15px;
  }
  #pageHeaderProject .pageresume
  {
    padding-bottom: 5px;
  }
  #pageHeaderProject #blocConchitaPlus
  {
    padding-top: 0 !important;
    padding-left: 0;
  }
  #pageHeaderProject #blocConchitaPlus a
  {
    font-size: 13px;
  }
  #pageHeaderProject #blocAdresse
  {
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 0;
  }
}

@media screen and (min-width: 1024px)
{
  #pageHeaderProject
  {
    position: absolute;
    bottom: 0;

    width: 180px;
    height: 105px;
    padding: 0;
  }
}

#blocAdresse
{
  padding-top: 10px;
  padding-left: 11px;
}
#blocAdresse a
{
  color: #030000;
  font-weight: normal;
  text-decoration: none;
}

#blocLangue
{
  position: absolute;
  top: 85px;
  right: 10px;
}

#blocConchitaPlus
{
  padding-top: 10px;
  padding-left: 11px;

  color: #86898d;
  font-size: 10px;
}
#blocConchitaPlus a
{
  color: #86898d;
  font-size: 10px;
  text-decoration: none;
}

@media screen and (min-width: 1024px)
{
  .pagemasonrydiv
  {
    position: absolute;
    top: 0;
    left: 0;

    width: 226px;
    margin-right: 30px;
    margin-bottom: 10px;
  }
}
.pagemasonrydiv img {
  width: 100%;
}

@media screen and (max-width: 1023px)
{
  .pagemasonrydiv
  {
    width: 100%;
    margin-bottom: 25px;
  }
  .pagemasonrydiv a > img
  {
    width: 100%;
  }
}

@media screen and (max-width: 640px)
{
  .pagemasonrydiv .title
  {
    display: inline-block;
    padding-left: 5%;
  }
}

.pagemasonrydiv a:hover
{
  text-decoration: none;
}

.pagemasonrydiv .title
{
  color: #000000;
  text-decoration: none;
}

#pagelisteCtn
{
  overflow: hidden;
}

#pageliste
{
  position: relative;
  top: 0;
  left: 0;

  -webkit-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}

@media screen and (max-width: 1023px)
{
  #pageliste
  {
    left: 0 !important;

    -webkit-transition: none;
         -o-transition: none;
            transition: none;
  }
}

.masonryCtn
{
  -webkit-transition-duration: .7s;
          transition-duration: .7s;
  -webkit-transition-property: height, width;
          transition-property: height, width;

     -moz-transition-duration: .7s;
      -ms-transition-duration: .7s;
       -o-transition-duration: .7s;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
}
.masonryCtn .masonry-brick
{
  -webkit-transition-duration: .7s;
          transition-duration: .7s;
  -webkit-transition-property: left, right, top;
          transition-property: left, right, top;

     -moz-transition-duration: .7s;
      -ms-transition-duration: .7s;
       -o-transition-duration: .7s;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
}

.divwrapper
{
  clear: both;
}

h1
{
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 11px;

  font-size: 15px;
  font-weight: normal;
  text-transform: lowercase;
}

h2
{
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 10px;

  font-size: 14px;
  font-weight: bold;
}

h3
{
  padding-left: 0;
  margin-bottom: 6px;

  font-size: 12px;
  font-weight: bold;
}

h4
{
  padding-left: 0;
  margin-bottom: 6px;

  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}

.pageresume
{
  padding-bottom: 20px;

  font-weight: bold;
}

.accrocheImg
{
  float: left;
  padding: 5px 20px 5px 0;
}

a
{
  color: #7b7d81;
  text-decoration: none;
}
a:hover
{
  color: #030000;
  text-decoration: underline;
}

p
{
  margin-top: 7px;
  margin-bottom: 7px;
}

ul
{
  padding: 0 0 7px 13px;
  margin: 0 0 0 3px;
}

table
{
  padding: 0;
  margin: 0;
}
table p
{
  padding: 0;
  margin: 0;
}
table th
{
  text-align: left;
}

.desactivatepage
{
  color: red;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

/*Style pour les cartouches*/
.titleList
{
  padding-top: 4px;
  padding-bottom: 4px;

  font-weight: bold;
  text-decoration: none;
}

.titleCartouche,
a.titleCartouche
{
  padding-bottom: 4px;

  font-family: "Trebuchet MS";
}

.resumeList,
a.resumeList
{
  margin-bottom: 10px;

  text-decoration: none;
}

.resumeList img,
a.resumeList img {
  width: 226px;
}


.resumeCartouche,
a.resumeCartouche
{
  margin-bottom: 10px;

  font-weight: normal;
  text-decoration: none;
}

.listeHeightSeparator
{
  height: 5px;
}

.titleBloc
{
  padding: 3px;
  padding-left: 50px;
  margin-top: 30px;

  color: #030000;
  font-size: 13px;
  font-size: 15px;
  text-transform: uppercase;

  background-color: #7b7d81;
}

.contentBloc
{
  padding: 10px;
  margin-bottom: 12px;

  border-right: 1px dashed #7b7d81;
  border-bottom: 1px dashed #7b7d81;
  border-left: 1px dashed #7b7d81;
}

/*-- MANDATORY FIELD --*/
.mandatory,
.mandatoryCustom
{
  background-color: #d7d5d5;
}

.mandatoryFailed,
.mandatoryCustomFailed
{
  background-color: #ffe3e8;
  border: 1px dotted red;
}

.error
{
  color: red;
}

.helpMsg
{
  color: green;
}

/*-- END MANDATORY FIELD --*/
/*-- FIELDSET --*/
legend
{
  color: black;
  font-family: arial;
  font-size: 11px;
}

fieldset
{
  margin: 6px;

  background-color: #fdfdfd;
  border: 1px solid  #888888;
}
fieldset table,
fieldset div
{
  margin: 5px;
}
fieldset table table,
fieldset div div,
fieldset table div,
fieldset div table
{
  margin: 0;
}

/*-- FIELDSET --*/
.ondrag
{
  background-color: #eeeeee;
}

.tdAdmin
{
  width: 90px;
  padding: 5px;

  vertical-align: top;
}

.tdListAdmin
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.iconArrowAdmin
{
  padding-top: 3px;

  cursor: pointer;
}

.tableListAdmin,
.contentAdmin
{
  margin: 10px;
}

input,
textarea
{
  padding-left: 5px;

  background-color: #eeeeee;
  border: 1px solid #bbb7b7;
}

form
{
  padding: 0;
  margin: 0;
}

select
{
  background-color: #eeeeee;
  border: 0;
}

input[type=checkbox],
input[type=radio]
{
  background-color: transparent;
  border: none;
}

.admin_scroll
{
  position: relative;

  float: left;
  width: 300px;
  height: 250px;
  overflow-y: auto;

  background: transparent;
}

.popupBloc
{
  padding: 10px;

  color: black;
  font-family: arial;
  font-size: 11px;

  background-image: url("/template/image/admin/bgadmin.gif");
  border: #101010 1px solid;
}

.popupTitle
{
  padding-left: 10px;

  color: black;
  font-family: Arial;
  font-size: 11px;

  background-image: url("/template/image/admin/titlebar.gif");
}

.popupTd
{
  /* T R B L   */
  padding: 5px 10px 5px 10px;

  vertical-align: top;
}

.opaque50
{
  background-color: #000020;

       opacity: .5;
  filter: alpha(opacity=50);

  -moz-opacity: .5;
}

.FlecheMove
{
  padding-top: 5px;

  vertical-align: top;
}

/*Style pour la navigation*/
.navigation
{
  margin-top: 0;
  margin-bottom: 0;
}
.navigation a
{
  font-size: 9px;
  text-decoration: none;
}
.navigation a:hover
{
  font-size: 9px;
  text-decoration: underline;
}
.navigation select
{
  font-size: 9px;
}
.navigation td
{
  width: 60px;

  text-align: center;
}

#pagelisteCtn > a
{
  position: absolute;

  display: none;
  height: 381px;
  padding-top: 337px;
  /*background:rgba( 3, 0, 0, 0.1);*/
}

#pagelisteCtn a.prev
{
  left: 0;
  /* 5px */
}

#pagelisteCtn a.next
{
  right: 0;
  /* 5px */

  text-align: right;
}

header.header-mobile
{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  z-index: 10;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  height: 65px;
  padding: 0 5% 0;

  background-color: #ffffff;

  -webkit-box-align: center;
  -webkit-box-pack: justify;
}
header.header-mobile h1
{
  padding: 0;
  margin: 0;

  color: #000000;
  font-size: 27px;
  text-decoration: none;
}
header.header-mobile .menu-icon
{
  height: 15px;
  margin-top: 4px;

  line-height: 0;

  cursor: pointer;
}
header.header-mobile .menu-icon img
{
  height: 15px;
}

@media screen and (min-width: 640px)
{
  header.header-mobile
  {
    width: 100%;
    padding: 0 5%;
  }
}

@media screen and (min-width: 1024px)
{
  header.header-mobile
  {
    display: none;
  }
}

@media screen and (max-width: 1023px)
{
  h1.header
  {
    display: none;
  }
}

@media screen and (max-width: 639px)
{
  #pagehtmlcontentHead
  {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5%;
  }
}

@media screen and (max-width: 1023px)
{
  #pagehtmlcontentHead
  {
    width: 100% !important;
  }
  #pagehtmlcontent table
  {
    width: 100% !important;
  }
  #pagehtmlcontent table tr
  {
    display: block;
    width: 100% !important;
  }
  #pagehtmlcontent table tr td
  {
    display: block;
    width: 100% !important;
  }
  #pagehtmlcontent table tr td > img
  {
    width: 100%;
    height: auto;
  }
}


@media screen and (max-width: 1023px)
{
  #pagehtmlcontent
  {
    overflow-x: hidden;
  }
  .nooverflow-mobile
  {
    overflow: hidden;
  }
}

.menu-mobile
{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 15;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  min-height: 100%;

  background-color: rgba(255, 255, 255, .9);
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.menu-mobile.open
{
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.menu-mobile .menu-topbar
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 65px;
  padding: 0 5%;

  background-color: #ffffff;

  -webkit-box-align: center;
  -webkit-box-pack: justify;
}
.menu-mobile .menu-topbar .menu-close
{
  height: 17px;

  cursor: pointer;
}
.menu-mobile .menu-topbar .menu-close img
{
  width: 17px;
  height: 17px;
}
.menu-mobile .menu-navigation
{
  position: relative;
  -webkit-flex-grow: 2;
          flex-grow: 2;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          box-sizing: border-box;
  margin: 40px 5% 20px;

  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
}
.menu-mobile .menu-navigation .scroll-wrapper
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  overflow: -moz-scrollbars-none;
  overflow-y: auto;
}
.menu-mobile .menu-bottom
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5%;
  margin-bottom: 15px;

  font-size: 16px; 
  font-weight: 500;
}
.menu-mobile .menu-bottom #blocConchitaPlusMobile
{
  padding-left: 0;
  margin-top: 15px;

  font-size: 10px;
}
.menu-mobile .menu-bottom #blocConchitaPlusMobile a
{
  font-size: 13px;
}

@media screen and (min-width: 1024px)
{
  .menu-mobile
  {
    display: none;
  }
}

@media screen and (max-width: 1023px)
{
  .accrocheCarrousel
  {
    position: relative;

    width: 100% !important;
    max-height: none !important;
    margin-bottom: 5px; 
    overflow: visible;
  }
  .tailleContenu
  {
    width: auto !important;
    height: auto !important;
  }
  .jcarousel-skin
  {
    max-height: none !important;
  }
  .jcarousel-skin .jcarousel-container-horizontal
  {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .jcarousel-skin .jcarousel-item-horizontal
  {
    display: inline-block !important;
  }
  .jcarousel-skin .jcarousel-list.jcarousel-list-horizontal
  {
    left: 0 !important;

    width: 100% !important;
  }
  .jcarousel-prev.jcarousel-prev-horizontal,
  .jcarousel-next.jcarousel-next-horizontal
  {
    display: none !important;
  }
}

@media screen and (min-width: 1024px)
{
  .menu-mobile
  {
    display: none;
  }
}

@media screen and (max-width: 1023px)
{
  .accrocheCarrousel
  {
    position: relative;

    width: 100% !important;
    max-height: none !important;
    overflow: visible;
  }
  .accrocheCarrousel img
  {
    width: 100% !important;
    height: auto !important;
  }
  .zoneInfoCarrousel
  {
    width: 100% !important;
    height: auto !important;
  }
  .tailleContenu
  {
    width: auto !important;
    height: auto !important;
  }
  .jcarousel-skin .jcarousel-container-horizontal
  {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .jcarousel-skin .jcarousel-item-horizontal
  {
    display: inline-block !important;
    height: auto !important;
  }
  .jcarousel-skin .jcarousel-list.jcarousel-list-horizontal
  {
    left: 0 !important;

    width: 100% !important;
  }
  .jcarousel-prev.jcarousel-prev-horizontal,
  .jcarousel-next.jcarousel-next-horizontal
  {
    display: none !important;
  }
}

a.home
{
  color: #000000;
}
a.home:active,
a.home:hover,
a.home:focus
{
  color: #000000;
  text-decoration: none;
}

.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}




/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 13px;
    COLOR: #AB0404;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 13px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 10px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 9px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}
#formEditUser .policy
{
    display:block;
    margin:5px 0px 10px 0px;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    max-width:300px;
    color:#474747;
}
#formEditUser .policy.error
{
    color:red;
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#656464;
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	/*margin-bottom:10px; attente validation */
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#a0a0a0;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#000000;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		/*margin-bottom:5px; attente validation*/
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}