/*
Theme Name: Formation Comptable Intec
Theme URI: http://www.formation-comptable-intec.fr
Description: Thème réalisé pour le Cnam-Intec
Version: 1.0
Author: Jean-Brice Gachot
Author URI: http://www.tlconseil.com 
*/

* { margin: 0; padding: 0; outline: none; }

html, body { height: 100%; }

body, p, textarea, input, button { font-family: Arial, Verdana; font-size: 12px; line-height: 1.8em; }
body { background: #e9e9e9; color: #666666; }

* html #page { height: 100%; }

#page #header { height: 228px; z-index: 10; position: relative; width: 1038px; margin: auto; background: url(images/background-header.jpg) no-repeat; }
#page #header h1 { margin: 0; padding: 0; border: 0; }
#page #header h4 { color: #b4327b; font-size: 14px; position: absolute; top: 4px; right: 35px; font-weight: normal; }
#page #header #logo { margin-top: 10px; margin-left: 35px; float: left; }
#page #header #logo-barre { margin-top: 100px; float: left; height: 4px; }
#page #header #logo-barre p { padding: 0; text-align: right; color: #798998;  font-weight: bold; font-size: 11px; text-transform: uppercase;}
#page #header #baseline { font-size: 24px; color: #b4327b; }
#page #header .recherche { margin-top: -70px; }

#page #middle { background: url(images/barres.png) repeat-y; width: 1004px; margin: auto; }

#page #earth { background: url(images/earth.jpg) no-repeat center bottom; }

#page #content { float: left; width: 635px; padding-right: 30px; padding-left: 20px; }
/* #page #content img { border: 3px solid #bbbaba; } */

#page #middle-top { height: 4px; background: url(images/middle-top.png) no-repeat; width: 1004px; margin: auto; }

#page #sidebar { float: right; width: 281px; margin-bottom:10px; }

#page #sidebar ul { list-style: none; margin: 0 2px 0 0; }
#page #sidebar li { line-height: 21px; margin-bottom: 10px; }
#page #sidebar ul li { margin-bottom: 15px; background: none; padding-left: 0; }
#page #sidebar ul li ul { margin-left:10px; list-style: none; }
#page #sidebar ul li ul li { list-style: none; background: url(images/puce.png) no-repeat transparent left 4px; padding-left: 20px; margin: 0; margin-left: 20px; }
#page #sidebar p { padding: 0 20px; font-size: 11px; text-align: justify; margin-bottom: 10px; font-weight: normal; }
#page #sidebar hr { height: 1px; color: white; width: 70%; margin: 10px auto 10px auto; border: solid #6b4069; border-width: 0 0 1px 0; }
 
#page #sidebar a { color: #666; text-decoration: none; }
#page #sidebar a:hover { color: #999; }
#page #sidebar h6 { background: url(images/rabat.png) no-repeat center left; margin-bottom:10px; height: 49px; color: white; margin-left: 4px; margin-right: -15px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-top: 15px; padding-left: 15px; }
#page #sidebar h6.long{padding-top:3px;height:61px; }

#page .recherche{ width: 294px; float: right; margin-top: -108px; background: url(images/rabat.png) no-repeat; height: 64px; margin-right: 0px; }
#page .recherche li { background: url(images/recherche.jpg) no-repeat; width: 250px; height: 34px; padding: 0; margin-left:20px; margin-top:8px; }

#page #sidebar ul #aboutItem { padding-left: 0; }
/*#page #sidebar ul #aboutItem img { box-shadow: 10px 10px 5px #888; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; }*/
#page #sidebar ul #aboutItem strong { display: block; padding-top: 20px; }
#page #sidebar ul #aboutItem ul { margin-top: 30px; }

#sidebar ul #newsletterItem .error { color: #AA0000; margin-bottom: 6px; text-align: center; }
#sidebar ul #newsletterItem .success { color: #AA0000; margin-bottom: 6px; text-align: center; }
#sidebar ul #newsletterItem input { margin: 0 10px; width: 160px;   }
#sidebar ul #newsletterItem button { background-color: #6C4169; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: white; font-weight: bold; padding: 3px 10px; border: none; margin-bottom: 20px; }
#sidebar ul #newsletterItem #newsletterLoading { text-align: center; }
#sidebar ul #newsletterItem #newsletterLoading img  { border: 0; margin: 0; margin-right: 10px; position: relative; top: 3px;  }

#page #sidebar ul li#partenaires table { margin-bottom: 35px; border-collapse: collapse; margin-left: -35px; margin-top: 5px; }
#page #sidebar ul li#partenaires table td { border: 1px solid #ECECEC; text-align: center; padding: 5px; height: 90px; background-color: white; }
#page #sidebar ul li#partenares img { border: 0; }

#page #sidebar ul #linksItem { }
#page #sidebar ul #linksItem h6 { background: url(images/partenaire.png) no-repeat transparent; height: 32px; padding-top: 5px; }

#page #sidebar ul #derniersCommentairesItem li { margin-left: 0; }
#page #sidebar ul #derniersCommentairesItem li a { font-weight: bold; }

#page #sidebar ul #tagsItem > div { position: relative; left: 4px; top: -18px; }
#page #content .bandeau { margin-top: 10px; clear: left; border-top: 1px solid #CCC; border-bottom: 1px solid #AAA; padding: 5px 0; }
#page #content .bandeau .commentaires { float: right; background: url(images/commentaires.png) no-repeat 0 4px transparent; padding-left: 25px; }
#page #content .bandeau a { color: #6c4169; }
#page #content .bandeau a:hover  { color: #e50084; }

#page #footer { width: 723px; }
#page #footer p { text-align: center; font-size: 10px; color: #909090; }
#page #footer p small { font-size: 10px; }

#page #logoCnam { float: right; margin-top: -120px; margin-right: 30px;  }

#header input { margin-top: 6px; margin-left: 8px; width: 230px; color: #666; font-family: Arial; font-size: 18px; font-weight: bold; background: transparent; border: 0; }
#header input:active { border: none; }

#comment { width: 600px; }
#respond { margin-top: 10px; } 
#respond label { float: left; width: 240px; }

.postbox { cursor: pointer; }
.hidden, .closed .inside { display: none; }

.alignLeft { float: left; margin-right: 10px; }
.alignRight { float: right; margin-left: 10px; }

a, a:visited { color: #7D0078; text-decoration: none; }
a:hover { color: #999999; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

h1 { font-size: 18px; padding-top: 9px; margin-bottom: 20px; letter-spacing: 2px; line-height: 29px; color: #7D0078; border-bottom: 1px solid #7D0078; text-align: center;}
h2 { font-size: 18px; padding-top: 9px; margin-bottom: 20px;  line-height: 29px; color: #7D0078; }
h3 { font-size: 15px; }
h6 { font-size: 12px;  color: #6C4169; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

blockquote { font-style: italic; color: gray; margin-left: 50px; border-left: 1px solid silver; padding-left: 20px; }

ul { list-style: none; margin: 15px; margin-top: 0; }
ol { margin-left: 35px; list-style: decimal;}
ul li { padding-left: 20px; background: url(images/puce.png) no-repeat transparent 2px 5px; }
ol li { background: none; padding-left: 0; }

.tagTitle a { color: #5D5D5D; font-weight: normal; }
#comments { background: url(images/comments.png) no-repeat; padding-left: 25px; }
.tagTitle { background: url(images/key.png) no-repeat; padding-left: 25px; margin-top: 10px; }
#respond h6 { background: url(images/pencil.png) no-repeat; padding-left: 25px; }

p.author { margin-top: -22px; color: #AAA; font-style: italic; }

.visuel { float: left; margin-right: 10px; }

/** Commun **/

.address { margin-left: 50px; background: url(images/adresse.png) no-repeat left center transparent; padding-left: 90px; }

.spacer { clear: both; }

.right { text-align: right; }
.center { text-align: center; }

.floatRight { margin-left: 10px; float: right; }
.floatLeft { margin-right: 10px; float: left; }
.floatLeftImg { float: left; }

p { padding-bottom: 10px; text-align: justify;}

.error, .success { font-weight: bold; }
.error { color: #A00; }
.success { color: #0A0; }

/** Galerie photos **/

.gallery-caption { display: none; }

.slideshow { text-align: center; margin: 10px 0; }
.slideshow object { border: 1px solid black; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-clear { clear: both; }
.slideshowlink { display: none; }

#content table { width: 600px; border-collapse: collapse; margin: 20px auto;}
#content table thead tr { border-bottom: 1px dotted #7D0078; }
#content table tbody tr {border-left:1px solid black; border-right:1px solid black; border-bottom: 1px solid #ECECEC; }
#content table tbody{ border-bottom:1px solid black; }
#content table td, table th { padding: 2px; }


.multi_video table { width: 600px; border-collapse: collapse; margin: 20px auto;}
.multi_video table thead tr { border-bottom: none; }
.multi_video table tbody tr {font-size:11px; line-height:13px;}
.multi_video table td, table th { padding: 2px; }


/** Formulaires **/

#comment-options input, #sidebar input, #content input, textarea { color: #6C4169; border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 20px; padding: 3px 6px; background: #FCFCFC; }
*+html #content input, *+html #content textarea, * html #content input, * html #content textarea { color: #538ac4; border: 1px solid #538ac4; }
#content input { height: 16px; }
#content input:focus, #content textarea:focus { color: #E50084 border: 1px solid #b4b4b4 }

#page #content button, input[type="submit"], input[type="button"], input[type="reset"] { background-color: #6C4169; -moz-border-radius: 20px; color: white; font-weight: bold; padding: 3px 10px; border: none; margin-bottom: 20px; }
#page #content button:hover { cursor: pointer; background: #e50084; }

/** Commentaires **/

#commentform { }
#commentform label { text-align: left; width: 270px; }
#commentform textarea { width: 400px; }
button { padding: 3px; }

#page #content .commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist li { border: 0; background-color: white; padding: 15px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; margin-bottom: 20px;}
.commentlist li.odd { background-color: #FAFAFA; border: 0; }
cite.fn { text-transform: none; }

/** Edit comment **/
div.form textarea { width: 450px; }
*+html div.form textarea { margin-bottom: 10px; }
div.form textarea { margin-bottom/*\**/: 10px\9; }
#content .edit-comment-admin-links a, #content .ajax-edit-time-left, #content .aec-dropdown-container a { font-size: 12px; }

/** Contact **/
#contact label { text-align: left; width: 120px; float: left; }
#contact textarea { width: 400px; }
#contact button { width: 200px; margin-left: 160px; }

/** WP-Print **/
#page #content .printlink { float: right; margin-right: 15px; margin-top:-4px; vertical-align:middle; }
*+html #page #content .printlink { position: relative; top: -28px; }
* html #page #content .printlink { margin-top: -28px; }
#page #content .printlink a { text-decoration: none;}
#page #content .printlink img { background: inherit; margin-top: 0px; margin-left: 0px; border: 0; padding: 0; vertical-align: middle; }
/** End WP-Print **/

/** IE6 hacks **/
* html .content .categoryDescription { background: url(images/note.png) no-repeat transparent; width: 500px; height: 125px; padding-left: 40px; padding-top: 30px;}
* html .content .categoryDescription p { width: 500px; position: relative; left: 63px; }

/** IE7 hacks **/
*+html #header { margin-bottom: 10px;  }
*+html .content h2 { line-height: 24px;  }
*+html #page #header #logo-barre { margin-top: 106px; }
*+html #page #header #logo-barre p { margin: 0; padding: 0; height: 14px; text-align: right; width: 512px; vertical-align: middle; line-height: 14px;}
*+html #page #content .bandeau { padding-top: 0; }
*+html input[type="button"], *+html #page #sidebar ul #newsletterItem button { padding: 0; margin: 0; }
*+html #page input { line-height: 1.3em; }

/** IE8 hacks **/
#page #header #logo-barre { margin-top/*\**/: 100px\9 }
#page input { line-height/*\**/: 1.3em\9 }

/** Chrome hacks **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header input { margin-top: 0; margin-left: 0; font-size: 17px; width: 246px; }
}

*+html ul li * {vertical-align: bottom; }  

#page .topcontent h1{ float: left; }
#page .topcontent .printlink { float: right; margin-bottom: 0px;  margin-top:-8px; margin-right: 10px; vertical-align:middle; }
#page .topcontent .printlink img { background: inherit; border: inherit; padding: inherit; vertical-align: middle;}
.post .entry { clear: both; }

/** MooDDG **/
#imagesContainer { text-align: center; }


/* Vidéos Bricard */
#videoAnecs{
	width:600px;
	margin:0 auto;
}
#imagesVideo{
	text-align: center;
	padding-left:15px;
	width:100%;
	margin: 0 auto;
}
#imagesVideo div{
	width:150px;
	height:190px;
	float:left;
	margin-right:5px;
	cursor: pointer;
	line-height: 14px;
}
#video_3{
	clear:left;
}
#page #content #imagesVideo div.active img{
	border-color:#6A3060;
}
#imagesVideo img{
	margin:5px;
	width:100px;
	height:100px;
}

tr.month{
	background:#666;
	font-weight: bold;
	color:white;
}

.clear { height:0px; line-height:0px; clear:both; }


#footer a { color: #666666; font-weight:bold; }
#footer ul { float:left; margin-left: 27px; margin-bottom:5px; }
#footer ul li { display:block; width: 200px; float:left; background:none;}
#footer #accueilli { width:50px;}
#footer #catsli { width:178px;}
#footer #catsli2 { width: 158px;}
#footer #annuaireli { width:136px;}
#footer #diversli { width:170px;}
#footer ul ul { margin-left:15px; }
#footer ul ul li { background: url("images/puce.png") no-repeat scroll left 4px transparent; padding-left:17px; width:150px;}

.bgdate {
    background: none repeat scroll 0 0 #573457;
    float: left;
    font-family: Arial;
    font-size: 11px;
    height: 44px;
    line-height: 1.4em;
    margin: 15px 10px 29px 0;
    width: 43px;
}

.postdate {
    background: url("images/calendrier.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-family: Arial;
    height: 50px;
    margin: -3px 10px 0 0;
    width: 45px;
}

.postdate .month {
    color: white;
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-right: 1px;
    text-align: center;
    text-transform: uppercase;
}

.postdate .day {
    color: black;
    display: block;
    font-size: 1.5em;
    padding-right: 2px;
    text-align: center;
}

.postdate .year {
    color: #AEAEAE;
    display: block;
    margin-top: -3px;
    padding-right: 1px;
    text-align: center;
}