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

 * Theme Name: Reportages

 *  Theme URI: http://www.e-magiciens.net

 *   Description: Template conçu pour le site des reportages vidéo de l'animation Les E.Magiciens qui se tiennent à Valenciennes en novembre chaque année.

 *    Author: Sachin Brojmohun

 *     Author URI: http://www.webdesign-bureau-of-mauritius.com

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



/* =============================================================================

 * LAYOUT GENERAL

 * ===========================================================================*/

#page {

	width: 960px;

	margin: 0 auto;

	padding: 0;

}

#header {

	width: 100%;

	height: 222px;

}

.description {

}

#wrapper {

	width: 100%;

	overflow: hidden;

}

#content {

	width: 620px;

	margin: 0 10px;

	float: right;

}

#sidebar {

    width: 300px;

    margin: 0 10px;

    float: left;

}

#footer {

	width: 100%;

	overflow: hidden;

}

/* =============================================================================

 * IMPLEMENTATION D'ELEMENTS STANDARDS

 * ===========================================================================*/

body{

    background: #FFF;

    font: small normal Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

}

#page {

    background: url(images/bg.gif) repeat-y center;

}

#header {

    text-indent: -99999px;

    background: url(images/bandeauHaut.gif) no-repeat top center;

}

/* =============================================================================

 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET

 * ===========================================================================*/

#header h1{

    margin: 0;

}

#header h1 a{

    margin: 0;

    padding: 85px 0;

}

/* =============================================================================

 * ELEMENTS COMMUNS

 * ===========================================================================*/

h1, h2 {

    margin: 0;

}

h1 a, h2 a {

        color: #024498;

        display: block;

        text-decoration: none;

        margin: 20px 0;

        text-shadow:1px 1px 3px #DDDDDD;

        font: sans-serif !important;

        font-size: 26px;

        font-style:normal;

        font-weight:bold;

        line-height:39px;

        /*text-transform: uppercase;*/

}



h3 {



}



h4 {



}



h5 {



}





/* =============================================================================

 * BILLET

 * ===========================================================================*/

.post {

    padding: 0 15px;

    padding-bottom: 25px;

}

.single .post {



}

.post p {

    line-height: 2em

}

.post a {

    color: #024498;

}

.post a:hover {

    color: #024498;

    text-decoration: none;

}

.post ul {

}

.post li {

}

.entry {

}

.entrytext .postmetadata {

}

.postmetadata alt {

}

.postmetadata a {

}

.navigation {

}

.alignleft {

    float: left;

    margin-right: 10px;

}

.alignright {

    float: right;

    margin-left: 10px;

}

.center {

    margin: 0 auto;

}

.pagetitle {

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	padding: 16px 10px;

	font-size: 150%;

	font-weight: bold;

	color: #FFF;

	background: #e2001a;

}

blockquote {

    border-left: 3px solid #024498;

    padding: 0 10px;

}

cite {

}

a img {

    border: 0;

}

acronym, abbr {

}

.archAuteur {

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	padding: 16px 10px;

	font-size: 150%;

	font-weight: bold;

	color: #FFF;

	background: #e2001a;

}

.heure {

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	width: 210px;

	padding: 16px 74px 17px 10px;

	font-size: 150%;

	color: #FFF;

	background: #e2001a;

}

.videos {

	background: #e2001a url(images/titreVideo.gif) no-repeat center right;

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	width: 210px;

	padding: 16px 75px 17px 10px;

	font-size: 150%;

	color: #FFF;

}

.articles {

	background: #e2001a url(images/titreArticles.gif) no-repeat center right;

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	width: 210px;

	padding: 16px 75px 17px 10px;

	font-size: 150%;

	color: #FFF;

}

.photos {

	background: #e2001a url(images/titrePhoto.gif) no-repeat center right;

	height: 30px;

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	width: 210px;

	padding: 16px 75px 17px 10px;

	font-size: 150%;

	color: #FFF;

}

.auteur{

    border-top: 1px solid #c6c6c6;

    border-bottom: 1px solid #c6c6c6;

}

.auteur h4{

    padding: 10px 0 0 0;

    margin: 0;

    font-size: 110%;

}

.auteur h4 span {

    color: #E2001A;

}

.auteur p {

    margin-top: 0;

    color: #999;

}

/* =============================================================================

 * SIDEBAR

 * ===========================================================================*/



#sidebar ul {

	margin: 0;

	padding: 0;

}



#sidebar ul h2 {



}



#sidebar ul li {

    list-style: none;

}



#sidebar ul ul {



}



#sidebar ul ul li {



}



#sidebar ul ul ul {



}



#sidebar p {



}



#sidebar a {



}

#sidebar a:hover {



}



#sidebar a:visited {



}

#categories-2 {

    padding-top: 25px;

}

#categories-2  h4 {

    text-indent: -9999px;

    background: url(images/h4-categories.gif) no-repeat left top;

    padding: 15px 0;

}

#categories-2  li {

    margin-bottom: 10px;

}

/*#categories li a {

    text-decoration: none;

    font-size: 120%;

    color: #024498;

    font-weight: bold;

}

#categories .catVideo {

    background: url(images/catVideo.gif) no-repeat left center;

    padding: 5px 0 5px 50px; 

}

#categories .catArticles {

    background: url(images/catArticles.gif) no-repeat left center;

    padding: 5px 0 5px 50px; 

}

#categories .catPhotos {

    background: url(images/catPhotos.gif) no-repeat left center;

    padding: 5px 0 5px 50px; 

}*/

#linkcat-2 {
	padding: 25px 0;
}
#linkcat-2 h4 {
	text-indent: -9999px;
	background: url(images/h4-liens.gif) no-repeat left top;
	padding: 15px 0;
}
#linkcat-2 li {
	margin-bottom: 10px;
	background: url(images/lien.gif) no-repeat left top;
	padding-left: 50px;
	padding-bottom: 5px;
}
#linkcat-2 li a {
	text-decoration: none;
	font-size: 120%;
	color: #024498;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
#categories-2 li a {
	text-decoration: none;
	font-size: 120%;
	color: #024498;
	font-weight: bold;
	background: url(images/dossier.gif) no-repeat left center;
	padding: 5px 0 5px 50px;
}
#author_image-3 {
	overflow: hidden;
}
#author_image-3 h4 {
	text-indent: -9999px;
	background: url(images/h4-auteur.gif) no-repeat left top;
	padding: 15px 0;
}
.entry_author_image {
	width: 50px;
	float: left;
}
#author_image-3 p {
	width: 240px;
	float: right;
	margin: 0;
}
/* =============================================================================

 * NAVIGATION

 * ===========================================================================*/ 

#wrapper #sidebar ul#nav {



    overflow: hidden;

}

#nav li {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

#nav li a {

	display: block;

	float: left;

	text-indent: -9999px;

}

#nav li.lienAccueil {

	background: url(images/menuHome-N.gif) no-repeat;

}

#nav li.lienAccueil a:link, #nav li.lienAccueil a:visited {

	background: url(images/menuHome-N.gif) no-repeat;

	padding: 30px;

}

#nav li.lienAccueil a:hover {

	background: url(images/menuHome-H.gif) no-repeat;

}

#nav li.lienVideo {

	background: url(images/menuVideo-N.gif) no-repeat;

}

#nav li.lienVideo a:link, #nav li.lienVideo a:visited {

	background: url(images/menuVideo-N.gif) no-repeat;

	padding: 30px;

	margin-left: 20px;

}

#nav li.lienVideo a:hover {

	background: url(images/menuVideo-H.gif) no-repeat;

}

#nav li.lienArchives {

	background: url(images/menuArchives-N.gif) no-repeat;

}

#nav li.lienArchives a:link, #nav li.lienArchives a:visited {

	background: url(images/menuArchives-N.gif) no-repeat;

	padding: 30px;

	margin-left: 20px;

}

#nav li.lienArchives a:hover {

	background: url(images/menuArchives-H.gif) no-repeat;

}

#nav li.lienApropos {

	background: url(images/menuAbout-N.gif) no-repeat;

}

#nav li.lienApropos a:link, #nav li.lienApropos a:visited {

	background: url(images/menuAbout-N.gif) no-repeat;

	padding: 30px;

	margin-left: 20px;

}

#nav li.lienApropos a:hover {

	background: url(images/menuAbout-H.gif) no-repeat;

}

/* =============================================================================

 * COMMENTAIRES

 * ===========================================================================*/

#comments, #respond, #commentform {

	padding: 0 15px;

}

#comments {

	color: #E2001A;

	font-family: sans-serif !important;

	font-size: 34px;

	font-style: normal;

	font-weight: 300;

	height: 38px;

	line-height: 39px;

	text-align: left;

	text-decoration: none;

	text-shadow: 1px 1px 3px #DDDDDD;

	vertical-align: baseline;

}

#commentform {

	margin: 20px 0;

	overflow: hidden;

}

#content ul.commentlist {

	list-style: none;

	padding-left: 15px;

}

ul.commentlist li {

	padding: none;

}

ul.commentlist li.alt {

}

ul.commentlist a {

}

small.commentmetadata {

}

#comment {

	width: 585px;

	height: 150px;

}

.blocNom, .blocEmail {

	width: 290px;

}

.blocNom label, .blocEmail label, #principal label {

	display: block;

	padding: 10px 0;

	font: bold small "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;

}

.blocNom span, .blocEmail span, #principal span {

	font-size: normal;

	color: #E2001A;

}

.blocNom input, .blocEmail input {

	width: 275px;

	margin-bottom: 10px;

	background: #fff9d3;

	border: 1px solid #cdcdcc;

	padding: 5px;

}

.blocNom {

	float: left;

}

.blocEmail {

	float: right;

}

#principal {

	clear: both;

}

#principal .mceIframeContainer, #principal mceContentBody {

     background: #fff9d3;

}

.envoyer {

    width: auto;

    float: right;

    margin: 10px 0;

}

/* =============================================================================

 * PIED DE PAGE

 * ===========================================================================*/

#footer {

    /*background: #024498;*/

    background: #E2001A url(images/bgFooter.gif) repeat-x top;

    color: #FFF;

}

#footer #cadre {

    width: 960px;

    padding: 20px 0;

    margin: 0 auto;

}

#cadre .copy {

    width: 100%;

    padding: 10px 0;

    margin: 5px 0 0 0;

    background: url(images/lineFooter.gif) repeat-x top;

}

#auteurs {

    overflow: hidden;

}

#auteurs h4 {

    font-size: 24px;

    margin-bottom: 5px;

}

#auteurs ul {

    padding: 10px 0;

    overflow: hidden;

}

#auteurs li {

    list-style: none;

    float: left;

    background: url(images/puceAuteur.gif) no-repeat left center;

    padding-left: 25px;

    margin-right: 20px;

}

#auteurs li a:link, #auteurs li a:visited {

    color: #FFF;

    text-decoration: none;

    font-size: 18px;

    font-weight: bold;

}

#auteurs li a:hover {

    color: #800513;

}



/* =============================================================================

 * AUTRES ELEMENTS

 * ===========================================================================*/

hr {

	display: none;

}

.navigation {

    overflow: hidden;

}

.navigation .alignleft a {

    display: block;

    background: #E2001A;

    color: #FFF;

    margin: 10px 0;

    padding: 10px;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

}

.navigation .alignright a {

    display: block;

    background: #E2001A;

    color: #FFF;

    margin: 10px 0;

    padding: 10px;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

}