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

------------------------------------------- */
.container {
  width: 995px;
  margin: 0 ;
  position:absolute; top:0; left:0; z-index:150;
}

.span-534  { width: 534px; margin:0 0 30px 0; padding:0 0 30px 0;  position: relative; top: 210px; left: 40px;z-index:160}
.span-400  { width: 420px; margin:0 0 30px 0; padding:0 0 30px 0;  position: relative; top: 210px;left:40px; z-index:170}




img         { margin: 0 ; }

/* --------  accordeon  -------- */
a:active, a:link, a:visited {  color:#65005d;  }
a:hover {text-decoration:underline; color:#a05598;  }


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

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

#zactus {
	height:auto
}


#zactus, #zactus ul, #zactus li, 
#sections, #sections ul, #sections li  {
	margin:0;padding:0;
}
#zactus ul, #zactus li {
height:625px
}

body, p, span, div, sup, em, a, li, ul {
	font-size: 11px;
	font-family: Verdana,Arial,sans-serif;
}
h1{ 
text-align:center;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;; 
padding:0px 5px 10px 5px ; 
margin: 0; 
}

h2{clear:both;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;; 
padding-bottom:5px; 
margin: 10px 0 5px 14px; font-weight:bold 
}

h3{clear:both;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;; 
padding: 0 0 5px 10px; 
margin: 10px 0 5px 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 {
background: none;}

/* -------------------- colonne de gauche -------------------- */
.imageSliderExt { text-align:center}
.prev3, .prev4  { float:left; margin: 0 0 14px 14px}   

a.next3, a.next3:active {text-decoration:none;height:26px; background: url(../../../img_common/ivelib/bt_h_next.png) no-repeat top right; float:right; margin: 0 14px 0px 0; padding:0px 44px 0 0;   color:#ce0282; } 
.next3:hover {text-decoration:none; color:#000;   } 

a.next4, a.next4:active  {text-decoration:none;text-decoration:none;height:26px; background: url(../../../img_common/ivelib/bt_h_next.png) no-repeat top right;float:left; margin: 0 0 0px 20px; padding:0px 44px 0 0; color:#ce0282 ;  } 
.next4:hover  { text-decoration:none;color:#000  } 

#banflash{
position:absolute; top:2px; left:16px; width:542px; height:180px;
}
  
.ladate{
position:absolute; top:170px; right:430px; width:400px;text-align:right;
}	  
.ladate span { line-height:12px; color:#666; font-size:11px; font-weight:bold}	



.ladate span.laville{color:#000; font-size:11px; font-weight:bold}  

.lenumero{
position:absolute; top:137px; right:80px; width:80px;text-align:right;
}	
.lenumero span{
color:#fff; font-size:24px; font-weight:bold
}	



.edito       {   background:#fff; display:block; clear:both }
.edito h1    { text-align: left; margin: 0 0 0 20px; font-size:22px; line-height:22px; }
.edito p      { line-height:16px;  }
.edito p  img    {  margin: 0 10px ; padding:0 5px 13px 0;  }

.fd_blanc       { background: #FFFFFF; padding : 0 0 12px 0; margin: 0 0 20px 0 }




.globaz  {background:#ff8c2f; border-bottom: 3px solid #cf5900;  margin: 0 7px 3px 6px; padding: 1px 0px 0px 0px;  }
.globaz p { margin: 10px; padding: 0px;  }
.globaz h3 { margin: 10px; padding: 0px;  }


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


/* blocs centraux */
.centre{
background:#fff; margin:0 0 5px 0  ; padding:5px 0 ;  
}
.centre p{
padding:0 10px; 
}


.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;}


/* --------cadre image + legendes ---------------*/
div.blockfloatright {
width:auto;padding:6px;
}
div.blockcenter {
width:482px;padding:6px;
}
div.blockfloatleft {
width:auto;padding:6px;
}

div.blockfloatright {
float:right; margin:4px 20px 4px 10px;border-bottom: 3px solid #cfc7c6;background:#f4e9e9; 
}
div.blockfloatleft, div.blockcenter {
float:left;margin:4px 20px 4px 10px;border-bottom: 3px solid #cfc7c6;background:#f4e9e9; 
}

div.blockcenter p, div.blockfloatright p, div.blockfloatleft p{
margin:0px;padding:0px; 
}

div.blockfloatleft p.legend, div.blockfloatright p.legend, div.blockcenter p.legend {
width:auto;margin:4px 6px 2px 6px;padding:0px;font-style:italic; font-size:10px; white-space:normal; line-height:12px;
}
#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);
}
/* -------------------- colonne de droite --------------------*/

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


#inscription {  float:right;width: 420px;
	margin: 0 0 2px 0; padding: 0;background:#7eb114 url(../../../img_common/images/bt_perso.jpg) no-repeat top right ; 
}
#inscription a{ text-decoration:none;
}
#inscription h4 {
	  color:#FFFFFF; margin: 0; padding: 0; text-align: right; border: none; 
}
#inscription div.dssu{ width:225px;
	float:left;background: #7eb114 url(../../../img_common/ivelib/deg_inscript.png) no-repeat top right ;  color:#FFF; font-size:11px; margin: 7px 0 7px 0; padding:12px 0 0 0;
}
#inscription div.dssu div{
	 padding:0px 7px 0px 12px ;color:#FFF; font-size:10px; line-height:14px;margin:0 0 0 6px
}
#inscription div.dssou{width:176px;
	float:right; margin:0; padding:6px 0 0 0;
}

#saut {
	height:2px;
	width:100px;
	}
	
	
/* boutons */

a.inscript:active, button.inscript:active, a.inscript, button.inscript,
a#connect:active, button#connect:active, a#connect, button#connect {
  background:#7eb114; color:#FFFFFF; font-size:11px; font-weight:bold;float:right;
  text-align:center; text-decoration:none;
  border-top:1px solid #b3d175; border-right:2px solid #52660b;
  border-bottom:2px solid #52660b; border-left:1px solid #b3d175;
  margin:10px 3px 10px 0px;  padding:4px 8px;
}
a.inscript:hover, button.inscript:hover,
a#connect:hover, button#connect:hover {
  background:#fff ; color:#000; 
}


/* form */
input.avec, textarea.avec, select.avec { 
font: Verdana, Arial, Helvetica, sans-serif; 
border:none; background:#fff url(../../../img_common/ivelib/ombr.gif);  
padding:6px 2px 3px 5px; color:#344050; font-size:11px;margin: 0
}
input, textarea, select { 
font: Verdana, Arial, Helvetica, sans-serif; 
border:none; background:none;  
padding:6px 2px 3px 5px; color:#344050; font-size:11px;margin: 0
}

input.champs { 
width:150px; font: Verdana, Arial, Helvetica, sans-serif; 
border:none; background:#fff url(../../../img_common/ivelib/ombr.gif);  
padding:6px 2px 3px 5px; color:#344050; font-size:11px;margin: 0
}
input.bt_input, button.bt_input{text-align:center;
	padding:4px; height:19px;
	font-size:11px; line-height:8px;
	font-weight:bold;
	color:#fff;
	border: none;  margin:1px 0;
	cursor: pointer;
	background: url(../../../img_common/ivelib/bt_inputhead.png) no-repeat right top; 
}
input.bt_input:hover, button.bt_input:hover { 
	background: url(../../../img_common/ivelib/bt_inputhead_o.png) no-repeat right top;
}







div.dssou a.inscript1{ text-decoration:none; line-height:14px; color:#fff; margin:45px 0 0 0; background:none; border:none; text-align:center; }
div.dssou a.inscript1:hover { color:#000;}

div.dssou a.inscript2{ background: url(../../../img_common/images/bt_vert.jpg) no-repeat; border-top: none; border-right: none; border-left: none; padding: 5px 7px; border-bottom:2px solid #668a10;  line-height:14px; color:#fff; margin:0 ; text-align:center; }
div.dssou a.inscript2:hover { background:#8dca17; color:#fff; }

div.dssou a.inscript3{ background: url(../../../img_common/images/bt_vert.jpg) no-repeat; text-decoration:none; border-top: none; border-right: none; border-left: none; padding: 5px 7px; border-bottom:2px solid #668a10;  line-height:14px; color:#fff; margin:0 ; text-align:center; }
div.dssou a.inscript3:hover { background:#8dca17; color:#fff; }


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; text-decoration:none;
  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;
}
/* ===== ongl ===== */
#ongl {float:left;width:420px;background:#005786;padding:0 0 3px 0;margin:4px 0 5px 0;
}
#ongl .accordeon  {position:relative; z-index: 100; top:0px;
	 margin:0 0 0 3px; padding:7px 0 0 0; float:left;width:416px; 
}
#ongl a {
	outline: 0;
	border:0;
	cursor:pointer; 
	text-decoration: none;
	color: #fff;}
#ongl .accordeon a.acc {
	cursor:pointer; 
	display:block;
	padding:10px;margin:0 0 0 2px; width:388px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: url(../../../img_common/ivelib/accord_li.png) no-repeat;
}
#ongl .accordeon div {
background: #a4c8dc;height:350px;
padding:10px 10px 0px 10px ;margin:0 ; width:394px;
}
#ongl .accordeon div a{
  font-weight:normal; text-decoration:underline;font-size:10px; color:#000;
}
#ongl .accordeon div.blockfloatleft, #ongl .accordeon div.blockfloatright{
border-bottom: 3px solid #9abacd;background:#c0d9e7; height:auto; width:auto;margin: 5px 10px 0px 0px; padding:6px;
}
#ongl .accordeon div p {
	font-family:Verdana; background: none;
	border: none;
	text-decoration: none; line-height:16px;
	font-size: 10px;
	margin:  0; width: inherit;
	padding: 0 10px 0 0 ; 
}
@media print {
#ongl .accordeon div {
		display: block!important;
		height: auto!important
	}
}
/**/


/* fd_saoumon */

.fd_saumon  {
width: 206px; margin: 0;padding: 0 0 15px 0;
  background:#f4e9e9 url(../../../img_common/ivelib/fd_saumon_coldrte.png) repeat-y top left;  height:auto;}
.fd_saumon h2 {padding-right: 10px;color: #65005d }
.fd_saumon h3 { font-weight:bold; font-size:16px; line-height:16px;color:#65005d;
padding: 10px 10px 0px 0px; 
margin: 0px 0 5px 14px; 
}


.fd_saumon p.imgborder {
  margin: 0 24px 0 10px;
  border-top: none; border-right: none;border-left: none; 
}
.fd_saumon p.imgborder img {margin:6px; }

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


/* ils l'ont dit */
#ilondi{
width: 200px; margin:0; padding:0 5px; 
float:left; 
border-top:3px solid #e12a92;
border-right:3px solid #e12a92;
border-bottom:3px solid #e12a92;
background: #fff ; 
height:640px;}
#ilondi h2{margin-top:12px;}
#ilondi div{ height:570px;  padding: 0; margin:0}
#ilondi div p{	margin: 12px 0px 0px 0px ;}
#ilondi div p img{	display:block ;margin: 0px 0px 10px 0px ;}
#ilondi ul, #ilondi li{ float:left; height:550px;  padding: 0 0px 0 13px ; margin : 0 6px 0 0 }
/**/
/* agenda */

#agenda{
width: 200px; margin:0; padding:3px 5px; 
float:left;
height:435px;
background: none ; }
#agenda p{	margin: 12px 0px 0px 0px ;}
#agenda ul, #agenda li{float:left; height:360px;  padding: 0 0px 0 13px; margin : 0 6px 0 0}

/**/



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

.sondage{  padding:0px 0px 4px 0px; margin: 0px 0px 0px 0px; width:196px; float:right;}
.sondage h2{
margin: 0; padding: 0;  color:#ff6206;
}


/**/
.sondage-fd{
	float:left;width:196px;
	background:#ff6f18 url(../../../img_common/ivelib/degr_sond_dssou.png) repeat-x bottom left ;
	border-bottom:2px solid #d2d0cd;
	margin: 10px 0 0 0;
	padding: 6px 0;
}

.sondage p{float:left;
	margin: 6px;line-height:11px;padding-bottom:3px;
	color:#000;
}

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

.sondage-int input{ background:none}

/**/
.sondage-int ul{ float:left;
	margin:3px 6px 0px 6px;
	padding: 0;
	list-style-type: none;
}

.sondage-int li{ float:left; width:150px;
	background:none; 
	margin:0; 
	padding: 0 0 4px 0; 
	border-bottom:1px solid #cccccc; 
	line-height:14px
}

.sondage-int li img{
	background:none; 
}


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

/*boutons */ 
a.sondage-bt:active, button.sondage-bt:active, a.sondage-bt, button.sondage-bt{
  text-decoration:none; 
  background:#ffb91f ; text-align:center;
  border-top:1px solid #ffb91f; border-right:2px solid #ce7400;
  border-bottom:2px solid #ce7400; border-left:1px solid #ffb91f;
  color:#fff; 
  margin:6px 18px 4px 18px !important; 
}
a.sondage-bt:hover, button.sondage-bt:hover {
  background:#fff ; color:#000; 
}


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

#archives { float:right; padding:0px 0px 0px 17px; margin: 0px 0px 10px 0px;  background:#fff;}
#archives h3{ font-size:14px;width:184px;
	 color:#fff; background: url(../../../img_common/ivelib/fd_autnum.jpg) repeat-x bottom left ; font-weight:bold; border-bottom:2px solid #cec8c8; margin:0; padding: 6px 0 0 12px; height: 24px;
}
#archives ul{
margin:6px 10px 12px 10px ;width:173px;
padding: 0;
list-style-type: none;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
}
#archives li{ background:none; 
padding:4px 0; border-bottom:1px solid #cccccc; line-height:12px; margin:0;}

/* boutons */
#archives a:link,#archives a:visited {
text-decoration: none;color: #222; line-height:10px; margin: 0; font-size:10px;
}
#archives a:hover {
text-decoration: underline ;color:#000; line-height:10px; 
}
#archives a.suite:link,#archives a:visited {
font-weight:bold;text-decoration: none;
color: #aaaaaa;
}
#archives a.suite:hover {
font-weight:bold;text-decoration: none;
color: #000;
}

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

.poptip 
{
 display:none;
    position: absolute; 
	width:400px;
    top: 0px;  
    left: 0px; 
    z-index: 198; 
	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:197;
}

/* ========= 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;
}




#monivelib   {height:140px;  padding : 0; margin: 10px 0 0 0; width:198px}
#monivelib img.top { position:relative; top:0; }
#monivelib img.bas { position:relative; bottom:0; }

#monivelib p{margin: 20px 0 0 0; color:#FFF; font-weight:bold; text-align:center; line-height:14px  }
#monivelib a.btminivelib:active, #monivelib button.btminivelib:active, #monivelib a.btminivelib, #monivelib button.btminivelib {
   margin: 0 14px; text-align:center;margin:30px 20px 0 20px;text-decoration:none;
   padding: 5px;line-height: 12px;
   color:#fff;
}
#monivelib a.btminivelib:hover, #monivelib button.btminivelib:hover {
  background-color:#fff; line-height: 12px; color:#000;
}
			








/* 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; }

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:15px;
margin:0;
}

.thumbs {
	width:100px;
	margin:0 0 0 5px;
	float:left;
	text-align:center;
	}
	
.thumbs img {
	margin-bottom:5px;
	}
	
.top_video{
background-color: transparent;
background-image: url(../../../img_common/top_video.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left;
height: 17px;
width: 410px;
}

.bottom_video {
background-color: transparent;
background:url(../../../img_common/bottom_video.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left;
height: 74px;
width: 410px;
}

.center_video {
text-align: center;
width: 410px;
background-color: transparent;
background-image: url(../../../img_common/back_video.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: top left;
margin:-2px 0 0 0;
}

.top_video_small{
background-color: transparent;
background: url(../../../parutions/n34/images/top_video_small.gif) no-repeat left top;


height: 6px;
width: 140px;
padding:0;
margin:0;
}

.top_video_small img {
	margin:0;
	padding:0;
}

.video_small {
text-align: center;
width: 140px;
background-color: transparent;
background-image: url(../../../parutions/n34/images/back_video_small.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: top left;
margin:-2px 0 0 0;padding:0;
}

.bottom_video_small {
background-color: transparent;
background:url(../../../parutions/n34/images/bottom_video_small.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left;
height: 23px;
width: 140px;
}

#velibetmoi {
	background:#5480ab;
	padding:10px;
	float:left;
	width:380px;
}
#velibetmoi a, #velibetmoi a:hover {
	color:#fff; text-decoration:underline; font-weight:bold;
}