/* Source
 * http://www.mandriva.com/enterprise/fr/services/catalogue-de-formation/loffre-de-formation-linux-mandriva
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0pt;
	padding:0pt;
}
abbr, acronym {
	border:0pt none;
}
body {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:10pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0pt;
	font-size:inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
fieldset, img {
	border:0pt none;
}
address, caption, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
select, input, textarea {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:99%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
pre, code {
	font-family:monospace;
	font-size:115%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
body * {
	line-height:1.22em;
}


/* Layout Stylesheet */
/* CSS credits :
  - SpreadFirefox v2 Stylesheet www.spreadfirefox.com
  - CSSPLAY www.cssplay.co.uk
		    Testé sous :
		    - Mozilla Firefox 2
		    - Internet Explorer 6 SP2 / Windows XP
		    - Opera 9
		    - Konqueror 3.5.6
*/

/* =BODY, Enveloppe
 ********************************************************/
html,
body {
  margin	: 0px;
  padding	: 0px; }
  /* background: #E2E2E2 url(imgs/bg_grayzd.png) repeat-x; */
/* IE6 seems to want to shift to the right by 3px */
div {
  border	: 0;
  margin	: 0px;
  padding	: 0px; }
#wrapper1 {
  min-width: 710px;
  max-width: 1040px;
  margin:1em auto;}
/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#wrapper1 {
  /*/*/
  /*background-image	: url(imgs/bg_right.png);
  background-position	: right top;
  background-repeat	: repeat-y;*/
  /* */ }
#wrapper2 {
  /*/*/
  /*background-image	: url(imgs/bg_left.png);
  background-repeat	: repeat-y;*/
  /* */
    margin:0 1em; }

/* =HEADER
 ********************************************************/
#hdr {
  margin	: 0px;
  padding	: 0px;
  background: transparent;
  color	: #000;
  border	: none; }

.hdr-padding,
.main-padding {
  margin	: 0px;
  padding	: 0px; }

/* =FOOTERS
 ********************************************************/
#footer-in {
    margin  : 2em .5em 1em;
    }
#footer {
    margin  :1em auto;
    }

/* =COLONNES
 ********************************************************/
#columns {
  border	    : none;
  margin-top	  : 0px;
  background-color: transparent;
  /* background: url(imgs/bg_sidebar_botom.png) top repeat-x; */
  }

.sidebar {
  padding: 0;
  margin: 0; }

/* Futur Usage
#left-col {
  position	: absolute;
  top		: 99px;
  left		: 20px;
  margin	: 0px;
  padding	: 0px;
  width		: 189px;
  color		: #fff;
  background	: url(imgs/bg_col_btm.png) repeat-x #273762; }
#left-col div {
  color		: #fff;
  background: url(imgs/bg_col.png) no-repeat #273762;
  margin	: 0px;
  padding	: 0px; }
#left-col h4 {
  margin-top: 1em; } */

/* .right-col's width   =   .main-col's margin-right + marges */
#right-col {
  position	: static;
  float	: right;
  width	: 189px;
  margin	: 0px;
  padding	: 0px;
  border	: 0;
  background: #273762 url(imgs/bg_col_gray.png) no-repeat;
  }

/* #main-col base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
Other browsers
------------------------------------
	margin-left	: width of .leftcolumn
	margin-left	: final width of .rightcolumn
	margin-right is set to the value of the overriding values for .rightcolumn's width.
*/

#main-col {
  margin-right	: 210px;
  margin-left	: 0px; }

/* #main-col {
  margin: 20px 0px 20px 220px;
  border: 2px solid #000000;
  background: #ffffff;
  color: #333333;
  padding: 20px;
  position :relative;
 } */

/* columns > padding > columns content
.leftpadding, .rightpadding {
  margin	: 0px;
  padding	: 0px;	}
.rightpadding {
  padding-left	: 0; }
.main-padding {
  padding-left	: 20px;
  padding-right : 10px; }
 */
.clear {
  clear		: both ;}
.clearleft {
  clear		: left ;}
  .clearright {
  clear		: right ;}

/* Concerne le detail des elements blocs : header, columns, footer */

/* =Header
 ********************************************************/

#hdr {
  background	:#105D90 url(imgs/bg_header_blue_temp.png) repeat 0 0;
  position	:relative;
  min-height	:39px;
  height	:5em;
  padding	:0;
  margin	:0 0 1.8em 0;
  voice-family	:"\"}\"";
  voice-family	:inherit;
  height	:3em;
  padding	:15px 0;
} #ignored {}

#site-name {
  margin	:-15px 0 0 10px; }
#site-name a,
#hdr a {
  text-decoration:none; }
#site-name img {
  text-align :left;
  margin     :10px 40px;
  padding-top:0 !important;
  padding-top:10px; }
#hdr h1 {
  width	 :auto;
  position	 :absolute; bottom:4%; left:60px;
  margin	 :0;
  color	 :white;
  font-size	 :80%;
  font-weight:bold;
  line-height:2em; }
#hdr p {
  margin	:0pt;
  padding	:12px 20px 0pt 0pt;
  position	:absolute;
  right	:0pt;
  text-align:right;
  top		:0pt;
  background:transparent url(imgs/bg_header_top_right_gray.png) no-repeat right top;
  white-space:nowrap; }
#hdr .hdr-padding {
  background	:transparent url(imgs/bg_header_top_left_gray.png) no-repeat left top;
  }

/* =Navigation */
#hdr ul {
  width	:auto;
  position	:absolute;
  bottom	:0;
  right	:0;
  margin	:0;
  padding	:0 15px 0 0;
  list-style	:none;
  background	:url(imgs/bg_header_bottom_right_gray.png) no-repeat bottom right;
  z-index	:90; /* below the H1 */ }

#hdr li {
  float	:right;
  background	:transparent url(imgs/header_tab.png) 100% -600px no-repeat;
  padding	:0 6px 0 0;
  margin	:0 1px 0 0;
  display	:inline;
  white-space	:nowrap;
  border-bottom:1px solid #515358; }
#hdr ul li a {
  float	:left;
  display	:block;
  margin	:0;
  padding	:4px 4px 4px 10px;
  background	:transparent url(imgs/header_tab.png) 0% -600px no-repeat;
  font-weight	:bold;
  color		:#fff;
  text-decoration:none;
  border	:none; }
#hdr ul li:hover a,
#hdr ul li.actif a {
  background-position:0% -400px;
  color	     :#ffe200; }
#hdr ul li:hover,
#hdr ul li.actif {
  background-position:100% -400px; }
.todo,
#right-col ul li.todo,
#hdr ul li a.todo {
  font-weight	:normal;
  color		:Gray;
  }

/* =Right-Col
 ********************************************************/

#right-col a,
#right-col p,
#right-col li,
#right-col dt,
#right-col dd,
#right-col h2,
#right-col h3 {
  color	:#f8f8f8;
  }
#right-col a {
  text-decoration:none;
  }
#right-col a:hover {
  color	:#107db5;
  }
/* #right-col a:visited {
  __ ;} */
#right-col h2 {
  margin	:auto;
  width	:90%;
    background:transparent;
  font-size  :120%;
  font-weight   :bold;
  text-align :center;
  padding   :1em 0 .5em 0;
  }
#right-col h3 {
  clear:    right;
  text-align  :left;
  padding     :0 .5em;
  font-size   :100%;
  font-weight:bold;
  }

#right-col dl,
#right-col ul {
  font-family:verdana,arial,sans-serif;
  font-size	:90%;
  font-weight:normal;
  margin	:0pt;
  padding	:0;
  text-align	:left;
  }
#right-col ul li {
    list-style-position:inside;
    margin:.5em;
  padding       :.5em;
  }
#right-col dt {
    margin:.5em;
    font-weight:bold;
}
#right-col dt.margin {
  margin-bottom :5px;
  }
#right-col dl,
#right-col ul {
  background :transparent url(imgs/dot.png) repeat-x scroll center bottom;
  }
#right-col dl dd.last {
    background:transparent;
}
#right-col dl img {
  margin	:.5em;
  }
  /* The right-col bottom */
#right-col ul.last {
  background	:url(imgs/bg_header_bottom_right_gray.png) no-repeat bottom right;
  }
#right-col li.last {
  margin-left	:-1px;
  margin-bottom:0;
  padding-left	:1em;
  background	:url(imgs/bg_bottom_left_gray.png) no-repeat bottom left;
  }
#right-col div img {
  float		:right;
  }

/* Footer
 ********************************************************/

#footer-in p:first-letter {
  font-size	:100% !important;
  font-weight	:normal;
  color		:inherit;
  }
#footer-in p.precedente {
  width		:45%;
  }
#footer-in p.suivante {
  width		:45%;
  float		:right;
  text-align	:right;
  }


/* Presentation Stylesheet */
/* Inspiration & some materials from :
	- SpreadFirefox v2 Stylesheet http://www.spreadfirefox.com/
	- http://zdnet.fr/
*/

body {
  font-family	:Tahoma,'Bitstream Vera sans',Arial,sans-serif;
  line-height	:1.3em;
  color		:#000;
  }

/* =MAIN-COL
 ********************************************************/

/* Paragraphes - Box Model Layout */
#main-col h3,
#main-col h4,
#main-col h5 {
  text-align    :left;
  font-family :Tahoma,sans-serif;
  }
#main-col h3 {
  margin	:2em 0 .5em;
  padding	:0px .7em;
  font-size	:150%;
  border-style:solid;
  border-width:0 0 0 0.5em;
  }
#main-col h4 {
    margin:1.5em 1em 0.5em 0;
    padding:0 1.4em;
  font-size	:130%;
  border-style:solid;
  border-width:0 0 0 0.2em;
  }
#main-col h5 {
  margin	:1em .5em;
  padding	:0em .5em;
  font-size	:110%;
  }
#main-col dt {
  float		:left;
  padding:0 5px 0;
  font-weight	:bold;
  }
#main-col dl,p {
  margin	:.5em;
  padding	:.2em 2em .2em 2em;
  text-align	:left;
  /* text-align	:justify; */
  }
#main-col img.floatright {
  padding	:.2em 2em .2em 2em;
  }
#main-col ul {
  margin-top	:.2em;
  list-style-type:disc;
  }
#main-col li {
  margin	:.5em 1em 0 4em;
  padding	:0 .5em;
  text-align	:justify;
  }

#main-col .head {
  margin	:1em 2em;
  padding	:1em;
  border	:thin dashed gray;
  }

/* =Alignements */
.clearleft {
  clear		:left;
  }
.clearright {
  clear		:right;
  }
.clear {
  clear		:both;
  }
.floatleft,
.floatl {
  display   :inline;
  float		:left;
  margin-right	:.5em;
  }
.floatright,
.floatr {
  float		:right;
  margin-left	:.5em;
  }
.center {
  margin	:0 auto;
  width	:92%;
  text-align:center;}
  .center p,
  .center h5 {
  text-align:center;
  }
.center img {
    padding:1em;
    }
.centersmall {
  margin	:0 auto;
  width		:60%;
  text-align	:center;}
.margintop2 {
  margin-top: 2em;
}
.margintop4 {
  margin-top: 4em;
}

/* =Footer
 ********************************************************/
#footer {
    font-size:.8em;
    }
/* =Inline
 ********************************************************/

#wrapper_outerbox h3>p:first-letter {
  font-size	:120%;
  font-weight	:bold;
  margin-right	:.1em;
  }
#main-col .boxcontent p:first-letter {
  font-size	:100%;
  font-weight	:normal;
  color		:inherit;
  }
#main-col .innerboxcontent p:first-letter {
  font-size	:100%;
  font-weight	:normal;
  color		:inherit;
  }

img {
  border	:0;
  }
a:link {
	text-decoration :none;
	color		:#105D90;
	padding		:2px; margin:-2px;
	}
a:visited {
	text-decoration :none;
	color		:#273762;
	}
a:hover {
	text-decoration :none;
	color		:#105D90;
	background-color:#ffe200;
	border		:thin solid #105D90;
	-moz-border-radius:2px;     /* Gecko only */
	-webkit-border-radius:2px;  /* Safari only */
	border-radius   :2px;       /* CSS 3 */
	padding		:2px;
    margin:-2px;
	}
/* Desactivation des effets pour les images et innerboxcontent */
.boxcontent p a:hover,
#hdr a {
	text-decoration :underline;
	background	:transparent;
	border		:none;
	padding		:0; margin:0;
	}
.innerboxcontent p a:link {
    padding:0;
    margin:0;
    }
/*a.lightwindow {
	text-decoration :none;
	color		:white;
	background	:transparent;
	border		:none;
	padding		:0; margin:0;
	} */
a:hover.lightwindow {
	text-decoration :underline;
	color		:white;
	border		:none;
	padding		:0; margin:0;
	}
a.lienext {
  text-decoration   :none;
  color	            :#0060B0;
  padding           :2px;
  margin            :-3px 0 -3px;
  }
a.lienext:hover {
  text-decoration:none;
  color		    :black;
  background-color:#E0ECF8;
  border	    :thin solid #A8C8E8;
	-moz-border-radius:4px;     /* Gecko only */
	-webkit-border-radius:4px;  /* Safari only */
	border-radius   :4px;       /* CSS 3 */
  padding	    :2px;
  margin	    :-3px 0 -3px;
  }
a.none:hover {
  text-decoration  :none;
  color		   :black;
  background-color :transparent;
  border	   :none;
  padding	   :0;
  margin	   :0;
  }
a.pdf:hover:after {
  content	  :" " url(../imgs/icons/pdf.png);	/* Uniquement navigateurs conformes */
  }
a.img:hover:after {
  content	  :" " url(../imgs/icons/img.png);
  }
.bold {
  font-weight	:bold;
  }
.emphasize {
  font-family :'DejaVu Sans', Helvetica, sans-serif;
  }
.gray {
    color	:gray ; }
.red {
  color		:red;
  }
acronym, .help {
    cursor	  :help;
    border-bottom :1px dotted gray; }
.ll {
  /* font-family :'Designer Block', 'Captain Podd','DejaVu Sans', Helvetica, sans-serif; */
    font-weight:bold;
  color		:#e66d20;
  }
.soft {
  font-weight	:normal;
  color		:#0A648C;
  }
.soc {
  font-style	:inherit;
  font-variant:small-caps;
  color		:#273762;
  }
.small {
  font-size	:.5em;
  }
.techn {
  font-style  	:italic;
  font-variant  :small-caps;
  color		:black;
  }
a#tooCool {
    position: fixed;
    right: 0;
    bottom: 0;
    display: block;
    height: 80px;
    width: 80px;
    background: url(../style/imgs/too_cool_msie.png) bottom right no-repeat;
    text-indent: -999em;
    text-decoration: none;
    }


/*
    Boites full-CSS inspirées de http://www.cssplay.co.uk/boxes/
    Merci à eux.
*/

/* =outerbox */
.outerboxcontent {
    display        :block;
    background     :#f8f8f8;
    border-style   :solid ;
    border-width   :0 2px;
    height         :auto;}
* html .outerboxcontent {
    height         :1px;}
.outerboxcontent h2 {
    margin        :0 0 1em 0;
    font-size     :1.3em;
    padding       :0 10px 5px 52px;}
.outerboxcontent p,
.outerboxcontent li {
    color       :#000;}
#wrapper_outerbox {
    margin      :0; }

/* =innerboxes */
#wrapper_innerboxes {
    margin      :1em auto;
    width       :90%;
    text-align  :left; /* on rétablit l'alignement normal du texte */ }
.innerbox {
    background  :transparent;
    width       :202px;
    float       :left;
    margin      :1em 1em;}
.innerboxlarge {
    background  :transparent;
    width       :400px;
    float       :left;
    margin      :1em 1em;
    font-family :Arial, sans-serif;}
/* round boxes color (background & color) */
.xtop, .xbottom {
    display   :block;
    background:transparent;
    font-size :1px;}
.xb1, .xb2, .xb3, .xb4 {
      display :block;
      overflow:hidden;}
.xb1,.xb2,.xb3 { height :1px;}
.xb2, .xb3, .xb4 {
      border-left:1px solid;
      border-right:1px solid;}
.xb1 {margin:0 5px; }
.xb2 {margin:0 3px;
      border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {margin:0 1px;
      height:2px;}

#main-col .innerboxcontent {
    display     :block;
    border-style:solid ;
    border-width:0 1px;
    border-width:0 1px;
    height      :16em;}
* html .innerboxcontent {
    height      :1px;}
#main-col .innerboxcontent h2 {
    margin      :0;
    font-size   :1.1em;
    padding     :0 10px 5px 10px; }
#main-col .innerboxlarge h2 {
    font-size   :1.4em;
    padding     :5px 10px;
    border-bottom:0;}
#main-col .innerboxlarge h3 {
  text-align:left;
  width     :90%;
  margin    :1em 0 0 0;
  padding   :.3em;
  border-bottom:0;
  font-size :1.2em;
  color     :#fff;
  }
#main-col .innerboxcontent img {
    display :block;
    margin  :.5em auto;
    padding :0;
    text-align:center;}
/*    border-color:#999;
    border-style:solid;
    border-width:1px 0;
 + classe spéciale innerboxcontent imgs de web */
#main-col .innerboxcontent span {
    padding: 0 .5em; }

#main-col .innerboxcontent ul {
  margin    :1em 0;
  }
#main-col .innerboxcontent li {
    list-style-position:inside;
  margin:1em 0;
  text-align:left;
  }
#main-col .innerboxcontent p {
  font-size	:80%;
  padding	:0;
  margin:       0;
  }
  /* Correction pour le contenu de specialboxes */
#main-col .boxcontent p {
  padding	:.5em;              /* sans cette notation, le style presentation prend celle de main */
  text-align:left;
  }

/* =Specialboxes */

/* ==Specialbox :Inset 3D Curved */

/* ==Specialbox :Pillar type */
.pillar {
	background	:transparent;
	width		:40%;
	margin		:0 auto;}
.pillar h2, .pillar p {
	margin		:0 10px;
	padding-bottom	:0.5em;}
div.debuter div.pillar h2,
div.system div.pillar h2,
div.web div.pillar h2,
.pillar h2 {
	font-size	:1.5em;
    background  :transparent;
	color		:#000;
	letter-spacing	:1px;}
.pillar p {
	font-family	:"times new roman",serif;}
.pillar .top, .pillar .bottom {
	display		:block;
	background	:transparent;
	font-size	:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {
	display		:block;
	overflow	:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {
	height		:1px;}
.pillar .b2, .pillar .b3 {
	background	:#d7f5fd;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;}
.pillar .b4 {
	background	:#d7f5fd;
	border-left	:4px solid #105D90;
	border-right	:4px solid #105D90;}
.pillar .b1 {
	margin		:0 2px;
	background	:#105D90;}
.pillar .b2 {
	margin		:0 1px;
	border-width	:0 1px;}
.pillar .b3 {
	height		:2px;
	margin		:0;}
.pillar .b4 {
	margin		:0 2px;}
.pillar .boxcontent {
	display		:block;
	background	:#d7f5fd;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;
	margin		:0 5px;}

/* specialbox :flared serif */
.serif {
	background	:transparent;
	width		:40%;
	margin		:0 auto;}
.serif h2,
.serif p {
	margin		:0 10px;
	padding-bottom:0;}
div.debuter div.serif h2,
div.system div.serif h2,
div.web div.serif h2,
.serif h2 {
	font-size	:1.5em;
    background  :transparent;
	color		:#000;
	letter-spacing	:1px;}
.serif .top,
.serif .bottom {
	display		:block;
	background	:transparent;
	font-size	:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {
	display		:block;
	overflow	:hidden;}
.serif .b1, .serif .b2, .serif .b3 {
	height		:1px;}
.serif .b2, .serif .b3 {
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;}
.serif .b4 {
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;}
.serif .b1 {
	margin		:0;
	background	:#105D90;}
.serif .b2 {
	margin		:0 1px;
	border-width	:0 2px;}
.serif .b3 {
	margin		:0 3px;}
.serif .b4 {
	height		:2px;
	margin		:0 4px;}

.serif .boxcontent {
	display		:block;
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;
	margin		:0 5px;}

/* specialbox :Square cutout Borders*/
.square {
	background	:transparent;
	width		:40%;
	margin		:0 auto;}
.square p {
	margin		:0 10px;
	padding-bottom	:0.5em;
	font-family	:"times new roman",serif;}
.square .top, .square .bottom {
	display		:block;
	background	:transparent;
	font-size	:1px;}
.square .b1t {
	margin		:0 6px;
	display		:block;
	overflow	:hidden;
	height		:5px;
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;
	border-top	:1px solid #105D90;}
.square .b2 {
	display		:block;
	height		:1px;
	margin		:0;
	background	:#dcfad7;
	border-left	:7px solid #105D90;
	border-right	:7px solid #105D90;
	overflow	:hidden;}
.square .b1b {
	margin		:0 6px;
	display		:block;
	overflow	:hidden;
	height		:5px;
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;
	border-bottom	:1px solid #105D90;}

.square .boxcontent {
	display		:block;
	background	:#dcfad7;
	border-left	:1px solid #105D90;
	border-right	:1px solid #105D90;}
/*</group>*/

#main-col .boxcontent p.source {
	font-style	:italic;
	text-align	:right ;
	}
#main-col .boxcontent p:first-letter {
  font-size	:100%;
  font-weight:normal;
  color		:inherit;
  margin-right:0;
  }



body#forma {
  background	:#e3e3e4 url(imgs/bg_body_gris.gif) repeat-x;
}
body#web {
  background	:#e3e3e4 url(imgs/bg_body_sarki_blue.png) repeat-x;
}
#web #hdr {
  background	:#105D90 url(imgs/bg_header_bottom_left_blue.png) bottom left repeat-x;
  }
#web #hdr p {
  background:transparent url(imgs/bg_header_top_right_blue.png) no-repeat scroll right top;
  }
#web #hdr ul {
  background	:url(imgs/bg_header_bottom_right_blue.png) no-repeat bottom right;
  }
#hdr>img {
position:absolute;
left:-30px;
top:-15px;
}
#web #right-col {
  background: #273762 url(imgs/bg_col_blue.png) no-repeat;
  }
#web #right-col ul.last {
  background	:url(imgs/bg_bottom_right_blue.png) no-repeat bottom right;
  }
#web #right-col li.last {
  background	:url(imgs/bg_bottom_left_blue.png) no-repeat bottom left;
  }

#main-col .debuter h3 {
  border-left:1pt solid #77b34f;
  color	:#77b34f;
  }
#main-col .web h3 {
  border-left:1pt solid #105D90;
  color	:#105D90;
  }
#main-col .system h3 {
  border-left:1pt solid #000;
  color	:#000;
  }
#web #footer,
#web #footer a:link {
  background:transparent;
  color:#f8f8f8;
  }
#web #footer a:visited {
    color:gray;
}

/* =Themes
 * **************************** */

/* ==WEB colors */
.web .xb1,.web .xb2,.web .xb3,.web .xb4,
.web h2 {
    background:#105D90;
    color:#f8f8f8;
    border-color:#105D90; }
.web>.outerboxcontent,
.web .innerboxcontent {
    border-color:#105D90;
    color:#105D90; }
.web h2 a {
    color:#fff;}
.web h2 a:hover {
    color:#333;}
/* ==Debuter */
/* outerboxcontent & innerboxcontent border color + puces & texte */
.debuter>.outerboxcontent,
.debuter .innerboxcontent,
.vert>.outerboxcontent,
.vert .innerboxcontent {
    border-color:#77b34f;
    color:#77b34f;}
/* arrondi superieur et titre box */
.debuter .xb1,.debuter .xb2,.debuter .xb3,.debuter .xb4,
.debuter h2,
.vert .xb1,.vert .xb2,.vert .xb3,.vert .xb4,
.vert h2 {
    background:#77b34f;
    color:#fff;
    border-color:#77b34f; }

/* ==System */
    /*#system>b>.xb1,
    #system>b>.xb2,
    #system>b>.xb3,
    #system>b>.xb4,
    #system div.outerboxcontent>h2 {
        background:#000;
        color:#fff;
        border-color:#000; } */
.noir>.outerboxcontent,
.noir .innerboxcontent,
.system>.outerboxcontent,
.system .innerboxcontent {
    border-color:#000;
    color:#000;}
.system .xb1,.system .xb2,.system .xb3,.system .xb4,
.system div h2,
.noir .xb1,.noir .xb2,.noir .xb3,.noir .xb4,
.noir div h2 {
    background:#000;
    color:#fff;
    border-color:#000; }
/* ==Gray */
.gris>.outerboxcontent,
.gris .innerboxcontent {
    border-color:#666;
    color:gray;}
.gris .xb1,.gris .xb2,.gris .xb3,.gris .xb4,
.gris div h2 {
    background:#666;
    color:#fff;
    border-color:#666; }
.gris a {
    color:#fff;}
.gris a:hover {
    color:#333;}

.color_yw {background:#c9ba65; color:#fff;}     /*  yellow / white */
.color_yb {background:#d4d8bd; color:#000;}     /*  yellow / black */
.color_wgr {background:#fff; color:#77b34f;}    /*  white  / green */
.color_gb {background:#b2ab9b; color:#000;}     /*  gray   / black */
.color_wg {background:#fff; color:gray;}        /*  white  / gray */
.color_wbl {background:#fff; color:#105D90;}  /* white / blue LLISEIL */
.color_bbl {background:#000; color:#105D90;}  /* black / blue LLISEIL */
.color_f8b {background:#f8f8f8; color:#105D90;}
.color_wb {background:#fff; color:#000;}     /* white / black */
.color_bg {background:#000; color:#77b34f;}  /* black-green */
/* outerboxcontent border color */
.border_yw {border-color:#c9ba65; } /* ~yellow */
.border_yb {border-color:#d4d8bd;}  /* ~yellow */
.border_gb {border-color:#b2ab9b; } /* gray -> Marron gris */
.border_wbl {border-color:#fff; }    /* white */
.border_bbl {border-color:#000; }    /* black */
.border_f8b {border-color:#f8f8f8; }
.border_wb {border-color:#fff; }    /* white */
.border_bg {border-color:#000; }    /* black */


div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(imgs/loading.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(imgs/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
    background:#107DB5 url(style/imgs/bg_body_bluedark.png) repeat-x scroll 0 0 !important;
    color:#fff;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
}
div.wrapperImg div#nyroModalContent div:hover {
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(imgs/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(imgs/next.gif) right 20% no-repeat;
}