/*
CSS - http://www.duperval.com/dp6/fr/articlesgratuits

    * Collapse All
    * Expand All

http://www.duperval.com/dp6/fr/articlesgratuits
http://www.duperval.com/dp6/sites/all/themes/custom/duperval/style.css
*/
@charset "utf-8";
/* CSS Document */

/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/

body{
/*background:url(images/bg.gif) repeat-y 50% 0; */


}

img, a img {
  border: none;
}

#wrapper{
/*background:url(images/bg_top.png) top center repeat-x;*/
z-index:100;
background:url(images/bg_bottom.png) bottom center repeat-x;
}

#wrapper-ext{

}

#container {
position:relative;
margin-left:-499px;
left:50%;
width: 995px;
text-align:left;
color: #333;
line-height: 130%;
background-color:#fff;
padding:0;
padding-right:15px;
background: url(images/pageedge.jpg) scroll 995px 0px no-repeat;

/*url(images/d_leftborder.gif) repeat-y top left;*/
}

#header-wrapper{
background:url(images/header_wrapper_border_bottom.gif) repeat-x 300px 133px;
height:180px;
overflow:hidden;

}

#header-wrapper #header {
background: url(images/d_header_bg.gif) no-repeat top right;
}

#header-wrapper #header #slogan,
#header-wrapper #header #slogan2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style:italic;
color:#ffffff;
}

#header-wrapper #header #slogan{
position:relative;
top:-80px;
left:0px
}

#header-wrapper #header #slogan2{
position:relative;
top:-60px;
left:-90px
}


#header-wrapper #header #slogan a:link,
#header-wrapper #header #slogan a:visited,
#header-wrapper #header #slogan a:hover
{
 text-decoration:none;
 color:#fff;
}


#header-wrapper #header h1 {
padding: 0;
margin: 0;
}

#hide{
position:relative;
top:-5px;
left:0;
width:181px;
height:44px;
background-color:#fff;

}

.breadcrumb{
	position:relative;
	top:-45px;
	left:181px;
	width:830px;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	height:44px;
	margin-bottom:0px;
	color:#999999;
	padding-left:12px;
}

.breadcrumb a{
  color:#666666;
}

/* langue*/

DIV#block-locale-0{
 height:40px;
 margin:0;
 padding:0;
 /*background-color: #01315f;*/
  background-color: #fff;
 width:auto;
}

DIV#block-locale-0 ul{
list-style:none; margin:0; padding:8px 0 0 44px;
}


ul li.fr,
ul li.en{ 
	list-style:none;
}




ul li.en a.language-link,
ul li.fr a.language-link{
	color:#01315f;
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
}

ul li.en a.language-link:hover,
ul li.fr a.language-link:hover{
	color:  #aaaaaa;
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
}



/* main */

#main {
background:#fff;
float:right;
margin:0;
padding:0;
display:block;
width:820px;
}


#main > div{
padding-left:20px;
padding-right:20px;
}

* html #main  div{
margin-left:20px;
margin-right:20px;
width:auto;
}



#main div#mission{
/* background: #fff3e5 url(images/d_content_style.gif) no-repeat top right; */
	padding:1em 0 1em 1em;
}

#main div#mission h1{
	font-family:Helvetica,Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#333333; /*#8d8c88;*/
	line-height:28px;

}


#main div#mission p{
	font-family:Helvetica,Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333333; /*#8d8c88;*/
	line-height:24px;
}

#main div#mission ul{
	list-style:disc;
	margin:0;
	line-height:18px;
}

#main div#mission ul li,
#main div#mission ul li p{
padding:0; margin:0;
line-height:22px;
color:#333333; 
font-family:Helvetica,Arial, sans-serif;
font-family:Helvetica,Arial, sans-serif;
font-size:18px;
font-weight:bold;
}

/*
#main > ul  li{
padding:0; margin:0;
line-height:22px;
color:#333333; 
font-family:Helvetica,Arial, sans-serif;
}

*/

#main h1.title{
	font-family:Helvetica,Arial, sans-serif;
	font-size:22px;
	line-height:34px;
	font-weight:bold;
	color:#01315f;
	margin-top:0px;
	background:url(images/h1_title.gif) repeat-x bottom left;
	
}


div.taxonomy-term-description,
.content p{
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  width:100%;
}


.content h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#000000;
  font-weight:bold;
  padding-bottom:0;
  margin-bottom:0;

}


div.taxonomy-term-description{
margin-bottom:1em;

}


/*.content p,*/
.content ol li,
.content ol li p,
.content ul li,
.content ul li p{
/* line-height:170%; */
  font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-top:0.8em;
margin-bottom:0.6em;
}

.content ol ul{
margin-top:0.8em;
margin-bottom:0.6em;
}

ul.links{
  clear: both;
  text-align: center;
}

ul.links-index{
  clear: both;
  text-align:right;
  margin:0px;
  padding:0;
}

ul.links-index,
ul.links{
  clear: both;
  text-align: center;
}

ul.links li{
  float:left;
  text-align:left;
  margin-right:12px;
}


ul.links-index li{
  float:right;
  text-align:left;
  margin-right:12px;
}

ul.tips{
float:left;

}


ul.tips li, 
ul.links-index li.node_read_more,
ul.links-index li.node_translation_fr,
ul.links-index li.node_translation_fr,
ul.links li.node_read_more,
ul.links li.node_translation_fr,
ul.links li.comment_add{
font: 12px/170% Verdana, Arial, Helvetica, sans-serif;
  list-style-type:none;
  padding: 0.3em;

}

/* bg controleed by Jquery */
ul.tips li,
ul.links-index li.comment_add,
ul.links-index li.node_read_more,
ul.links li.comment_add,
ul.links li.node_read_more{
list-style:none;
line-height:18px;
padding:0;
}

ul.tips li{
background: url(images/views-row-index.png) top left no-repeat;
padding-left:18px;
line-height:14px;
}

ul.links-index li.comment_add a,
ul.links-index li.node_read_more a,
ul.links li.comment_add a,
ul.links li.node_read_more a{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

text-decoration:none;
color:#333333;
padding:0;
padding-left:14px;
position:relative;
top:-1px;
}

ul.links-index li.node_read_more a:hover,
ul.links li.node_read_more a:hover{
color:#0000FF;
}



/* sidebar */
#sidebar-left {
float: left;
width: 175px;
margin:0;
padding: 0;
background: #fff url(images/d_left.gif) repeat-y top left;
vertical-align:top;
}

#search-block-form,
#sidebar-left #newsletter{
background:#fee5c6 url(images/menu_border-top.gif) no-repeat top left;
padding-top:12px;
margin-bottom:12px;
}


#search-block-form .container-inline{
margin:0 auto;
width:175px;
}



#search-block-form .container-inline .form-item{
padding-left:34px;
width:175px;
voice-family: "\"}\""; 
voice-family:inherit;
width:141px;

}

#search-block-form .container-inline .form-submit{
margin-left:50px;
margin-top:12px;
margin-bottom:12px;
}

#search-block-form .container-inline .form-item label{
font-weight: bold; 
font-family:Arial; 
font-size:13px;
 color:#01315f;
}

#sidebar-left #newsletter div{
padding:6px 6px 21px 6px;
background-color:#fee5c6;
}

#sidebar-left #newsletter div form{
background-color:#fee5c6;

}

/* footer */
#footer {
clear: both;
height:98px;
width:100%;
margin: 0;
color: #333;
background: #01315f url(images/d_footer.gif) no-repeat top left;
padding-top:12px;
padding-bottom:0px;
height:74px;
}

#footer ul#navfooter{
list-style:none;
color:#ffffff;
}

/*
#footer ul#navfooter:after{
content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/

#footer ul#navfooter li{
float:right;
width:700px;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
text-align:right;
}




#block-system-0{
display:none;
}

#sidebar-left p {
margin: 0 0 1em 0;
}

.clear-block{

clear:both;
}

.clear-block h2 {
margin:0;
/*
background-color:#fff3e5;*/
}

/* node */

.clear-block h2{


}


/* block block-views */

.views-row-even{


}

.block-views{
background-color: #e5eaee; 
font-size:80%;
width:250px;
min-height:280px;
float:left;
padding:0;
margin:0;
vertical-align:top;
background: #e5eaee url(images/block-views_bottom.gif) bottom left no-repeat;
margin-bottom:0.8em;
}

.block-views h2{
font-family:Arial, Helvetica, sans-serif;
background: #01315f url(images/block-views_h2.gif) top left no-repeat;
color:#fff;
line-height:40px;
margin:0;
text-indent:30px;
font-size:100%;
text-transform:uppercase;
border-bottom:1px solid #ccc;
}


.block-views .content{

padding: 6px 12px 18px 12px;
font-family:Arial, Helvetica, sans-serif;
background: #01315f url(images/block-views_content.gif) top left no-repeat;
min-height:204px;
}


.block-views .views-field-title{
background: url(images/views-row.png) top left no-repeat;
line-height:170%;
}

.block-views .views-field-title a{
color:#0e3b67;
font-weight:bold;
}

.block-views .views-field-created{
color: #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}

.block-views .views-field-title,
div.views-field-created span.field-content{
padding-left:18px;
}


#feed-icon{
width:100%;
float:left;
padding:0;
margin:0;
}

#feed-icon:after{
content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

#table.cellLink td {
padding:0;
vertical-align: middle;
}
td.leftCell a { 
display:block; 
width:390px; 
height:269px; 
background-image: url(/dp6/sites/default/files/images/leader.jpg);
text-decoration: none;
line-height: 130%;
}
td.rightCell a { 
display:block; 
width:390px; 
height:269px; 
background-image: url(/dp6/sites/default/files/images/boringmeeting.jpg) ;
text-decoration: none;
}

/* node */

.node{
/*background: url(images/node_bottom.gif) repeat-x left bottom;*/
margin-bottom:1.4em;
padding-bottom:0.01em;
overflow:hidden;
margin-bottom:2em;
}

#main .node  h2{
border-bottom:2px solid #e4e4e4;
}

#main .node h2 a{
	font-family:Helvetica,Arial, sans-serif;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#01315f;
	line-height:28px;
	background:#e4e4e4;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

/* index  FrontPage */


#main #node-55 h2.mainPage,
#main #node-24 h2.mainPage{
border:none;
}

#main #node-55 h2.mainPage a,
#main #node-24 h2.mainPage a{
	font-family:Helvetica,Arial, sans-serif;
	font-size:24px;
	height:40px;
	font-weight:bold;
	color:#01315f;
	line-height:28px;
	padding:0;
	text-decoration:none;
	background-color:none;
}



#mainPage_selectDIV,
#mainPage_valueDIV{
background: url(images/d_sep2.gif) repeat-x bottom left;
}

#mainPage_selectDIV table,
#mainPage_valueDIV table{
margin:0 auto;
width:720px;
}

#mainPage_selectDIV{
margin-top:12px;
}

p.mainPage_desc{
font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#595959;
	font-weight:normal;
	line-height:20px;

}

p.mainPage_valueTITLE{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#01315f;
	font-weight:bold;
}


ul.mainPage_valueLIST{
list-style:none;
}


ul.mainPage_valueLIST li{
	background: url(images/views-row-index.png) top left no-repeat;
	padding-left:18px;
	line-height:14px;
}

.mainPage_valueSep{
	background: url(images/d_sep.gif) scroll center;
	height:3px;

}

.mainPage_valueSep hr{
	display:none;

}

h3.mainPage_selectTABLE{
	padding:0px;
	margin:0px;

}


h3.mainPage_selectTABLE a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#01315f;
	text-decoration:none;

}
h3.mainPage_selectTABLE a:hover{
	color:#e99128;

}


p.mainPage_selectDesc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}



.meta{
	height:40px;
	line-height:40px;
	width:400px;	
}

.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.3em;
}


/*

.meta div.terms ul {
list-style:none;
padding:0;
margin:0;
}

.meta div.terms ul li{
padding:0;
margin:0;
height:40px;
line-height:40px;
padding-left:12px;
}

.meta div.terms ul li a{
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif;
}

.meta li.taxonomy_term_1{
padding:0;
margin:0;
line-height:12px;

}*/



/* MENU */

ul.menu,
ul.menu li{
	margin:0;
	list-style-position:outside;
	list-style-type:none;
	list-style:none;
	text-transform:uppercase;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*background-color:#01315f;*/
	background-color:#fff;
	margin-top:0;
	margin-bottom:0;
	line-height:170%;
	

}

ul.menu  a{
text-decoration:none;
/*color:#fff;*/
color:#01315f;
/*background:url(images/menu_arrow.gif) no-repeat 10px 50%;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
/*background-color:#01315f;*/
background-color:#fff;
margin-top:0;
margin-bottom:0;

}

ul.menu a:hover{
text-decoration:none;
color:#e57d00;
/*background:url(images/menu_arrow_hover.gif) no-repeat 10px 50%;*/

}

ul.menu >li.expanded,
ul.menu > li{
background:url(images/menu_sep.gif) repeat-x bottom left;
}



ul.menu > li.expanded > a,
ul.menu > li > a{
background:url(images/menu_arrow.gif) no-repeat 10px 50%;
padding-left:24px;
}


ul.menu > li > a:hover{
background:url(images/menu_arrow_hover.gif) no-repeat 10px 50%;

}


ul.menu > li.expanded > ul.menu li{
text-transform:capitalize;
background:none;
}

ul.menu > li.expanded > ul.menu > li.leaf > a{
background: url(images/menu_arrow_expanded.gif) no-repeat 26px 50%;
padding-left:34px;
}

ul.menu > li.expanded > ul.menu > li.leaf > a:hover{
background: url(images/menu_arrow_expanded_hover.gif) no-repeat 26px 50%;
}

ul.menu >li.active-trail > a{
color:#e57d00;
background:url(images/menu_arrow_hover.gif) no-repeat 10px 50%;
}

ul.menu >li.active-trail > ul.menu > li.active-trail a{
color:#e57d00;
background:url(images/menu_arrow_expanded_hover.gif) no-repeat 26px 50%;
}




#block-menu-primary-links{
/*background-color: #01315f;*/
padding-bottom:20px;
background:url(images/menu_border-top.gif) repeat-x top left;
padding-top:7px;
}

/* secondary nav*/

#block-menu-secondary-links{
padding-top:47px;
/*background-color: #01315f;*/
background-color: #fff;
padding-bottom:20px;
background:url(images/menu_border-top.gif) repeat-x 0px 40px;
}


#block-menu-secondary-links a{
font-size:11px;
}


/* form */

.box{
border:1px solid #ccc;
padding: 0 1em 1em 1em;
/*background: url(images/box_reply.gif) no-repeat top left;*/
}

.box h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#01315f;
margin-bottom:2em;

}


.box p{

clear:both;
}

.webform-client-form  .form-item{
float:left;
width:100%;
padding-bottom:1em;
}

.webform-client-form  .form-item:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

.webform-client-form  #comment-form .form-item label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float: left;
	width: 120px;
	font-weight: bold;
}

.webform-client-form  .form-text{
background: #e4e4e4;
border: 1px solid #e99128
}

.webform-client-form  .form-textarea{
	background: #e4e4e4;
	border: 1px solid #e99128;
}

.webform-client-form  .form-radios{
	white-space:nowrap;
	width:auto;
	padding-left:30px;
}





.webform-client-form  .form-radios .form-item{
float:left;
padding-bottom:0px;
}

.webform-client-form  .form-radios .form-item:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}


.webform-client-form .form-item label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-weight: bold;
		width: 120px;
		float:left;
}

.webform-client-form .webform-component-select .form-item label.option{
width:auto;
float:none;
}



.webform-client-form  .form-submit{
margin:0.6em;
position:relative;
left:50%;
margin-left:-50px;

}


#search-form{
margin:0.4em 0.2em 0.4em 0.6em;
border:1px solid #ccc;
background:#e4e4e4;
}

#search-form .form-item{
padding:.6em .2em .4em .4em;
}

#search-form .form-item  label{
font-weight: bold; 
font-family:Arial; 
font-size:13px;
 color:#01315f;
}

#search-form .form-item .container-inline .form-item{
margin:0;
padding:0;
}

#search-form .form-item .container-inline .form-item .form-text{
background:#e4e4e4;
}

#search-form .form-item .container-inline .form-submit {
	margin-top:10px;
	background:url(images/read_more_en.gif) no-repeat center left;
	width:101px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 5px;
}

