/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
*{ margin: 0px; padding: 0px; }*

body
{ 
  	background:#eee center top;
  	color: #dcdcdc;
  	font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, 		helvetica, sans-serif;line-height: 1.6em;
	margin:2em 1%;
	padding:0;
}

.thumbnail{
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}

.thumbcap{ font-size: 0.9em; padding-top: 0.2em ;	}

.imageOver{
	background:url(./images/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

/**Curly**/
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
left: 20px;
width: 500px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


/**Common**/
p
{
        text-align:justify;
	font-family:arial;
	font-size:0.9em;
}

img.Photo {
  background-color:#fafbfc;
  border:1px solid #b8b8b8;
  margin:0 0 10px 10px;
  padding:5px;
}

img {
	border-style: none;
}

img.pic_left{
	float: left;
	padding:5px;
	margin:0 8px 8px 8px;
	border:1px  #CCCCCC solid;
}

.col 
{
	margin-left:1%;
	display:block;
	list-style:none;
	color:Black;
	background-color:transparent;
}

.col ul{
	color:#000;
	background-color:transparent;
	margin:0 0 0 0.5em;
	padding:0 1em;
	border-left:1px solid #69c;
	list-style:none;
}

caption{
	margin:1em 0;
	color:#369;
	background-color:#a1c2e1;
	font-weight:700;
}


#abstract{
	background-color:#fff;
	background-image:none;
	border:1px dotted #69c;
	color:#333;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	padding:0 1em;
	display:block;
}

#abstract em{
	font-weight:700;
	font-style:normal;
	color:#690;
	background-color:transparent;
}

#abstract hr{
	display:block;
	clear:both;
	visibility:hidden;
}

#auteur{
	margin:1em 0 0 0;
	float:right;
	display:block;
}

#auteur ul{
	color:#000;
	background-color:transparent;
	margin:0 0 0 0.5em;
	padding:0 1em;
	border-left:1px solid #69c;
}

#auteur li{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:80%;
	border-bottom:1px dotted #69c;
	list-style:none;
	color:#369;
	background-color:transparent;
}

#auteur a{

	color:#369;
	background-color:transparent;
	display:inline;
	position: left;
}

#auteur li.dernier{
	border-bottom:0;
}

#auteur strong{
	background-color:transparent;
	color:#369;
}

/**Wrapper **/

#wrapper 
{
	width:900px;
	margin:5px auto;
	background:#ffffff;
}

#top,#footer,#main,#content,#container
{
	width:850px;
	margin:0px auto;
}
#top
{
	
	background:#fdfdfd url(images/cstrip.gif) repeat-x;
	height:74px;
}

.carousel
{
	width: 100%;
	height: 50%;
}

#Flag
{
	float:Left;
	padding-left:30px;
}

#Flag td
{
	border: 0px; 
}

/**Menu***/

#menu
{
	margin-left:350px;
}

#menu a:hover
{
	color:#ffffff;
}
#menu ul
{
	list-style:none;
}

#menu li
{
	display:inline;
}

#menu li a
{
	text-align:center;
	color:#9ab2be;
	float: left;
	height: 38px;
	margin-right: 1px;
	text-decoration: none;
	font-size: 1.1em;
	padding: 20px 20px 13px 20px;
}

#main
{
	background:#244458;
	height:250px;
}
#content
{
	
	height:185px;
    	background:url(images/cstrip.gif) repeat-x;	
}

#content  td
{
	border: 0px; 
}

#left,#right
{
	width:275px;
    	height:184px;padding-top:5px;
    	
}
#left
{
	float:left;
	
}
#right
{
	float:right;
	
}
#center
{
	margin:0px 275px 0px 275px;
	border-left:1px solid #4F4A4A;
	border-right:1px solid #4F4A4A;
	height:177px;
 	padding-top:5px;
}
#left h1,#right h1,#center h1
{
	font-size:1.5em;
	padding:10px 0 0 50px;
	font-family:arial;
}
#left p,#right p,#center p
{
	padding:10px 15px 0px 20px;
}
#left h2,#right h2,#center h2
{
	padding-left:170px;
	font-family:arial,verdana,sans-serif,tahoma;
	font-size:0.9em;
}
#left a,#right a,#center a
{
	color:#fff;
	text-decoration:none;
}
#container
{
	height:100%;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
	clear:both	
}
#lcontain
{
	float:left;
	margin-left:5px;
	height:100%;
	width:260px;
	margin-top:7px;
   	background:url(images/BG-L.png) repeat-x;
	background-color:#eeeeee;
	background-position: 0% 100%; 
}

#lcontain li{
	list-style:none;
  	list-style-position:inside;
	margin:2px;
	margin-left:35px;
	font-size:small;
}

#rcontain thead{
	background-color:#d6e1ec;
	color:#369;
}

#rcontain table{
	margin-left:auto;
	margin-right:auto;

}

#rcontain table,td{
	border-collapse:collapse;
	border:1px solid #a2c2e1;
	padding:0.1em;
	margin-top:auto;
	margin-bottom:auto;
}

#rcontain
{
	float:right;
	width:575px;
        height:100%;
	margin-right:5px;
        margin-top:7px;
   	background:url(images/BG-R.png) repeat-x;
	background-color:#ffffff;
	background-position: 0% 100%; 	

}
#rcontain  h1,#lcontain h1
{
	color:#2f2f2f;
	font-size:1.5em;
	font-family:arial;
	padding:15px 0px 0px 15px;
}

#rcontain  h2,#lcontain h2
{
	background-color:transparent;
	color:#369;
	font-size:medium;
	font-weight:600;
}

#rcontain  h3,#lcontain h3
{
	background-color:transparent;
	color:#2f2f2f;
	font-weight:700;
	font-size:small;
	border-bottom:1px dotted #a1c2e1;
}

#rcontain p
{
	color:#2f2f2f;
	padding:10px 10px 0 15px;
}


#rcontain a 
{
	color:#369;
	background-color:transparent;
	text-decoration:none;
}
 
#rcontain a:hover{
	color:#9ab2be;
	background-color:transparent;
	text-decoration:none;
}

#lcontain p,#lcontain h2
{
	color:#2f2f2f;
	padding-left:15px;
}
#lcontain h2
{
	font-size:1.1em;
	font-family:arial;
}
#lcontain a 
{
	color:#369;
	background-color:transparent;
	text-decoration:none;
}

#lcontain a:hover{
	color:#9ab2be;
	background-color:transparent;
	text-decoration:none;
}

#lcontain td
{
	border: 0px; 
}


/**footer ***/
#footer {
	background: #2e2e2e url(images/fstrip1.gif) repeat-x;
	margin: 0 auto;
	text-align: center;
	clear:both;
	height:30px;
}
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #9ab2be;
	text-decoration: underline;
}
/* the main layout */


/***** Global Classes *****/
.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}

/* Form styles */
#contentForm {
	 margin: 10px;
	 padding: 5px;
	 background-color: #FFF;
}
#contentForm p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;           
	height: 1%;
	color: #666666;
}

/* and now the form itself */
label {
	display: block;
	float: left;
	clear: left;
	margin: 5px 0 10px 0;
	width: 250px;
	line-height: 120%;
	color: #666666;
}

input, textarea, select {
	padding: 2px;
	font-size: 1em;
	color: #666666;
	background: #F5F5F5;
	border: 1px solid #ccc;
	float: left;
	display: block;
	margin: 5px 0 10px 0;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #acffac;
	background-color: #defdde;
}
#contentForm fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
#contentForm fieldset div { padding: 0.25em 0; }
#contentForm legend { font-weight: bold; color: #666; }
 

#contentForm small {color: #999; font-size: 0.85em;}

input[type="submit"]
{
	border: #DDD 1px solid;
	background-color: #d9d9d9;
	width: 27%;
}

input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

span.required{
  	font-size: 13px !important;
  	color: red !important;
}

.fright {
	display: block;
	float: left;
}

.fright label {
	width: 500px;
	line-height: 160%;
	margin: 0 !important;
}

.fright input {
	margin-right: 5px !important;
}

.errormsg {
  	display: block;
  	width: 90%;
  	height: 22px;
  	line-height: 22px;
  	color: #FFFFFF;
  	font-weight: bold;
  	background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  	padding: 3px 10px 3px 40px;
  	margin: 10px 0;
  	border-top: 2px solid #FF0000;
  	border-bottom: 2px solid #FF0000;
}

.msgSent {
  	font-size: 20px;
  	text-align: center;
}

/* Excel Documents links */
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(./images/file_excel.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}
 
/* Word Document Links */
a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(./images/file_word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}
 
/* mailto: links */
a[href^="mailto:"] {
background:transparent url(./images/mailto.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

/*
	Sitemap Styler 	 
*/

#stylcontent{margin:0 20px;}
#stylcontent p{	
	margin:0 auto;
	width:570px;
	padding:1em 0;
}


#sitemap, #sitemap ul, #sitemap li{
	overflow: hidden;
	margin:0;
	padding:0px;
	list-style:none;

}
#sitemap{}
#sitemap ul{display:none;}
#sitemap li{
	line-height:100%;
	margin-top:1px;
	background:#eeeeee;
	position:relative;

}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li {padding-left:20px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}