/*   
Theme Name: Atelier Musique Vocale
Description: Un thème personalisé pour l'Atelier Musique Vocale.
Author: Thibaut Caroli
Author URI: http://tcaroli.fr
Version: v1
*/

@font-face {
    font-family: 'Conduit';
    src: url('typo/conduit_itc-webfont.eot');
    src: url('typo/conduit_itc-webfont.eot#iefix') format('embedded-opentype'),
         url('typo/conduit_itc-webfont.woff') format('woff'),
         url('typo/conduit_itc-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Marker';
    src: url('typo/PermanentMarker-webfont.eot');
    src: url('typo/PermanentMarker-webfont.eot#iefix') format('embedded-opentype'),
         url('typo/PermanentMarker-webfont.woff') format('woff'),
         url('typo/PermanentMarker-webfont.ttf') format('truetype'),
         url('typo/PermanentMarker-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*------------------------------------------------------------------------------
 
									 RESET

-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:calibri,arial,sans-serif;
}
article, aside, figure, footer, header, hgroup, nav, section, img {display: block;}
html {overflow-y: scroll;}
ul {list-style: none;}
p {color:#333;}

/*------------------------------------------------------------------------------
 
									BALISES

-------------------------------------------------------------------------------*/

body {
	/*background-image:  url(http://musiquevocale.com/wp-content/themes/amv/img/bkg-fixe.gif), url(http://musiquevocale.com/wp-content/themes/amv/img/bkg-repeat.gif);
	background-position:  center top, center;
	background-repeat: no-repeat, repeat-y;
	background-color:#177287;*/
	background:#fa7564;
}
h1,h2,h3 {font-weight:normal;}
a {text-decoration:none;}

/*------------------------------------------------------------------------------
 
									CLASSES
	
-------------------------------------------------------------------------------*/

.clear {clear:both;}
.left {float:left!important;}
.right{float:right!important;}
.off {display:none;}

.tag {margin-bottom:15px;}
.tag h1,.bigTxt .tag {
	font-family:Marker,serif!important;
	color:#fff;
	font-size:30px;
	/* Webkit */
    -webkit-transition-property: text-shadow:;
    -webkit-transition-duration: 0.2s;
    /* Firefox */
    -moz-transition-property: text-shadow:;
    -moz-transition-duration: 0.2s;
    /* Standard */
    transition-property: text-shadow:;
    transition-duration: 0.2s;
}
.tag h1:hover, .bigTxt .tag:hover {text-shadow:-3px 3px 0px #333;}

.miniForm input[type=text] {
	border:none;
	background:#fff;
}
.miniForm input[type=submit] {
	border:none;
	width:31px;
	height:32px;
	background:url(img/btValidation-double.gif) right no-repeat #000;
	/* Webkit */
    -webkit-transition-property: background-position;
    -webkit-transition-duration: 0.2s;
    /* Firefox */
    -moz-transition-property: background-position;
    -moz-transition-duration: 0.2s;
    /* Standard */
    transition-property: background-position;
    transition-duration: 0.2s;
}
.miniForm input[type=submit]:hover {
	background-position:left;
	cursor:pointer;
}





/*------------------------------------------------------------------------------
 
										MAIN 

-------------------------------------------------------------------------------*/

#main {
	z-index:1;
	width:1046px;
	margin:0 auto;
}





/*------------------------------------------------------------------------------
 
									SIDEBAR LEFT

-------------------------------------------------------------------------------*/

#sidebarLeft {
	width:245px;
	margin-right:1px;
	float:left;
}

#mce-EMAIL, #mc-embedded-subscribe, #socialLinks > *, #mail > *, nav, #search, #searchForm > * {float:left;}
#mainNav > li > a, #search p, #mce-EMAIL, #search input[type=text] {
	font-family:Conduit, sans-serif;
	font-size:18px;
	color:#fa7564;
}

/*---------------------------------  LOGO -------------------------------------*/


#logo {
	width:245px;
	padding-top:24px;
	margin-bottom:1px;
	background:url(img/logoBox-header.png) top center no-repeat;
}
#logo a {
	height:168px;
	padding-top:10px;
	background:#fff;
}
#logo a img {
	display:block;
	padding-bottom:5px;
	background:#fff;
}

.fb-like {
	width:156px;
	display:none;
	padding:10px;
	background:#fff;
	padding-left:79px;
}

/*------------------------------  NEWSLETTER ----------------------------------*/

#mc_embed_signup {margin-bottom:34px;}
#mce-EMAIL {
	width:200px;
	padding:7px;
	height:18px;
	border:none;
}


/*-----------------------------  SOCIAL LINKS ---------------------------------*/

#socialLinks li {
	width:81px;
	height:66px;
	margin-right:1px;
	background:url(img/socialItem-footer.png) left bottom no-repeat;
	cursor:pointer;
}
#socialLinks li a div {
	width:81px;
	height:50px;
	/* Webkit */
    -webkit-transition-property: background-position;
    -webkit-transition-duration: 0.2s;
    /* Firefox */
    -moz-transition-property: background-position;
    -moz-transition-duration: 0.2s;
    /* Standard */
    transition-property: background-position;
    transition-duration: 0.2s;
}
#socialLinks li a div:hover {background-position:bottom;}
.socialFB {background:url(img/social-fb-double.gif) top #fff;}
.socialTW {background:url(img/social-tw-double.gif) top #fff;}
.socialVI {background:url(img/social-vi-double.gif) top #fff;}
.socialYtube {background:url(img/social-ytube-double.gif) top #fff;}

/*---------------------------------  MAIL -------------------------------------*/

#mail {margin-top:30px;}
#mail a {
	background:#fff;
	padding:10px 0px;
	margin-left:1px;
	font-size:13px;
	width:183px;
	text-align:center;
	color:#177287;
}

/*------------------------------  ANNONCES  ----------------------------------*/

.titreSide {
	font-family:Conduit;
	font-weight:bold;
	border-radius:5px;
	margin-bottom:1px;
}
#sidebarLeft .extrait {
	width:180px;
	border-radius:5px;
}
.essai * {
	background:#177287!important;
	color:#fff;
}
.stage *{
	background:#efef2d!important;
	color:#333!important;
}
.stage .extrait {margin-left:45px;}

.sideArticle {margin-top:15px;}
.sideArticle a {
	text-decoration:underline;
	font-weight:bold;
}
.sideArticle .toggleClic {cursor:pointer;}

#rqFocus h2 {
	border-radius:5px 5px 0px 0px;
	text-align:center;
}
#rqFocus img {border-radius:0px 0px 5px 5px;}

/*---------------------------------  TAG  -------------------------------------*/

#sidebarLeft .tag1, #sidebarLeft .tag2 {float:right;}
#sidebarLeft .tag1 {margin:15px 60px 0 0;}
#sidebarLeft .tag1 h1 {font-size:30px;}
#sidebarLeft .tag2 h1 {font-size:22px;}





/*------------------------------------------------------------------------------
 
									MAIN CONTENT

-------------------------------------------------------------------------------*/

#mainContent {
	width:800px;
	float:left;
	padding-top:30px;
}

/*------------------------------- HEADER NAV  -----------------------------------*/

#mainNav > li {
	float:left;
	background:#fff;
	text-transform:uppercase;
	padding-bottom:7px;
	padding-top:6px;
}
#mainNav > li.navActif a {
	border-bottom:solid 1px #177287;
	color:#177287;
}
#mainNav > li > a {
	color:#a2c7cf;
	border-bottom:solid 1px #a2c7cf;
	padding:0px 15px;
	/* Webkit */
    -webkit-transition-property: border-bottom, color;
    -webkit-transition-duration: 0.2s;
    /* Firefox */
    -moz-transition-property: border-bottom, color;
    -moz-transition-duration: 0.2s;
    /* Standard */
    transition-property: border-bottom, color;
    transition-duration: 0.2s;
}
#mainNav > li > a:hover {
	border-bottom:solid 1px #177287;
	color:#177287;
}

#mainNav ul {
	display:none;
	position:absolute;
	margin-top:7px;
	border-radius:5px;
	z-index:999;
}
#mainNav > li:hover ul {display:block;}
#mainNav ul li {
	color:#fff;
	font-size:12px;
	text-align:left;
	text-align:center;
}
#mainNav ul li {
	padding:10px 5px 5px 5px;
	border-bottom:solid 1px #fa7564;
	background:#000;
}
#mainNav ul li:hover {background:#efef2d;color:#000;}

.radiusTop {border-radius:5px 5px 0px 0px;}
.radiusBottom {border-radius:0px 0px 5px 5px;}

#navSearch > .tag {
	float:left;
	margin-left:15px;
	margin-top:1px;
}
#navSearch > .tag h1 {font-size:20px;}

/*------------------------------  RECHERCHE  ----------------------------------*/

#search {
	height:61px;
	margin-left:1px;
	background:url(img/searchBox-foot.png) left bottom no-repeat;
}
#search input[type=text] {
	width:144px;
	padding:6px;
	height:20px;
}






/*------------------------------------------------------------------------------
 
								  CONTENT

-------------------------------------------------------------------------------*/

#content {
	width:547px;
	margin-left:45px;
}

/*-------------------------------  BIG TXT  -----------------------------------*/

.bigTxt, .bigTxt span {
	font-family:Conduit, sans-serif;
	font-size:30px;
	text-transform:uppercase;
}
.bigTxt {
	margin-top:30px;	
	margin-bottom:15px;
	width:640px;
	color:#fff;
	text-align:right;
}
.bigTxt span {color:#333;}
.bigTxt .tag {font-size:25px;}
.bigTxtHp {margin-bottom:30px;}

/*--------------------------------  NEWS  ------------------------------------*/

.news {
	width:272px;
	float:left;
	margin-right:1px;
}
.news img {
	display:block;
	background:url(img/loading.gif) center no-repeat rgba(0,0,0,0.4);
}
.hpnews:nth-child(3) {margin-top:40px;}
.hpnews:nth-child(4) {margin-top:20px;}
.hpnews:nth-child(4) .btClic {float:left!important;}

.news h3, .bigNews h3 {color:#333;}

.titre {
	background:#000;
	color:#fff;
	padding:10px;
	text-transform:uppercase;
}

.titre span a {color:#cacaca; text-decoration:underline;font-size:12px;}

.extrait {
	font-size:14px;
	padding:10px;
	background:#fff;
}	

.btClic {
	width:61px;
	height:61px;
	cursor:pointer;
	margin-top:1px;
	background:url(img/btValidation-double-big.gif) right;
	/* Webkit */
    -webkit-transition-property: background-position;
    -webkit-transition-duration: 0.2s;
    /* Firefox */
    -moz-transition-property: background-position;
    -moz-transition-duration: 0.2s;
    /* Standard */
    transition-property: background-position;
    transition-duration: 0.2s;
}
.btClic:hover {background-position:left;}
.btClic span {display:none;}
.btPrevious{background:url(img/btPrevious.gif);}
.btPrevious:hover{background-position:right;}
.btNext{background:url(img/btNext.gif) right;}
.btNextCheat {margin-right:2px;}

/*-------------------------------  BIG NEWS  -----------------------------------*/

.bigNews {
	width:545px;
	margin-top:15px;
}

.visu {
	width:545px;
	min-height:308px;
	overflow:hidden;
	background:url(img/loading.gif) center no-repeat rgba(0,0,0,0.4);
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}
.visu > *, .news > * {display:block;}

.bigNews .tag {
	float:right;
	left:117px;
	top:67px;
	position:relative;
}
.bigNews .tag h1 {font-size:35px;}

.infos {
	position:absolute;
	left:50%;
	margin-left:80px;
	width:362px;
	height:100px;
}

.infos .toggle, .infos #toggleBigNewsInfos{float:right;}

.btClose {
	width:61px;
	height:60px;
	overflow:hidden;
}
.btClose img {cursor:pointer;}

.infos .titre {
	margin-right:1px;
	min-height:40px;
	max-width:280px;
}

.infos .extrait {
	width:280px;
	margin-top:1px;
}

/*------------------------------  VOIR + NEWS  ----------------------------------*/

#versNews {}
#versNews div {
	width:140px;
	height:60px;
	padding-left:50px;
	margin-top:20px;
	margin-left:177px;
	text-align:left;
	background:url(img/btValidation-big.gif) left no-repeat #000;
	/* Webkit */
    -webkit-transition-property: background, padding-left, padding-right;
    -webkit-transition-duration: 0.1s;
    /* Firefox */
    -moz-transition-property: background, padding-left, padding-right;
    -moz-transition-duration: 0.1s;
    /* Standard */
    transition-property: background, padding-left, padding-right;
    transition-duration: 0.1s;
}
#versNews p {
	padding:0 20px 0 10px;
	color:#fff;
	text-transform:uppercase;
	line-height:60px;
}
#versNews div:hover {
	text-align:right;
	padding-left:0px;
	padding-right:50px;
	background:url(img/btValidation-big.gif) right no-repeat #000;
}
#versNews div:hover p {padding:0 10px 0 20px;}

/*---------------------------------  TAG  -------------------------------------*/

#content > .tag {
	float:right;
	margin-top:25px;
}
#content > .tag h1 {font-size:23px;}





/*------------------------------------------------------------------------------
 
									FOOTER

-------------------------------------------------------------------------------*/

footer {
	width:515px;
	height:50px;
	border-top:solid 1px #fff;
	margin-top:50px;
	margin-left:-232px;
	left:50%;
	position:absolute;
	padding:15px;
	z-index:2;
}
footer p, footer p a {
	color:#fff;
	font-size:14px;
}
footer p a {font-family:Marker;}
footer p a:hover {color:#333;}




/*------------------------------------------------------------------------------
 
									SINGLE

-------------------------------------------------------------------------------*/

.news .single  {width:525px;}
article.single {
	width:545px;
	margin-top:15px;
}
article.single iframe, article.single img {background:url(img/loading.gif) center no-repeat rgba(0,0,0,0.4);}

.single .alignnone {display:inline-block;}

/*------------------------------------------------------------------------------
 
									GALERIE

-------------------------------------------------------------------------------*/

#filters {
	position:fixed;
	right:0px;
	top:131px;
}
.filter {
	display:block;	
	color:#fff;
	padding-right:15px;
	font-size:13px;
	margin-bottom:5px;
	text-align:right;
}
.filter:hover, .filterActif {text-decoration:underline;}
#isotopeContainer {
	margin-top:40px;
	position:absolute;
}
#isotopeContainer iframe {background:url(img/loading.gif) center no-repeat #fff;}
.galerieItem {margin:0 20px 20px 0;}

#filters p {
	color:#333;
	background:#fff;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 15px 10px 10px;
	margin-bottom:15px;
}