/*  
Theme Name: Gerer la formation v2 
Theme URI: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Description: A premium magazine-style layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner and Darren Hoyt
Version: 2.6 (released 2008-12-14)
Author: Michael Oeser
Author URI: http://www.der-prinz.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Credits
=======

Thanks to Darren Hoyt and his "Mimbo" theme which has been a great inspiration
and a good source for lots of the code I used for this theme especially the intensive
use of custom fields.

Thanks to Brian Gardner and "Revolution" which inspired me to put the two additional
page layouts "Featured Page" and "3-Column-Page" into the theme.

Thanks to Patrick Griffiths who delivered the script for the dropdown menues. 
http://www.htmldog.com/articles/suckerfish/dropdowns/

I�d also like to thank Klaus Hartl (stilbuero.de) for the brilliant script I used 
for the tabbed section with the fade effect.

And last but not least my very special thanks go out to all of you out there
using the theme and sending me tons of emails telling me how great this theme is.

THANK YOU ALL!!!



/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html { min-height:101%; }
	
body {
	background: #ffffff;
	color: #333;
	padding: 13px 0 25px 0;
	}

a img{
	border:none;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, adress, li, dd{
	margin:0;padding:0;
	}
table, tr, td, th{
	border:0;
	padding:0;
	margin:0;
	border-spacing:0;
	}
th{
	font-weight:normal;
	text-align:left;
	}
img{
	border:none;
	}
legend{
	display:none;
	}
fieldset{
	border:none;
	}
ul, ol, li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
abbr, acronym{
	text-decoration:none;
	border-bottom:0;
	}
button{
	cursor:pointer;
	}
select{
	border:1px solid #D0D0D0;
	}
.strong{
	font-weight: bold;
	}

body, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
	
	}
	
p {	margin: 15px 0;	}


hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px;
	}

/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active, a:visited { 
	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	 
	
	} 
a:hover	{ 
	
	text-decoration: none; 
	}

.blogtitle a { text-decoration: none; 
	padding-left:0!important;
	background-image:none!important;
}

/* Title area links */
.title:link, .title:active, .title:visited { 
	color: #d96d00; 
	text-decoration: none;
	padding-left:0!important;
	background-image:none!important;
	} 
.title:hover { 
	color: #d96d00; 
	
	} 
	
/* HTML headline links */
h1 a:link, h1 a:active, h1 a:visited  {text-decoration:none;
color:#767676;
}
h1 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {color:#666; text-decoration:none;}
h4 a:hover {text-decoration:underline;}


/* Links in the sidebar */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
	
	color:#d96d00!important;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(images/backgrounds/bg_lien.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:13px;
	
	}
		
.subnav li a:hover, .subnav li a:active {
	
	text-decoration:underline!important;
	}

#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;

}
#sidelist a:hover {text-decoration:underline;}
#sidelist li a
{
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;


}
#sidelist li h1 a
{
	color:#767676!important;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:none;
	padding-left:0;
	font-size:16px;
	text-indent:none;
	text-shadow:none;
}
#sidelist li h1 a:hover
{
text-decoration:none;
}
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}
#sidelist .children li a:hover, #sidelist .children li a:active	{
	color:#000;
	text-decoration:none!important;
	}
.recentcomments{
border-bottom:#FFFFFF dashed 1px;


}
#sidelist .sidebar_widget #recentcomments .recentcomments{
color:#FFFFFF;
}
#sidelist .sidebar_widget #recentcomments .recentcomments a{
display:block!important;
padding-top:10px!important;
background-image:url(images/backgrounds/bgComments.png);
background-repeat:no-repeat;
background-position:left 5px;
font-weight:normal;
min-height:40px;
color:#FFFFFF!important;
padding-left:40px!important;

}

#sidelist .sidebar_widget #recentcomments .recentcomments a:hover{
text-decoration:none;

}
/* Links in unordered lists */
.bullets li a { text-decoration:none!important;	}
.bullets li a:hover { text-decoration:underline!important;	}

/* How tags appear */
.tags a {text-decoration:none;}
.tags a:hover {text-decoration:underline;}

/* Links within comments metadata (date, Author etc.) */
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none; color:#FFFFFF;}
.commentmetadata a:hover {text-decoration:underline;}

/* Links in the footer */
#footer a {text-decoration: none;} 
#footer a:hover	{text-decoration: underline;}


.post small{
padding:0px;
color:#d96d00;
background-image:url(images/calender.png);
background-repeat:no-repeat;
padding-left:20px;

}

.post small a{
color:#d96d00;

}

.post .entry strong
{
color:#d96d00;

}
.lienComments
{
color:#d96d00 !important;
background-image:url(images/backgrounds/picto_comments.png);
background-repeat:no-repeat;
background-position:left top;
height:23px;
padding-top:8px;
display:inline-block;
padding-left:35px;
margin-top:-10px;
margin-bottom:10px;
}
/******************************************
*   Images                         
******************************************/

/*** default image behaviour ***/
img { border:none; }


/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 4px 15px 5px 0;
}

.alignright {
float: right;
}

.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}

.wp-caption img{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}


		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:1005px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 25px 0px 25px;
	}
#contentWithBgHaut {

width:1005px;
}


#branding {/*where the logo sits*/
	width:231px;
	height:88px;
	background:url(images/backgrounds/logo.jpg) no-repeat;
	}

.left {
	float:left;
	}

.right {
	float:right;
	padding-top:10px;
	padding-right:15px;	
	}
.feature{
	border-bottom:#000000 dashed 1px;
	padding-bottom:10px;
	padding-top:10px;

}
#sidebar {/*you guessed it: it´s the sidebar container*/
	width: 296px;
	padding-left:15px;
	padding-right:15px;
	margin-top:-3px;
	background-image:url(images/backgrounds/bg_rightColumn.png);
	background-repeat:no-repeat;
	}
#sidebar_bottom{
background-image:url(images/backgrounds/bg_rightColumnBottom.png);
height:16px;
width:326px;

}	
#containsidebar
{
width:326px;
height:auto;
float:right;
}
#sidebar img{
margin-top:20px;
}
#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:265px;
	border-right:1px solid #f2f2f2;
	padding-right:10px;
	}
	
#leftcol .feature H3 { /* Ajout CD à la demande Adoc le 22/03/2010 */
	font-size:12px;
	}

#leftcol  h2 { /* Ajout CD à la demande de Adoc le 22/03/2010 */	 
	font: 16px Arial, Helvetica, sans-serif;
	background-image:url(images/backgrounds/trait-h3.png);
	background-position:0px 20px;
	padding-left:3px;
	height:32px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#767676!important;
	}	

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:370px;
	padding-left:10px;
	
	margin-top: -2px;
	text-align:justify;
	}

#rightcol .clearfloat H3 { /* Ajout CD à la demande Adoc le 22/03/2010 */
	font-size:12px;
	}

#rechercherapide
{
width:654px;
height:135px;
margin-left:0px;
padding:10px;
background-image:url(images/backgrounds/bg_search.png);
background-repeat:no-repeat;
}
.ligne{
padding-top:10px;
}
.logoSearch{
width:68px;
height:70px;
background-image:url(images/backgrounds/logoSearch.png);
background-repeat:no-repeat;
float:left;
}
.label{
display:inline-block;
width:80px;
text-align:right;
}
.labInput{
display:inline-block;


}

	
/******************************************
*   Sidebar                         
******************************************/



.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	padding-bottom:5px;
	}
#sidelist ul {
	
	padding-top:10px;
	
	}
#sidelist li {
	list-style:none;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:#FFFFFF dashed 1px;
	}
#sidelist .cat-item{
padding-top:0;
border:none;
}
#sidelist .cat-item a{
background-image:url(images/white_arrow.png);
padding-left:10px;
background-repeat:no-repeat;
background-position:0 4px;
}
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

#sidelist .children {
	background:#F4F4EC;
	}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
	}


	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h3 {
	
	}
	
h2 {
-x-system-font:none;
border-bottom:1px solid #666666;
color:#767676;
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:20px 0;
padding-bottom:8px;
	
	}

h1 {
	
	font: 16px Arial, Helvetica, sans-serif;
	background-image:url(images/backgrounds/trait-h3.png);
	background-position:0px 20px;
	padding-left:3px;
	height:32px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#767676!important;
	}
#rechercherapide h1{
background-image:url(images/backgrounds/bg_h3Recherche2.png);
}



#rightcol h1{
background-image:url(images/backgrounds/bgH3ColRight.png);

}
#sidebar h2, #sidebar h1 a {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#767676;
	}

#sidebar h3, #sidebar h2 {
background-image:none;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF !important;
font-family:Arial,Helvetica,sans-serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:auto;
line-height:normal;
margin:0 0;
padding:20px 0 0 0;
text-transform:uppercase;
	}

h1#respond {
	
	margin-top:25px;
	background-image:url(images/backgrounds/bg-h3Comments.png);

	}

h1#comments {
	background-image:url(images/backgrounds/bg-h3Comments.png);
padding-bottom:0px;
margin-top:25px;
	}

h1 a:link, h1 a:visited {
	color: #666;;
	}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}
#leadarticle h1{
color:#767676;
font-size:1em;
height:auto;
width:auto;
text-transform:none;
background-image:url(images/backgrounds/bg_small_h3.png);
background-position:0px 2px ;
display:inline-block; 
padding-left:8px;
}

#leadarticle h2{
background-image:none;
color:#D96D00;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
letter-spacing:normal;
margin:0;
padding-bottom:0;
padding-left:0;
text-decoration:none;
border-bottom:none;
}
}

.post h2 {
border:none;
color:#727272;
padding-bottom:5px;
margin-bottom:0px;

}
#leadarticle .title{
display:block;

}	
#leadarticle .read-on{
display:block;
text-align:right;

}

#headPub{
width:300px;
height:10px;
background-image:url(images/backgrounds/bg_headPub.png);
}
#footerPub{
width:300px;
height:10px;
background-image:url(images/backgrounds/bg_footPub.png);
}
#contenuPub{
background-color:#FFFFFF;
text-align:center;
width:300px;

}

#containPub{
margin-top:15px;

}
#commentform label{
width:200px;
text-align:right;
display:inline-block;
color:#767676;
font-size:1em;
padding-right:5px;
}
/******************************************
*   Content                        
******************************************/

#content {
	width:670px;
	padding-left:0px;
	padding-bottom:20px;
	float:left
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}

/* Featured Articles formatting "leftcol" */



.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {
	padding:1px;
	
	}



/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #d96d00;
	letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#d96d00!important;
	text-decoration:underline;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(images/backgrounds/bg_lien.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:13px;
	}
	
.read-on a:hover {
	text-decoration:underline;
	}
.read-on2 a { /* This can be used to format the "[...]" link in the lead story */
	color:#d96d00!important;
	text-decoration:underline;
	margin-left:30px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(images/backgrounds/bg_lien.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:13px;
	}
	
.read-on2 a:hover {
	text-decoration:underline;
	}
	.labInput2{
display:inline-block;
margin-left:50px;
}	
/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	border-bottom:1px dashed #999;
	padding:12px 0;
	}	
	
#rightcol .clearfloat  h2 { /* Ajout CD à la demande de Adoc le 22/03/2010 */	 
	font: 16px Arial, Helvetica, sans-serif;
	background-image:url(images/backgrounds/trait-h3.png);
	background-position:0px 20px;
	padding-left:3px;
	height:32px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#767676!important;
	}

/* Post Formatting */

.entry {
	padding-bottom:28px;
	text-align:justify;
	}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;	
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform { 		padding:0px 0px;
	float:right; 
	}

.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}

 .boutonOrange{
  background-image:url(images/backgrounds/btnOrangeGauche.png);
  background-repeat:no-repeat;
  margin-left:0px;
}
.boutonOrange a{
  padding-right:11px; 
  padding-left:Opx;
  margin-left:11px; 
  margin-right:0px;
  background-image:url(images/backgrounds/btnOrangeDroit.png);
  background-repeat:no-repeat;
  background-position:100% 0;
  text-decoration:none;
}
.boutonOrange a:hover{
  padding-right:11px; 
  padding-left:Opx;
  margin-left:11px; 
  margin-right:0px;
  background-image:url(images/backgrounds/btnOrangeDroit.png);
  background-repeat:no-repeat;
  background-position:100% 0;
  text-decoration:none;
}
.boutonOrange a:link,.boutonOrange a:active,.boutonOrange a:visited 
{
text-decoration:none;
}
#boiteSearch .boutonOrange a:link, #boiteSearch  .boutonOrange a:active, #boiteSearch  .boutonOrange a:visited 
{
text-decoration:none;
}
.boutonOrange a,.boutonOrange{
  display:inline-block;
  height:22px; 
  white-space:nowrap;
}
.boutonOrange a b{
  vertical-align:top;
  font-weight:normal;
  font-size:12px;
  display:block;
  cursor:pointer;
  display:inline-block;
  line-height:22px; 
  vertical-align:middle;
  color:#fff;
}
.pBouton{
text-align:right;
width:495px;
margin:10px 0 0;

}
.containTextbox{
width:490px;
float:left;
}
.containtPicto{
width:172px;
height:172px;
margin-left:5px;
background-image:url(images/pictoForm.png);
float:right;

}

/* Comments*/

.commentlist {
	width:670px;
	height:auto;
	}
.commentlist span{
background-image:url(images/backgrounds/bgNumComments2.png);
width:26px;
height:19px;
display:block;
float:left;
padding-top:7px;
text-align:center;
color:#FFFFFF;

}
.commentlist .alt span{
background-image:url(images/backgrounds/bgNumComments.png);
width:26px;
height:19px;
display:block;
float:left;
padding-top:7px;
text-align:center;
color:#FFFFFF;

}
.commentlist .contenuCommentaire{
float:right;
width:644px;
}

.headComments{
width:644px;
height:16px;
background-image:url(images/backgrounds/bg_headComments2.png);
}
.containComments{
width:584px;
background-image:url(images/backgrounds/bg_containComments2.png);
background-repeat:repeat-y;
color:#FFFFFF;
padding-left:20px;
padding-right:40px;
text-align:justify;

}
.containComments  p{
margin:0;}
.containComments .textComment{
margin:0;
background-image:url(images/backgrounds/bgComments.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
padding-top:5px;
min-height:30px;


}
.footerComments{
width:644px;
height:40px;
background-image:url(images/backgrounds/bg_footerComments2.png);
}


.alt .headComments{
background-image:url(images/backgrounds/bg_headComments.png);
}
.alt .containComments{

background-image:url(images/backgrounds/bg_containComments.png);
}
.alt .footerComments{
background-image:url(images/backgrounds/bg_footerComments.png);
}

.commentlist .clearfloat {
	padding-bottom:15px;	
	}
.commentlist .alt {
	
	
	}
.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	padding: 0;
	margin:0;
	}
.commentlist small  {
	color:#FFFFFF;
	padding-bottom:15px;
	background-image:url(images/backgrounds/bg_small.png);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:left 2px;
	}

.commentlist small a  {
	color:#FFFFFF;
	}
/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
	
/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 0 auto;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#767676;
	background-image:url(images/backgrounds/bg_footer.png);
	background-repeat:no-repeat;
	width:1005px;
	height:63px;
	padding-top:60px;
	}

#footer a {
	color:#767676;
	}

/******************************************
*   Pub -- CD                        
******************************************/	
.MegaBan {
float:right;
padding-bottom:2px;
padding-right:5px;	
}

/******************************************
*   Ratings (notation des articles) -- CD                        
******************************************/	
#glf-rating {
	padding: 20px 0px 15px 0px;
	font-size: 12px;
	color: gray;
}

#glf-rating .note {
	padding: 0px 0px 0px 30px;
}

/******************************************
*   Captions WP -- CD (07/01/2010)                        
******************************************/	

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */