BODY
{
  font-family      : Arial, sans-serif;
  margin           : 0px 0px 0px 0px;
  font-size        : 12px;
  color            : #000000;
  background       : #F9F9F9;/*gris clair*/
  background       : #FFFFFF;
}

td,tr,p,div,form
{
  font-family      : Arial, sans-serif;
  font-size        : 12px;
  color            : #000000;
  margin           : 0px 0px 0px 0px;
  /*padding : 0px;*/
}

fieldset{
	margin:0px;
	padding:2px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px;
	border:1px solid #AAAAAA;
}

p {
	padding:0px;
	text-indent:10px;
	text-align:justify;
	margin-bottom : 3px;
}

.para {
	padding:0px;
	text-indent:0px;
	text-align:justify;
	margin-bottom : 0px;
}

blockquote{
	margin:0px 0px 0px 20px;
}

ul
{
margin:0px 0px 0px 0px;
padding-left:10px;
margin-left:0px;
}

li
/*{
list-style: none;
background-image: url(puce_b.gif) ;
background-repeat: no-repeat;
background-position: 4px 4px;
}

*/

li
{
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.fleche li{
	padding-left: 20px;
	padding-top: 2px;
	list-style: none;
	background-image: url(arrow.gif) ;
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

.puce li{
	padding-left: 15px;
	padding-top: 2px;
	list-style: none;
	background-image: url(puce_b.gif) ;
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

strong{
	color :#669900;
	font-weight: bold;
}

.strong{
	color :#CC33CC;
	font-weight: bold;
}


h1{
	font-family : arial;
	font-size        : 14px;
	color            : #669900;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
}

h2{
	font-size        : 13px;
	color            : #669900;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 0px;
	font-weight:bold;
}

h3{
	font-size        : 12px;
	color            : #669900;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 20px;
	margin-right: 0px;
	font-style:italic;
}

h4{
	font-size        : 12px;
	color            : black;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 0px;
	text-decoration:underline;
}

hr
 {
  background       : #C0C0C0;
  height           : 1px;
}

.hr_center
 {
	width:25%;
}

.hr_gauche
 {
	margin-top:5px;
	position:absolute;
	posLeft:0px;
	width:60%;
}


pre{
	margin:0px 0px 0px 0xp;
	padding:0px 0px 0px 0px;
}

/* # LINKURI # */


a:link, a:visited
 {
  color            : #FF3333;
  text-decoration  : none;
}

a:link, a:visited
 {
  color            : #FF3333;
  text-decoration  : underline;
  /*font-weight:bold;*/
}

a:hover
{
  color            : #FF0000;
     text-decoration  : none;
}

.corps
 {
 margin:0px;
 padding:0px;
padding-bottom:15px;
margin-top:0px;
background-color : #F5F5F6;/*gris leger*/
background-color : #EFEFFF;/*bleu leger*/
background-color : #EFEEF7;/*sorte de bleu leger*/
border:solid 1px #669900;
border-top:0px;
}

/* # MENU PRINCIPAL # */

.mainlevel
{

  }

a.mainlevel:link, a.mainlevel:visited
 {

	display: block;
	background: url(../images/fundalmeniu.jpg) no-repeat;
	vertical-align: middle;
	font-size: 11pt;
	font-weight: bold;
	color: #7492AB;
	text-align: left;
	padding-top: 1px;
	padding-left: 18px;
	height: 24px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover
 {
	background-position: 0px -25px;
	text-decoration: none;
	color: #999999;
}



/* # MODULE # */
table.moduletable
{
  width            : 100%;
  margin-bottom    : 5px;
}



table.moduletable th
 {
	background: url(./images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11pt;
	text-transform: uppercase;
}


/* # FORMULAR # */
.formu{
border    : 1px solid #669900;
margin : 2px;
padding : 4px 4px 4px 4px;
background : #C7FE5F;
background : #C8FF60;
background : #CCFF99;
border-radius: 8px 8px;
-moz-border-radius: 8px;
}

/* # FORMULAR # */
.formu2{
border    : 1px solid #696969;
margin : 2px;
padding : 4px 4px 4px 4px;
background : #C7FE5F;
background : #C8FF60;
background : lightblue;
border-radius: 8px 8px;
-moz-border-radius: 8px;
}

.recap2{
	font-weight:bold;
	color : #696969;
}

.formulaire{
border    : 1px solid #99CC33;
margin : 2px;
padding : 4px 4px 4px 4px;
background : #C7FE5F;
background : #C8FF60;
background : #CCFF99;
border-radius: 8px 8px;
-moz-border-radius: 8px;
}

.input
 {
  font-family: Verdana, Arial, sans-serif;
  font-size        : 12px;
  background       : #FFFFFF;
  border           : 1px solid #6BBA03;
  margin:1px;
  padding : 1px;
  padding-top : 1px;
  //padding-top : 2px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}


.input2
 {
  font-family: Verdana, Arial, sans-serif;
  font-size        : 12px;
  background       : #FFFFFF;
  border           : 1px solid #696969;
  margin : 2px;
  padding : 1px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

.textarea
 {
  font-family: Verdana, Arial, sans-serif;
  font-size        : 12px;
  background       : #FFFFFF;
  border           : 1px solid #6BBA03;
  margin : 2px;
  padding : 1px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}


.button
 {
  font-family: Verdana, Arial, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  color            : #669900;
  background       : #FFFFFF;
  border           : 1px solid #669900;
  margin : 2px;
  padding-left:4px;
  padding-right:4px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

.button2
 {
  font-family: Verdana, Arial, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  color            : #696969;
  background       : #FFFFFF;
  border           : 1px solid #696969;
  margin : 2px;
  padding-left:4px;
  padding-right:4px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

.button:hover
 {
  background : #FFFFCC;
}

.select{
  font-family: Verdana, Arial, sans-serif;
  font-size    : 11px;
  margin : 1px;
  padding : 0px;
  border: 1px solid #669900;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

.select2{
  font-family: Verdana, Arial, sans-serif;
  font-size    : 11px;
  margin : 1px;
  padding : 0px;
  border: 1px solid #696969;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

.error
{
	color:black;
	font-weight:  bold;
	/*border : solid 1px gray;*/
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align:center;
	/*background-color:#FF9999;*/
	/*background-color:#ECECEC;*/
	padding:1px;
	padding-left:2px;
	padding-right:2px;
}

.mess
{
	color:#000;
	font-weight:  bold;
	/*border : solid 1px #0033CC;*/
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	text-align:center;
	/*background-color:#BBDBF9;*/
	padding:2px;
}

small
{
font-family: Arial;
  font-size        : 11px;
  color            : #777777;
}

.small
{
font-family: Arial;
  font-size        : 11px;
  color            : black;
}

small a
{
	color:#FF3333;
	text-decoration:none;
}
small a:hover
{
	text-decoration:underline;
	color:#FF9999;
}

.footer{
font-family: Verdana;
  font-size        : 9px;
  color            : #5BAA00;
}

a img {
	border:0px;
}

#menutitle {
	border-bottom-color: #000000;
	background-color: #dd4488;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height: 16px;
	padding-top: 3px;
	font-weight: 700;
}

#menujs {
	float: left;
}

/* la du logo */
.logo {
	width:220px;
	padding-top:5px;
	padding-bottom:4px;
}

.titre_site H1{
	margin:0px;
	position: relative;
	top : +10px;
	left : +150px;
    font-family: Comic sans MS, Arial;
	font-size        : 22px;
	color            : #0192C3; /*vert bleu*/
	color : white;
	width:790px;
	padding:4px;
	text-align:center;

}



.titre_site_interco H1{
	margin:0px;
	position: relative;
	top : +10px;
	//top : +8px;
	left : +140px;
    font-family: Comic sans MS, Arial;
	font-size        : 19px;
	color            : #0192C3; /*vert bleu*/
	color : white;
	line-height:5.5mm;
	width:790px;
	padding:0px;
	text-align:center;
	font-weight:500;
}


.header{
	margin-bottom:10px;
	/*background: lightblue;*/
	/*background: #C7FE5F;*//*vert clair*/
/*	background: #669ACA;*/
	/*clear:left;*/
	border-bottom: 1px solid #669900;
}

.recap{
	font-weight:bold;
	color : #669900;
}


.banniere{
padding:0px;
margin:5px;
position: relative;
top : +3px;
//top : +7px;
left : +245px;
width: 468px;
}

.banniere img{
border: 1px solid #000;
}

/* contient toutes les applis*/
.conteneur {
	position: absolute;
	top: 73px;
	left: 0px;
	border-right-color: #000000;
	background-color: #ff5599;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	width: 180px;
}
/*conteneur pour les evenement*/
#conteneurEve {
	position: absolute;
	top: 73px;
	left: 0px;
	border-right-color: #000000;
	background-color: #ff5599;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	width: 180px;
}


.edito {
    /*background-color: blueligth;*/
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 4px;
	border : 1px inset ;
	/*8BCA23 original*/
	border-radius: 8px 8px;
	-moz-border-radius: 8px;
}

.titre{
font-family: Comic sans MS, Arial;
font-size: 14px;
color : white;
margin: 0px;
padding-left: 4px;
padding-bottom: 1px;
padding-top: 1px;
padding-right: 4px;
background :#99CC33;
font-weight:bold;
border-right : 1px solid #669900; /*vert foncé*/
border-top : 1px solid #669900; /*vert foncé*/
border-bottom : 0px solid #336600; /*vert foncé*/
border-left : 1px solid #669900; /*vert foncé*/
	width:100%;
	
	border-radius: 8px 8px;
	-moz-border-radius: 8px;
	
}

/* une boite */

.boite_arrondi{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
}

.boite_arrondi small{
	font-size:10px;
	color:black;
}

.boite_arrondi legend{
	font-family: Comic sans MS, Arial;
	font-weight:bold;
		font-size: 14px;
	color : #669900;
}


.boite_fieldset{
	margin: 0px;
	padding: 4px;
	border : 1px solid #6633CC; /*vert foncé*/
	border : 1px solid #669900; /*vert foncé*/
	width:185px;
	//width:200px;
}
.boite_fieldset legend{
	font-family: Comic sans MS, Arial;
	font-weight:bold;
		font-size: 14px;
	color : #669900;
}

.titre_boite{
	font-family: Comic sans MS, Arial;
	font-weight:bold;
	font-size: 14px;
	color : #669900;
	margin-bottom: 4px;
}

.boite {
 	/*background-color: #ABFA43; /*vert clair foncé + */*/
	/*background-color: #B1FF48;*//* vert clair foncé -*/
	/*background-color:#C7FE5F;*//* vert clair*/
	/*background-color: #CCFF99; /*vert clair foncé + */*/
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:0px;
	/*padding: 4px;*/
	/*border : 1px solid #669900; /*vert foncé*/*/
	width:220px;
	//width:200px;
 	/*8BCA23 original*/
	/*background-color: #F5F5F6; /*vert clair foncé + */
}


.boite_ephem {
 	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;
	width:190px;
	//width:200px;
}

.boite_milieu small{
	font-size:11px;
	color:grey;
}


.boite_milieu {
	margin:0px;
	background-color: #FAFAFF; /*gris clair*/
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 4px;
	border : 1px solid #669900;
	width:100%;
	/*8BCA23 original*/
	border-radius: 8px 8px;
	-moz-border-radius: 8px;
}


.boite_milieu H1{
    background-color:#FFE8E8;
    margin:3px;
    padding-top:2px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:2px;
    border-radius: 6px 6px;
	-moz-border-radius: 6px;
    
}

.boite_droite {
 	/*background-color: #ABFA43; /*vert clair foncé + */*/
	/*background-color: #B1FF48;*//* vert clair foncé -*/
	/*background-color:#C7FE5F;*//* vert clair*/
	/*background-color: #CCFF99; /*vert clair foncé + */*/
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:0px;
	/*padding: 4px;*/
	/*border : 1px dashed gray; /*vert foncé*/
	width:160px;
	//width:170px;
	/*8BCA23 original*/
	/*background-color: #EFEFEF;*/
}
.info_text{
	padding-left:0px;
	margin-bottom:5px;
}

.info_text p{
	font-family :verdana,arial;
	font-size:10px;
	text-align:center;
}

.info{
    border:0px dashed gray;
	padding:2px;
	margin-top:0px;
	margin-bottom:0px;
}

.info a{
	text-decoration:none;
}
.info a:visited{
	text-decoration:none;
}
.info a:hover{
	text-decoration:underline;
}
.info p{
	font-family :verdana,arial;
	font-size:10px;
	text-indent:0px;
	text-align:center;
}


#title {
	float:left;
	/*background-color: #bb99dd;
	width: 170px;
	text-align: center;*/
	font-size : 36px;
	font-weight: 700;
}


.titre_module {
	font-family:Comic sans MS, verdana, Arial;
	font-size : 18px;
	font-weight: 550;
 	color: #669900;
 	padding-left:100px;
 	padding-top:22px;
	height:46px;
	//height:66px;
	margin-bottom:10px;
}



.titre_module h1{
	font-family:Comic sans MS, verdana, Arial;
	font-size : 18px;
	font-weight: normal;
//	font-weight: 550;
 	color: #669900;
 	margin:0px;
}


.soustitre_crea{
border-bottom:solid 0px #669900;
color:#669900;
text-align:left;
margin-left:px;
margin-top:10px;
margin-bottom:5px;
padding:2px;
text-align:center;
font-size:14px;
font-weight:bold;
}

.soustitre{
padding:0px;
font-family : arial;
font-size        : 14px;
color            : #669900;
margin-top: 0px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
font-weight:bold;
text-align:center;
}

.soustitre2{
padding:0px;
font-family : arial;
font-size        : 14px;
color            : #669900;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 55px;
margin-right: 0px;
font-weight:bold;
}


/****************** BULLE ****************************/
/*******************************************************/
#bulle{
	border:0px solid #669900;
	background-color:#FF0000;
 padding:0px;
 	color:#336600;
}

#bulle small{
	color:#336600;
}

/***************************TABLEAU**********************/
/*********************************************************/

.titre{
font-family: Comic sans MS, Arial;
font-size: 14px;
color : white;
margin: 0px;
padding-left: 4px;
padding-bottom: 1px;
padding-top: 1px;
padding-right: 4px;
background :#99CC33;
font-weight:bold;
}

.tableau{
	border:solid 1px #669900;
	  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}
.entete{
	border-bottom:solid 1px #669900;
	background-color:#99CC33;
	color:white;
	font-weight:bold;
}
.grisclair{
background-color:#F0F0F0;
}
.gristresclair{
background-color:#FEFEFE;
}


.envaleur{
	background-color:lightblue;
}


/****************************menu haut*************************/
/************************************************************/

a.menu_haut{
text-decoration:none;
color:black;
font-weight:bold;
}

a.menu_haut:link, a.menu_haut:visited{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

a.menu_haut:hover {
text-decoration: none;
color:white;
}

a.menu_haut:hover {
text-decoration: none;
color:white;
}


/****************************menu top*************************/
/************************************************************/

.boite_menu_top{
margin-top: 0px;
margin-bottom: 15px;
margin-right: 0px;
margin-left: 0px;
text-align:center;
}

.boite_menu_top a{
text-decoration:none;
color:#669900;
font-weight:bold;
}

#menu_top {
padding-top: 1pt;
padding-left: 3pt;
padding-right: 3pt;
padding-bottom: 1pt;
text-decoration: none;
border: solid 1px #669900;
color: #669900;
background-color:white;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

#menu_top_active {
padding-top: 1pt;
padding-left: 3pt;
padding-right: 3pt;
padding-bottom: 1pt;
text-decoration: none;
border: solid 1px #669900;
color: white;
BACKGROUND-COLOR: #99CC33;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
}

#menu_top:hover {
text-decoration: none;
border: solid 1px #669900;
color:white;
BACKGROUND-COLOR: #99CC33;
}


.pub{
	margin-top:3px;
	text-align:center;
}


/*******************************************************/
/****************** LE MENU ****************************/
/*******************************************************/

.asterisque{
	color:#336600;
 font-size:17px;
}

.boite_menu {
	/*cursor: pointer;*/
}

.nom_menu{

}

.titre_menu{
	margin:0px 0px 0px 0px;
	margin-top:3px;
 	font-family:Arial;
	font-size:14px;
	color:#669900;
	font-weight:bold;
	height:27px;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:0px;
	//height:37px;
}

.titre_menu a{
	color:#669900;
	text-decoration:none;
}
.titre_menu a:visited{
	color:#669900;
	text-decoration:none;
}
.titre_menu a:hover{
	color:#99CC33;
}

.soustitre_menu{
	padding-left:15px;
}

.menu {
	cursor: pointer;
	border-width: 2px;
	border-style: solid;
	display: inline;
	margin-right: 10px;
	color:#fff;
	border-color: #dd4488;
}

.menu:hover, .menu:focus {
	border-width: 2px;
	border-style: solid;
	border-color: #eee;
	color:#000;
	background-color: #fff;
}

.ssmenu {
	cursor: pointer;
	background-image: url("/images/pix.png"); # transparent pour moz
	background-repeat: repeat;
	Filter: Alpha(Opacity=80); # transparent pour IE
	color:#fff;
}

.ssmenu a {
	text-decoration:none;
	color: inherit;
}

.ssmenu li {
	list-style-type:none;
}

.ssmenu div {
	color:#fff;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.ssmenu div:hover {
	background-color:#fff;
	color: #000;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}




/* set the image to use and establish the lower-right position */
 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(YourImageHere.png) no-repeat bottom right; }
  .cssbox { width: 335px !important;
   /* intended total box width - padding-right(next) */
   width: 320px;
    /* IE Win = width - padding */
	padding-right: 15px;
	/* the gap on the right edge of the image (not content padding) */
	margin: 20px auto;
	/* use to position the box */
}
/* set the top-right image */
.cssbox_head { background-position: top right; margin-right: -15px;
/* pull the right image over on top of border */
padding-right: 40px;
/* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2 { background-position: top left; margin: 0;
/* reset main site styles*/
border: 0;
/* ditto */
padding: 25px 0 15px 40px;
/* padding-left = image gap + interior padding ... no padding-right */
height: auto !important;
height: 1%;
/* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body { background-position: bottom left;
margin-right: 25px;
/* interior-padding right */
padding: 15px 0 15px 40px;
/* mirror .cssbox_head right/left */
}