/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

div.tabs{display:block;}
body{ background: transparent url("../images/bg_body.png") repeat 0 0 ;}

#zone-content{padding-top:20px;  border-radius:0 ;}

.front #zone-content{ border-radius:0}

#zone-branding{/*border-radius:20px 20px 0 0 ;**/margin-top:40px;/*padding-bottom:20px**/}

.front #zone-postscript{padding:0;background:#fff;
  /*border-radius:0 0 20px 20px**/}

 #zone-footer {
padding-top:20px;
background:#fff;
border-radius: 0 0 20px 20px;
}


#region-content{padding-bottom:20px;}
.branding-data{float:left;margin: 25px auto auto 25px}

/****logo haut ****/
.logo-img{margin-top:0;margin-right:10px;}
/****date****/
#block-block-46,
#block-block-47{width:216px;float:left;height:36px;position:relative;top:110px}


/****findate****/



header {z-index:200;position:relative}
#section-content{z-index:100;position:relative}
.region-inner {position:relative}




#block-block-88/***logos de partenaires****/
{padding-left:0; padding-right:0; text-align:center;}

#block-block-88 a/***logos de partenaires****/
{display:inline-block;}

#block-block-88 a img:hover/***logos de partenaires****/
{border-bottom:2px solid #57C4E5;}

/**********************************section branding**********************************************/
/*************************************************************************************************/

#block-block-28 /***logo ul****/{position:absolute; top:5px ;right:20px}

#block-search-form,
#block-block-34,
#block-block-60,
#block-block-36/***reseaux sociaux***/{ top:20px }


#block-block-34 ul.menu li,
#block-block-60 ul.menu li{
margin-left:0px}


/**
#block-search-form,
#block-block-34,
#block-menu-menu-langues{float:right;margin: 105px 10px auto auto;position:static}
#block-search-form,#block-block-34{margin-right:25px;margin-left:0;}
**/




/****bloc de recherche****/

#block-search-form{width:auto}

#block-search-form form#search-block-form {
width:247px}


#block-search-form form#search-block-form input#edit-search-block-form--2{
width:188px;margin-left:15px}


#block-search-form .container-inline .form-actions {
margin-top:4px}






/****bloc bleu explication de la démarche"en anglais et francais********/
#block-block-77,
#block-block-78,
#block-block-45,
#block-block-42{
/*position:relative;top:30px;right:0px;**/float:right}
#texteFront {
    margin-bottom: 0
  }
/**********************************menu main****************************************/
/*************************************************************************************************/



#block-nice-menus-2 {position:static;width:auto;
background:#fff url("../images/coin_droit_bleu.png") no-repeat right 0;padding-right:12px;}

#block-nice-menus-2 .content{
background:#54c2e5 ;/*url("../images/coin_gauche.png") no-repeat 0 0 ;**/padding-left:12px;}


#block-nice-menus-2  ul.nice-menu-down{
  border-top:3px solid #54c2e5;border-bottom:3px solid #54c2e5;}

#block-nice-menus-2  ul.nice-menu-down{height:26px}
#block-nice-menus-2  ul.nice-menu-down li {width:auto;height:26px ;
  padding-left: 11px;border-width: 0px;background:transparent}



#block-nice-menus-2 ul.nice-menu-down li a
{font-size:14px;height:26px; line-height:26px;width:auto;    border-bottom:0 solid #FFFFFF;}



/**#block-nice-menus-2 ul.nice-menu-down li,
#block-nice-menus-2 ul.nice-menu-down li.menuparent
{background:transparent url("../images/sep_blanc.png") no-repeat 0 0px;}**/



#block-nice-menus-2 ul.nice-menu-down li li.first {
   border-top:1px solid #00B5E8;}
#block-nice-menus-2 ul.nice-menu-down li.rubrique_rose
{background-image:none;padding-left:0;}
#block-nice-menus-2 ul.nice-menu-down li.rubrique_vert
{background:#e20079 url("../images/coin_gauche_vert.png") no-repeat 0 0 ;}
#block-nice-menus-2 ul.nice-menu-down li.rubrique_violet
{background:#00a788 url("../images/coin_gauche_violet.png") no-repeat 0 0 ;}

#block-nice-menus-2 ul.nice-menu-down li.rubrique_rouge
{background:#84177e url("../images/coin_gauche_rouge.png") no-repeat 0 0px ;}

#block-nice-menus-2 ul.nice-menu-down li.media
{background:#00B6E8 url("../images/coin_droit_violet.png") no-repeat 0 0px;
  /*padding-left:21px**/}

#block-nice-menus-2 ul.nice-menu-down li.partenaires,
#block-nice-menus-2 ul.nice-menu-down li.contacts,
#block-nice-menus-2 ul.nice-menu-down li.info,
#block-nice-menus-2 ul.nice-menu-down li.parrains
{padding-left:4px;border-left:1px solid #fff;background:#54c2e5}



#block-nice-menus-2 ul.nice-menu ul {top: 30px; width:100% ;display:block}
#block-nice-menus-2 ul.nice-menu li.media ul { width: 180px
}

#block-nice-menus-2 ul.nice-menu-down li li {
width:100% ;display:block; background-image:none;
  border-left:1px solid #00B5E8;border-right:1px solid #00B5E8;border-bottom:1px solid #00B5E8;
padding:0 !important;height:auto;position:relative;z-index:200}


#block-nice-menus-2 ul.nice-menu-down li li a{
  display:block;  padding:5px;margin:0;font-size:12px;background:#fff;color:#333;text-transform:none;
  height:auto;line-height:120%;}

#block-nice-menus-2 ul.nice-menu-down li li a:hover{
background:#00B5E8;color:#fff;}



/****liens actifs ****/

#block-nice-menus-2 ul.nice-menu-down li.active-trail
{padding-bottom:3px}

#block-nice-menus-2 ul.nice-menu-down li.active-trail  a
{color:#333;font-weight:bold;background-color:#fff;padding-bottom:3px}

/***coins gauches*
#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_rose,
#block-nice-menus-2 ul.nice-menu-down li.rubrique_rose:hover{
background:transparent url("../images/coin_gauche_blanc.png") no-repeat scroll 0 0;
padding-left: 11px;margin-left:-11px}


#block-nice-menus-2 ul.nice-menu-down li.rubrique_vert:hover,
#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_vert
{background:#e20079 url("../images/coin_gauche_blanc.png") no-repeat 0 0 }



#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_violet,
#block-nice-menus-2 ul.nice-menu-down li.rubrique_violet:hover
{background:#00a788 url("../images/coin_gauche_blanc.png") no-repeat 0 0 }


#block-nice-menus-2 ul.nice-menu-down li.rubrique_rouge:hover,
#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_rouge
{background:#84177e url("../images/coin_gauche_blanc.png") no-repeat 0 0 ;padding-left:11px }



/****rubriques cyan***
#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_cyan,
#block-nice-menus-2 ul.nice-menu-down li.rubrique_cyan:hover
{background:#00B6E8  url("../images/coin_gauche_blanc.png") no-repeat 0 0  !important;padding-left:11px}


#block-nice-menus-2 ul.nice-menu-down  li.active-trail.rubrique_cyan.last
{ background-color: #00B6E8  !important;
  background-image : url("../images/coin_droit_blanc.png"),  url("../images/coin_gauche_blanc.png")  !important;
  background-position: right 0 ,left 0 !important;
  background-repeat: no-repeat;padding-right:10px;padding-left:11px; }

#block-nice-menus-2 ul.nice-menu-down li.active-trail.rubrique_cyan,
#block-nice-menus-2 ul.nice-menu-down li.rubrique_cyan:hover
{background:#00B6E8  url("../images/coin_gauche_blanc.png") no-repeat 0 0  !important;padding-left:11px}

li.active-trail.rubrique_partenaires + li.rubrique_cyan,
li.active-trail.rubrique_cyan + li.rubrique_cyan
{ background:#00B6E8 url("../images/coin_droit_blanc.png") no-repeat left 0   !important; padding-bottom:3px}
*****/


/****rubriques contact juste apres rubrique rouge********/

li.media:hover,
 li.active-trail.media
{background:#fff ;
  /*url("../images/coin_droit_rouge.png") no-repeat 0 0  !important;**/padding-left:21px}


/****coin droite 

li.rubrique_rose:hover +li.rubrique_vert,
li.active-trail.rubrique_rose +li.rubrique_vert
{background:#fff url("../images/coin_gauche_vert.png") no-repeat 0 0 !important;  }
 li.active-trail.rubrique_rose + li.rubrique_vert:hover
{background:#fff url("../images/coin_gauche_blanc.png") no-repeat 0 0  !important; }


li.rubrique_vert:hover +li.rubrique_violet,
li.active-trail.rubrique_vert +li.rubrique_violet
{background:#fff url("../images/coin_gauche_violet.png") no-repeat 0 0 !important; }


li.active-trail.rubrique_violet +li.rubrique_rouge,
li.rubrique_violet:hover +li.rubrique_rouge
{ }




li.active-trail.rubrique_rouge + li.media,
li.rubrique_rouge:hover + li.media
{ background:#00B6E8  url("../images/coin_droit_blanc.png") no-repeat left -3px   !important;padding-bottom:0px}



********/


/****coin gauche lorsque n+1 actif ********/


 li.active-trail.rubrique_rose + li.rubrique_vert:hover,
 li.active-trail.rubrique_vert + li.rubrique_violet:hover,
 li.active-trail.rubrique_violet + li.rubrique_rouge:hover,
 li.active-trail.rubrique_rouge +  li.media:hover
{background:#fff url("../images/coin_gauche_blanc.png") no-repeat 0 0  !important; }


/****coin droit lorsque n+1 actif ********/

 li.rubrique_rose:hover+ li.rubrique_vert.active-trail,
 li.rubrique_vert:hover+ li.rubrique_violet.active-trail,
 li.rubrique_violet:hover+ li.rubrique_rouge.active-trail,
li.rubrique_rouge:hover+ li.media.active-trail
{background:#fff url("../images/coin_gauche_blanc.png") no-repeat 0 0  !important; }




/****li last pour icone de fin ********/
#block-nice-menus-2 ul.nice-menu-down >li.last
{/*width:13px;height:28px ;background:#00B6E8 ;padding-right:0;display:none**/}
#block-nice-menus-2 ul.nice-menu-down li a.iconeFin
{/*display:none*/}



li.active-trail.info+  li.last,
li.info:hover +  li.last
{background:#00B6E8  url("../images/coin_droit_blanc.png") no-repeat left 0   !important; }






/***************************************************bloc menu gauche/***************************************************
#block-menu-block-1 {
margin-right:10px;background:transparent;padding:0}

/****menu mobile****/
#block-nice-menus-2/****bloc des menus***/{display:block}
#block-block-37{ display: none}

/****logo ul apparait p****/
#block-block-28 {display:block}





/****bloc dde la tete doit etre au dessus du bloc de  deco de la side-bar droite p****/
#block-block-38{z-index:100}
#block-block-32{z-index:1}



/***************************************************bloc menu gauche/****************/
 .field-name-field-galerie-images{/*text-align:center**/}
 .field-name-field-galerie-images .field-items { 
  position:relative;
  /*background: none repeat scroll 0 0 rgb(238, 238, 238);*/
  color: rgb(121, 130, 137);
  padding:2% 2% 10% 2%;
  text-align:center;
}
 .field-name-field-galerie-images .field-item {display:inline-block; float:left; margin-bottom:1%;margin-right:5px;}




 .field-name-field-galerie-images .field-items:before
{
    /*background: url("../images/bg_coin_gauche_ongl.png") no-repeat scroll 0 0 rgb(255, 255, 255);
    content: "";*/
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
    z-index: 50;
}


 .field-name-field-galerie-images .field-items:after
 {
    /*background: url("../images/bg_coin_droite_ongl.png") no-repeat scroll 0 0 rgb(255, 255, 255);
    bottom: 0;
    content: "";*/
    display: inline-block;
    height: 12px;
    position: absolute;
    right: 0;
    width: 14px;
    z-index: 50;
}