/* css Zen Garden submission 175 - 'Business Style', by Gunta Klavina, http://www.klavina.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Gunta Klavina */
/* Added: July 9th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
   designer's written permission. However, feel free to study the CSS and use
   techniques you learn from it elsewhere. */


/*
*************************
** Styles tds
*/
.red-right-aligned
	{
	color:red;
	text-align: right;
	}
p.paragraph-red-right-aligned
	{
	color:red;
	text-align: right;
	}

/*
*************************
*/

#choose_lang span{
 	text-align: left;
	font-size: 1.17em;
	font-weight: bold;
	margin-left: 40px;
}

#choose_lang{
	text-align: left;
}

#lang_FR
	{
	display : block;
	}

#lang_EN
	{
	display : none;
	}

body
    {
    font: 13px "Trebuchet MS", "Lucida Sans Unicode", "Arial, sans-serif";
	/*font: 13px Tahoma;*/
	color: #666666;
	background-color: #626262;
	margin: 0px;
	padding: 0px;
	text-align: center;
    }
.php_balise
	{
	color:#0000FF;
	}
.php_commande
	{
	color:#00FF00;
	}
.php_string
	{
	color:#FF0000;
	}
a.menu, a.menu:hover
    {
    color: #666666;
    text-decoration:none;
    /*cursor:default;*/
    }
a
    {
    color: #F65819;
    }
a:hover
    {
    /*color: #307082;*/
	color:#ACC334;
    }
a.off, a.off:hover
	{
	color:#999999;
	text-decoration:none;
	/*cursor:default;*/
	}

a[hreflang|="en"]:after
	{
	content:"\0000a0"url("pics/linken.gif");
	}
a[hreflang|="fr"]:after
	{
	content:"\0000a0"url("pics/linkfr.gif");
	}
/*
a[hreflang]
	{
	content: normal !important;
	}
*/
acronym
    {
	border-top: thin none;
	border-right: thin none;
	border-bottom: thin dotted;
	border-left: thin none;
	cursor:help;
    }
ins
	{
	text-decoration:none;
	}
pre.code
	{
	color:#FFFFFF;
	font-size: 12px;
	border: thin solid #666666;
	display:block;
	background-color: #999999;
	padding: 5px;
	width:445px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}
li pre.code
	{
	width:auto;
	}
ol.questions, ul.questions
	{
	margin-top:0px;
	}
samp.exemple
	{
	font-size:inherit;
	font-size: 12px;
	}
.exemple
	{
	list-style-type: none;
	margin-left:10px;
	list-style-image: none;
	margin-top:0px;
	font-size:12px;
	}
h3#princess_peach img
	{
	float:right;
	margin:0px 40px 0px 40px;
	vertical-align: top;
	}
div.cc
	{
	text-align:left;
	height:64px;
	margin-bottom:15px;
	}
div.cc img
	{
	float:left;
	margin:0px 10px 0px 0px;
	}
em, .person, code
	{
	color:#A3B731;
	font-family: inherit;
	font-style: italic;
	}
pre em
	{
	color:#FFCC00;
	}
div.sample
	{
	border-top: thin dotted;
	border-right: thin dotted;
	border-bottom: thin dotted;
	border-left: thin dotted;
	padding: 10px;
	width:445px;
	}
li div.sample
	{
	width:auto;
	}
div.sample div.button
	{
	background:#FFFFFF;
	color:#000000;
	border: thin solid black;
	}
div.sample div.button:hover
	{
	background:#000000;
	color:#FFFFFF;
	border: thin solid white;
	}
div.sample .hover_example:hover span
	{
	color:red;
	}
/*
#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #lselect h3.select
    {
    display:none;
    }
*/


#container
    {
	margin: 0 auto;
	width: 724px;
	position: relative;
	background: #fff url(pics/background_side.gif) repeat-y;
	padding: 0 43px;
	text-align: left;
	min-height:900px;
    }
* html #container
    {
    w\idth: 724px;
    }

#pageHeader
    {
    position: absolute;
    top: 7px;
    left: 45px;
    }
h1
    {
    /*background:  url("pics/logo.gif");*/
    width: 156px;
    height: 25px;
    overflow: hidden;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 12px;
    margin: 0;
    }

#quickSummary
    {
    padding-top: 55px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 32px;
    right: 47px;
    margin: 0;
    }

#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 171px;
    background:  url("pics/background.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% "Trebuchet MS";
    }
#container #intro #quickSummary .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% "Trebuchet MS";
    }

#container #intro #quickSummary a
	{
	text-decoration: none;
	cursor:pointer;
	}

#cv_contact
    {
	margin: 0 0px 0 130px;
	width: 370px;
    }
    
#cv_photo {
position: absolute;
top: 237px;
left: 253px;
height: 150px;
} 
 
div.publi{
	width: 490px;
} 
 
div.publi img.img_publi{
	float:left;
	margin: 5px 5px 5px 5px;	
	height: 120px;	
} 
 
div.txt_publi{
	padding-left: 115px; 
	height: 120px;
	width: 400px;
} 
 
div.txt_publi img{ 
	height: 30px;
} 
 
img.mini_img{ 
	height: 30px;
}

img.flag{ 
	height: 15px;
}
 
img.blank5{ 
	width: 5px;
}

#preamble, #supportingText
    {
	margin: 0 0px 0 223px;
	width: 490px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }

#supportingText #explanation h3 a
    {
	text-decoration:none;
	color: #666666;
	cursor: default;
	}

#preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3
    {
    width: auto;
    height: 24px;
    margin: 40px 0 10px 0;
    }

/*
#preamble h3
    {
    background: url("heading01.gif") no-repeat;
    }
#explanation h3
    {
    background: url("heading02.gif") no-repeat;
    }
#participation h3
    {
    background: url("heading03.gif") no-repeat;
    }
#benefits h3
    {
    background: url("heading04.gif") no-repeat;
    }
#requirements h3
    {
    background: url("heading05.gif") no-repeat;
    }
*/
#requirements
    {
    margin-bottom: 40px;
    }

#linkList
    {
    position: absolute;
    top: 237px;
    left: 43px;
    width: 210px;
    }
#lselect ul, #larchives ul, #lresources ul,#cours_html ul, #unix ul, #cours_si ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    display : none;
    }
#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
 #larchives ul li,  #cours_html ul li,  #unix ul li,  #cours_si ul li, #lresources ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
 
#lselect h3.select
    {
    /*background: url("archives.gif") no-repeat;*/
    width: auto;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#lresources h3.resources, #unix h3.resources, #okn h3.resources, #okn_en h3.resources
    {
    /*background: url("resources.gif") no-repeat;*/
    width: auto;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#larchives h3.archives,#cours_html h3.cours, #cours_si h3.cours
    {
    /*background: url("archives.gif") no-repeat;*/
    width: auto;
    height: 15px;
    margin: 30px 0 5px 40px;
}
#publi_fr h3.resources, #cv_fr h3.resources, #publi_en h3.resources, #cv_en h3.resources
    {
    /*background: url("resources.gif") no-repeat;*/
    width: auto;
    height: 15px;
    margin: 30px 0 5px 40px;
}

h3.cours, h3.resources{
    cursor:pointer;
}

#footer
    {
    background:  url("pics/footer.gif") no-repeat;
    color: #fff;
    height: 90px;
    text-align: right;
    padding: 14px 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #FFFFFF;
    text-decoration: none;
    }
#footer a:hover
  {
  text-decoration: underline;
  }
#footer .date
  {
  display:block;
  color:#666666;
  }

.matrix
  {
  margin: auto;
  border-collapse : collapse;
  }

.matrix td
  {
   width  : 20px;
   padding: 7px;
   text-align: center;
  }

/*matrix left*/
.matrix td.ml
  {
  border-left: 2px solid black;
  }

/*matrix middle*/
.matrix td.mm
  {
  width  : 50px;
  }

/*matrix right*/
.matrix td.mr
  {
  border-right: 2px solid black;
  }

ul, p, li
  {
  text-align: justify;
  }