/********************************************************************************************
************************************** STYLE DESKTOP ****************************************
********************************************************************************************/


/*************************************** WRAPPER - MENU ***********************************************/

body
{

	background-attachment:fixed !important;
	background-size:cover !important;
}
.hideDesktop
{
	display: none;
}
.mobileOnly
{
	display: none;
}

#menu
{
	width:100%; float:left; display:inline;
	height:150px; float:left; display:inline; background:transparent url('/media/img/entete_fond.png') left top repeat-y;
}

#menu .logo
{
	width:514px; height:150px; float:left; display:inline;
}
#menu .logo a.imageLink
{
	position:absolute;
}
#menu .lngSelector
{
	width:auto; height:auto; float:left; display:inline; margin-left:270px; margin-top:94px;position:absolute;
}

#menu .lngSelector .lng
{
	width:25px; height:25px; line-height:25px; float:left; display:inline; text-align:center;
}

#menu .lngSelector .lng.en
{
	 margin-left:5px;
}

#menu .navigation
{
	width:466px; height:auto; float:right; display:inline; margin-right:20px;
}

#menu .navigation .monCompte
{
	width:466px; height:94px; float:left; display:inline;

}

#menu .navigation .monCompte .button
{
	height:auto;min-width:230px; line-height:25px; float:right; display:inline;
	padding: 0 5px;border-radius: 0 0 5px 5px;
}
#menu .navigation .monCompte.notLogged .button
{
	background:transparent url('/media/img/testbtcompte2.png') left top no-repeat;

}
#menu .navigation .monCompte.notLogged .button a
{
	padding-left: 3px;
}
#menu .monCompte.logged .button
{
	background-color: #56AAD2;
}

#menu .navigation .monCompte.logged .button a img
{
	padding-left: 10px;
}

#menu .navMenu
{
	width:466px; height:56px; float:left; display:inline;
}

#menu .navMenu .navMenuInner
{
	width:auto; height:auto; float:right; display:inline;
}

#menu .navMenuInner .menuElement
{
	width:auto; height:25px; line-height:25px; float:left; display:inline;margin-left:3px; padding: 0 5px;
}
#menu .navMenuInner .menuElement.first
{
	margin-left:0;
}


#contentWrapper
{
	width:1000px; margin-left:auto; margin-right:auto; text-align:center;
}

#contentWrapper .haut
{
	width:1000px; height:13px; line-height:13px; float:left; display:inline;
	background:transparent url('/media/img/pointe_bandeau_haut.png') left top no-repeat;
}

#contentWrapper .leftCol
{
	width:68%; height:auto; float:left; margin-right: 10px;
}

#contentWrapper .leftCol .searchBlock
{
	width:100%; height:auto; float:left; display:inline:;
}

#contentWrapper .searchBlock .searchTop
{
	width:100%; height:10px; line-height:10px; float:left; display:inline; background:transparent url('/media/img/ombre_haut_large_bloc.png') center top no-repeat;
}
.searchBlock .searchBorderTop
{
	width:100%; height:3px; line-height:3px; float:left; display:inline; background:transparent url('/media/img/fond_haut_large_bloc.png') left top no-repeat;
}

.searchBlock .searchContent
{
	width:calc(100% - 30px); padding: 0 15px;
	height:60px; float:left; display:inline; background:transparent url('/media/img/fond_centre_large_bloc.png') left top repeat-y;
}


.searchBlock form
{
	 width:100%; height:auto; float:left; display:inline; margin-top:15px;
}

.searchBlock form .formTop
{
	width:35px; height:30px; float:left; display:inline;
	background:transparent url('/media/img/BG_recherche_2.png') left top no-repeat;
}

.searchBlock form .formField
{
	width:auto; height:30px; float:left; display:inline;
	background:transparent url('/media/img/centre_recherche_2.png') left top repeat-x;
}

.searchBlock form input
{
	width:200px; height:22px; margin-top:3px; border:solid 1px white;
}

.searchBlock form .selectWrapper
{
	width:105px; height:30px; float:left; display:inline;
	background:transparent url('/media/img/BD_recherche_2.png') left top repeat-x;
}

.searchBlock form select
{
	margin-top:6px;

}

.searchBlock form .formBottom
{
	width:50px; height:30px; float:left; display:inline; background:transparent url('/media/img/valide_recherche_2.png') left top no-repeat;
}

.searchBlock form .buttonLeft
{
	width:2px; height:30px; float:left; display:inline; margin-right:8px; margin-left: 8px;background:transparent url('/media/img/trait_vertical.png') left top repeat-y;
}
.searchBlock form .buttonLeft.first
{
	margin-left: 0px;
}


.searchBlock form .buttonInner
{
	width:auto; height:auto; float:left; display:inline;
}

.searchBlock form .searchButton
{
	width:35px; height:30px; float:left; display:inline;
}

.searchBlock form .searchButton img
{
	  width:auto; height:auto; float:left; display:inline; margin-top:2px; margin-left:5px;
}

.searchBlock form .searchButton.big
{
	width:55px;
}


.searchBlock .searchBorderBottom
{
	width:674px; height:3px; line-height:3px; float:left; display:inline; background:transparent url('/media/img/fond_bas_large_bloc.png') left top no-repeat;
}
.searchBlock .searchBottom
{
	width:674px; height:13px; line-height:13px; float:left; display:inline; background:transparent url('/media/img/ombre_bas_moyen_bloc.png') center top no-repeat;
}


#sidebar
{
	width:306px; height:auto; float:left; display:inline;
}

#footer
{
	width:100%; float:left; display:inline; margin-top:90px;
}
#footer .topFooter
{
	width:100%; height:230px;  background:transparent url('/media/img/fond_pied2page.png') left top no-repeat;
}
#footer .logo
{
	width:100%; height:100px;
}
#footer .logo.fr
{
background:transparent url('/media/img/mini_logo_agencesartistiques_fr.png') center center no-repeat;
}
#footer .logo.en
{
background:transparent url('/media/img/mini_logo_agencesartistiques_en.png') center center no-repeat;
}

#footer .topFooter .logoBorder
{
	 width:100%; height:13px; line-height:13px; float:left; display:inline; background:transparent url('/media/img/liseret_pied2page.png') center top no-repeat;
}

#footer .navContainer
{
	width:415px;margin: auto; height: 23px; display: block;
}

#footer .navContainer .navElement
{
	 width:100px; height:25px; line-height:23px; float:left; display:inline; margin-left: 5px; text-align: center;
}

#footer .navContainer .navElement.first
{
	margin-left: 0px;
}

#footer  .otherLinks
{
	width:415px; height:auto;margin-top:6px; margin-left:auto; margin-right:auto;text-align:center;
}

#footer  .otherLinks .otherLinkElement
{
	width:auto; float:left; display:inline; line-height:28px;
}

#footer  .linkSeparator
{
	width:2px; height:28px; float:left; display:inline; background:transparent url('/media/img/trait_vertical.png') left top repeat-y;
}

#footer .footerShare
{
	width:250px; height:auto; margin-left:auto; margin-right:auto; margin-top:18px;
}

#footer .footerShare .shareLabel
{
	width:68px; height:25px; line-height:25px; float:left; display:inline;
}

#footer .footerShare .parmail
{
	width:86px; height:25px; line-height:25px; float:left; display:inline;
}
#footer .parmailIcon
{
	width:25px; height:25px; line-height:25px;
	float:left; display:inline; background:transparent url('/media/img/bt_partager_cccom.png') left top no-repeat;
}
#footer .parmailLink
{
	width:57px; height:25px; line-height:25px; float:left; display:inline; color:#f01672; text-align:center;
}
#footer .facebookShare
{
	width:89px; height:25px; line-height:25px; float:left; display:inline;
}
#footer .facebookShare .facebookIcon
{
	width:25px; height:25px; line-height:25px; float:left; display:inline; background:transparent url('/media/img/bt_partager_facebook.png') left top no-repeat;
}
#footer .facebookShare .facebookLink
{
	 width:auto; height:25px; line-height:25px; float:left; display:inline; color:#f01672; text-align:center;
}

#footer .footerTopBottomBorder
{
	width:100%; height:10px; line-height:10px; float:left; display:inline; background:transparent url('/media/img/liseret_bas.png') center top no-repeat;
}

#footer .bottomFooter
{
	width:100%; height:70px; float:left; display:inline;
}

#footer .partners
{
	width:auto; height:auto; float:left; display:inline;
}

#footer .partnerElement
{
	 height:70px; line-height:10px; float:left; display:inline; text-align:center;
}
#footer .partnerElement.assorda
{
	width:95px;
}
#footer .partnerElement.sfaal
{
	width:121px;
}

#footer .cccomInfos
{
	width:360px; height:70px; float:right; display:inline;
}

#footer .copyright
{
	width:206px; height:auto; float:left; display:inline; margin-top:14px;
}
#footer .cccomInfosSeparator
{
	width:10px; height:70px; float:left; display:inline; background:transparent url('/media/img/separation_pied2page.png') left top no-repeat;
}
#footer .logoCccom
{
	width:126px; height:70px; line-height:10px; float:left; display:inline;
}

/*************************************** ***************************************
									 ACCUEIL
*************************************** *************************************** */


.cccbox
{
	width:674px; height:auto; float:left; display:inline;
}
.ccbox .boxTop
{
	width:674px; height:10px; line-height:10px; float:left; display:inline; background:transparent url('/media/img/ombre_haut_large_bloc.png') center top no-repeat;
}

.ccbox .boxBorderTop
{
	width:674px; height:3px; line-height:3px; float:left; display:inline; background:transparent url('/media/img/fond_haut_large_bloc.png') left top no-repeat;
}
.ccbox .boxContent
{
	width:674px; height:100px; float:left; display:inline; background:transparent url('/media/img/fond_centre_large_bloc.png') left top repeat-y;

}


.profilSupprimeContentBox h3
{
	margin-bottom:5px
}
.ccbox .boxBorderBottom
{
	width:674px; height:3px; line-height:3px; float:left; display:inline; background:transparent url('/media/img/fond_bas_large_bloc.png') left top no-repeat;
}
.ccbox .boxBottom
{
	width:674px; height:13px; line-height:13px; float:left; display:inline; background:transparent url('/media/img/ombre_bas_moyen_bloc.png') center top no-repeat;
}


.ccbox .actuContent
{
	width:641px; height:auto; float:left; display:inline;padding:15px;text-align:left
}



.ccbox .searchIndex
{
	height: 250px;
		padding-bottom: 20px;
}

.searchIndex form
{
	margin-left: 30px;
}

.searchIndex .searchField
{
	width:620px; height:auto; float:left; display:inline; margin-top:30px;
}

.searchIndex .fieldBorderTop
{
	width:66px; height:60px; float:left; display:inline; background:transparent url('/media/img/BG_recherche.png') left top no-repeat;
}
.searchIndex .fieldContent
{
	width:366px; height:60px; float:left; display:inline; background:transparent url('/media/img/centre_recherche.png') left top repeat-x;
}
.searchIndex .fieldContent input
{
	width:360px; height:50px; margin-top:3px; border:solid 1px white;
}

.searchIndex .searchField .selectWrapper
{
	width:117px; height:60px; float:left; display:inline; background:transparent url('/media/img/BD_recherche.png') left top repeat-y;
}

.searchIndex .searchField select
{
	 margin-top:22px;
}

.searchIndex .validateSearch
{
	width:65px; height:60px; float:left; display:inline; background:transparent url('/media/img/valide_recherche.png') left top no-repeat;
}


.searchIndex .searchByCriteria
{
	width:620px; height:auto; float:left; display:inline; margin-top:20px;
}

.searchIndex .searchByCriteria .boxElement
{
	width:152px; height:auto; float:left; display:inline; text-align: center;
}

.searchIndex .searchByCriteria .boxElement .boxElementInner
{
	height:112px;  margin-top:5px; display: block; width: 100%;
}

.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent
{
	line-height:18px;padding-top:70px;
}

.searchIndex .searchByCriteria .boxElementSeparator
{
	width:2px; height:120px; float:left; display:inline;
	background:transparent url('/media/img/trait_vertical.png') left top repeat-y;
}

.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.agents
{
	background:transparent url('/media/img/picto_agents.png') center 3px no-repeat;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.agences
{
	background:transparent url('/media/img/picto_agences.png') center 3px no-repeat;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.avancee
{
	background:transparent url('/media/img/picto_rech_avancee.png') center 3px no-repeat;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.metiers
{
	background:transparent url('/media/img/picto_rech_metier.png') center 3px no-repeat;
}

.ccbox .joinUs
{
	height: 240px;
	padding: 0px 15px;
}

.joinUs .label
{
	width:180px; height:100px; float:left; display:inline; margin-top:15px;text-align:left;line-height:20px;
}

.joinUs .joinUsElement
{
	width:215px; height:auto; float:left; display:inline; margin-top:15px;
}

.joinUs .joinUsElement .picto
{
	width:215px; height:61px; float:left; display:inline;
}
.joinUs .joinUsElement .picto.agency
{
	background:transparent url('/media/img/picto_agences.png') left top no-repeat;
}
.joinUs .joinUsElement .picto.artiste
{
	background:transparent url('/media/img/picto_agences.png') left top no-repeat;
}

.joinUs .joinUsElement .label
{
	width:215px; height:32px; float:left; display:inline;text-transform:uppercase;text-align:left;margin-top:-5px;
}
.joinUs .joinUsElement .content
{
	width:200px; height:auto; float:left; display:inline; text-align:left;
}

.joinUs .callToAction
{
	width:auto; height:30px; line-height:30px; float:left; display:inline; margin-top:10px;
}

.joinUs .callToAction .leftPicto
{
	width:30px; height:30px; line-height:16px; float:left; display:inline; background:transparent url('/media/img/fleche_bleue.png') center 7px no-repeat;
}

.joinUs .savoirPlus
{
	width:auto; line-height:30px; float:left; display:inline; margin-top:10px;
}

.joinUs .savoirPlus span
{
	margin-left:10px
}

.joinUsSeparator
{
	width:16px; height:240px; float:left; display:inline; background:transparent url('/media/img/trait_vertical.png') left top repeat-y;
}

.listAgences
{
	width:670px; height:auto; float:left; display:inline; background:transparent url('/media/img/fond_gris_centre_large_bloc.png') left top repeat-y; padding: 0 15px;
}
.listAgences .picto
{
	text-align:left;line-height:20px;width:638px; height:66px; float:left; display:inline; background:transparent url('/media/img/picto_agences_4.png') left center no-repeat;
}

.listAgences .picto .label
{
	margin-top: 16px;display: block;margin-left: 45px;
}

.listContainer
{
	width:638px; height:auto; float:left; display:inline; text-align:left;
}

/*************************************** ***************************************
*************************************** NEWS  ***********************************
*************************************** *************************************** */

#news_agence .boxContent, #news_artiste .boxContent
{
	height: 200px;
	overflow: hidden;
}



.news_style{
	display:none;
}
.news_show
{
	position:absolute;
	background-color: black;
	color:white;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:rect(0px 668px 200px 0px);
	margin-left:3px;

}
.news_show2
{
	position:absolute;
	background-color: black;
	color:white;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:rect(0px 300px 173px 0px);
	margin-left:3px;
}

.news_show3
{
	position:absolute;
	background-color: black;
	color:white;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:rect(0px 300px 200px 0px);
	margin-left:3px;
}

.news_border
{
	background-color: white;
	width:668px;
	height:auto;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;

}
.news_border2
{
	background-color: white;
	width:300px;
	height:auto;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	margin-top:40px;
}

.news_mark{
	background-color:white ;
	font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	width:668px;
	height:0px;
	color:black;
	text-align:center;
}
.news_mark2{
	background-color:white ;
	font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	width:300px;
	height:0px;
	color:black;
	text-align:center;

}
.news_title{
	font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	color:black;
}
.news_show img{

	margin-left: 0px;
	margin-right: 0px;

}
.buttondiv
{
	border-top:none;
	height:0px;
	font: normal 90% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	z-index:10;
}
.news_move {
 	position: relative;

  }


.buttondiv .prevButton
{
	width:15px; height:16px; position:absolute; margin-left:614px; margin-top:12px; z-index:10;cursor: pointer;
}

.buttondiv .nextButton
{
	width:15px; height:16px; position:absolute; margin-left:638px; margin-top:12px;z-index:10; cursor: pointer;
}

.newsHeader
{
	width:668px; height:40px;
}
.newsHeader .headerWrapper
{
	width:596px; height:40px;
}

.newsHeader .pictoAgence
{
	width:40px; height:40px; float:left; display:inline; background:transparent url('/media/img/mini_picto_agence.png') center center no-repeat;
}

.newsHeader .separator
{
	width:1px; height:40px; float:left; display:inline; background:transparent url('/media/img/px_transp_separation.png') left top repeat-y;
}

.newsHeader .name
{
	width:auto; height:40px; line-height:40px; float:left; display:inline; text-align:center;
}

.newsHeader .label
{
	width:118px; height:40px; line-height:40px; float:left; display:inline; text-align:left;
}

.newsHeader .motCle
{
	width:auto; height:40px; line-height:40px; float:left; display:inline; text-align:center;
}

.newsContent
{
	width:668px; height:160px;
}
.newsContent .newsImage
{
	width:auto; height:160px; float:left; display:inline; text-align:left;
}

.newsContent .newsDescription
{
	width:520px; height:140px; float:left; display:inline; text-align:left; margin-left:10px;
}
.newsContent .artistLink
{
	width:430px; height:20px; float:left; display:inline; text-align:left; margin-left:10px;
}
.newsContent .shareFacebook
{
	width:90px; height:20px; float:right; display:inline;margin-top:-5px;
}



/*************************************** ***************************************
*************************************** VIDEOS  ***********************************
*************************************** *************************************** */

.ccbox.small
{
	width:306px; height:auto; float:left; display:inline;
}

.ccbox.small .boxTop
{
width:306px; height:13px; line-height:13px; float:left; display:inline; background:transparent url('/media/img/ombre_haut_moyen_bloc.png') center bottom no-repeat;
}
.ccbox.small .boxBorderTop
{
	width:306px; height:3px; line-height:3px; float:left; display:inline;
	background:transparent url('/media/img/fond_haut_moyen_bloc.png') left top no-repeat;
}
.ccbox.small .boxContent
{
	width:306px; height:213px; float:left; display:inline; background:transparent url('/media/img/fond_noir_centre_moyen_bloc.png') left top repeat-y;
}
.ccbox.small .boxBorderBottom
{
	width:306px; height:3px; line-height:3px; float:left; display:inline;
	background:transparent url('/media/img/fond_bas_moyen_bloc.png') left top no-repeat;
}
.ccbox.small .boxBottom
{
	width:306px; height:13px; line-height:13px; float:left; display:inline;
	background:transparent url('/media/img/ombre_bas_moyen_bloc.png') center top no-repeat;
}

.cccbox.small .separator
{
	width:1px; height:40px; float:left; display:inline; background:transparent url('/media/img/px_transp_separation.png') left top repeat-y;
}
#latestVideos .ccboxContent
{
	height: 213px;
}

#latestVideos .titleHeader
{
	width:306px;height:40px; position:absolute;
}
#latestVideos .titleHeader .label
{
	width:230px;height:40px; float:left; display:inline;
}

#latestVideos .titleHeader .label a
{
	width:200px; height:40px; line-height:40px; float:left; display:inline; text-align:left; margin-left:16px;
}

#latestVideos .videoContent
{
	width:306px; height:173px; float:left; display:inline;
}

.ccbox.small .buttondiv .prevButton
{
	width:15px; height:16px; position:absolute; margin-left:250px; margin-top:-30px;
}
.ccbox.small .buttondiv .nextButton
{
	width:15px; height:16px; position:absolute; margin-left:274px; margin-top:-30px;
}

#latestVideos .videoBox
{
	width:300px; height:133px; float:left; display:inline;
}

#latestVideos .videoBox .player
{
	width:300px; height:133px; float:left; display:inline;position:relative; z-index:1;
}

#latestVideos .videoBox .play
{
	position:absolute; width:34px; margin-left:138px;margin-top:54px; height:34px; z-index:10;
}

#latestVideos .artistLink
{
	width:300px; height:auto; float:left; display:inline; margin-top:4px;
}



/*************************************** ***************************************
*************************************** Inscrits  ********************************
*************************************** *************************************** */

#latestMembers .boxContent
{
	height: 228px;
}

#latestMembers .memberHeader
{
	width:306px; height:40px; position:absolute;
}

#latestMembers .label
{


	width:200px; height:40px; line-height:40px; float:left; display:inline; text-align:left; margin-left:16px;background:url(../media/img/mini_picto_artistes.png) no-repeat left;padding-left:30px;
}

#latestMembers .memberContent
{
	width:306px; height:173px; float:left; display:inline;
}

#latestMembers #showhere3
{
	height:188px
}

#latestMembers #news5
{
	width:300px; height:188px; float:left;
}
#latestMembers .sliderWrapper
{
	width:300px; height:188px; float:left; display:inline;
}

#latestMembers .profilePic
{
	padding-right : 12px; width:150px; height:188px; float:left; display:inline; display: block;
}

#latestMembers .artistInfo
{
	 width:138px; height:148px; float:left; display:inline;text-align: left;
}
#latestMembers .agencyPicto
{
	width:26px; height:30px; float:left; display:inline; background:transparent url('/media/img/mini_picto_agence.png') left top no-repeat;
}
#latestMembers .agencyName
{
	width:104px; height:30px; float:left; display:inline;
}
#latestMembers .agentPicto
{
	margin-top:10px;width:26px; height:30px; float:left; display:inline; background:transparent url('/media/img/picto_agents_off.png') left top no-repeat;
}
#latestMembers .agentName
{
	margin-top:10px;width:104px; height:30px; float:left; display:inline;
}
#latestMembers .artistInfoElement
{
	width: 138px;
    float: left;
    display: inline;
}


.mytable
{
	width:668px;
	height:200px;
	vertical-align: top;

}
.code{
	width:668px;
	color:white;
	font: normal 90% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	background-color:black ;

}

.photo_show
{
	position:absolute;
	background-color: black;
	color:white;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:rect(0px 490px 150px 0px);
	margin-left:3px;
}


/*************************************** ***************************************
*************************************** BLOC DE NAVIGATION RECHERCHE  ********************************
*************************************** *************************************** */

#navigRech .boxContent
{
	height:230px; background:transparent url('/media/img/px_transp.png') left top repeat;overflow:hidden;
}

#navigRech .boxContent .innerBox
{
	width:298px; height:222px; float:left; display:inline; margin-left:3px; margin-top:3px; border:solid 1px black;
}

#navigRech .innerBox h3
{
	border-bottom:solid 1px black; margin-top:5px;margin-bottom:5px;
}

#navigRech .innerBox .navPrecWrap
{
	display:inline-block;padding-right:5px;position:absolute;margin-top:70px;margin-left:-25px;
}
#navigRech .innerBox  .navPrec
{
	background-image:url(/media/img/fleche_bleue2.png); height:16px;width:15px;
}
#navigRech .innerBox .navNextWrap
{
	display:inline-block;margin-top:15px;padding-left:5px;position:absolute;margin-top:70px
}
#navigRech .innerBox .navNext
{
	background-image:url(/media/img/fleche_bleue.png); height:16px;width:15px;
}
#navigRech .artistWrap
{
	display:inline-block;margin-top:15px;padding-right:5px;
}
#navigRech .artistWrap.second
{
	padding-left: 5px;
}
#navigRech .artistWrap .name
{
	margin-top:5px;
}


/*************************************** ***************************************
*************************************** BLOC ACTUS ARTISTE  ********************************
*************************************** *************************************** */


/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.mycarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.mycarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.mycarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}
.artistNews, .agencyNews
{
	background-color: #000;
	margin: 0 3px 0 3px;
}
#actuArtiste .boxContent
{
	height:200px;
}

#actuArtiste #showhereArtiste
{
	width: 300px;
}
#actuArtiste.ccbox.small .buttondiv .prevButton, #actuArtiste.ccbox.small .buttondiv .nextButton
{
	margin-top: 12px;
}

#actuArtiste .newsHeader
{
	width:300px; height:40px; float:left; display:inline;
}
#actuArtiste .pictoAgence
{
	width:40px; height:40px; float:left; display:inline; background:transparent url('/media/img/mini_picto_agence.png') center center no-repeat;
}
#actuArtiste .newsHeader .name
{
	width:auto; height:40px; line-height:40px; float:left; display:inline; text-align:center;
}
#actuArtiste .actuContent
{
	width:300px; height:160px; float:left; display:inline;
}
#actuArtiste .photoWrapper
{
	width:96px; height:120px; float:left; display:inline; text-align:left;
}
#actuArtiste .photoWrapper.none
{
	width:0px;
}

#actuArtiste .actuContent .link
{
	width:290px ;height:120px; float:left; display:inline; text-align:left; margin-left:10px;
}
#actuArtiste .actuContent .link.small
{
	width: 192px;
}
#actuArtiste .description
{
	width:290px; height:35px;margin-top:5px; float:left; display:inline; text-align:left; margin-left:5px;
}



/*************************************** ***************************************
*************************************** Liste d'agents / Agences  ********************************
*************************************** *************************************** */


.ccbox.autoHeight .boxContent
{
	height: auto;
	background:transparent url('/media/img/fond_large_bloc_blanc.png') left top repeat-y;
}

.listWrapper
{
	width:638px; height:auto; margin:auto; padding-bottom: 15px;
}

.listWrapper .label
{
	text-align:left;line-height:20px;width:100%; height:17px; float:left; display:inline; margin-top:15px;
}

.listWrapper .separator
{
	width:100%; height:1px; float:left; display:inline;margin-top:10px;
}

.alphabetWrapper, .languagesWrapper
{
	width: calc(100% - 48px); height:25px; margin: auto;float:left; display:inline;margin-top:10px;padding-left : 24px; padding-right: 24px;
	line-height: 14px;
}

.alphabetWrapper .separator
{
	float:left; display:inline; width: auto; height: auto;margin:0;
}
.languagesWrapper .separator
{
	float:left; display:inline; width: 10px; height: auto;margin:0;
}
.alphabetWrapper .letter
{
	width:17px; height:auto; float:left; display:inline;
}

.alphabetWrapper .allLetters,.languagesWrapper .allLanguages
{
	width:40px; height:auto; float:left; display:inline; text-transform:none;
}
.languagesWrapper .language
{
	width:17px; height:auto; display:inline;float:left;
}
.languagesWrapper
{
	text-align: center;
}
.languagesWrapper .languageContainer
{
	display: inline-block;
}
.languagesWrapper img.selected
{
	border:1px solid black;border-radius:4px;
}

.listWrapper .resultWrapper
{
	width:100%; height:auto; float:left; display:inline;margin-top:9px;
}

.listWrapper .letterTitleWrapper
{
	width:auto; height:auto; float:left; display:inline; clear: both;
}

.listWrapper .picto, #listeRecherche .resultWrapper .picto
{
	width:20px; height:21px; float:left; display:inline;margin-top:5px;margin-left:5px;
}

.listWrapper .resultWrapper.agence .picto, #listeRecherche .resultWrapper.agence .picto
{
	background:transparent url('/media/img/picto_agences_off.png') left top no-repeat;
}
.listWrapper .resultWrapper.agent .picto, #listeRecherche .resultWrapper.agent .picto
{
	background:transparent url('/media/img/picto_agents_off.png') left top no-repeat
}
.listWrapper .letterTitle
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;text-transform:uppercase;
}
.listWrapper .letterTitle.withSpacing
{
	margin-top: 10px;
}
.listWrapper .resultWrapper .lineWrapper
{
	width:100%; clear: both; height:auto; float:left; display:inline;margin-top:8px; margin-bottom: 15px;
}

.listWrapper .lineElement
{
	width:100%; height:25px; float:left; display:inline;margin-top:2px;
}

.listWrapper .lineElement .leftPart
{
	width:auto; height:auto; float:left; display:inline;margin-top:4px; margin-left:10px; line-height:14px;
}

.listWrapper .lineElement .drapeau
{
	vertical-align:middle;margin-right: 5px;
}

.listWrapper .lineElement .agentName
{
	vertical-align:middle;margin-left : 0px;
}
.listWrapper .lineElement .agentName.noPays
{
	margin-left:18px;
}

.listWrapper .lineElement .agencyName
{
	vertical-align:middle;
}
.lineWrapper .lineElement .rightPart
{
	width:185px; height:18px; float:right; display:inline;margin-top:7px;
}

.lineWrapper .urlWrapper
{
	width:auto; height:18px; float:left; display:inline;
}
.fleche_blanc
{
	width:9px; height:10px; float:left; display:none; background:transparent url('/media/img/fleche_blanc_2.png') left top no-repeat; margin-left:5px; margin-top:4px;
}

.fleche_bleu
{
	width:9px; height:10px; float:left; display:inline; background:transparent url('/media/img/fleche_bleue_2.png') left top no-repeat; margin-left:5px; margin-top:4px;
}
.urlWrapper .website
{
	width:47px; height:auto; float:left; display:inline;margin-left:5px; margin-right:5px; margin-top:1px;
}

.lineWrapper .ficheWrapper
{
	width:auto; height:18px; float:left; display:inline; margin-left:72px;
}
.lineWrapper .ficheWrapper.noMargin
{
	margin-left:1px;
}
.lineWrapper .ficheWrapper .ficheLink
{
	width:85px; height:auto; float:left; display:inline;margin-left:5px; margin-right:5px; margin-top:1px;
}



/*************************************** ***************************************
*************************************** Recherche par métiers  ********************************
*************************************** *************************************** */
.ccbox#searchMetier
{
	padding-bottom: 15px;
}
.searchMetierTitle
{
	width:638px; height:auto; margin: auto;
}

.searchMetierTitle .upper.bleu
{
	text-align:left;line-height:20px;
	width:638px; height:21px;  margin-top:15px;
}

.searchMetierTitle .metierName
{
	width:638px; height:auto; float:left; display:inline; margin-top:5px;text-align: left;
}

#searchMetier .formulaire
{
	width:636px; height:auto; margin-left: auto; margin-right: auto;margin-top:10px; padding-bottom: 15px;
}

#searchMetier .formulaire .other
{
	width:636px; height:35px;line-height:35px; border-radius: 5px 5px 0px 0px;
}
#searchMetier .formulaire .other .picto
{
	width:45px; height:35px; float:left; display:inline;background:transparent url('/media/img/picto_rech_metier_2.png') left center no-repeat; margin-left: 5px;
}
#searchMetier .formulaire .other .label
{
	width:250px; height:auto; float:left; display:inline;margin-left:5px; margin-top:3px; text-align: left;
}
#searchMetier .formulaire .other .fleche_bas
{
	width:16px; height:15px; float:left; display:inline;background:transparent url('/media/img/fleche_bleue.gif') left top no-repeat; margin-top:15px;
}

#searchMetier #formulaire_1
{
	width:636px; height:auto; padding-bottom: 10px;
}
#searchMetier #formulaire_1:after, .searchMetierTitle:after
{
	       display: table;
    content: " ";
    clear: both;
}
#searchMetier #formulaire_1 .topSeparator
{
	width:636px; height:2px;  background:transparent url('/media/img/trait_bleue.gif') left top repeat-x;
}
#searchMetier .spe_container
{
	width:636px;height:auto; float:left; display:inline;
}
#searchMetier .spe_container .spe_container_inner
{
	padding: 5px;
}
#searchMetier .speElement
{
	width:154px; height:30px; float:left; display:inline;margin-left:2px; margin-top:2px; line-height: 30px;
}
#searchMetier .speLabel
{
	width:154px; height:auto; float:left; display:inline; text-align:center;
}

#searchMetier .arrowContainer
{
	width:16px; height:auto; margin-left:auto; margin-right: auto;margin-top:5px;
}
#searchMetier .arrowContainer .arrow
{
	width:16px; height:15px; float:left; display:inline;background:transparent url('/media/img/fleche_bleue_haut.png') left top no-repeat; margin-top:5px;
}

#searchMetier .results
{
	width:638px; height:auto; margin: auto;margin-top:20px; clear: both;
}

#searchMetier .resultHeader
{
	width:auto; height:auto; float:left; display:inline;
}
#searchMetier .resultHeader .picto
{
	width:20px; height:20px; float:left; display:inline;background:transparent url('/media/img/picto_artistes_off.png') left top no-repeat;margin-top:6px;
}
#searchMetier .results .label
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}
#searchMetier .results .tri
{
	width:auto; height:auto; float:right; display:inline;margin-top:10px;
}
#searchMetier .results .tri .label
{
	width:auto; height:auto; float:left; display:inline;margin-top:2px;
}

#searchMetier .results .tri form
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}

#searchMetier #listMetier
{
	width:638px; height:auto; margin: auto;margin-top:5px;
}

#searchMetier h2.titre
{
	display:block; float:left; width:497px; margin-top:40px;color:#0080CA;
}

#searchMetier .noResult
{
	text-align:center;display:block;
}

.artistResultElement
{
	width:638px; height:85px; margin: auto; clear: both;margin-top:10px;
}

.artistResultElement .photoWrapper
{
	float:left; margin-right:10px;text-align:center;width:80px;
}

.artistResultElement .artistInfo
{
	width:415px; height:auto; float:left; display:inline;
}
.artistResultElement .artistName
{
	margin-top: 5px;width:420px; height:57px; float:left; display:inline; line-height:19px;text-align: left;text-transform:capitalize;
}
.artistResultElement .links
{
	width:420px; height:auto; float:left; display:inline; margin-top:5px;
}
.artistResultElement .links .label
{
	width: auto;
}
.artistResultElement .links .fiche
{
	width:auto; height:20px; float:left; display:inline;
}

.artistResultElement .pictoFleche
{
	width:9px; height:10px; float:left; display:inline;background:transparent url('/media/img/fleche_bleue_2.png') left top no-repeat; margin-left:7px; margin-top:5px;
}

.artistResultElement  .label
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px; margin-right:5px; margin-top:2px;
}

.artistResultElement .urlcc
{
	width:auto; height:20px; float:left; display:inline; margin-left:1px;padding-right: 5px;
}
.artistResultElement .urlcc .lien_fiche_artiste
{
	margin-left: 10px; line-height: 20px;
}
.artistResultElement .videoPresent
{
	width:102px; height:78px; float:left; display:inline;  margin-top:3px; position:relative; overflow:hidden;margin-left:30px;text-align:center;
}
.artistResultElement .videoPresent img.play
{
	position:absolute;margin:25px;margin-left:37px;
}

.artistResultElement .bandeDemo
{
	width:102px; height:78px; float:left; display:inline;  margin-top:3px; position:relative; overflow:hidden;margin-left:27px;text-align:center;
}
.artistResultElement .bandeDemoLabel
{
	top:23px;position:relative;
}

 .textCV
{
	width:550px; height:auto; float:left; display:inline;margin-left:68px;
	padding: 10px;margin-bottom: 10px;
}




/*************************************** ***************************************
*************************************** CONNEXION   *****************************
*************************************** *************************************** */



#createAccount .subscribeButton
{
	width:170px; height:30px; line-height:30px; margin-top:5px;
}

#createAccount .subscribeButton .leftArrow
{
	width:30px; height:30px; line-height:16px; float:left; display:inline; background:transparent url('/media/img/fleche_blanche.png') center 7px no-repeat;
}

#createAccount .subscribeButton .label
{
	 width:auto; height:auto; float:left; display:inline;
}

/******************************************************************************
*************************************** Recherche Avancée   *********************
****************************************************************************** */


.advancedSearch
{
	width:638px; height:auto; margin-left:auto; margin-right:auto;text-align:left; padding-bottom: 15px;
}

.advancedSearch .currentSearch
{
	width:638px; height:auto; float:left; display:inline;
}

.advancedSearch .currentSearch .label
{
	text-align:left;line-height:20px;width:638px; height:21px; float:left; display:inline; margin-top:17px;
}

.advancedSearch .currentSearch .listCriteria
{
	width:638px; height:auto; float:left; display:inline; margin-top:5px;
}

.advancedSearch .searchForm
{
	width:636px; height:auto; float:left; display:inline;margin-top:10px;padding-bottom: 5px;
}

.advancedSearch .headerWrapper
{
	width:626px; height:30px; float:left; display:inline;margin-top:5px; margin-left:5px;
}
.advancedSearch .picto
{
	width:45px; height:25px; float:left; display:inline;background:transparent url('/media/img/picto_rech_avancee_2.png') left top no-repeat;margin-top:1px;
}
.advancedSearch .headerWrapper .label
{
	width:250px; height:auto; float:left; display:inilne; margin-left:5px; margin-top:3px;
}
.advancedSearch .headerWrapper .fleche_bleue
{
	 width:16px; height:15px; float:left; display:inline;background:transparent url('/media/img/fleche_bleue.gif') left top no-repeat; margin-top:5px;
}

.advancedSearch #form_recherche_avancee
{
	 width:626px; height:auto; float:left; border-top: 1px solid #3399d5; margin-top : 5px;padding: 0 5px 0 5px;
}

.advancedSearch .formLine
{
	width:626px; height:40px; float:left; display:inline; margin-top:5px;
}
.advancedSearch .fieldLabel
{
	width:175px; height:40px; line-height: 40px; float:left; display:inline; margin-left:10px;
}

.advancedSearch .selectContainer
{
	width:180px; height:36px; float:left; display:inline;background-color:#fff; padding: 2px; border-radius: 5px; text-align: center;
}

.advancedSearch .selectContainer select
{
	margin-top: 3px;
	width: 175px;
	height: 30px;
}

.advancedSearch .selectContainer .intervalLabel
{
	width:auto; height:36px; line-height:36px;float: left; margin-left: 5px;
}

.advancedSearch .selectContainer .intervalInput
{
	width:40px; height:22px; margin-top:3px; margin-left: 5px; margin-right: 5px;float: left;
}

.advancedSearch .bottomLine
{
	 width:624px; height:auto; float:left; display:inline;margin-top:5px; margin-left:10px;
}
.advancedSearch .bottomLine .label
{
	width:295px; height:auto; float:left; display:inline;margin-top:5px;
}
.advancedSearch .bottomLine .fleche_bleue
{
	width:16px; height:15px; float:left; display:inline;background:transparent url('/media/img/fleche_bleue_haut.png') left top no-repeat; margin-top:7px; padding-bottom: 5px;
}

.advancedSearch .validationButton
{
	width:165px; height:30px; float:right; display:block;
}
.advancedSearch .validationButton .bouton
{
	width:auto; height:30px; line-height:30px; float:left; display:inline;
}
.advancedSearch .validationButton .bouton .label
{
	width:auto; height:auto; float:left; display:inline; margin-left:5px; margin-top: 0px;
}
.advancedSearch .validationButton .bouton .pictoValidation
{
	width:30px; height:30px; line-height:16px; float:left; display:inline; background:transparent url('/media/img/fleche_bleue.png') center 6px no-repeat;
}

.advancedSearch .separator
{
	 width:638px; height:1px; float:left; display:inline; margin-top:10px;
}

.advancedSearch .resultWrapper
{
	width:638px; height:auto; float:left; display:inline;margin-top:9px;
}


.advancedSearch .resultWrapper .pictoArtiste
{
	width:20px; height:20px; float:left; display:inline;background:transparent url('/media/img/picto_artistes_off.png') left top no-repeat;margin-top:6px;
}
.advancedSearch .resultWrapper .label
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}

.advancedSearch .resultWrapper .tri
{
	width:auto; height:auto; float:right; display:inline;margin-top:10px;
}
.advancedSearch .resultWrapper .tri .label
{
	width:auto; height:auto; float:left; display:inline;margin-top:2px;
}
.advancedSearch .resultWrapper .tri .radioBox
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}
.advancedSearch .resultWrapper #listeRecherche
{
	width:638px; height:auto; float:left; display:inline;margin-top:5px;
}
#listeRecherche
{
	clear: both;
}

.titre.sans_agent
{
	display:block; float:left; width:497px; margin-top:40px;color:#0080CA;
}


.paginationWrapper
{
	width:638px; height:auto; float:left; display:inline;margin-top:10px;text-align:center; margin-bottom: 10px;
}
.paginationWrapper .leftArrow
{
	height:10px; display:inline; margin-left:8px; margin-right:8px;vertical-align:middle;margin-top:2px;
}
.paginationWrapper .rightArrow
{
	height:10px; display:inline; margin-left:8px;margin-top:2px;
}

.paginationWrapper .pageNumbers
{
	display:inline; margin-left:8px; margin-right:8px;
}
.paginationWrapper .pageNumber
{
	display:inline; margin-left:3px; margin-right:3px;font-weight:bold;
}
.paginationWrapper .pageNumber.current
{
	color:black;
}
.paginationWrapper form
{
	display: inline;
}



.ccbox .boxContent.searchResult
{
	 width: 644px;
	 height:auto; margin-left:auto; margin-right:auto;text-align:left; padding: 15px;
}

.searchResult .label{
	width:100%; height:21px; float:left; display:inline;
}

.resultWrapper .label{
	width:100%; height:21px; float:left; display:inline;
}

.searchResult .rappelSearch
{
	 height:auto; float:left; display:inline; margin-top:5px;
}

.resultWrapper .rappelSearch
{
	 height:auto; float:left; display:inline; margin-top:5px;
}

.searchResult .filterTabs
{
	height:auto; float:left; display:inline;margin-top:10px;clear: both;
	width: 100%; border-bottom: 1px solid #d7d5d4;
}

.resultWrapper .filterTabs
{
	height:auto; float:left; display:inline;margin-top:10px;clear: both;
	width: 100%; border-bottom: 1px solid #d7d5d4;
}

.searchResult .tabElement
{
	width:auto; height:30px; float:left; display:inline;margin-top:5px;
		color: #4c4c4c; margin-left: 1px;
		min-width: 120px;

}

.resultWrapper .tabElement
{
	width:auto; height:30px; float:left; display:inline;margin-top:5px;
		color: #4c4c4c; margin-left: 1px;
		min-width: 120px;
		cursor: pointer;

}
.searchResult .tabElement.first
{
	margin-left: 0;
}
.resultWrapper .tabElement.first
{
	margin-left: 0;
}
.searchResult .link .tabElement:hover, .searchResult .tabElement.selected
{
	background-color: #0080ca;    color: #ffffff;
	    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px 5px 0px 0px;

}
.resultWrapper .link .tabElement:hover, .resultWrapper .tabElement.selected
{
	background-color: #0080ca;    color: #ffffff;
	    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px 5px 0px 0px;

}
.searchResult .tabElement .picto
{
	width:20px; height:20px; float:left; margin-left:5px;margin-top:5px;
}
.resultWrapper .tabElement .picto
{
	width:20px; height:20px; float:left; margin-left:5px;margin-top:5px;
}

.searchResult .tabElement .tabLabel
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px; margin-right:5px;margin-top:5px;
}

.resultWrapper .tabElement .tabLabel
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px; margin-right:5px;margin-top:5px;
}

.searchResult .tabElement.artistTab .picto
{
	background:transparent url('/media/img/picto_artistes_off.png') left top no-repeat;
}
.searchResult .tabElement.artistTab.selected .picto, .searchResult .link .tabElement.artistTab:hover .picto
{
	background:transparent url('/media/img/picto_artistes_on.png') left top no-repeat;

}
.searchResult .tabElement.agentTab .picto
{
	background:transparent url('/media/img/picto_agents_off.png') left top no-repeat;
}
.searchResult .tabElement.agentTab.selected .picto, .searchResult .link .tabElement.agentTab:hover .picto
{
	background:transparent url('/media/img/picto_agents_on.png') left top no-repeat;

}
.searchResult .tabElement.agenceTab .picto
{
	background:transparent url('/media/img/picto_agences_off.png') left top no-repeat;
}
.searchResult .tabElement.agenceTab.selected .picto, .searchResult .link .tabElement.agenceTab:hover .picto
{
	background:transparent url('/media/img/picto_agences_on.png') left top no-repeat;
}

.resultWrapper.agence
{
/*	clear: both;*/
}

.resultWrapper.agence .lineWrapper
{
	/*height: 25px;
	line-height: 25px;*/
}
.resultWrapper.agence .lineWrapper .lineElement
{
/*	height: 25px;
	clear: both;*/
}


.resultWrapper .lineElement
{
	width:100%; height:25px; float:left; display:inline;margin-top:2px;
}

.resultWrapper .lineElement .leftPart
{
	width:auto; height:auto; float:left; display:inline;height: 25px; margin-left:10px; line-height:25px;
}

.resultWrapper .lineElement .drapeau
{
	vertical-align:middle;margin-right: 5px; float: left;margin-top: 4px;
}

.resultWrapper .lineElement .agentName
{
	vertical-align:middle;margin-left : 0px; width: auto;
}
.resultWrapper .lineElement .agentName.noPays
{
	margin-left:18px;
}

.resultWrapper .lineElement .agencyName
{
	vertical-align:middle;
}
.resultWrapper .lineElement .rightPart
{
	width:185px; height:18px; float:right; display:inline;margin-top:7px;

}

.resultWrapper .lineElement .rightPart .urlWrapper, .resultWrapper .lineElement .rightPart .ficheWrapper
{
	line-height: 18px;
}

.searchResult .searchFilters
{
	width:100%; height:auto; float:left; display:inline;margin-top:9px;
}
.searchResult .searchFilters .pictoArtiste
{
	width:20px; height:20px; float:left; display:inline;
	background:transparent url('/media/img/picto_artistes_off.png') left top no-repeat;margin-top:6px;
}
.searchResult .searchFilters .label
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}

.searchResult .searchFilters .tri
{
	width:auto; height:auto; float:right; display:inline;margin-top:10px;
}
.searchResult .searchFilters .tri .label
{
	width:auto; height:auto; float:left; display:inline;margin-top:2px;
}

.searchResult .searchFilters .tri form
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}

.searchResult .noResult
{
	text-align:center;display:block;margin-top:10px; clear: both; padding: 20px 0 20px 0 ;
}

/******************************************************************************
***************************************  FICHE ARTISTE   *********************
****************************************************************************** */

.ccbox.autoHeight .boxContent.artistPage, .ccbox.autoHeight .boxContent.agentPage
{
	width: 644px; padding: 15px; margin: auto; text-align: left;
}

.shareBox
{
	float: right;width: 171px;
}

.shareBox iframe
{
	height: 20px !important;
}

.artistName, .agentName
{
	width:465px; height:auto; float:left; display:inline; text-align: left;
}
.artistName h1
{
	margin: 0;
}

.artistName .prenom
{
	font-weight:normal;
}

.artistName .job
{
	margin-top:-5px;font-weight:normal
}

.artistePage .list_carousel2 {
    width: 480px;
}

.artistePage .list_carousel2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
	}

.artistePage .mediaWrapper .list_carousel2 li {
    width: 160px;
    height: 200px;
    display: inline;
    float: left;

}
.artistePage .mediaWrapper.withVideos .list_carousel2 li {
    width: 120px;
    height: 150px;
    display: inline;
    float: left;

}


.artistePage .list_carousel2 {
    width: auto;
    margin-left: 0;
}

.artistePage .list_carousel3 {
    width: 450px;
}

.artistePage .list_carousel3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
	}

.artistePage .list_carousel3 li {
    width: 150px;
    height:100px;
    display: inline;
    float: left;

}
.artistePage .list_carousel3 {
    width: auto;
    margin-left: 0;
}

.artistePage .clearfix {
    float: none;
    clear: both;
}

.artistPage .mediaWrapper
{
	width:100%; height:200px; float:left; display:inline;
}

.artistPage .mediaWrapper.withVideos
{
	height:250px
}

.artistPage .mediaWrapper .photoPresent
{
	float:left;text-align:center;width:160px;overflow:hidden
}
.artistPage .mediaWrapper.withVideos .photoPresent
{
	width: 194px
}

.artistPage .mediaWrapper .imageWrapper
{
	width:calc(100% - 170px); height:auto; float:left; display:inline; margin-left: 10px;
}
.artistPage .mediaWrapper.withVideos .imageWrapper
{
	width:calc(100% - 201px); margin-left: 5px;
}

.artistPage .mediaWrapper .imageList
{
	width:100%; height:200px; float:left; display:inline; line-height:19px;
}
.artistPage .mediaWrapper.withVideos .imageList
{
	height: 150px;
}
.artistPage .mediaWrapper .imageList .navigationLeft
{
	width:30px;height:30px;margin-top:90px;position:absolute;z-index:101; border-radius:0 5px 5px 0
}
.artistPage .mediaWrapper.withVideos .imageList .navigationLeft
{
	margin-top:60px;
}
.artistPage .mediaWrapper .imageList .navigationRight
{
	width:30px;height:30px;margin-top:90px;position:absolute;margin-left: 440px;z-index:101;border-radius:5px 0 0 5px
}
.artistPage .mediaWrapper.withVideos .imageList .navigationRight
{
	margin-top:60px;margin-left: 413px;
}
.artistPage .mediaWrapper .imageList .navigationLeft img, .artistPage .mediaWrapper .imageList .navigationRight img
{
	margin-top:7px;margin-left:10px
}

.artistPage .mediaWrapper .imageList .photoCount
{
	width:150px;height:35px;margin-top:165px;position:absolute;margin-left:162px;z-index:100;border-radius:5px 5px 0 0;
}
.artistPage .mediaWrapper.withVideos  .imageList .photoCount
{
	margin-top:115px;
}

.artistPage .mediaWrapper .imageList .photoCount p
{
	margin:10px;text-align:center
}

.artistPage .mediaWrapper .imageList .photosContainerWithVideos,.artistPage .mediaWrapper .imageList
{
	width:100%; height:auto; float:left; display:inline; overflow:hidden;
}

.artistPage .mediaWrapper .list_carousel2
{
	width:100%; height:200px;
}

.artistPage .mediaWrapper.withVideos .list_carousel2,.artistPage .mediaWrapper.withVideos .list_carousel2
{
	height:150px;
}

.artistPage .mediaWrapper .caroufredsel_wrapper
{
	margin: 0 !important;
	height: 100% !important;
	width: 100% !important;
}

.artistPage .mediaWrapper li
{
	list-style: none;
	display: inline;
}
.artistPage .caroufredsel_wrapper ul
{
	padding : 0 !important;
}

.artistPage .videoContainer
{
	width:100%; height:100px; float:left; display:inline; line-height:19px;
}
.artistPage .videoContainer .navVideoLeft
{
	width:30px;height:30px;margin-top:40px;position:absolute;z-index:100;border-radius:0 5px 5px 0; text-align: center;
}
.artistPage .videoContainer .videoCount
{
	width:150px;height:35px;margin-top:65px;position:absolute;margin-left:162px;z-index:100;border-radius:5px 5px 0 0;
}

.artistPage .videoContainer .videoCount p
{
	margin:10px;text-align:center;
}

.artistPage .videoContainer .navVideoRight
{
	width:30px;height:30px;margin-top:40px;position:absolute;margin-left:413px;z-index:100;border-radius:5px 0 0 5px;text-align: center;
}

.artistPage .videoContainer .navVideoRight img, .artistPage .videoContainer .navVideoLeft img
{
	margin-top:8px;
}
.artistPage .videoContainer .list_carousel3
{
	width:100%; height:100px; float:left; display:inline; overflow:hidden;
}

.artistPage .agentWrapper
{
	width:100%; float:left; display:inline;margin-top:15px;
}
.artistPage .agentWrapper .pictoAgent
{
	margin:10px;float:left; margin-right:16px;text-align:center;
}

.artistPage .agentWrapper .agentDetails
{
	width:560px; height:auto; float:left; display:inline;padding: 10px 0 10px 0; line-height:19px;
}
.artistPage .agentWrapper .agentDetails h3
{
	margin: 0;
}
.artistPage .agentWrapper .drapeau_agent
{
	cursor:pointer;margin-left:5px;border-radius:3px;
}

.artistPage .agentWrapper .div_agent
{
	float:left;width:100%; display:inline;
}

.hide
{
	display: none !important;
}
.artistPage .agentWrapper .agentReserve
{
	margin-top:3px;margin-bottom:0;
}
.artistPage .agentWrapper .agentNotReserve
{
	margin-top:3px;margin-bottom:3px;
}
.artistPage .agentWrapper .siVousEtes
{
	font-weight:bold;text-transform:uppercase;
}
.artistPage .agentWrapper .agentNotReserver img
{
	margin-left:5px;
}

.artistPage .agentWrapper .siteAgentLink
{
	border-top:1px solid #4da6da;padding-top:5px;margin-top:3px;width:550px;margin-bottom:3px;
}

.artistPage .agentWrapper .siteAgentLink .bouton
{
	display:inline;padding:3px 10px;
}

.artistPage .agentWrapper .siteAgentLink .bouton img
{
	margin-right:5px;
}

.artistPage .sitePerso
{
	width:100%; height:60px; float:left; display:inline;margin-top:15px;background-color:#e52a72;
}

.artistPage .sitePerso .logoCC
{
	float:left; margin-right:5px;text-align:center;margin:10px;
}

.artistPage .sitePerso .label
{
	width:560px; height:50px; float:left; display:inline;margin-top:10px; line-height:19px;
}

.artistPage .sitePerso .label h3
{
	margin: 0;
}
.artistPage .sitePerso .label link
{
	margin-top:3px;
}
.artistPage .sitePerso .label link img
{
	margin-right:5px;
}
.artistPage .sitePerso .label p
{
	margin: 0;
	margin-top: 5px;
}
.artistPage .sonsWrapper
{
	width:calc(100% - 10px); height:36px; float:left; display:inline;margin-top:15px; padding:10px 0 10px 10px ;line-height:36px;
}
.artistPage .sonsWrapper h3
{
	margin: 0;
}
.artistPage .sonsWrapper img
{
	margin-right:5px;
}

.artistPage #bloc_cv_artiste
{
	 width:100%; height:auto; float:left; display:inline;margin-top:10px;
}

#bloc_cv_artiste .categ291
{
	 width:100%; height:auto; float:left; display:inline;margin-top:10px;
}
#bloc_cv_artiste .categCV
{
	margin-bottom:0;text-transform:capitalize;
}

#bloc_cv_artiste .categContent
{
	text-align:left;width:100%;
}
#bloc_cv_artiste .categContent .lineCV
{
	min-height: 25px; line-height: 25px;
	padding: 5px;
}

#bloc_cv_artiste .lineCV .upper.T12
{
	font-weight: bold;
}



/******************************************************************************
***************************************  Page VIDEOS    *********************
****************************************************************************** */


.artistPage .backLink
{
	margin-top:0px;color:#575757;
}
.artistPage .backLink img,.artistPage .backLink a
{
	display: inline-block;
}

.artistPage #div_video
{
	width:100%;  float:left; justify-content: center; margin-bottom:10px; margin-top: 20px;
}

.artistPage #Video .stats_video
{
	 height:auto; float:right; display:inline;margin-bottom:10px;margin-right:10px; width: 100px;
}
.artistPage #Video .stats_video.big
{
	width: 200px
}
.artistPage #div_video p
{
	width: 540px;
	margin-left:10px
}
.artistPage .big#div_video p
{
	width:440px;
}
.artistPage .videoSeparator
{
	width:100%; height:auto; float:left; display:inline;margin-top:20px;overflow:hidden;
}

.artistPage .mediaList
{
	width:100%; float:left; display:inline;margin-top:15px;
}
.artistPage .mediaList .mediaListTitle
{
	margin-left:15px;line-height:19px;
}

.artistPage .mediaList .mosaicWrapper
{
	margin-left:15px;line-height:19px; display: flex; flex-flow: wrap;
}
.artistPage .mediaList .mosaicWrapper .videoElement
{
	border:1px solid #e1e0de;
	width:calc(33% - 22px);
	float:left; display:inline;margin-bottom:27px;margin-left:10px; margin-right: 10px;
}
.artistPage .videoElement .playButton
{
	position:absolute;margin-left:80px;margin-top:40px
}
.artistPage .videoElement .thumbnail
{
	width:calc(100% - 8px); height:100px ; margin:4px;
}
.artistPage .videoElement .videoTitle
{
	min-height:60px;margin:4px;overflow:hidden;
}
.artistPage .soundList
{
	width:100%; float:left; display:inline;
}
.artistPage .soundElement
{
	width:calc(100% - 12px);border:1px solid #e1e0de;float:left; display:flex;margin-top:10px; padding:5px;
	min-height: 35px;line-height: 35px;
}
.artistPage .soundElement .lngIcon
{
	width:19px; height: 14px; display:inline; margin-top:9px;line-height: 25px
}
.artistPage .soundElement .soundTitle
{
	height:auto; float:left; display:inline;line-height: 35px; margin-left: 10px;
}
.artistPage .soundElement audio
{
	margin: auto; padding: 0; height: 30px;
}
/******************************************************************************
***************************************  FICHE Agent   *********************
****************************************************************************** */


.agentName img
{
	margin-right: 10px; float: left;
}
.agentName .agentInfoWrapper
{
	height:auto; float:left; display:inline;
}

.agentName h1
{
	margin-bottom:0;margin-top:0px; font-weight: normal;
}
.agentName h2.agent
{
	margin-top:5px;font-weight:bold;margin-bottom:0;
}
.agentName h2 .email
{
	font-weight:normal
}
.agentName h2.assistant
{
	margin-top:0;margin-bottom:8px;font-weight:normal;color:#8a8a8a;
}


.agentPage .infosAgence
{
	height:100px; float:left; display:inline;margin-top:20px;overflow:hidden;background-color:#575757;width: 100%;
}
.agentPage .agencyLocation
{
	width:320px; height:80px; float:left; display:inline;padding-left:15px;padding-top:10px;padding-bottom:10px;
}
.agentPage .agencyLocation a
{
	float: left;
}
.agentPage .agencyLocation a.location
{
	float:left; display:block;margin-left:10px;width:268px;
}
.agentPage  .agencyInfoSeparator
{
	width:2px; height:86px; float:left; display:inline;margin-top:7px;margin-bottom:7px;background-color:#8a8a8a;
}
.agentPage .agencyContacts
{
	width:256px; height:80px; float:left; display:inline;padding-left:15px;padding-top:10px;padding-bottom:10px;
}
.agentPage .agencyContacts img
{
	margin-right:7px
}

.agentPage .agencyLink
{
	width:30px;float:right; display:block;margin-top:35px;
}

.agentPage .waatsLink
{
	height:auto; float:left; display:inline;overflow:hidden;width:100%;
	height:33px; float:left; display:inline;text-align:right;line-height:33px;
}

.agentPage .listSeparator
{
	width:100%; height:auto; float:left; display:inline;margin-bottom:20px;overflow:hidden;
}

.agentPage .artistList
{
	width:100%; height:auto; float:left; display:inline;margin-top:20px;overflow:hidden
}
.agentPage .artistList h3
{
	margin-bottom:0;
}

.agentPage .pagination
{
	width:100%; height:auto; float:left; display:inline;margin-top:20px;overflow:hidden;
}


.agentPage .agencyInfo
{
	 height:auto; float:left; display:inline; width: calc(100% - 175px);
}
.agentPage .agencyInfo .agencyLogo
{
	padding-right:15px; float: left;
}

.agentPage .agencyName
{
	float: left; width: calc(100% - 215px);
}
.agentPage .agencyInfo h1
{
	margin-bottom:0;margin-top:0px;display: block;font-weight: normal; width: auto;
}
.agentPage .agencyInfo h2
{
	margin-top:5px;font-weight:bold;margin-bottom:8px;display: block;width: auto;clear: both;
}

.agentPage .agencySpe
{
	clear: both;
	width: 100%;
	padding-top: 10px;
}

.agentPage .agencySpe h2
{
	margin-top:-5px;font-weight:normal;margin-bottom:8px;
}

.agentPage .websiteLink
{
	width:100%; height:40px; float:left; display:inline;text-align:right;line-height:40px;
}
.agentPage .websiteLink a
{
	padding-right:15px;
}

.agentPage .agentList
{
	width:100%; height:auto; float:left; display:flex; flex-flow: wrap;margin-top:10px;overflow:hidden;
}

.agentPage  h3
{
	margin-bottom:0; margin-top: 10px;
}

.agentPage .agentList .agentElement
{
	width:calc(50% - 10px); float:left; display:inline;;margin-right:10px; margin-bottom:30px;
}

.agentPage .agentList .agentPicture
{
	width:50px; height:66px; float:left;display:inline;
}
.agentPage .agentList .agentElement:hover
{
	background-color: #fff;
}
.agentPage .agentPicture .default
{
	margin-top:15px;margin-left:10px;
}

.agentPage .agentElement .agentDetails
{
	width:210px;padding-left:10px;margin-top:15px; float:left;display:inline;
}

.agentPage .agentElement a
{
	color:#0080ca;
}
.agentPage .agentElement img
{
	margin-right:7px
}
.agentPage .agentElement .play
{
	width:30px;;margin-top:15px; float:right;display:inline;
}
.agentPage .agentElement .assistants
{
	width:calc(100% - 60px); float:left; display:inline;border-radius:0 0 5px 5px;
	border-top: 1px solid #8a8a8a; padding:5px 10px 5px 50px
}
.agentPage .agentElement .assistants img
{
	margin-right: 7px;
}
.agentPage .agentElement .assistantElement
{
	width:calc(100% - 15px);padding-left:15px;float:left; display:inline;margin-bottom:15px;
}

.agencyLogo img
{
	max-width: 200px;
	max-height: 200px;
}


/******************************************************************************
***************************************  SINGLE PAGE   *********************
****************************************************************************** */

.boxContent.singlePage
{
	padding: 15px; width: 644px; text-align: left;
}
.singlePage .pageTitle
{
	width:100%;   border-bottom: 1px solid #d7d5d4;
	font-weight:bold;text-transform:uppercase; padding-bottom: 5px;
}

.singlePage .partnerElementTitle
{
	width:auto; height:auto; float:left; display:inline;margin-top:30px;    clear: both;
}
.singlePage .partnerElementTitle.first
{
	margin-top:10px;
}
.singlePage .partnerElement
{
	width: calc(100% - 10px);
    height: auto;
    float: left;
    display: inline;
    clear: both;
    color: #000;
    margin-top: 10px;
}
.singlePage .partnerElement img
{
	margin-right: 10px;
}
.singlePage .partnerElement.group a img
{
	float: left;
}
.singlePage .partnerElement a span
{
	float: left;color: #000;
}
.singlePage .partnerElementTitle .picto
{
	width:20px; height:21px; float:left; display:inline;background:transparent url('/media/img/picto_agences_off.png') left top no-repeat;margin-top:5px;margin-left:5px;
}

.singlePage .partnerElementTitle .title
{
	width:auto; height:auto; float:left; display:inline;margin-left:5px;
}

.singlePage.boxContent .content
{
   color: #4C4C4C;
}

.upperTitle
{
	 font-family:'museo_sans_300', museo_sans_300;
}


/*******************************************************************************************************************************************
************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
************************************** STYLE TABLETTE ****************************************
***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


@media screen and (max-width: 1024px) {



/*********** Non affichage de blocs ********************/

.desktopOnly
{
	display: none !important;
}
.hideDesktop
{
	display: block !important;
}
#contentWrapper .haut, .ccbox .boxTop, .ccbox .boxBorderTop, .ccbox .boxBottom, .ccbox .boxBorderBottom
{
	display: none ! important;
}

/************** WRAPPER ***************/


#menu
{
	background: none;
	background-color:#0d86cd;
	height: auto;
	float: none;
	display: block;
}
#menu .logo a.imageLink
{
	background-color: #fff;
}
#menu .logo, #menu .navigation
{

	margin: auto;
	float: none;
	display: block;

 	width: 95%;
 	padding-bottom: 20px;
 }
#menu .navigation .monCompte
{
	    margin-left: 270px;
    margin-top: 94px;
    position: absolute;
}
#menu .navMenu
{
	width: 100%;
	display: block;
	float: none;
	clear: both;
	height: auto;

}
#menu .navMenu .navMenuInner
{
	float: none;
}

#menu .navMenuInner .menuElement
{
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    display: inline;
    margin-left: 15px;
    padding: 2px 5px;
    min-width: 80px;
    text-align: center;
}

#contentWrapper, #contentWrapper .leftCol, #contentWrapper #sidebar
{
	width: 100%;
	clear: both;
	float: none;
	display: block;
}
 #contentWrapper #sidebar
 {
 	width: 95%;
 	margin: auto;
 }
 #contentWrapper #sidebar:after
 {
 	display: table;
    content: " ";
    clear: both;
 }

.ccbox
{
	width: 95%;
	margin: auto;
	padding-top: 20px;
}
.ccbox:after, #menu .navigation:after
{
    display: table;
    content: " ";
    clear: both;
}

.ccbox .boxContent
{
	width: 100%;
	background: none;
	background-color: #0079c0;
}

.disconnectUser img
{
	margin-left: -20px;
	margin-top: 10px;
}


/************** ACCEUIL ***************/


.ccbox .searchIndex
{
	width: calc(100% - 20px);
	padding: 10px;
	height: auto;
}

.searchIndex form
{
	margin-left: 0px;
}

.searchIndex .searchField
{
	float: none;
	display: block;
	margin-top: 10px;
	width: 100%;
}
.searchIndex .fieldContent
{
	width: calc(100% - 248px)
}
.searchIndex .searchField select {
    margin-top: 0;
    height: 80%;
    margin-top: 6%;
    width: 90%;
    font-size: 1.5em;

}
.searchIndex .searchByCriteria
{
	width: 100%;
}
.searchIndex .searchByCriteria .boxElement
{
	width: calc(25% - 3px);
}


.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.agences
{
	background: transparent url('/media/img/picto_agences.png') 56% 3px no-repeat;
}

.news_border,.newsContent,.mytable
{
	width: 100%;
}
.news_show
{
	display: relative;
	margin-left: 0px;
	clip: unset;
}
.newsHeader
{
	width: 90%;
}
.buttondiv
{
	width: 100%;
}
.buttondiv .prevButton
{
	margin-left: 87%;
}
.buttondiv .nextButton
{
	margin-left: calc(87% + 25px);
}

.newsHeader .headerWrapper
{
	width: calc(100% - 1px);
}
.newsContent .newsDescription
{
	width: calc(100% - 140px);
}

.artistNews, .agencyNews
{
	margin: 0;
}
.newsContent .shareFacebook
{
	margin-top: -25px;
}

.ccbox .joinUs
{
	width: calc(100% - 30px);

}
.listAgences
{
	width: calc(100% - 30px);
}
.listContainer
{
	width: 100%;
}
.joinUs .joinUsElement
{
	width: calc(50% - 98px);
}

/************************************** SEARCH BLOCK ****************************************/

#contentWrapper .leftCol
{
	margin-top: 20px;
}

.searchBlock .searchContent
{
	margin-bottom: 20px;
}
#contentWrapper .leftCol .searchBlock
{
	width: 95%;
	margin: auto;
	float: none;
}
#contentWrapper .searchBlock .searchTop,.searchBlock .searchBorderTop, .searchBlock .searchBorderBottom, .searchBlock .searchBottom
{
	display: none;

}
.searchBlock .searchContent
{
	background: none;
	background-color: #0d86cd;
}
.searchBlock form .formField
{
	width: calc(100% - 440px);
}
.searchBlock form input
{
	width: calc(100% - 20px);
}

/************************************** Recherche Avancée ****************************************/

.advancedSearch
{
	width: calc(100% - 30px);
	padding: 15px;
}
.advancedSearch .currentSearch,.advancedSearch .currentSearch .label,.advancedSearch .currentSearch .listCriteria
{
	width: 100%;
}
.advancedSearch .searchForm
{
	width: 100%;
	padding: 0;
}
.advancedSearch .headerWrapper,.advancedSearch #form_recherche_avancee

{
	width: calc(100% - 10px);
	padding: 5px;
	margin: 5px 0 0 0 ;
}
.advancedSearch .formLine,.advancedSearch .bottomLine
{
	width: 100%;
	margin-left: 0;
}
.advancedSearch .bottomLine
{
	margin-top: 20px;
}
.advancedSearch .separator
{
	width: 100%;
}
.advancedSearch .resultWrapper
{
	width: 100%;
}

.advancedSearch .bottomLine .label

{
	width: 175px;
	margin-left: 10px;
}
.advancedSearch .validationButton
{
	float: left;
	display: block;
	width: 180px;
	padding: 2px;

}
.advancedSearch .validationButton .bouton
{
	background: none;
	background-color: #fff;
	width: 100%;
	text-align: center;

}
.advancedSearch .bottomLine .fleche_bleue
{
	float: right;
	margin-right: 10px;
}
.advancedSearch .validationButton .bouton .pictoValidation
{
	float: right;

}
/************************************** Listing AGENTS / AGENCES ****************************************/


.ccbox.autoHeight .boxContent
{
	background: none;
	background-color: #fff;
}
.listWrapper
{
	width: 100%;
}
.resultWrapper .lineElement
{
	height: 35px;
	line-height: 35px;
}

.resultWrapper .lineElement .agentName,.resultWrapper .lineElement .agencyName
{
	font-size: 1.2em
}
.resultWrapper .lineElement .rightPart .urlWrapper, .resultWrapper .lineElement .rightPart .ficheWrapper
{
	height: 30px;
	line-height: 30px;
}

.fleche_bleu, .fleche_blanc
{
	margin-top: 9px;
}



/************************************** Resultats Artistes ****************************************/


.ccbox .boxContent.searchResult
{
	width: calc(100% - 30px);

}
.artistResultElement
{
	width: 100%;
	height: 110px;
	margin-top: 10px;
}
.artistResultElement .photoWrapper
{
	width: 100px;
}
.artistResultElement .photoWrapper img
{
	width: 100%;
}
.artistResultElement .artistInfo
{
	width: calc(100% - 115px);
}
.artistResultElement .bandeDemo,.artistResultElement .videoPresent
{
	display: none;
}
.artistResultElement .artistName
{
	width: 100%;
}
.artistResultElement .artistName  a, .artistResultElement .artistName .museo_slab_1000
{
	font-size: 1.4em;
}
.artistResultElement .artistName
{
	line-height: 22px;
}
.artistResultElement .artistName .T11
{
	font-size: 1.2em;
}
.artistResultElement .links
{
	width: 100%;
}

.artistResultElement .links .fiche ,.artistResultElement .links .urlcc
{
    width: 150px;
    height: 35px;
    margin-top: 5px;
    float: left;
    display: block;
    border-radius: 0;
    text-align: center;
}
.artistResultElement .links .label
{
	width: calc(100% - 16px);
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 0;

}
.artistResultElement .urlcc .lien_fiche_artiste
{
	line-height: 35px;
}
.artistResultElement .pictoFleche
{
	margin-top: 12px;
}
.paginationWrapper
{
	width: 100%;
	margin: 20px 0 20px 0;
}
.paginationWrapper .pageNumber
{
	font-size: 1.2em;
	margin: 0 5px 0 5px;
}
.paginationWrapper .pageNumber a:hover
{
	color: #000;
}

.textCV
{
	width: calc(100% - 20px);
	margin:0;
	float: none;
	display: block;
	clear: both;
}

/************************************** PAGE ARTISTE ****************************************/

 .ccbox.autoHeight .boxContent.artistPage, .ccbox.autoHeight .boxContent.agentPage
 {
 	width: calc(100% - 30px);
 }
.artistName, .agentName
{
	width: calc(100% - 175px);
}
.artistPage .mediaWrapper.withVideos .imageWrapper, .artistPage .mediaWrapper .imageWrapper
{
	position: relative;
}
.artistPage .mediaWrapper.withVideos .imageList .navigationLeft,.artistPage .mediaWrapper .imageList .navigationLeft
{
	left: 0;
}
.artistPage .mediaWrapper.withVideos .imageList .navigationRight,.artistPage .mediaWrapper .imageList .navigationRight
{
	right: 0;
}
.artistPage .mediaWrapper.withVideos .imageList .photoCount, .artistPage .mediaWrapper .imageList .photoCount
{
	margin-left: 0;
	left: calc(50% - 75px);
}

.artistPage .mediaList .mosaicWrapper .videoElement
{
	width: calc(25% - 22px);
}
.artistPage .videoElement .thumbnail
{
	margin: 0;
}

.artistPage .soundElement .lngIcon
{
	margin-top: 9px;
}
.artistPage .soundElement .soundTitle
{
	line-height: 35px;
}
/************************************** SINGLE PAGE ****************************************/

.boxContent.singlePage
{
	width: calc(100% - 30px);
}



}



/*******************************************************************************************************************************************
************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
************************************** STYLE MOBILE ****************************************
***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


@media screen and (max-width: 700px) {


/************************************** MENU MOBILE ****************************************/

.mobileOnly
{
	display: block !important;
}
.hideOnMobile
{
	display: none !important;
}
#menu .logo .imageLink
{
	width: calc(100% - 36px);
	margin: auto;
}
#menu .logo .imageLink img
{
	width: 90%;
	margin: auto;
}
#menu .lngSelector, #menu .navigation
{
	display: none;
}
#menu .logo a.imageLink
{
	background-color: #0d86cd;
}
#burger-button span
{
	display: none;
}
#burger-button
{
	display: block;
    width: 36px;
    height: 28px;
    background: url(/media/img/picto_burger.png) 0 bottom no-repeat;
    float: left;
    margin: 20px 0 0 0;

}
#burger-button.crossed
{
	background-position: top;
}
#menu .logo
{
	height: auto;
	padding-top: 20px;
}

#menu .logo:after, #menu:after
{
	display: table;
    content: " ";
    clear: both;
}


#menu .logo a.imageLink
{
	position: relative;
	float: left;
}
#menu
{
	border-bottom: 2px solid #fff;
}
#menu .navigation
{
	border-top: 2px solid #fff;
	padding-top: 20px;
}

#menu .navMenuInner .menuElement
{
	float: none;
    display: block;
    width: calc(100% - 10px);
    margin: 0;
    border-radius: 0;
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 1.3em;
    color: #fff;
}
#menu .navMenuInner .menuElement:hover,#menu .navMenuInner .menuElement.bg_blanc
{
	color: #0080ca;
}

#menu .navigation .mobileLngSelector .lng
{
	border-radius: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.3em;
    font-weight: bold;
    float: right;
    margin-left: 15px;
}

/************************************** FOOTER ****************************************/


#footer
{
	margin-top: 40px;
}
#footer .navContainer
{
	display: none;
}
#footer .otherLinks
{
	width: 100%;
}
#footer .footerShare
{ display: none;}

#footer .footerTopBottomBorder
{
	display: none;
}
#footer .topFooter
{
	height: auto;
	padding-bottom: 10px;
}

#footer .topFooter:after
{
	display: table;
    content: " ";
    clear: both;
}
#footer .bottomFooter
{
	height: auto;
}
#footer .cccomInfos
{
	width: calc(100% - 15px);
	float: none;
	display: block;
	padding-left: 15px;
}

/************************************** HOME PAGE ****************************************/
.searchIndex .fieldBorderTop
{
	display: none;
}

.searchIndex .fieldContent
{
	width: calc(100% - 130px);
	background: none;
	background-color: #fff;
	padding: 10px;
	border-radius: 5px 0 0 5px;
}

.searchIndex .searchField .selectWrapper
{
	width: 70px;
	background: none;
	background-color: #fff;
	padding: 10px 0;
}
.searchIndex .searchField select
{
	height: 100%;
	margin-top: 0;
}

.searchIndex .fieldContent input

{
	width: calc(100% - 6px);
	font-size: 1.5em;
	padding: 0 5px;
	border: 0.5px solid rgb(169,169,169);
	height: 60px;
	margin-top: 0px;

}


.searchIndex .searchField a
{
	display: block;
    width: 40px;
    background-color: #fff;
    height: 60px;
    float: left;
    border-radius: 0 5px 5px 0;
    padding: 10px 0 10px 0px;
}
.searchIndex .validateSearch
{
	width: 100%;
    background: transparent url(/media/img/valide_recherche.png) -4px center no-repeat;
    background-size: 100%;
    height: 100%;
}

.searchIndex .searchByCriteria .boxElement
{
	width: calc(50% - 2px);
	margin-top: 10px;
	height: 80px;
}
.searchIndex .searchByCriteria .boxElementSeparator
{

	margin-top: 10px;
	height: 80px;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner
{
	height: 80px;
	margin-top: 0px;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner.arrondi_5
{
	border-radius: 0px;
}
.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent
{
	background-position-y:  10px !important;
    background-size: 10% !important;
    height: 40px;
    padding-top: 0px;
    line-height: 19px;
    padding-top: 40px;
}

.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.avancee,.searchIndex .searchByCriteria .boxElement .boxElementInner .boxElementContent.metiers
{
	background-size: 20% !important;
}



#news_agence .boxContent, #news_artiste .boxContent


{
	height: 260px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #000;
}
.buttondiv .prevButton
{
	margin-left: 75%;
	width: 20px;
	height: 20px;
	margin-top: 5px;
}
.buttondiv .nextButton
{
	margin-left: calc(75% + 50px);
width: 20px;
	height: 20px;
	margin-top: 5px;
}

.buttondiv .prevButton img, .buttondiv .nextButton img
{
	width: 100%;
	height: 100%;
}
.newsItem
{
	position: relative;
}
.newsHeader
{
	margin-left: 135px;
	width: calc(100% - 135px);
	position: absolute;
	height: 60px;
	overflow: hidden;

}
.newsHeader .pictoAgence
{
	width: 30px;
	height: 30px;
}
.newsHeader .label
{
	width: 90px;
	height: 30px;
	line-height: 30px;
}
.newsHeader .separator{
	display: none;
}
.newsHeader .headerWrapper .separator{
	height: 30px;
	display: block;
}
.newsHeader .name
{
	clear: both;
	width: auto;
	text-align: left;
	height: 30px;
	line-height: 30px;
}
.newsHeader .motCle
{
	width: auto;
	text-align: left;
		height: 30px;
	line-height: 30px;
}
.newsContent .newsDescription
{
	margin-top: 50px;
	height: 200px;
	overflow: hidden;

}
.newsContent .artistLink
{
	width: auto;
}
.newsContent .shareFacebook
{
	margin-top: 0;
}



.joinUs .label
{
	width: 100%;
	font-size: 20px;
	height: auto;
}
.joinUs .joinUsElement
{
	width: 100%;
	clear: both;
}
.joinUsSeparator
{
	display: none;
}
.joinUs .joinUsElement .picto
{
	width: 55px;
}
.joinUs .joinUsElement .label,.joinUs .joinUsElement .content
{
	width: calc(100% - 65px);
	margin-top: 0px;
	margin-left: 10px;
}
.joinUs .savoirPlus
{
	display: none;
}
.joinUs .callToAction
{
	float: right;
}
.ccbox .joinUs
{
	height: auto;
	padding-bottom: 15px;
}
.listAgences
{
	display: none;
}







/************************************** Search Bar Wrapper ****************************************/



#contentWrapper .leftCol .searchBlock
{
	margin-bottom: 10px;
}
.searchBlock form .formTop
{
	display: none;
}
.searchBlock form .formField
{
	border-radius: 0;
	height: 40px;
	width: calc(100% - 30px);
	background: none;
	background-color: #fff;
}
.searchBlock form input
{
	width: calc(100% - 10px);
	padding: 5px;
	background: none;
	margin-top: 0;
	height: calc(100% - 10px);
	border: none;
}
.searchBlock form .selectWrapper
{
	background: none;
	background-color: #fff;
}
.searchBlock form .formBottom
{
	background
}
.searchBlock .searchContent
{
	height: 40px;
	padding: 10px 15px;
}
.searchBlock form
{
	height: 100%;
	margin-top: 0px;
}
.searchBlock form .selectWrapper
{
	display: none;
}
.searchBlock form .formBottom
{
	height: 40px;
	width: 30px;
	background: transparent url('/media/img/valide_recherche_2.png') -4px center no-repeat;
	background-color: #fff;
}


/************************************** Listing Agences / Agents  ****************************************/

.listWrapper .label
{
	width: auto;
	padding-left: 20px;
}

.alphabetWrapper, .languagesWrapper
{
	padding: 0 10px 0 10px;
	width: calc(100% - 20px);
	line-height: 23px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.alphabetWrapper .letter
{
	width: 20px;
	font-size: 1.3em;
}
.languagesWrapper
{
	margin-top: 10px;
}


.listWrapper .resultWrapper
{
	margin-top: 0;
	width: calc(100% - 10px);
	padding: 0 5px 0 5px;
}
.listWrapper .resultWrapper .lineWrapper
{
	width: calc(100% - 10px);
	padding: 5px;
}
.resultWrapper .lineElement
{
	height: auto;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 0.5px solid #efefef;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.resultWrapper .lineElement .leftPart
{
	height: 20px;
	line-height: 20px;
	float: none;
	width: calc(100% - 10px);
	margin-top: 0px;
}
.resultWrapper .lineElement .drapeau
{
	margin-top: 2px;
	margin-right: 25px;
}
.resultWrapper .lineElement .agencyName
{
	display: block;
	margin-left: 39px;
	text-align: left;
}
.resultWrapper .lineElement .agentName,.resultWrapper .lineElement .agencyName
{
	font-size: 1.4em;
}

.resultWrapper .lineElement .rightPart {
    width: 100%;
    float: none;
    display: block;
    clear: both;
  }
 .lineWrapper .ficheWrapper
 {
 	float: right;
 }
 .lineWrapper .urlWrapper
 {
 	float: right;
 	margin-left: 10px;
 }


/************************************** REcherche par métier ****************************************/


.searchMetierTitle
{
	width: 100%;
}

.searchMetierTitle .upper.bleu,.searchMetierTitle .metierName
{
	width: calc(100% - 10px);
	height: auto;
	padding: 5px;
}

#searchMetier .formulaire,#searchMetier .formulaire .other,#searchMetier #formulaire_1
{
	width: 100%;
	border-radius: 0;
}
#searchMetier #formulaire_1 .topSeparator
{
	display: none;
}
#searchMetier .spe_container
{
	width: 100%;
}
#searchMetier .speElement
{
	width: calc(50% - 2px);
	border-radius: 0;
	height: 50px;
	line-height: 50px;
	margin-top: 5px;
	font-size:1.3em;
}
#searchMetier .speLabel
{
	width: 100%;
}
#searchMetier h2.titre
{
	width: 100%;
}

/************************************** Resultats Recherche ****************************************/

.titre.sans_agent
{
	width: 100%;
}
.searchResult .label
{
	height: auto;
}
.searchResult .tabElement
{
	width: 49%;
}
.searchResult .filterTabs
{
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.artistResultElement .photoWrapper
{
	margin-right: 5px;
}
.artistResultElement
{
	height: 135px;
}
.artistResultElement:after
{
	display: table;
    content: " ";
    clear: both;
}
.artistResultElement
{
	position: relative;
}
.artistResultElement .artistInfo
{
	width: calc(100% - 105px);

}
.artistResultElement .artistName
{
	height: auto;
	margin-top: 0;
	line-height: 25px;
}
.artistResultElement .links
{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
 }
 .artistResultElement .links .fiche,.artistResultElement .links .urlcc
 {
 	width: 100px;
 	margin: 0;
 	padding: 0;
 }


.searchResult .tabElement .tabLabel
{
	font-size: 12px;
	margin-top: 0;
	line-height: 30px;
}

.searchResult .searchFilters .tri
{
	float: none;
	display: block;
	clear: both;
	padding-top: 20px;
}

.letterTitleWrapper:after
{
		display: table;
    content: " ";
    clear: both;

}
.resultWrapper
{
	clear: both;
}
.listWrapper .picto, #listeRecherche .resultWrapper .picto
{
	margin-left: 0;
}
.letterTitleWrapper
{
	margin-bottom: 10px;
}


#navigRech .boxContent .innerBox, .ccbox.small
{
	width: 100%;
}
#navigRech .boxContent
{
	width: 100%;
	background: none;
	background-color: #fff;
	border-radius: 0;
}
#navigRech .boxContent .innerBox

{
	border: none;
	margin: 0;
}
#searchMetier .results
{
	width: 100%;
}
#searchMetier .resultHeader
{
	float: none;
	display: block;
}
#searchMetier .results .tri
{
	float: none;
	display: block;
	margin-bottom: 20px;
	clear: both;
}

.alphabetWrapper, .languagesWrapper
{
	float: none;
	display: block;
}
.searchResultsContainer
{
	margin-top: 20px;
}

.alphabetWrapper:after, .languagesWrapper:after, #searchMetier .results:after
{
			display: table;
    content: " ";
    clear: both;
}


/************************************** PAGE ARTISTE ****************************************/
.artistName, .agentName
{
	width: 100%;
}
.shareBox
{
	display: none;
}
.artistPage .mediaWrapper.withVideos .photoPresent,.artistPage .mediaWrapper.withVideos .photoPresent img,
 .artistPage .mediaWrapper .photoPresent,.artistPage .mediaWrapper .photoPresent img
{
	width: 100%;

}
.artistPage .mediaWrapper.withVideos, .artistPage .mediaWrapper
{
	height: auto;
}
.artistPage .mediaWrapper.withVideos .imageWrapper,.artistPage .mediaWrapper .imageWrapper
{
	width: 100%;
	margin: 0;
	margin-top: 10px;
}
.artistPage .videoContainer
{
	margin-top: 10px;
}
.artistPage .sitePerso
{
	border-radius: 0;
}
.artistPage .sitePerso .label
{
	width: calc(100% - 75px);
}
#bloc_cv_artiste .lineCV .upper.T12
{
	display: block;
}

.artistPage .agentWrapper
{
	width: calc(100% - 20px);
	padding: 10px;
}
.artistPage .agentWrapper .pictoAgent
{
	margin: 0;
}
.artistPage .agentWrapper .agentDetails
{
	width: calc(100% - 45px);
	padding: 0;
}

.artistPage .videoSeparator

{
	display: none;
}

.artistPage .mediaList
{
	padding: 10px;
	width: calc(100% - 20px);
	margin-top: 0;
}
.artistPage .mediaList .mediaListTitle
{
	margin: 0;
}
.artistPage .mediaList .mosaicWrapper
{
	margin: 0;
	margin-top: 20px;
}
.artistPage .mediaList .mosaicWrapper .videoElement
{
	width: calc(50% - 22px);

}

.artistPage .soundElement
{
	height: auto
}
.artistPage .soundElement audio
{
	clear: both;
	display: block;
}
.artistPage .soundElement .lngIcon
{
	margin-left: 10px;
}

.artistPage .agentWrapper .siteAgentLink
{
	width: 100%;
}

.artistPage .agentWrapper .siteAgentLink .bouton
{
	display: block;
	background: none;
	background-color: #fff;

}


/************************************** PAGE Agence ****************************************/
.agentPage .agencyInfo
{
	width: 100%;
	text-align: center;
}
.agentPage .agencyInfo .agencyLogo
{
	padding: 0;
	float: none;
	margin: auto;
	text-align: center;
	width: 100%;
	display: block;
}
.agentPage .agencyInfo .agencyLogo img
{
	width: auto;
	max-width: 100%;
}

.agentPage .agencyName
{
	width: 100%;
	float: none;
	display: block;
}
.agentPage .infosAgence
{
	width: calc(100% - 20px);
	padding: 10px;
	border-radius: 0;
	height: auto;

}
.agentPage .agencyLocation,.agentPage .agencyContacts
{
	width: 100%;
	padding: 0;
}
.agentPage .agencyInfoSeparator
{
	display: none;
}
.agentPage .agentList
{
	margin-top: 0px;
}

.agentPage .agentList .agentElement
{
	width: 100%;
}
.agentPage .agentElement .agentDetails
{
	width: calc(100% - 90px);
}
.agentPage .agencyLocation a.location
{
	width: calc(100% - 55px);
}
.agentPage .agencyLink
{
	margin-top: 0;
}

/************************************** Recherche Avancée ****************************************/

.advancedSearch .currentSearch .label
{
	height: auto;
	float: none;
	display: block;
	margin-top: 0;
}
.advancedSearch .headerWrapper
{
	height: auto;
}
.advancedSearch .headerWrapper, .advancedSearch #form_recherche_avancee
{
	height: auto;
}
.advancedSearch .formLine
{
	height: auto;
}
.advancedSearch .formLine, .advancedSearch .bottomLine
{
	width: calc(100% - 10px);
	padding: 5px;
}
.advancedSearch .fieldLabel, .advancedSearch .selectContainer
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.advancedSearch .selectContainer select
{
	width: calc(100% - 6px);
}
.advancedSearch .validationButton
{
	width: 100%;
	height: 40px;
}
.advancedSearch .validationButton .bouton
{
	height: 40px;
	line-height: 40px;
}
.advancedSearch .bottomLine .fleche_bleue
{
	display: none;
}
.advancedSearch .validationButton .bouton .pictoValidation
{
	background: transparent url('/media/img/fleche_bleue.png') center 11px no-repeat;
}
.advancedSearch .resultWrapper #listeRecherche
{
	width: 100%;
}
.advancedSearch .headerWrapper .label
{
	width: calc(100% - 55px);
}
.advancedSearch .headerWrapper .fleche_bleue
{
	margin-left: calc(50% - 8px);
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
}
.advancedSearch .validationButton .bouton .label
{
	height: 40px;
	line-height: 40px;
}
}