/* $Id: genesis_SUBTHEME.css,v 1.11 2008/11/18 14:52:21 jmburnz Exp $ */


/**
	* @file genesis_SUBTHEME.css
	* This stylesheet provides the main styles for this theme.
	*/


/**
	* Remove unused styles for performace.
	*/


/**********************************************************
 *                          Body
 **********************************************************/
/**
 * Set global color, background & font family.
	*
	* FONT SIZE
	* Genesis sizes everything in ems relative to 12px. If you set
	* a font size here you will change the width of sidebars and all
	* the default widths, paddings, margins and typographical styles!
	*/
body {
background:#002b31 url(images/bg.jpg) repeat-x top left fixed;
font:0.7em Verdana, sans-serif;
line-height:1.3em;
}


/**********************************************************
 *                     The wrapper divs
 **********************************************************/
/**
	* Be careful how you modify these, see layout.css first.
	*/
#wrapper{
padding:0 110px;
}

#container {
background:#ffffff;
}
#columns   {
background:transparent url(images/foot.png) no-repeat scroll right bottom;
padding-bottom:150px;
padding-top:33px;
}
#content   {
min-height:450px;
}
#main-content {}


/**********************************************************
 *                     Width Setting
 **********************************************************/
/**
	* Override the default width (80em - see layout.css).
	* 80 * 12 = 960px
	*
	* Genesis supports both Fluid and Fixed width values.
	*
	* For a Liquid layout use precentages, e.g
	* .width {width: 85%;}
	*
	* For Fixed width theme, use ems or pixels, e.g
	* .width {width: 960px;}
	* .width {width: 80em;}
	*/
.width {width: 850px;}


/**********************************************************
 *                       Regions
 **********************************************************/
/* Target all regions with this low specifity selector. */
.region {}

/**
	* Most regions have an .inner div to set paddings or other
	* design contingencies.
	*/
/* Leaderboard is a full width region at the very top, ideal for displaying banners. */
#leaderboard {}

/* Header blocks region is embedded in the header, usefull for displaying small banners. */
#header-blocks {}
.header-blocks-inner {}

/* Secondary content is a full width region between the header and the main columns. */
#secondary-content {
float:left;
width:695px;
margin-right:155px;
}
#secondary-content .inner {}
#sidebar-left .block {
margin:0;
}
#secondary-content .block-top{
padding:0;
height:19px;
}
#secondary-content #block-block-1 .block-top{
background:transparent url(images/guillemets_top.png) no-repeat scroll left top;
}

#secondary-content .block-inner {
padding:0;
}
#secondary-content .block .block-content {
margin:0;
padding:12px;
}
#secondary-content .block-bottom{
height:17px;
padding:0;
}
#secondary-content #block-block-1 .block-bottom{
background:transparent url(images/guillemets_bottom.png) no-repeat scroll right bottom;
}

#secondary-content .block p{
padding:0;
margin:0;
}
/* Tertiary content is a full width region above the footer, below the main content. */
#tertiary-content {}
#tertiary-content .inner {}

/* Content top and bottom are above and below the main content, within the main content column. */
#content-top {}
#content-bis{min-height:280px;}
#content-bottom {}

/*Colonnes  du contenu*/

#content-columns{
float:right;
}

/*Ajustement contenu si colonne droite*/
#main-content-left{
width:400px;
display:inline-block;
vertical-align:top;
}

#content-right {
border:none;
width:33%;
display:inline-block;
vertical-align:top;
}
#content-right > div,#content-right .views-exposed-widgets,#content-right .views-exposed-widget,#content-right fieldset{max-width:200px;padding:3px;}
/**********************************************************
 *                      Sidebars
 **********************************************************/
	/* Target both sidebars with this low specifity selector. */
.sidebar {}

/* Target a specific sidebar or its sidebar-inner. */
#sidebar-left {
/*margin-top:-30px;*/
}
#sidebar-left .inner {
width:165px;
}

#sidebar-right {

}
#sidebar-right .inner {

}


/**********************************************************
 *                    Global padding
 **********************************************************/
/**
	* You can set a global value using .inner and override it 
	* using a more specific selector such as "#sidebar-left .inner".
	*/
/* Global default inner padding */
.inner         {padding: 0;}

/* #content-inner is the main content wrapper */
#content-inner {padding: 0 10px;}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a:link    {color:#1292ad;text-decoration:none;}
a:visited {color:#36bad6;text-decoration:none;}
a:hover   {color:#13525F;text-decoration:underline;}
a:active  {color:#13525F;}
a.active  {color:#13525F;}
a.active-trail {}

/* Drupal sets this to black. */
li a.active {}

/* Remove borders on linked images. */
a img {border: none;}


/**********************************************************
 *                    HTML elements 
 **********************************************************/
/** 
	* Add any html elements you require. 
	* Use genesis/css/type.css as a guide.
	*/
h1,h2,h3,h4 {text-align:left;}
h1 {color:#1292ad;font-size:1.8em;font-weight:normal;line-height:1.2;}
h2 {color: #83281c;font-size:1.8em;font-weight:normal;margin:0.4em 0;line-height:1.1;}
h3 {color: #000;font-size:1.16em;font-weight:bold;font-family:Arial,sans-serif;margin:0.3em 0;}
h4 { color: #1292ad;text-decoration: none;font-size:1.07em;font-weight:normal;margin:0.2em 0;}
h5 {font-size:1.1em;font-weight:bold;font-family:Arial,sans-serif;color:#000000;background-color:#95A4A4;padding:1em;}
h6 {font-size:1.05em;font-style:italic;color:#000000;font-weight:normal;}
p  {margin:0;padding:0.8em; }
blockquote {font-size:1em;color:#ffffff;background-color:#95A4A4; padding:1em;margin:1.5em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;border-radius:0.3em;}
hr {clear:both;}
/* The main title on each page. */
h1#page-title {margin:0 0 1em;}

dl > dd{margin-bottom:10px;}
dl > dt a{font-weight:bold;font-family:Arial,sans-serif ;
font-size:1.3em;}
/**********************************************************
 *                       Header 
 **********************************************************/
/**
	* #header-nav wraps #header and #nav.
	*/
#header-nav {
background:transparent url(images/header.jpg) no-repeat scroll right top;
height:161px;
}

/* Conditional classes for theming the header. */
#header-nav.with-header    {}
#header-nav.without-header {}
#header-nav.with-nav       {}
#header-nav.without-nav    {}

/* #header wraps #branding, #search-box-top and the #header-blocks region. */
#header {
height:154px;
}

/* Over-ride default .inner styles. */
#header .inner {}
#header .header-inner {}

/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {
float: left;
margin:25px 0 0 25px;
}

/* Logo. */
#logo {
}

/* h1 is for the front page only, all others use the div. */
h1#site-name,
div#site-name  {
font-size: 2em ;
line-height: 1.5em;
margin: 0;
padding: 0;
font-weight: bold;
}

#site-name a:link,
#site-name a:visited {}
#site-name a:hover   {}

/* Site slogan. */
#site-slogan {
color:white;
font-size:1.1em;
font-weight:normal;
margin:-40px 0 0 102px;
width:380px;
}

/**********************************************************
 *               Primary & Secondary Links
 **********************************************************/
/**
	* Implimentation of Primary and Secondary Links.
	*
 * Primary & Secondary Links are colored by default so you 
	* can easily identify them.
	*/

/**
	* #nav is the containing div for Primary & Secondary Links.

	*/
#nav {
clear: both; 
margin:0;
}

/**
 * Classes to support any nav menu configuration.
	*/
#nav.primary-secondary {} /* Both primary and secondary menus. */
#nav.with-primary      {} /* Primary menu only. */
#nav.with-secondary    {} /* Secondary menu only. */

/* There is no global .inner on the nav div. */
#nav-inner {}

/**
	* Primary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the primary links Right or Center.
	*/
	
/* FLOAT PRIMARY RIGHT */
/**/
#primary .primary-inner{
float: right;
margin:-163px 0;
width:275px;
}


/* ALIGN PRIMARY CENTER */
/*
#primary .primary-inner {display: table; margin: 0 auto; text-align: center;}
*/

/**
	* Primary Links Style
	* Example styles to get you started.
	*/
#primary { 
	padding: 0;
	font-weight: normal;
}

.primary-inner {
	background:transparent url(images/menupri.png) no-repeat scroll left center;	
	
}

/* Modify the margin to positing the menu. */
#primary ul.links {
 	margin-left:0.8em;
	margin-top:0.3em; /* RTL */
	height:35px;
}

/* Modify the margin to set tab spacings. */
#primary ul.links li {
		display: inline;
		list-style: none;
		line-height: 3;
		padding: 0 0.75em;
		margin: 0;
		border-right:1px solid white;
}

#primary ul.links li.last {
		border-right:1px none;
}

#primary ul.links li a {
		text-decoration: none;
		white-space: nowrap;
		color:white;
		font-size:10px;
}

#primary ul.links li a:hover,
#primary ul.links li a.active,
#primary ul.links li a.active-trail {text-decoration: underline;color:orange;}

/* Set unique active-trail styles */
/*#primary ul.links li a.active-trail {}*/

/**
	* Secondary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the secondary links Right or Center.
	*/

/* FLOAT SECONDARY RIGHT */
/*
#secondary .secondary-inner {float: right;}
*/

/* ALIGN SECONDARY CENTER */
/**/
#secondary .secondary-inner {
margin: -29px 0 0 -25px;
width:905px;
text-align: center; 
}


/**
	* Secondary Links Style
	*/
#secondary { 
	font-weight:normal;
	padding:0;
}

.secondary-inner {
background:transparent url(images/menusec.png) no-repeat scroll right top;
height:70px;
}

/* Modify the margin to positing the menu. */
#secondary ul.links {
	margin: 0; /* RTL */
	padding:18px 0;
}

/* Modify the margin to set tab spacings. */
#secondary ul.links li {
		display: inline;
		list-style: none;
		line-height: 3;
		padding: 0 1em;
		margin: 0;
		border-right:1px solid white;
}

#secondary ul.links li.last {
		border-right:none;
}

#secondary ul.links li a {
		text-decoration: none;
		white-space: nowrap;
		color:white;
		font-size:1.1em;
}
#secondary ul.links li a:hover,
#secondary ul.links li a.active,
#secondary ul.links li a.active-trail {text-decoration: underline;color:#eee;}

/* Set unique active-trail styles */
/*#secondary ul.links li a.active-trail {}*/


/**********************************************************
 *                       Menus
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
	*/
ul.menu {}
ul.menu li {
list-style-image:none;
list-style-type:none;
}
ul.menu ul li {
list-style-image:url(images/puce_closed.png);
}
ul.menu ul ul li {
list-style-image:none;
list-style-type:none;
}
ul.menu li.leaf {
list-style-type:none;
}
ul.menu li.collapsed {
list-style-image:none;
list-style-type:none;
}
ul.menu li.expanded , ul.menu li.expanded ul.menu li {
list-style-type:none;
padding:0;
}
ul.menu ul li.collapsed {
list-style-image:url(images/puce_closed.png);
}
ul.menu ul li.expanded  {
list-style-image:url(images/puce_active.png);
}

ul.menu ul li.active-trail{
list-style-image:url(images/puce_active.png);
}

ul.menu li.first {}
ul.menu li.last  {}
/**********************************************************
*													Sitemap
**********************************************************/
#site-map ul.menu>li {
/*font-size:1.1em;*/
}
#site-map ul.menu>li>ul.menu {
padding:0.4em 0 0.4em 1.5em;
}
#site-map ul.menu>li>ul.menu>li {
font-size:inherit
}
/**********************************************************
 *                      Breadcrumb
 **********************************************************/
/**
	* Genesis places the breadcrumb directly below the header, 
	* giving it the full width of theme to expand into.
	* You can eaisly drag the breadcrumb html to the main 
	* content column if you need to.
	*/
#breadcrumb {
  margin: 0;
  height: 31px;
}
#breadcrumb a {
  color:black;
}
.breadcrumb {
  margin: 0;
  padding: 0 0 1.5em 65px;
}


/**********************************************************
 *                       Mission
 **********************************************************/
#mission {
  margin: 0 0 1.5em 0;
		padding: 0 0.375em;
		font-weight: bold;
}


/**********************************************************
 *                        Nodes
 **********************************************************/
/** 
	* Implimentation of node styles.
	*/
/* 1.5em margin bottom on nodes preserves the vertical grid. */
.node {margin: 0 0 1.5em;}

/* Over-ride default .inner styles. */
.node-inner {}

/* Node title on teasers and other lists. */
.node h2.node-title {}

.node h2 a:link,
.node h2 a:visited,
.node h2 a:active {
  text-decoration: none;
  color:#671413;
}

.node h2 a:hover {
  text-decoration: underline;
}

.node div img{
/*float:left;*/
margin:5px;
}

.node div img.imagecache-img_mini_100x100{
float:left;
margin:25px 10px 10px 0;

}

.node div.picture {
  float: left;
  margin: 0.3em 0.5em 0.1em 0;
}

.node .submitted {
  color: #516272;
 font-size:0.9em;
	 margin: 0;	
}

/* Node content wrapper. */
.node .node-content {}

.node ul{padding-left:1.45em;}

.node ul li{
list-style-image:url(images/puce_node.png);
list-style-type:none;
list-style-position:inside;
margin-bottom:0.5em;
/*position:relative;
left:10px;
margin-right:10px;*/
}
.node ul ul li{
list-style-type:none;
list-style-image:none;
}

.node ul ul ul li{
list-style-type:disc;
list-style-image:none;
}

.node ul.links {
  display: block; 
	 text-align: right;
}
.terms ul.links{
display: table;
margin:1em 0;
}
/* Theme the node teaser seperatly. */
.node-teaser {
text-align:left;
}
.node-teaser .node-inner {}


/* Theme Sticky nodes. */
.node .sticky {}

/* Theme node types. */
.node-type-blog  {}
.node-type-page  {
text-align:justify;
}
.node-type-story {}
.node-type-forum {}
.node-type-book  {
text-align:justify;
}
.node-type-poll  {}

/* Clear the user picture on Polls. */
.node-type-poll .node-content {clear: both;}
 
/* Theme nodes that belong to the author. */
.node-mine {}


/**********************************************************
 *                       Blocks
 **********************************************************/
/** 
	* Implimentation of block styles.
	* Styles set here will be inherited by all blocks.
	*/
.block , .block p{
  padding: 0;
  margin: 0 0 1.5em;
  clear: both;
}


/* Over-ride default .inner styles. */
.block-inner {}

/* Default node title. */
.block h2.block-title {
padding:3px 0 0;
}

/* Block content wrapper. */
.block .block-content {
  padding: 0;
}

/* Block lists */
.block ul {
padding:0;
}
.block ul li {
/*line-height:14px;*/
}
.block ul li ul li {
/*line-height:1.5em;*/
}
.block .item-list ul {}
.block .item-list ul li {}

.block ul.menu li {}
.block ul.menu li ul.menu li{

}

tr .block {
  border: none; /* Blocks page table. */
}


/*======================Bloc Menu=============================*/

.block-menu_block{
	margin:0 0 20px 20px;
	float:right;
	border-right:0.09em solid #f7A80D;
}

.block-menu_block ul.menu li{
	text-align:right;
	/*line-height:14px;*/
	padding:7px 0;
}
/**
	* Style an Individual Block
	*
	* If you need to modify the styles for a particular block, 
	* use the blocks ID, for example;
	* 
	* #block-block-1 {}
	*/


/*======================NAVIGATION=========================*/

/*menus de niveau 2*/
#sidebar-left .block ul ul, #sidebar-left .block ul ol, #sidebar-left .block ol ol, #sidebar-left .block ol ul, #sidebar-left .item-list ul ul, #sidebar-left .item-list ul ol, #sidebar-left .item-list ol ol, #sidebar-left .item-list ol ul {
background-color:#006c7b;
margin-left:-9px;
padding-left:20px;

}

#sidebar-left .block ul ul a, #sidebar-left .block ul ol a, #sidebar-left .block ol ol a, #sidebar-left .block ol ul a, #sidebar-left .item-list ul ul a, #sidebar-left .item-list ul ol a, #sidebar-left .item-list ol ol a, #sidebar-left .item-list ol ul a {
font-weight:normal;
}

/*menus de niveau 3*/
#sidebar-left .block ul ul ul, #sidebar-left .block ul ul ol, #sidebar-left .block ul ol ol, #sidebar-left .block ol ol ol, #sidebar-left .block ol ol ul, #sidebar-left .block ol ul ol, #sidebar-left .block ul ol ul, #sidebar-left .block ol ul ul, #sidebar-left .item-list ul ul ul, #sidebar-left .item-list ul ul ol, #sidebar-left .item-list ul ol ol, #sidebar-left .item-list ol ol ol, #sidebar-left .item-list ol ol ul, #sidebar-left .item-list ol ul ol, #sidebar-left .item-list ul ol ul, #sidebar-left .item-list ol ul ul {
display:none;
margin-left:-3000px;
}


/**-------------------------------------------------------------------------------------------------------
	* Sidebar and Region Specific Block Styles
	*
	* You can target blocks in one or more regions and 
	* style them differently. 
	*/
/* Low specifity selector to style blocks in both sidebars. 
---------------------------------------------------------------------------------------------------------*/
.sidebar .block {}
.sidebar .block ul.menu li a{
color:#fff;
font-weight:bold;
text-decoration:none;
}
.sidebar .block ul.menu li a:hover, .sidebar .block ul.menu li a.active, #sidebar-left .block ul li.active-trail a, #sidebar-left .block ul li.active-trail ul li.active-trail a.active{
color:#fdcc12;
}
#sidebar-left .block ul li.active-trail ul li a{color:white;}

/* High specifity selectors to style blocks in one sidebar. */

/*=======================SIDEBAR LEFT======================*/
#sidebar-left .block ul {
padding-left:4px;
}

#sidebar-left .block ul.menu li {
background:transparent url(images/separateur.png) no-repeat scroll left bottom;
}

#sidebar-left .block ul.menu li ul.menu li{
background:none;
}

#sidebar-left .block {
margin:0;
}

#sidebar-left #block-menu-menu-menu-gauche{
padding: 14px 0;
-moz-border-radius:1.5em 0 1.5em 0;
-webkit-border-radius:1.5em 0 1.5em 0;
border-radius:1.5em 0 1.5em 0;
background-color:#79b5c6;
width:165px;
-moz-box-shadow:-5px 3px 15px 1px #000000;
-webkit-box-shadow:-5px 3px 15px 1px #000000;
box-shadow:-5px 3px 15px 1px #000000;
}

#sidebar-left .block h2 {
/*background:transparent url(images/nav_bg_li.png) repeat-y scroll right top;*/
}
#sidebar-left .block-inner {
padding:0;
}
#sidebar-left .block .block-content {
/*background:transparent url(images/nav_bg_li.png) repeat-y scroll right top;*/
margin:0;
}

#sidebar-left .block-content> ul>li>a{
display:block;
padding:7px 0;
}

#sidebar-left .block p{
padding:0;
margin:0;
}

#sidebar-left .block ul.menu li ul li {
padding:2px 12px 2px 0;
}

#sidebar-left .block ul.menu li ul.menu li.expanded a {
color:#eabd36;
}

/*=======================SIDEBAR RIGHT======================*/
#sidebar-right .block {
    -moz-border-radius: 1.5em 0 1.5em 0;
    -webkit-border-radius: 1.5em 0 1.5em 0;   
    border-radius: 1.5em 0 1.5em 0;    
    background-color: #721714;
    font-size: 1em;
    margin: 0 10px 15px 0;
    padding: 10px 0;
    text-align: left;
    width: 127px;
}

#sidebar-right .block h2 {
color:white;
font-size:1.6em;
line-height:1.3em;
padding:5px;
}
#sidebar-right .block-inner {
padding:0;
}
#sidebar-right .block-content {

}


#sidebar-right .block ul li a{
color:white;
text-decoration:none;
font-weight:normal;
}

#sidebar-right .block ul li a:hover,#sidebar-right .block ul li a:active,#sidebar-right .block ul li a.active{
color:#FDCC12;
}

#sidebar-right .block p{
padding:0;
margin:0;
}
/*
#sidebar-right div.form-item input{
width:105px;
border:0.5em solid #13525F;
}
*/
/*==========================BLOC RECHERCHE (items formulaire tout en bas de la page)========================*/

#sidebar-right #block-search-0{
background-color:#5B0813;
}
#block-search-0 form{
margin-bottom:10px;
}

/*==========================BLOC IDENTIFICATION (items formulaire tout en bas de la page)========================*/

#block-block-1{
	color:white;
}

#block-block-1 .block-top{
padding:0;
}
#block-block-1 .block-content{
padding:0;
}
#block-block-1 .block-bottom{
padding:0;
}

#block-block-1 h2{
margin:0;
}

#block-block-1 a{
	text-decoration:none;
}
#block-block-1 a.register{
	font-size:0.9em;
}

#block-block-1 ul{
	padding:0 3px;
}
#block-block-1 ul li{
	line-height:1.5em;
	list-style-type:none;
}

/*=======================BLOC IMAGES==============================*/

#sidebar-right #block-block-2 {
background:none;
}
/*=======================BLOC FOOTER==============================*/

#block-menu-menu-footer-menu{
	padding:0;
	margin:0;
}

#block-menu-menu-footer-menu ul.menu{
	text-align:center;
}

#block-menu-menu-footer-menu ul.menu li a{
	color:white;
}

#block-menu-menu-footer-menu ul.menu li{
	border-right:1px white solid;
	display:inline;
}
#block-menu-menu-footer-menu ul.menu li.last{
	border-right:none;
}


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

/* Low specifity selector to style blocks in all regions. */
.region .block {}

/* High specifity selectors to style blocks in one region. */
#leaderboard .block       {}
#header-blocks .block     {}
#secondary-content .block {}
#tertiary-content .block  {}
#content-top .block       {}
#content-bottom .block    {}
#footer .block            {}

/**
	* Block Odd & Even Styles (Zebra)
	* Each region can have alternating styles for Odd and Even 
	* count blocks, such as;
	*/
#sidebar-left .odd   {}
#sidebar-left .even  {}

#sidebar-right .odd  {}
#sidebar-right .even {}

/**
	* Alternative Approach to Region Block Styling
	*
	* Blocks are aware of what region they are in, so its
	* possible to use chained selectors such as;
	*
	* .block.odd.right {}
	*/

/**
	* Drupal Core Blocks 
	* This is most of the core blocks as far as I can remember, 
	* please post an issue if I have missed any :)
	*/
#block-system-0  {} /* Powered by Drupal block */
 
#block-user-0    {} /* Login block             */
#block-user-1    {} /* Navigation Menu block   */
#block-user-2    {} /* Who's New block         */
#block-user-3    {} /* Who's Online block      */

#block-comment-0 {} /* Recent Comments block   */

#block-forum-0   {} /* Active Forum topics     */
#block-forum-1   {} /* New Forum topics        */

#block-blog-0    {} /* Recent Blog posts       */

#block-node-0    {} /* Syndicate block         */

#block-locale-0  {} /* Language Switcher block */

/* The class selector applies to all blocks of these types. */
.block-book {
	margin:0 0 20px 20px;
	float:right;
	width:140px;
}

.block-book .inner {
	padding:0;
}

.block-book ul.menu li{
	text-align:right;
	line-height:12px;
	padding:6px 0;
	margin:0;
	border-left:0.09em solid #f7A80D;
}
.block-book ul.menu li.first, .block-book ul.menu li.last{
	padding-top:0.2em;
}
.block-book ul.menu li.last{
	padding-bottom:0.2em;
}
.block-book ul.menu li.active-trail{
	
}

.block-book ul.menu li a{
	padding:0.1em 1em;
	margin:0;
	display:block;
}

.block-book ul.menu li a.active, .block-book ul.menu li a:active, .block-book ul.menu li a:hover{
	color:#F7A80D;
	background:url(images/submit.png) left no-repeat;
}

.block-book ul.menu li.expanded ul.menu li a.active, .block-book ul.menu li.expanded ul.menu li a:active, .block-book ul.menu li.expanded ul.menu li a:hover, .block-book ul.menu ul li{
font-style:italic;
list-style-image:none;
}

.block-book ul.menu li.expanded ul.menu li, .block-book ul.menu li ul.menu li, ul.menu ul li{
border-left:none;
}

.block-aggregator {}


/**********************************************************
 *                     Comments
 **********************************************************/
/** 
	* Implimentation of comment styles.
	*/
/* Comment wrapper */
#comments {}

	
div.comment {
  margin: 0 0 0.375em 0;
	 padding: 0.375em; 
}

/* Over-ride default .inner styles. */
div.comment-inner {}

div.indented {
  margin-left: 2em; /* RTL */
}

/* The title of each comment. */
div.comment h3.comment-title {
	 margin-bottom: 0;
}

h3#comment-number {
  margin-top: 1.5em;
}

div.comment h3.comment-title a:link,
div.comment h3.comment-title a:visited,
div.comment h3.comment-title a:active {
  text-decoration: none;
}

div.comment h3.comment-title a:hover {
  text-decoration: underline;
}

div.comment .picture {
  float: right; /* RTL */
	 margin: 0.3em 0 0.1em 0.3em; /* RTL */
}

div.comment .picture img {
	padding: 0;
}

div.comment .submitted {
  color: #888;
	 margin: 0;
}

/* Comment content wrapper. */
div.comment .comment-content {}

div.comment .links {
	 text-align: right; 
	 clear: both;
}

/* Zebra styles for comments. */
div.comment.odd  {}
div.comment.even {}

/* Style comments depending on the comment author. */
div.comment.comment-by-author {}
div.comment.comment-by-anon   {}
div.comment.comment-mine      {}


/**********************************************************
 *                   Profile
 **********************************************************/
/* Position the user picture on the right in user profiles. */
.profile .picture {
  float: right; 
		margin: 2em 0 1em 0.5em; /* RTL */
}

/* Fix alignment on user profile page. */
.profile dt {
  margin: 1.4em 0 0 0;
}

.node div img.minipicture{
width:50px;
float:right;
margin:0 0 0 2px;
}

/**********************************************************
 *                     Forum
 **********************************************************/
#forum table {
  width: 100%;
}

/* Position forum icons. */
#forum tr td.forum { 
  background-position: 5px 5px!important; 
  background-position: 5px 5px;
  padding-left: 1.67em; 
}

/* Add padding left to the forum name. */
#forum tr td.forum .name {
  padding-left: 0.375em;
}

#forum div.indent  {
  margin-left: 2em;
}


/**********************************************************
 *                     Books
 **********************************************************/
/** 
	* Book navigation styles to get you started.
	*/
.book-navigation {}
.book-navigation ul {}
.book-navigation ul li {}
.book-navigation ul li a {}
.book-navigation .page-links {
  padding: 0.75em;
  margin-bottom: 1.5em;
  border: none;
}
.book-navigation .page-links a {}
.book-navigation .page-links a.page-up {
margin:0 2%;
}
.book-navigation .page-links a.page-next {
background:transparent url(images/submit.png) no-repeat scroll right center;
padding-right:1.4em;
}
.book-navigation .page-links a.page-previous {
background:transparent url(images/submit_r.png) no-repeat scroll left center;
padding-left:1.4em;
}
.book-navigation .menu {
  padding: 1.5em 0 0 3em;
  margin: 0 0 1.5em 0;
}


/**********************************************************
 *                    Polls
 **********************************************************/
/* Poll bar background. */
.poll .bar  {}  

/* Poll bar forground, the colored bar indicating poll votes. */
.poll .bar .foreground {}

.poll .text    {}
.poll .links   {}
.poll .percent {}
.poll .total   {}
.poll .vote-form {}


/**********************************************************
 *                      Box
 **********************************************************/
/* Search form on the results page, includes advanced search. */
.section-search .box {}
.section-search .box-inner {}
.section-search .box h2.box-title    {}

/* Comment form on a seperate page. */
.section-comment .box {}
.section-comment .box-inner {}
.section-comment .box h2.box-title    {}

/* Comment form below content. */
#comments .box {}
#comments .box-inner {}
#comments .box h2.box-title    {}

/* Generic box selectors. */
.box {}
.box-inner {}
.box h2.box-title {}
.box .box-content {}
.box form         {}
.box .form-item   {}
.box fieldset     {}


/**********************************************************
 *               Footer, Footer Message
 **********************************************************/
/** 
	* Basic styles for the footer.
	*/
#foot-wrapper { 
  text-align: center;
	 padding: 0.75em;

}

#footer {}
#footer-message {}

#footer a, 
#footer-message a {
  padding: 0.375em;
}

/**
	* Attribution link.
	*/
p.attribution {}
#footer-message p.attribution a {}
#footer-message p.attribution a:hover {}


/**********************************************************
 *                     Pager 
 **********************************************************/
/* The first 2 classes provide the base pager styles. */
.item-list ul.pager    {}
.item-list ul.pager li {}

/* Theme the various states of pager links. */
.item-list ul.pager li a:link    {}
.item-list ul.pager li a:visited {}
.item-list ul.pager li a:hover   {}

/* Note: .pager-current is for the current page. */
.item-list ul.pager li.pager-item     {}
.item-list ul.pager li.first          {}
.item-list ul.pager li.last           {}
.item-list ul.pager li.pager-current  {}
.item-list ul.pager li.pager-first    {}
.item-list ul.pager li.pager-previous {}
.item-list ul.pager li.pager-next     {}
.item-list ul.pager li.pager-last     {}


/**********************************************************
 *                 RSS Feed Icon
 **********************************************************/
#feed-icon {}
#feed-icon img {}
#feed-icon a.feed-icon {}


/**********************************************************
 *                    Tables
 **********************************************************/
/** 
	* The selector groupings are from Garland which offers a
	* sensible starting point for styling Drupal tables.
	*/
table {
	border-bottom:0.07em solid #CBD3D3;
	width:100%;
}

table>caption {
	text-align:left;
	font-weight:bold;
	background-color:#F0C83D;
	margin-top:5px;
}

table a {}

thead th {
	font-size:1.1em;
	font-weight:bold;
	color:#575757;
	border-bottom:0.18em solid #BAC4C4;
}
th a:link, 
th a:visited {}
td, th {padding:0.5em;}

tr.even,
tr.odd,
tbody th {}

tr.odd, 
tr.info  {
	/*background:#d3d6dd url(images/tr.png) repeat-x top left;*/
}

tr.even  {
	background-color:#FFFFFF;
}

tr.drag  {}
tr.drag-previous {}

tr.odd td.active  {}
tr.even td.active {}

td.region, td.module, td.container td.category {}

tr:first-child td.region,
tr:first-child td.module, 
tr:first-child td.container {}

table.system-status-report th {}


/**********************************************************
 *                   Form elements
 **********************************************************/
/**
	* Theming form elements can be an exercise in self-flagellation.
	* Let forms.css & Drupal do the hard work and just set very 
	* basic style over-rides.
	*/
fieldset {}
 
fieldset legend {}

html.js fieldset.collapsible legend a {}
html.js fieldset.collapsed legend a   {}

.tips {}

input.form-text, textarea {}

.resizable-textarea .grippie {}


/*user login form*/
#user-login-form {
text-align:center;
margin:0;
}

/*EZMLM*/

#edit-ezmlm-email{
width:300px;
}

/**********************************************************
 *                    Messages
 **********************************************************/
/**
	* Drupal + messages.css do a good job of messages already, but
	* you can over-ride all of it. See the Genesis Darkmatter or Typo #1 
	* theme as examples. 
	*/
div.messages{font-weight:normal;margin:1em 0;}
div.messages ul{margin:0 0 0 1.25em;}
div.error{background:#FFF3F6 url(images/error.png) no-repeat .5em .45em;border:1px solid #C00000;color:#C00000;}
tr.error{background:#FFEFF3;color:#E41F0B;}
div.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.error a,.notice a,.success a{text-decoration:underline;}
div.status{background:#F1FFCF url(images/ok.png) no-repeat .75em .6em;border:1px solid #4DA449;color:#2A6827;}
div.help{background:#F7F8F8 url(images/info.png) no-repeat .5em .45em;border:1px solid #66BEF4;color:#000D2F;margin:1em 0;}
div.warning{background:#FFF6DF url(images/warning.png) no-repeat .5em .45em;border:1px solid #FFB900;color:#9F3800;}
div.messages,div.warning,div.help,div.status,div.error{padding:.6em 1em .6em 3em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
div.help code,div.messages code{font-weight: bold;}
table tr.warning{background-color:#F7E8C5;}
table tr.warning td{color:#9F3800;}
table tr.warning.merge-up td{color:#514721;}
div.ok,tr.ok,table tr.ok td{color:#222;padding:1em .5em;}
/**********************************************************
 *                     Admin
 **********************************************************/
/**
	* <body> class to target most admin pages.
	*/
.section-admin {}

/**
	* Module page specific styles.
	*/
div.admin-dependencies, 
div.admin-required {}
span.admin-enabled {}
span.admin-disabled {}

/**
	* The region notices on the block admin page.
	*/
.block-region {}

/** 
 * Experimental workaround for the theme list page for very narrow themes.
 * When both sidebars are active, the left sidebar overlaps the theme list table,
	* this forces the sidebars to be a set height with scroll bars. 
 */
body.page-admin-build-themes #sidebar-left,
body.page-admin-build-themes #sidebar-right,
body.page-admin-build-themes-select #sidebar-left,
body.page-admin-build-themes-select #sidebar-right {
  height: 240px; overflow: scroll;
}

/**********************************************************
 *                   Buttons
 **********************************************************/
/**
	* Restyle form buttons.
	*/
button, 
.pushbutton, 
.form-submit,
input.form-file,
.teaser-button {
background:url(images/submit-off.png) top left repeat-x;
color:#2b6b79;
border:none;
height:21px;
font-size:1.1em;
}

button:hover, 
.pushbutton:hover, 
.form-submit:hover,
input.form-file:hover,
.teaser-button:hover {
background:url(images/submit-on.png) top left repeat-x;
}


/**************************************************************************
*			SEARCH FORM (THEME)
********************************************************************/


html.js #search-box-top #search-box-inner #search-theme-form #search #edit-search-theme-form-1-wrapper label {
color: black;
font-weight:normal;
margin: 2px;
position: absolute;
}
#search-box-top #search-box-inner #search-theme-form #search #edit-search-theme-form-1-wrapper label {
position: static;
margin-left: 2px;
text-align: left;
text-indent:0;
}

/**************************************************************************
*			USER LOGIN / SEARCH (BOX)  FORM
**************************************************************************/
#block-search-0 .block-content{
	padding:0;
}

#userform form, #search-block-form{
	text-align:left;
	padding-left:8px;
}
#userform form input, #search-block-form input{
	width:110px;
	padding: 0;
	border-color:#741413;
}
#userform .form-submit, #search-block-form .form-submit {
margin:3px 0;
background-color: transparent;
color: white;
border: none;
background-image: url("images/submit.png");
background-repeat: no-repeat;
background-position: right;
height: 15px;
width: 100px;
cursor: pointer;
font-size:1.2em;
padding-right:10px;
}

#userform #edit-submit:hover, #search-block-form #edit-submit:hover {
color:#FDCC12;
}

html.js #sidebar-right #block-block-2 #user-login-form label {
color: black;
font-weight: normal;
margin:0 4px;
text-align: left;
}
#sidebar-right #block-block-2 #user-login-form label {
position: static;
margin-left: 2px;
text-align: left;
}



/********************************************************************************
*					TABS
********************************************************************************/

ul.primary{
	border-bottom:1px solid #d6d6d6;
}

ul.primary li a {
	border-color:#eaeaea;
	margin-right:0;
}

ul.primary li a.active, ul.primary li a:hover {
	border-color:#F0C83D;
}

ul.secondary{
	background:#F0C83D;
	margin-top:-0.5em;
}

ul.tabs.secondary li a {
	background:none;
	border-color:white;
	margin-right:0;
}

ul.tabs.secondary li a.active, ul.tabs.secondary li a:hover {
	border-bottom:3px solid white;
	color:white;
	background:none;
}

ul.tabs{
	padding:0 0 0.2em 1em;
}

ul.tabs li a{
	-moz-border-radius-topleft:0.5em;
	-moz-border-radius-topright:0.5em;
	-webkit-border-top-right-radius:0.5em;
	-webkit-border-top-left-radius:0.5em;
	padding:0.2em 1em;
	background:transparent url(images/onglet.png) repeat-x scroll bottom center;
	color:#254457;
}
ul.tabs li a.active{
	background:transparent url(images/onglet-actif.png) repeat-x scroll bottom center;
	color:white;
}

ul.tabs li a:hover{
	background:transparent url(images/onglet-actif.png) repeat-x scroll bottom center;
	padding-top:5px;
	color:white;
}


/***************************************************************************************
*					COMPOSITE ZONES
***************************************************************************************/

.composite-zone-inner{
text-align:left;
}

/***************************************************************************************
*					CLASSES SPECIFIQUES
***************************************************************************************/

.citation{
background:url(images/guillemets-haut.png) top left no-repeat;
margin-left:-5px;
padding-left:10px;
padding-top:15px;
}

.citation2{
padding-bottom:10px;
line-height:1.2em;
background:url(images/guillemets-bas.png) bottom right no-repeat;
}

h5.citation2{
margin:0 0 1em;
}

table.col td{
width:300px;
}

/*image bloc droite*/
#gfx {
background: url(images/bloc_img_droite.png) top right no-repeat;
height: 244px;
width: 168px;
position:relative;
left: 20px;
}


/*********************************************************************************
*			ADMIN PAGE
*********************************************************************************/

div.admin-panel {
    border: 1px solid #DDDDDD;
    margin: 0 0 0.75em;
    padding: 0;
}
div.admin .left, div.admin .right {
    margin-left: 0;
    margin-right: 0;
    width: 49%;
}
.admin-panel h3 {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #D98C00;
    padding: 0 0 0 0.5em;
    font-size:1.5em;
}
div.admin-panel .body {
    padding: 0 1em;
}
div.admin-panel p {
    margin: 0;
    padding: 1em 0 0;
}
.admin-panel ul, .admin-panel ul.menu, .admin-panel .item-list ul {
    padding: 0 0 1em;
}
.admin-panel .item-list ul {
    margin: 0;
}
.admin-panel ul li {
    color: #555555;
}
.admin-panel dl {
    margin: 0;
    padding: 1em 0;
}
.admin-panel dt {
    font-weight: normal;
}
.admin-panel dd {
    color: #555555;
    font-size: 0.94em;
    margin-left: 0;
}
.admin .compact-link {
    margin: 0 0 1em;
}
.page-admin-by-module .admin-panel .body {
    margin: 0;
}
.page-admin-by-module .admin-panel .body p {
    color: #555555;
    font-size: 0.94em;
}

/*Fichiers attachés*/
.itu-attachments {clear:both;}