/* ----------------------------------------- 
  
   ldd.css
   Gestion
   textes & blocs

------------------------------------------- */

html,body{
	margin:0;
	padding:0;
}



body, p, span, div, sup, em, a, li, ul {
	font-size: 11px;
	font-family: Verdana,Arial,sans-serif;
}

h1{ 
font-family: Arial, Helvetica, sans-serif;; 
padding:0;
}
h2{ 
font-family: Arial, Helvetica, sans-serif;; 
padding:0 ;
margin:0px 0px 0px 4px;
line-height:22px;
}

h3{clear:both;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;; 
padding-bottom:0px; 
margin: 8px 0 0px 14px; 
}

h4{
font-size:16px;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;; 
padding-bottom:0px;
margin: 0 0 0px 14px; 
}
h5{
font-size:18px;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;; 
padding-bottom:0px;
margin: 0 0 0px 14px;
font-weight:bold;
color: #fff;
text-align:center;}
hr {
margin-top: 20px;
margin-right: 0pt;
margin-bottom: 20px;
margin-left: 0pt;
background-color: #ddd;
height: 1px;

}

/* -------------------- colonne de gauche -------------------- */
.degr p {
	margin:14px;
	}
/* couleurs de fond */

/*.right{
background: url(../../../img_common/degr_coldrte.png) repeat-y top left;
}*/
.fd_blanc       { background: #FFFFFF; padding : 0 0 12px 0; margin: 0 0 20px 0 }

.fd_orange      { background: #ff7200; padding : 0; margin: 0 }
.fd_orange div.head  { background:  url(../../../img_common/degr_colgche_orge.png) repeat-x top left; padding : 0 0 12px 0; margin: 0 0 0px 0}

.globaz  {background:#009bb7; border-bottom: 3px solid #007fa9;  margin: 0 7px 3px 6px; padding: 1px 0px 0px 0px;  }
.globaz p { margin: 10px; padding: 0px;  }
.globaz h3 { margin: 10px; padding: 0px;  }


.fd_orange p.imgborder {
  background-color:#ff8c2f; margin: 0 24px;
  border-top: none; border-right: none;border-left: none; 
  border-bottom:3px solid #cf5900; 
}
.fd_orange p.imgborder img {margin:6px; }


.fd_orange div.degr  {background:  url(../../../img_common/degr_colgche_orge2.png) repeat-x top left; padding: 4px 0 0 0;}

.fd_orange div.degr {background:  url(../../../img_common/degr_colgche_orge2.png) repeat-x top left; padding: 4px 0 0 0;}

.fd_orange div.head a.cliquez:active, .fd_orange div.head a.cliquez {
  background-color:#ff8c2f; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px 14px;line-height: 12px;
  border-bottom:3px solid #cf5900; 
  color:#000;

}
.fd_orange div.head a.cliquez:hover {
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px 14px;line-height: 12px;border-left: none;
  border-bottom:3px solid #cf5900; 
  color:#000;

}

/* ----- les bords arrondis ------ */
.fd_orange b.rbottom b.b1, .fd_orange b.rbottom b.b2, .fd_orange b.rbottom b.b3, .fd_orange b.rbottom b.b4    { background: #00b0d0 }
.fd_orange b.rtop b.t1, .fd_orange b.rtop b.t2, .fd_orange b.rtop b.t3, .fd_orange b.rtop b.t4    { background: #ff7200 }


.fd_violet      { background: #c089bd; padding : 0; margin: 0 }
.fd_violet div.head  { background:  url(../../../img_common/degr_colgche_viol3.jpg) repeat-x top left; padding : 0 0 12px 0; margin: 0 0 0px 0 }
.fd_violet p.imgborder  {background:#c089bd; border-bottom: 3px solid #9c6b93; margin: 0 14px; min-width:130px; }
.fd_violet p.imgborder img {margin:6px; }
.fd_violet div.degr  {background:  url(../../../img_common/degr_colgche_viol3.jpg) repeat-x top left; padding: 4px 0 0 0;}
.fd_violet div.head a.cliquez:active,  .fd_violet div.head a.cliquez {
  background-color:#f7c0f4; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px 14px;line-height: 12px;
  border-bottom:3px solid #9c6b93; 
  color:#000;

}
.fd_violet div.head a.cliquez:hover {
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px 14px;line-height: 12px;border-left: none;
  border-bottom:3px solid #9c6b93; 
  color:#000;

}


/* ----- les bords arrondis ------ */
.fd_violet b.rbottom b.b1, .fd_violet b.rbottom b.b2, .fd_violet b.rbottom b.b3, .fd_violet b.rbottom b.b4    { background: #c089bd }
.fd_violet b.rtop b.t1, .fd_violet b.rtop b.t2, .fd_violet b.rtop b.t3, .fd_violet b.rtop b.t4    { background: #a065a9 }


.fd_vert        { background: #7eb114; padding : 0 ; margin: 0 0 20px 0}
.fd_vert div.head  { background:  url(../../../img_common/degr_colgche_vert.png) repeat-x top left; padding : 0 0 12px 0; margin: 0 0 0px 0 }
.fd_vert p.imgborder  {background:#94c72a; border-bottom: 3px solid #6d8255;  margin: 0 14px }
.fd_vert p.imgborder img {margin:6px; }
.fd_vert div.degr  {background:  url(../../../img_common/degr_colgche_vert2.png) repeat-x top left; padding: 4px 0 0 0;}
.fd_vert div.head a.cliquez:active, a.cliquez{
  background-color:#94c72a; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px 14px;line-height: 12px;
  border-bottom:3px solid #6d8255; 
  color:#000;

}
.fd_vert div.head a.cliquez:hover, {
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px 14px;line-height: 12px;border-left: none;
  border-bottom:3px solid #6d8255; 
  color:#000;

}

/* ----- les bords arrondis ------ */
.fd_vert b.rbottom b.b1, .fd_vert b.rbottom b.b2, .fd_vert b.rbottom b.b3, .fd_vert b.rbottom b.b4    { background: #7eb114 }
.fd_vert b.rtop b.t1, .fd_vert b.rtop b.t2, .fd_vert b.rtop b.t3, .fd_vert b.rtop b.t4    { background: #7eb114 }


.fd_rouge       { background: #ef1745; padding : 0; margin: 0 0 20px 0}
.fd_rouge div.head  { background:  url(../../../img_common/degr_colgche_rge.png) repeat-x top left; padding : 0 0 12px 0; margin: 0 0 0px 0 }
.fd_rouge p.imgborder  {background:#ff4b79; border-bottom: 3px solid #c0005a;  margin:  0 14px }
.fd_rouge p.imgborder img {margin:6px; }
.fd_rouge div.degr  {background:  url(../../../img_common/degr_colgche_rge2.png) repeat-x top left; padding: 4px 0 0 0; }
.fd_rouge div.head a.cliquez:active, .fd_rouge div.head a.cliquez{
  background-color:#ff4b79; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px 14px;line-height: 12px;
  border-bottom:3px solid #c0005a; 
  color:#000;

}
.fd_rouge div.head a.cliquez:hover{
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px 14px;line-height: 12px;border-left: none;
  border-bottom:3px solid #c0005a; 
  color:#000;

}



.fd_magenta       { background: #de1681; padding : 0; margin: 0 0 20px 0;}
.fd_magenta b.rbottom b.b1, .fd_magenta b.rbottom b.b2, .fd_magenta b.rbottom b.b3, .fd_magenta b.rbottom b.b4    { background: #de1681 }
.fd_magenta b.rtop b.t1, .fd_magenta b.rtop b.t2, .fd_magenta b.rtop b.t3, .fd_magenta b.rtop b.t4    { background: #de1681}
.fd_bleute      { background: #0081c3; padding : 0; margin: 0 0 20px 0}
.fd_bleute b.rbottom b.b1, .fd_bleute b.rbottom b.b2, .fd_bleute b.rbottom b.b3, .fd_bleute b.rbottom b.b4    { background: #0081c3 }
.fd_bleute b.rtop b.t1, .fd_bleute b.rtop b.t2, .fd_bleute b.rtop b.t3, .fd_bleute b.rtop b.t4    { background: #0081c3 }



/* ----- les bords arrondis ------ */
.fd_rouge b.rbottom b.b1, .fd_rouge b.rbottom b.b2, .fd_rouge b.rbottom b.b3, .fd_rouge b.rbottom b.b4    { background: #ef1745 }
.fd_rouge b.rtop b.t1, .fd_rouge b.rtop b.t2, .fd_rouge b.rtop b.t3, .fd_rouge b.rtop b.t4    { background: #ef1745 }


.fd_bleu       { background: #00b0d0 ; padding : 0 ; margin: 0 0 20px 0}
.fd_bleu div.head  { background:  url(../../../img_common/degr_colgche_bleu.jpg) repeat-x top left; padding : 0 0 12px 0; margin: 0 0 5px 0 }
.fd_bleu p.imgborder  {background:#6486ce; border-bottom: 3px solid #475b8c; margin:0 14px }
.fd_bleu p.imgborder img {margin:6px; }
.fd_bleu div.degr  {background:  url(../../../img_common/degr_colgche_bleu.jpg) repeat-x top left; padding: 4px 0 0 0; }
.fd_bleu div.head a.cliquez:active, .fd_bleu div.head a.cliquez{
  background-color:#475b8c; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px 14px;line-height: 12px;
  border-bottom:3px solid #475b8c; 
  color:#fff;

}
.fd_bleu div.head a.cliquez:hover{
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px 14px;line-height: 12px;border-left: none;
  border-bottom:3px solid #475b8c; 
  color:#000;

}


/* ----- les bords arrondis ------ */
.fd_bleu b.rbottom b.b1, .fd_bleu b.rbottom b.b2, .fd_bleu b.rbottom b.b3, .fd_bleu b.rbottom b.b4    { background: #00b0d0 }
.fd_bleu b.rtop b.t1, .fd_bleu b.rtop b.t2, .fd_bleu b.rtop b.t3, .fd_bleu b.rtop b.t4    { background: #009bb7 }

.nospace        { margin: 0 ; }

.fd_jaune       { background: #fee7b1 url(../../../img_common/degr_centre_blcjne.png) repeat-x top left; padding: 20px 0; margin: 0 0 3px 0}



/* -------------------- colonne centrale -------------------- */

.span-11  { width: 442px; }

/* nifty cormers */

.rtop,.rbottom{display:block; background:#fff;}
.rtop *,.rbottom *{display:block; height:1px;overflow: hidden; background:#fff;}

.t1, .b1{margin: 0 5px}
.t2, .b2{margin: 0 3px}
.t3, .b3{margin: 0 2px}
.t4, .b4{margin: 0 1px;height: 2px}

.t1, .t2, .t3, .t4{ background:#f1e9e9}
.b1, .b2, .b3, .b4{background:#dac8c8}

/* integration d'animation flash */
.flash,  { z-index:1 }


/* blocs centraux */
.centre{
margin: 0 0 6px 0 ; padding:0; 
}
.bloc{
 margin: 0px; padding: 0 6px 0 0; width:415px;
}
.bloc img{
float:left; margin: 0 6px 0 0;
}
.bloc p{
height:100px; margin:0; padding:0; 
}
.displayinline{display: inline; float:left; margin: 0 0 0 4px; padding:0}


ul{list-style-type:none ;  background-position: 2px 5px; 	padding-left: 15px;}
li{list-style-type:none; margin: 0 0 0 20px;}


div.blockfloatright{
float:right;
width:auto;
margin:10px 0 0 0;
padding:0 0 2px 2px;

}
div.blockfloatright p{
margin:0px;
padding:0px; 
}
div.blockcenter{
width:160px;
margin:4px;
padding:2px;
}
div.blockcenter p{
margin:0px;
padding:2px; 
}

div.blockfloatleft{
float:left;
width:auto;
margin:10px 0 0 2px;
padding:0 2px 2px 0;
}
div.blockfloatleft p{
margin:0px;
padding:0px;
}
.infospratiques{
	background:#b67db2;
	padding:10px 0 10px 0;
	}


/* -------------------- colonne de droite --------------------*/

/* ===== inscription ===== */

#top_num-date{
	margin:50px 0 0 0;  -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 80px; color: rgb(255, 255, 255);
}
#inscription{
	margin:  0 0 2px 0; padding: 0; width:150px;
}
#inscription h4{
	  color:#FFFFFF; margin: 0; padding: 0; text-align: right; border: none; 
}
#inscription div.dssu p{
	margin: 0; padding:9px;color:#FFF; font-size:11px;
}
#inscription div.dssu{
	background: #7eb114 url(../../../img_common/inscript_top.png) no-repeat top left ; font-size:11px; margin: 0; padding: 0; border-bottom:3px solid #c3b3b4; 
}
#inscription div.dssou{
	background: #fff; margin: 0; padding:6px 0 0 0;
}
#saut {
	height:2px;
	width:100px;
	}

/* boutons */
a.inscript:active, button.inscript:active, a.inscript, button.inscript{
  background:#7eb114 url(../../../img_common/fd_bt-inscript.gif) no-repeat bottom right ; ; text-align:center;
  border-top:1px solid #b3d175; border-right:2px solid #576e0c;
  border-bottom:2px solid #576e0c; border-left:1px solid #b3d175;
  color:#fff; 
  margin:10px 0px 4px 0px; padding:3px 6px;
}
a.inscript:hover, button.inscript:hover {
  background:#fff ; text-align:center;
  border-top:1px solid #b3d175; border-right:2px solid #576e0c;
  border-bottom:2px solid #576e0c; border-left:1px solid #b3d175;
  color:#000; 
  margin:10px 0px 4px 0px; padding:3px 6px;
}

a.inscript2:active, button.inscript2:active, a.inscript2, button.inscript2{
  background-color:#88b82b;
  border-top: none; border-right: none; padding: 5px;line-height: 12px;
  border-bottom:3px solid #c4b8b6; 
  color:#fff;
  margin:0 ; 
}
a.inscript2:hover, button.inscript2:hover {
  background-color:#fff;
  border-top: none; border-right: none; padding: 5px;line-height: 12px;
  border-bottom:3px solid #c4b8b6; 
  color:#000;
  margin:0 ;
}

a.cliquez:active, button.cliquez:active, a.cliquez, button.cliquez{
  background-color:#ff7200; margin: 0 14px;
  border-top: none; border-right: none;border-left: none; padding: 5px;line-height: 12px;
  border-bottom:3px solid #cf5900; 
  color:#000;
}
a.cliquez:hover, button.cliquez:hover {
  background-color:#fff;margin: 0 14px;
  border-top: none; border-right: none; padding: 5px;line-height: 12px;border-left: none;
  border-bottom:3px solid #cf5900; 
  color:#000;

}

/* ===== sondage ===== */

.sondage{
width:138px;
	margin: 0 0 10px 0;
	padding: 0; 
}
.sondage h2{
	margin: 3px 0 0px 0;
	padding: 0px;
	line-height: 22px
}
.sondage-fd{width:138px;
 float:left;
	background:#ff6f18 url(../../../img_common/degr_sond_dssou.png) repeat-x bottom left ;
	border-bottom:3px solid #d2d0cd;
	margin: 3px 0 0 0;
	padding: 6px; 
}
.sondage p{

	margin: 6px;
	padding:0;
}
.sondage-int{
 float:left;width:130px;
	margin: 0;
	background:#ffa11a url(../../../img_common/degr_sond_dssu.png)  repeat-x bottom left ;
	padding: 2px 4px 2px 2px ; 
}
.sondage-int ul{


	margin:3px 2px 0px 2px;
	padding: 0;
	list-style-type: none;
}
.sondage-int li{
 float:left;
	background:none;
	margin:0;

	padding: 0 ;
	border-bottom:1px solid #cccccc;
	line-height:14px}

.sondage-int li p{ display:none;
	margin:4px 0 0 0;
	padding:0;
	height:14px;
}

/* boutons */
a.sondage-bt:active, button.sondage-bt:active, a.sondage-bt, button.sondage-bt{
  width: 108px;
  background:#ffb91f url(../../../img_common/fd_bt-sond.gif) no-repeat bottom right ; text-align:center;
  border-top:1px solid #ffd67c; border-right:2px solid #ce7400;
  border-bottom:2px solid #ce7400; border-left:1px solid #ffd67c;
  color:#fff; 
  margin:10px 18px 4px 18px; padding:3px 6px;
}
a.sondage-bt:hover, button.sondage-bt:hover {
  background:#fff ; text-align:center;
  border-top:1px solid #ffd67c; border-right:2px solid #ce7400;
  border-bottom:2px solid #ce7400; border-left:1px solid #ffd67c;
  color:#000; 
  margin:10px 18px 4px 18px; padding:3px 6px;
}


/* ===== archives ===== */

#archives {  padding:0px; margin: 0px 0px 10px 0px; width:150px; border:1px solid #c0d98e;}
#archives h4{
	 color:#fff; background: url(../../../img_common/fd_autnum.jpg) repeat-x bottom left ; font-weight:bold; border-bottom:3px solid #c0d98e; margin:0; padding: 0 0 0 4px; line-height: 22px
}
#archives ul{
margin:3px 5px 5px 3px;
padding: 0;
list-style-type: none;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
}
#archives li{ background:none; 
padding:4px 0 3px 0; border-bottom:1px solid #cccccc; line-height:14px; margin:0;}

/* boutons */
#archives a:link,#archives a:visited {
text-decoration: none;color: #333333; line-height:10px
}
#archives a:hover {
text-decoration: underline ;color:#000; line-height:10px
}

#archives a.suite:link,#archives a.suite:visited {
font-weight:bold;text-decoration: none;
color: #006289;
}
#archives a.suite:hover {
font-weight:bold;text-decoration: none;
color: #000;
}

/* encarts */

.encart_drte{
border-top:1px solid #b67db2;
border-right:1px solid #b67db2;
border-bottom:1px solid #b67db2;
margin-top: 0;
margin-bottom:5px; 
padding-bottom:3px;
}
.encart_drte p{
	margin: 12px 10px 12px 14px ;
}
/**/


/* ========= tooltips ============ */

.poptip 
{
 display:none;
    position: absolute; 
	width:400px;
    top: 0px;  
    left: 0px; 
    z-index: 999; 
	background: #009dda ; text-align:left;
    font-family:Georgia, Times, serif;color:#fff;font-size:12px;font-weight:bold;
    border:   #990000 2px;
}
#minitooltip {
position:absolute;
visibility:hidden;
background-color:#eceded;
border:2px solid #FF6600;
padding:10px;
font-size:10px;
width:120px; z-index:1;
}

/* ========= calendar ============ */

table.calendar {
	border-collapse:collapse;
}
.calendar th {
	border-bottom:2px solid #aaaaaa;
	color:#cccccc;
}
.calendar td {
	border:1px solid #7EB114;
	width:14.2857%;
	height:34px;
}

.calendar a:link, .calendar a:visited {
	display:block;
	margin:0px;
	height:34px;
	width:auto;
	vertical-align:middle;
	
	/*border:1px solid #aaaaaa; */
	background-color:#FFCC00;
	text-decoration:none;
}
.calendar a:hover {
	background-color:#336699;
}
/*
.calendar td.actif {
	border:1px solid #aaaaaa;
	background-color:#FFCC00;
}*/
.calendar td.empty {
	background-color:#cccccc;
}

/* Fading Tooltips */
body div#toolTip { 
	position:absolute;
	width:200px;
	background-color:#FFFFCC;
	border:2px solid #CC6600;
	text-align:left;
	padding:5px; 
}
body div#toolTip p { margin:0;padding:0;color:#000000;font:11px/12px verdana,arial,serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }


.legend {
color:#000000;
font-style:italic;
font-size:10px;
}

.commentaire {
color:#fff;
font-style:italic;
font-size:11px;
}

div.encadre {
border:2px dotted #FF7200;
padding:5px;
margin:0px;
}



/* Indentation instead of line shifts for sibling paragraphs. 
   p + p { text-indent:2em; margin-top:-1.5em; }

	Ornaments on first paragraph.
   Commented out by default. Use with care.
   p:before { content: "\2767"; padding-right: 0.4em; }
   p + p:before { content: ""; padding:0; } */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
.imgt3 {
vertical-align:text-bottom;
height:15px;
width:15pw;
margin:0;
}
.top_video{
background-color: transparent;
background-image: url(../../../parutions/n11/images/top_video.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
height: 17px;
width: 410px;
}
.bottom_video {
background-color: transparent;
background:url(../../../parutions/n11/images/bottom_video.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
height: 74px;
width: 410px;
}
div.video {
text-align: center;
width: 410px;
background-color: transparent;
background-image: url(../../../parutions/n11/images/back_video.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
}
.thumbs {
	width:100px;
	font-size:10px;
	margin:0 3px 0 0;
	text-align:center;
	float:left;
	}
img {
	margin:0 0 5px 0;}