/*
Main.css
*/

@import "css/color8.css";

h1,h2,h3,h4,h5,h6

{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  font-size: 18px;

}
div,p,table,form,ul,a
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  font-size: 11px;

}
p,div,table,form,ul
{
  font-size: 11px;

}

h2 
{
  margin: 1em 0em 2em 0em;
}

h4.colorheader4
{
  margin-bottom: 25px;
}

.colorheader
{
  text-align: left;
}

/* begin of links */

/* Links div */

a
{
  color: #3366FF;
  text-decoration: underline;

}

a:hover
{
  color: #3366FF;
  text-decoration: underline;

}


.links a:link
{
  color: #3366FF;
  text-decoration: underline;

}
.links a:visited
{
  color: #3366FF;
  text-decoration: none;
}
.links a:hover
{
  color: #3366FF;
  text-decoration: underline;

}
.links a:active
{
  color: #3366FF;
  text-decoration: none;
}
/* end of links */


p
{
  margin: 1em 0em 1em 0em;
}

img
{
  border: none;
  margin: 0em;
}

.articleContent
{
/*  text-align:justify;*/
  margin: 2em 1em 1em 1em;
}

.art_list_top
{
  height: 25px;
  color: white;
  font-weight:bold;
}



.art_list_middle
{
  height: 25px;
}

.sideheader
{
  color:#0066CC;
  font-weight: bold;
  font-size: 10px;
  text-align: left;
  padding: 2px;
}
.sideheader_menu
{
  color:#0066CC;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 1px;
}
.semaine
{
  color:#0066CC;
  font-size: 7pt;
  text-align: justify;
  line-height: 18px;
}


.rightbanner
{
  color:#FFFFFF;
  text-align: center;
}

ul
{
  margin: 1em 1em 1em 2em;
}


.contenttable
{
  margin: 1em 1em 1em 2em;
  text-align: justify;
}

/*frontpagestyle*/
h5
{
  color: #A53C81;
  font-size: 11px;
  margin: 1em 1em 1em 0em;
}

.prenom
{
  color: #A53C81;
  font-size: 11px;
  margin: 1em 1em 1em 0em;
  font-weight: bold;
}

.articlelist
{
  margin: 1em 0em 3em 0.8em;
}
.articlelist li.images
{
  list-style-type: none;
}
.articlelist li
{
  margin: 2em 0em 1em 1em;
}
.articlename
{
  font-size: 16px;
  font-weight: bold;
}

.description
{
  font-size: 9px;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.smalllink a:link
{
  font-size: 9px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllink a:visited
{
  font-size: 9px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllink a:hover
{
  font-size: 9px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllink a:active
{
  font-size: 9px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}

.smalllinkannuaire1 a:link
{
  font-size: 10px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllinkannuaire1 a:visited
{
  font-size: 10px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllinkannuaire1 a:hover
{
  font-size: 10px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.smalllinkannuaire1 a:active
{
  font-size: 10px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  font-weight:bold;
}
.linkgrandsbleus
{
  font-size: 13px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#3366FF;
  font-weight:bold;
}
.smalllinkannuaire2
{
  font-size: 9px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#a53c81;
  

}
.centerize
{
  text-align: center;
}

.margin
{
  margin: 2em;
}

/*end of frontpagestyle*/

/*--------------------DIVIDERS-------------------*/
.header
{
  text-align: center;
  font-weight: bold;
}

.maintable
{
  margin: 0px;
  padding: 0px;
}

.toprow
{
}

.bottomrow
{

}


.left
{
  width: 15%;
  vertical-align: top;
}

.center
{
  width: 70%;
}

.right 
{
  vertical-align: top;
  width: 13%;
  padding-left: 2%;
}

.maincontent
{
  background-color: white; 
  margin: 0px 20px 0px 20px;
  padding: 10px;
}

.bottom
{
  text-align: center;
  color: white;
  font-weight: bold;
}

/*-----------------END OF DIVIDERS-------------------*/



/* 
 This is for printing the article.  
*/
@media print {
 .toprow,.left,.right,form,a,.vote,.path,.links,.bottom
 {
   visibility: hidden;
 }
 .articleContent
 {
   visibility: visible; 
   position: absolute;
   left: 0%;
   top: 0%;
   width: 100%;
 }
}
/* print settings end */




.guestbook
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-top: 30px;
}

.white
{
  color: white;
}
.white_cal
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 6pt;
  color: white;
}

/* This is for comments */
.content
{
  color: #FFFFFF;
}
/* This is comment header */
.commentheader 
{
  font-weight: bold;
}
.commentlink
{
  color:#FFFFFF;
  font-size: 9px;
}
.linkgallerie
{
  color:#FFFFFF;
  font-size: 14px;
  font-weight:bold;
}
/*
.commentlink:hover
{
  color:#FFFF00;
}
*/


/* end of comments */


span.label
{
  color: white;
  font-size: 11px;
}

.right label
{
  color: white;
}


/* This is for the category page*/
.articlelinklist li
{
  margin: 0.5em 0em 0.5em 0em; 

}


/* end of category page */
.emptylink 
{
  cursor: hand;
}

.error
{
  color:#FF0000; 
  border: 2px solid #33CCFF;
  font-weight: bold;
  padding: 5px;
  margin: 2em 1em 2em 1em;
  
}


.inputright
{
  width: 100px;
  background-color: #ffffff;
  border: 1px solid ;
  color: #853b5c;
  font-family: verdana;
  font-size: 7.5pt;

  
  
  
}

.smallit
{
  font-size: 9px;
  font-style:italic;
}

.small
{
  font-size: 9px;
}

.contact
{
  margin: 5em 0em 2em 0em;
}

/* ----------------------------------------------------- */
/*navbar settigns*/


/*From hammam-enssa css*/
a.info:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #0066cc;
  text-decoration: none;
  

}
a.info:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #0066cc;
  text-decoration: none;
  
}
a.info:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
}
a.info:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #DF8702;
  text-decoration: none;
}


a.vmenu_sr:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  

}
a.vmenu_sr:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  
}
a.vmenu_sr:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
a.vmenu_sr:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #DCB9CE;
  text-decoration: none;
}

a.content:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0066CC;
  text-decoration: underline;
}
a.content:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0066CC;
  text-decoration: underline;
}
a.content:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0066CC;
  text-decoration: underline;
}
a.content:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0066CC;
  text-decoration: none;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0 20px 20px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */
/************** .feature styles ***************/

.page {
	
	background:#fcebe9; 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000066;
 FONT-SIZE: 8pt;
  font-weight: bold;
	
	
}
.Style12 {color: #0066CC}
.Style20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #003399}
.Style50 {color: #006633}
.Style59 {	font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399;
	font-size: 10px;
}
            hr { 
                border:none; /* desactiver tous les contours */ 
                border-top:1px dotted #cccccc; /* activer le contour du haut */ 
				
            } 
.Style61 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; }
.Style62 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.Style666 {
	color: #0066CC;
	font-size: 14px;
	font-weight: bold;
}
.Style68 {color: #FF9900; font-size: 18px; font-weight: bold; }
.Style70 {color: #009999; font-size: 18px; font-weight: bold; }
.Style72 {color: #CC3399; font-size: 18px; font-weight: bold; }
.Style74 {color: #990000; font-size: 18px; font-weight: bold; }
.Style76 {color: #666666; font-size: 18px; font-weight: bold; }
.Style77 {
	color: #CAFFFF;
	font-size: 24px;
}
.Style80 {font-size: 10px; font-weight: bold; color: #666666; text-decoration:none; }
.Style81 {
	color: #CCCCCC;
	font-size: 14px;
}
.Style82 {font-size: 18px}