@import url("../../twentythirteen/style.css");

body {
	background: url(../images/espace-creatif.jpg) no-repeat scroll center top #000;
	color: #FFFFFF;
}

a,
.entry-content a,
.comment-content a,
.widget a {
	color: #E8A844;
}

h1, h2, h3, h4 {
	font-weight: normal;
}
h1,
h1 a {
	color: #299F9C;
	font-size: 28px;
}
h2,
h2 a {
	color: #B04042;
	font-size: 20px;
}
h3,
h3 a,
.widget .widget-title {
	color: #299F9C;
	font-size: 18px;
}
h4,
h4 a {
	font-size: 16px;
}

.entry-title a,
.entry-meta a {
	color: inherit;
}

hr {
	background-image: none;
	background-color: #60502c;
	margin: 20px 0 0;
	clear: both;
}


.site {
	background-color: transparent;
	border: 0;
}

.site-header {
	height: 313px;
  z-index: 999;
}

.site-header .home-link {
  color: inherit;
  margin: 0 auto;
  max-width: 261px;
  min-height: 79px;
  padding: 0;
	margin-top: 55px;
}

.site-title {
  padding: 0;
	height: 79px;
	width: 261px;
	background: transparent url(../images/Compagnie-Antares-logo.png) no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* Contenu central */
.entry-content {
  text-align: justify;
}
.hentry {
  padding: 40px 0 0;
}


/* GENERAL
 * Citations
 */
.entry-content blockquote {
  font-size: 20px;
}


/* GENERAL
 * Images
 */
#main-thumb.entry-thumbnail ,
#children .entry-thumbnail  {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: 0;
	margin-bottom: 20px;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
	margin-right: 0;
}


/* GENERAL
 * Formulaires
 */
.gform_wrapper select {
	font-size: 100% !important;
}

/* GENERAL
 * Fil d'Ariane
 */
.breadcrumbs {
	color: #808080;
	font-size: .9em;
	margin: 0 0 10px;
}
.breadcrumbs a {
	color: #C8C8C8;
}

/* Widgets */
.widget {
	background-color: transparent;
}

/* Zone
 * Pied de contenu */
#content-bottom > aside {
	padding: 10px 60px;
	max-width: 1040px;
	margin: 0 auto;
  width: 100%;
}

/* Pied de page */
.site-info {
  padding: 0;
}
.site-footer {
  background: url(../images/base-creative.jpg) no-repeat scroll center bottom transparent;
  color: inherit;
}
.site-footer .sidebar-container {
  border-top: 8px solid #737373;
	background: #e6e6e6;
}
.site-footer .widget {
  color: #404040;
}
.site-footer .widget a {
	color: #808080;
}


/* Pied de page
 * Contact & Facebook
 */
footer#colophon #secondary .widget-area aside.widget {
	margin: 0;
	min-height: 70px;
}
footer#colophon #secondary .widget-area aside.widget p {
	margin: 0;
}



/* WIDGET
 * Galerie */
aside#rsgwidget-2 {
	padding-left: 0;
	padding-right: 0;
	background: transparent url(../images/pied-lune-gauche.gif) no-repeat 0% 50%;
}
aside#rsgwidget-2 dl {
	background: transparent url(../images/pied-lune-droite.gif) no-repeat 100% 50%;
	display: inline-block;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
	margin-right: 0;
	margin-left: 0;
}
aside#rsgwidget-2 dt {
	width: 18%;
	margin-right: 2%;
	float: left;
	text-align: center;
}



body.sidebar .site-footer .widget-area {
  max-width: 1040px;
  left: 0;
}
body.sidebar .site-footer #footer .widget {
  width: 500px;
}

/* WIDGET : Coordonnées */
#black-studio-tinymce-8 .textwidget {
	display: table;
	width: 100%;
	color: #FFFFFF;
}
#black-studio-tinymce-8 .textwidget > p {
	display: table-cell;
}

/* Zone annexe : menu + crédits */
#annexe p {
	margin: 0;
}

/* Menu annexe */
ul#menu-menu-annexe {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #808080;
}
ul#menu-menu-annexe li {
	display: inline-block;
}
ul#menu-menu-annexe span.separator {
	padding: 0 5px;
}
ul#menu-menu-annexe li:first-child span.separator {
	display: none;
}
ul#menu-menu-annexe a {
	color: #E8A844;
}


/* TEMPLATE
 * Accueil
 */
body.home.sidebar #primary .entry-header,
body.home.sidebar #primary .entry-content,
body.home.sidebar #primary .entry-summary,
body.home.sidebar #primary .entry-meta {
	padding: 0 550px 0 60px;
}

body.home.sidebar #primary h2 {
	margin-bottom: 10px;
}
body.home.sidebar #primary h3 {
	font-size: 1.1em;
	color: #FFFFFF;
	margin: 0;
}


body.home.sidebar #home-secondary .widget-area {
	border: 1px solid #524125;
	padding: 20px;
	background: transparent url(../images/encemoment-bg.gif) no-repeat 20px 0;
}
body.home.sidebar #home-secondary h2 {
	margin: 20px 0 40px;
	font-size: .9em;
	color: #FFFFFF;
	font-weight: normal;
}

body.home.sidebar #home-secondary article {
	padding: 0 0 20px;
}
body.home.sidebar #home-secondary .entry-header,
body.home.sidebar #home-secondary .entry-content,
body.home.sidebar #home-secondary .entry-summary,
body.home.sidebar #home-secondary .entry-meta {
	padding: 0;
	font-size: .9em;
}
body.home.sidebar #home-secondary .entry-header {
	margin-bottom: 10px;
}
body.home.sidebar #home-secondary .entry-content p {
	margin: 0 0 5px;
}
body.home .site-main .widget-area {
  width: 430px;
	margin-right: 60px;
}


/* TEMPLATE
 * Liste des cours et stages */
body.page-template-template-page-cours-liste-php article {
	padding-top: 0;
}
body.page-template-template-page-cours-liste-php .entry-content {
	border-bottom: 1px solid #202020;
	padding: 10px 60px;
}
body.page-template-template-page-cours-liste-php .entry-content > ul {
	width: auto;
	margin: 0;
	padding: 0;
	display: table;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li {
	list-style: none;
	display: table-cell;
	padding: 0;
	margin: 0;
	text-align: center;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li  > a,
body.page-template-template-page-cours-liste-php .entry-content > ul > li.titre > h3 a {
	width: 145px !important;
	display: block;
	padding: 5px;
	margin-right: 5px;
	line-height: 17px;
	min-height: 44px;
	font-size: .8em;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li.titre {
	text-align: right;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li.titre h3 {
	margin: 0;
	padding: 0;
	font-size: 1em !important;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li.item > a {
	background-color: #303030;
}
body.page-template-template-page-cours-liste-php .entry-content > ul > li.item:last-child a {
	margin-right: 0;
}

@media (max-width: 643px) {
	body.page-template-template-page-cours-liste-php .entry-content > ul {
		max-width: 100%;
		display: block;
	}
	body.page-template-template-page-cours-liste-php .entry-content > ul > li {
		list-style: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	body.page-template-template-page-cours-liste-php .entry-content > ul > li.titre,
	body.page-template-template-page-cours-liste-php .entry-content > ul > li.titre > h3 a {
		display: block;
		width: 100% !important;
		text-align: center;
	}
}

/* TEMPLATE
 * Cours ou stage
 */
body.page-template-template-page-cours-php .item,
body.page-template-template-page-stage-php .item {
	position: relative;
}
body.page-template-template-page-cours-php .item .thumbnail,
body.page-template-template-page-stage-php .item .thumbnail {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: -200px;
}

@media (max-width: 643px) {
	body.home.sidebar #primary .entry-header,
	body.home.sidebar #primary .entry-content,
	body.home.sidebar #primary .entry-summary,
	body.home.sidebar #primary .entry-meta,
	#content-bottom > aside {
		padding-left: 20px;
		padding-right: 20px;
	}

	body.home.sidebar #home-secondary .entry-header,
	body.home.sidebar #home-secondary .entry-content,
	body.home.sidebar #home-secondary .entry-summary,
	body.home.sidebar #home-secondary .entry-meta {
		padding-left: 0;
		padding-right: 0;
	}

	.main-navigation {
		margin-top: 150px;
	}

	body.home .site-main .widget-area {
		margin-right: 0;
		max-width: 100%;
		left: 0;
	}

	body.sidebar .site-footer #footer .widget {
		width: auto;
		max-width: 100%;
		padding-bottom: 0;
		padding-right: 0;
		padding-left: 0;
	}
	.sidebar .site-footer .widget {
		width: auto;
	}

	#secondary .widget-area,
	.sidebar .site-info,
	.sidebar #footer	{
		padding-left: 0;
		padding-right: 0;
	}

	aside#rsgwidget-2 {
		width: 100%;
	}
	aside#rsgwidget-2 dt {
		width: 30%;
		margin-right: 2%;
		float: left;
	}

	/* WIDGET : Coordonnées */
	#black-studio-tinymce-8 {
		margin-bottom: 0;
	}
	#black-studio-tinymce-8 .textwidget {
		display: block;
	}
	#black-studio-tinymce-8 .textwidget > p {
		display: block;
	}

}

@media (min-width: 643px) {
	/* Two per row */
	.flexible-widget-area.per-row-2 .widget {
		width: 50%;
	}
	/* Three per row */
	.flexible-widget-area.per-row-3 .widget {
		width: 33.33333%;
	}
	/* Four per row */
	.flexible-widget-area.per-row-4 .widget {
		width: 25%;
	}

	.sidebar .site-footer .widget:nth-of-type(1),
	.sidebar .site-footer .widget:nth-of-type(3) {
		width: 25%;
	}
	.sidebar .site-footer .widget:nth-of-type(2) {
		width: 50%;
	}

	/* Navigation principale */
	.navbar {
		background-color: transparent;
		margin-top: 130px;
	}
	ul.nav-menu,
	div.nav-menu > ul {
		padding: 0;
	}
	ul#primary-menu {
		width: 100%;
	}
	ul#primary-menu > li {
		text-align: center;
		width: 180px;
	}
	ul#primary-menu > li#menu-item-288 {
		margin-left: 160px;
	}
	ul#primary-menu > li#menu-item-289 {
		margin-left: 110px;
	}
	ul#primary-menu > li#menu-item-426 {
		margin-left: 120px;
	}


	ul.nav-menu ul a,
	.nav-menu ul ul a {
		width: auto;
	}
	.nav-menu li a {
		color: #E8A844;
		padding: 5px 10px;
		line-height: 1.3em;
	}
	.nav-menu li:hover > a,
	.nav-menu li a:hover,
	.nav-menu li:focus > a,
	.nav-menu li a:focus {
		background-color: #000000;
		text-decoration: underline;
	}

	/* Lien actif */
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #E8A844;
		font-style: normal;
	}

	/* Lien de 1er niveau */
	.nav-menu > li > a {
		border-radius: 5px 5px 0 0;
		text-decoration: none;
		color: #E8A844;
		font-family: Bitter, Georgia, serif;
	}
	.nav-menu > li:hover > a,
	.nav-menu > li > a:hover,
	.nav-menu > li:focus > a,
	.nav-menu > li > a:focus {
		color: #E8A844;
		text-decoration: none;
	}
	.nav-menu > .current_page_item > a,
	.nav-menu > .current_page_ancestor > a,
	.nav-menu > .current-menu-item > a,
	.nav-menu > .current-menu-ancestor > a {
		color: #299F9C;
		font-style: normal;
	}
	.nav-menu > .current_page_item > a,
	.nav-menu > .current_page_item:hover > a,
	.nav-menu > .current_page_item > a:hover,
	.nav-menu > .current_page_item:focus > a,
	.nav-menu > .current_page_item > a:focus,
	.nav-menu > .current_page_ancestor > a,
	.nav-menu > .current_page_ancestor:hover > a,
	.nav-menu > .current_page_ancestor > a:hover,
	.nav-menu > .current_page_ancestor:focus > a,
	.nav-menu > .current_page_ancestor > a:focus,
	.nav-menu > .current-menu-item > a,
	.nav-menu > .current-menu-item:hover > a,
	.nav-menu > .current-menu-item > a:hover,
	.nav-menu > .current-menu-item:focus > a,
	.nav-menu > .current-menu-item > a:focus,
	.nav-menu > .current-menu-ancestor > a,
	.nav-menu > .current-menu-ancestor:hover > a,
	.nav-menu > .current-menu-ancestor > a:hover,
	.nav-menu > .current-menu-ancestor:focus > a,
	.nav-menu > .current-menu-ancestor > a:focus {
		color: #299F9C;
		font-style: normal;
	}

	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: #000000;
		border: 0;
		border-radius: 0 0 5px 5px;
		left: 0;
	}

	.nav-menu > li#menu-item-288 ul.sub-menu {
		text-align: right;
	}
	.nav-menu > li#menu-item-292 ul.sub-menu {
		text-align: left;
	}

	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover,
	ul.nav-menu ul a:focus,
	.nav-menu ul ul a:focus {
		background-color: transparent;
	}

	#annexe {
		margin-top: 30px;
	}
}