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

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:0px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}


.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{color:#fff}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.modifle {
color:#4C545C;
font-family:verdana;
font-size:1em;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}

.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

.menu1 { /* boite qui contient le menu (les onglets) */

  border-bottom:solid 0px #DBE1E6 ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
     padding:7px 3px 7px 20px ; /* marges extérieures */  
  padding-bottom:7px;} /* marge intérieure basse */

.onglet { /* style des onglets inactifs */

  border:solid 1px #DBE1E6 ; /* encadrement */
  margin:0px 0px 0px 0px ; /* marge extérieure */
  padding:7px 3px 7px 3px} /* marge intérieure */
  
.onglet:hover {background: #4C545C; color:white; border: 1px solid black;}

a.onglet { /* style des liens se trouvant dans un onglet inactif */
	background-image: url(image/mininews.jpg);
  text-decoration:none} /* les liens ne sont pas soulignés */
  
.onglet2 { /* style des onglets inactifs */

  border:solid 1px #DBE1E6 ; /* encadrement */
  margin:0px 0px 0px 0px ; /* marge extérieure */
  padding:7px 3px 7px 3px} /* marge intérieure */
  
.onglet2:hover {background: #4C545C; color:white; border: 1px solid black;}

a.onglet2 { /* style des liens se trouvant dans un onglet inactif */
	background-image: url(image/minijaj.jpg);
  text-decoration:none} /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
   border:solid 2px #DBE1E6 ; /* l'encadrement est porté à 2 pixels */
   border-bottom:solid 3px white ; /* le trait inférieur est effacé */
   margin:0px 0px 0px 0px ; /* marges intérieures */
   padding:7px 3px 7px 3px ; /* marges extérieures */  
   background-color:white
} /* le fond de l'onglet actif est blanc*/
   
   
.topleftcorner { height:0px; padding:-5px;background-image: url(image/topleftcornerdropshadow.jpg);  }
.topshadowleft { height:0px; padding:-5px; background-image: url(image/topdropshadowleft.jpg); background-repeat : no-repeat;  }
.topshadow { height:0px; padding:-5px; background-image: url(image/topdropshadow.jpg); background-repeat : repeat-x; }
.topshadowright { height:0px; padding:-5px; background-image: url(image/topdropshadowright.jpg); background-repeat : no-repeat;  }
.toprightcorner { height:0px; padding:-5px; background-image: url(image/toprightcornerdropshadow.jpg); }
.topleftdrop { height:0px; padding:-5px; background-image: url(image/topleftdropshadow.jpg) ;  }
.topblackgardient {
background-color:#980f16;
 background-image: url(image/topbanbackground.png);
 background-repeat:repeat-x;
 background-position:center; 
 }
.topblackgardient2 { height:30px; background-image: url(image/topblackgardient2.jpg) }
.toprightdrop { height:0px; background-image: url(image/toprightdropshadow.jpg) }
.bluegardientleft { height:22px; background-image: url(image/bluegardientdropshadowleft.jpg) }
.bluegardientbg { height:20px; background-image: url(image/bluegardientbg3.jpg) }
.bluegardientright { height:22px; background-image: url(image/bluegardientdropshadowright.jpg) }
.leftdropshadow20 { height:20px; background-image: url(image/leftdropshadow.jpg) }
.bluegardientlowerleft { height:20px; background-image: url(image/bluegardientdropshadowlowerleft.jpg) }
.bluegardientmiddl { height:20px; background-image: url(image/bluegardientdropshadowmiddl.jpg) }
.bluegardientlower { height:20px; background-image: url(image/bluegardientdropshadowlower.jpg) }
.dropshadowright20 { height:20px; background-image: url(image/dropshadowright.jpg) }
.leftdropshadow { background-image: url(image/leftdropshadow.jpg) }
.mainbodybg { background-repeat:repeat; background-image: url(image/background.gif); background-color:white; }
.dropshadowright { background-image: url(image/dropshadowright.jpg); }
.footershadowleft { height:34px; background-image: url(image/footershadowleft.jpg); }
.footershadowright { height:34px; background-image: url(image/footershadowright.jpg); }
.footerleftlower { height:29px; background-image: url(image/footershadowleftlower.jpg); }
.footerlowerleft { height:29px; background-image: url(image/footerlowerleft.jpg); }
.footerlower { height:29px; background-image: url(image/footerlower.jpg); }
.footerlowerright { height:29px; background-image: url(image/footerlowerright.jpg); }
.footerrightlower { height:29px; background-image: url(image/footershadowrightlower.jpg); }

.banneritem {text-align:center;}

td {font-size:11px;}

a:link, a:visited, h3, .contentheading,.blog_more div strong { color:black; }
 
.introtext, .fulltext { color:black; }
 
div { margin:0;}/*
.tabody {width:1127px;max-width:1024px;}*/
body {
	/*max-width:*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	line-height:150%;
	text-align:justify;
	height:auto;
	font-size: 12px;
	margin:0px;
	padding:0px;
	background-image:url(image/backgroundgardient.jpg);
	background-repeat:repeat-x;
}

#global {
position:absolute;
border-color: black;

min-width: 1024px!important;
max-width: 1024px!important;
//height:780px;
width: 88%;
margin : 0px auto 0px auto;
}
/*
#global {
position:absolute;
border-color: black;
width: 1580px;
max-width: 1580px;
//height:780px;
margin : 0px auto 0px auto;
}*/

#left {
/*-moz-border-radius:40px;*/
float: left;
width: 200px;
min-height: auto;
/*margin : 20px 20px 20px 20px;*/
color: black;
text-align: center;
/*border: 0px solid #393939;*/
border: 2px solid #DBE1E6;
background-image: url(image/boxgardientbg2.jpg);
background-repeat:repeat-y;/*
background-color:yellow;*/
}
#right {
/*-moz-border-radius:40px;*/
float: right;
width: 280px;
height: 1100px;
margin : 20px 5px 5px 5px;
color: black;
text-align: center;
border: 2px solid #DBE1E6;
font-size:10px;
background-image: url(image/boxgardientbg.jpg);
background-repeat:repeat-y;

}

#logg {
width: 50px;
height: 20px;
margin : 10px 0px 0px 0px;
background-color:blue;
}

#buttnews {
/*-moz-border-radius:40px;
float: left;*/
width: 110px;
margin : 0px 0px 5px 0px;
padding-top:10px;
text-align: center;
color: black;
font-weight:normal;
border: 1px solid transparent;
}

#logg:hover {
width: 50px;
height: 20px;
margin : 10px 0px 0px 0px;
display:block;
background-color:green;
}

#right.input.type{font-size:11px;}
#tableft{width:200px;}
#fenetre {
/*-moz-border-radius:40px;*//*
float: left;*/
width: 100%;
max-width:807px;
/*height:800px;*/
margin : 0px 0px 0px 0px;
color: black;/*
text-align: left;*/
border: 0px solid #393939;/*
background-color:red;*/
}

#fenetretext {
float: center;
width: 95%;
/*height: 800px;*/
margin : 20px 0px 2px 10px;
color: black;
text-align: center;/*
background-color:yellow;*/
}

#flechenews {

}

#listenews{
margin : 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: #4C545C;
text-align: center;
border: 3px solid #DBE1E6;
font-size:20px;
font-weight:bold;
}

#listenews2{
margin : 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: #4C545C;
text-align: center;
border: 3px solid #DBE1E6;
font-size:20px;
font-weight:bold;
}

#listenews3{
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: white;
background-color:#980F16;
text-align: center;

font-size:15px;
font-weight:bold;
}

#listenews4{

text-shadow: #900 2px 2px 2px, #900 2px -2px 2px, #900 -2px 2px 2px, #900 -2px -2px 2px;
}

#listeactu{
margin : 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: #4C545C;
text-align: center;
border: 3px solid #DBE1E6;
font-size:20px;
font-weight:bold;
}

#listeactuarch{
margin : 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
width:500px;
color: #4C545C;
text-align: center;
border: 3px solid #DBE1E6;
font-size:20px;
font-weight:bold;
}

#listeactu2{
margin : 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: #4C545C;
text-align: center;
border: 3px solid #DBE1E6;
font-size:20px;
font-weight:bold;
}

/*#fenetreAF {
width: 480px;
min-height: 270px;
color: black;
margin : 0px 10px auto 20px;
text-align: center;
border: 2px solid #DBE1E6;
background-repeat: repeat-x;
}*/

#flux {
/*-moz-border-radius:40px;
float: left;*/
width: 240px;
min-height: 350px;
margin : 10px 10px 10px 10px;
padding : 10px 10px 10px 10px;
color: #4C545C;
text-align: left;
background-color:transparent;
font-size:0.9em;
}

#coord{
line-height:15px; 
}

a.flx{
font-weight:normal;
color: #4C545C;
}

a.flx:hover{
text-decoration:none;
text-decoration:underline;
font-weight:normal;
color: #990F16;
}

a.flx2{
font-weight:normal;
color: #4C545C;
}

a.flx2:hover{
text-decoration:none;
text-decoration:underline;
font-weight:normal;
color: #990F16;
}



#fenetreAb {
/*-moz-border-radius:40px;
float: left;*/
width: 500px;
height: 360px;
color: #4C545C;
text-align: center;
margin : 10px auto 10px auto;
border: 2px solid #DBE1E6;
/*border: 2px solid #393939;*/
background-image: url(image/fond2.jpg);
background-repeat:repeat-x;
background-color:white;
}

.cont {
width:420px;
float:left;
color:#4C545C;
cursor:  pointer;
}

.actuarchive{
color:#4C545C;
cursor:  pointer;
}

.actuarchive.hover{
color:#4C545C;
cursor:  pointer;
text-decoration:underline;
}

.cachenews {

}

.cont:hover {
width:420px;
float:left;
color:#4C545C;
text-decoration:underline;
cursor:  pointer;
}

#liend{
background-color:blue;
cursor:  pointer;
}

#contenuactu{

background-color:red;
}

#fenetreActu {
/*-moz-border-radius:40px;*/

width: 581px;
margin : 20px 40px auto 20px;
color: black;
text-align: center;
border: 3px solid #DBE1E6;
/*border: 2px solid #393939;*/
background-repeat: repeat-x;
background-color:transparent;
padding: 0px 0px 0px 0px;
}

#fenetreActub {
/*-moz-border-radius:40px;
float: left;*/
width: 560px;
color: black;
text-align: center;
margin-bottom :5px;
margin-left:-1px;
border: 3px solid #DBE1E6;
background-image: url(image/mininews.jpg);
background-repeat:repeat-x;
background-color:white;
padding: 10px 0px 10px 5px;
}

#fenetrejaj {
/*-moz-border-radius:40px;
float: left;*/
width: 560px;
color: black;
text-align: center;
margin-top :-13px;
margin-bottom :-13px;
margin-left:-8px;
border: 3px solid #DBE1E6;
background-image: url(image/minijaj.jpg);
background-repeat:repeat-x;
padding: 10px 0px 10px 5px;
}

#fenetreActuc {
/*-moz-border-radius:40px;
float: left;*/
width: 568px;
color: black;
text-align: center;
margin : 0px auto 5px auto;
background-repeat:repeat-x;
background-color:transparent;
}

#rightbordure {

width: 0px;
height: 1100px;
margin : 10px 1px 20px 0px;
color: red;
text-align: center;
border: 2px solid #980F16;
}

#bottombordure {

width: 580px;
height: 0px;
margin : 10px 10px 10px 10px;
color: red;
text-align: center;
border: 2px solid #980F16;
}

#bottombordurearch{

width: 520px;
height: 0px;
margin : 10px 10px 0px 0px;
color: red;
text-align: center;
border: 2px solid #980F16;
}

/*a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#4C545C
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:relative;
top:-10em; left:4em; width:2em;
border:0px solid;
background-color:#4C545C;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}*/
.fleches{

 position:Relative;
     float: left;
  margin-left: 0;
height:200px;
width: 40px;
height: 50px;
margin : 20px 0px 0px 0px;
padding-top:10px;
text-align: center;
color: #4C545C;
border: 1px solid transparent;



}


div.info {

  position: relative;
     float: left;
  margin-left: 0;
height:100px;

}
div.info span.flechebullnews {
   display: none; /* on masque l'infobulle */
}
div.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   /* on change le curseur par défaut en curseur d'aide */
}
div.info:hover span.flechebullnews {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -25px; /* on positionne notre infobulle */
   left: 26px;
   width: 35px;

   background-image: url(image/uparrow2.png);

   padding: 5px;

   border: 0px solid ;
}


.cnews{

text-align:left;
width:440px;
height:auto;
margin-left:2px;
padding-left:5px;
padding-bottom:1px;
}

.ttre{

margin-top:2px;
color:#4C545C;
font-size:6px;
}


.liens {
display:inline;
cursor:  pointer;

}

#fenetreAbtexte {
/*-moz-border-radius:40px;
float: left;*/
width: 95%;
height: 330px;
color: black;
margin : auto auto auto 15px;
text-align: center;
font-size: 0.9em;
}


#minifenetreA {
/*-moz-border-radius:40px;
float: left;*/
width: 110px;
margin : 0px 0px 5px 0px;
padding-top:10px;
text-align: center;
color: black;
background-image: url(image/mininews.jpg);
font-weight:normal;
border: 1px solid transparent;
}

a.vs{
color:black;
}

.minifenetreA {
/*-moz-border-radius:40px;
float: left;*/
width: 110px;
margin : 0px 0px 5px 0px;
padding-top:10px;
text-align: center;
color: black;
border: 1px solid transparent;
background-image: url(image/mininews.jpg);
font-weight:normal;
height: 90px;
}

.minifenetreA:hover {background-color: #4C545C; color:white; border: 1px solid black; text-decoration:underline;font-weight:normal;}

#minifenetreA:hover {background: #4C545C; color:white; border: 1px solid black; text-decoration:underline;font-weight:normal;}

/*.minifenetreA2 {background-color: #4C545C; color:white; border: 1px solid black; text-decoration:underline;font-weight:normal;}*/

.news { 
/*background-image:url(image/mininews.jpg);*/
 background-repeat:repeat-x ;
position:relative;
 height:102px;
 width:532px;
margin-left:0px;
margin-bottom:30px;
}



/*#fenetreright {
float: left;
width: 200px;
height: 770px;
margin : 20px 10px 5px 10px;
color: red;
text-align: center;
overflow:auto;
}*/


h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}

ul { margin:0; padding:0; margin-left:15px; }
a {text-decoration:none;font-weight:bold;}

ul li a, .pagenavcounter {
	font-weight:bold;
}

ul#mainlevel-nav {
	margin:0px;
	padding:0;
	height:33px;
}

ul#mainlevel-nav li {
	list-style: none;
	display:inline;
	height:33px;
	width:119px;
}

ul#mainlevel-nav li a {
	font-size:11px;
	color:white;
	font-weight:normal;
	text-align:center;
	background:url(image/buttontop_normal.jpg) no-repeat;
	line-height:33px;
	height:33px;
	width:119px;
	display: block;
	float:left;
}
ul#mainlevel-nav li a:hover {
	color:white;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:url(image/buttontop_over.jpg) no-repeat;
	line-height:33px;
	height:33px;
	width:119px;
	display: block;
	float:left;
}

h3 {
	margin-bottom:10px;
}

.contentheading, .blog_more div strong {
	font-weight:bold;
}

.blog_more a {
	font-weight:normal;
	color:black;
}

.componentheading {
	color:black;
	padding-bottom:10px;
	margin-bottom:20px;
}
.menu , .menu ul 
{
list-style-type:none;

}
.vistaleft a.mainlevel:link, .vistaleft a.mainlevel:visited ,.vistaleft  .menu li a:link,.vistaleft  .menu li a:visited{
	color:white;
	font-size:11px;
	display:block;
	margin-left:-5px;
	padding-left:20px;
	line-height:34px;
	height:42px;
	background:url(image/button_normal.jpg) no-repeat;
	font-weight:normal;
}
.vistaleft a.mainlevel:hover,.vistaleft  .menu li a:hover {
	background:url(image/button_over.jpg) no-repeat;
}
.vistaleft a.mainlevel#active_menu:link, .vistaleft a.mainlevel#active_menu:hover, .vistaleft a.mainlevel#active_menu:visited,.vistaleft  .menu li#current a:link,.vistaleft  .menu li#current a:hover,.vistaleft  .menu li#current a:visited {
	color:white;
	font-size:11px;
	display:block;
	margin-left:-5px;
	padding-left:20px;
	line-height:34px;
	height:42px;
	background:url(image/button_activated.jpg) no-repeat;
	font-weight:normal;
}

.vistaright a.mainlevel:link, .vistaright a.mainlevel:visited,.vistaright  .menu li a:link,.vistaright  .menu li a:visited {
	color:white;
	margin-right:-5px;
	text-align:right;
	font-size:11px;
	display:block;
	padding-right:20px;
	line-height:34px;
	height:42px;
	background:url(image/buttonright_normal.jpg) no-repeat;
	background-position:top right;
	font-weight:normal;
}
.vistaright a.mainlevel:hover,.vistaright .menu li a:hover {
	background:url(image/buttonright_over.jpg) no-repeat;
	background-position:top right;
}
.vistaright a.mainlevel#active_menu:link, .vistaright a.mainlevel#active_menu:hover, .vistaright a.mainlevel#active_menu:visited,.vistaright  .menu li#current a:link,.vistaright  .menu li#current a:hover,.vistaright  .menu li#current a:visited {
	color:white;
	text-align:right;
	margin-right:-5px;
	font-size:11px;
	display:block;
	padding-right:20px;
	line-height:34px;
	height:42px;
	background:url(image/buttonright_activated.jpg) no-repeat;
	background-position:top right;
	font-weight:normal;
}

.vistaleft a.sublevel:link, .module a.sublevel:visited, .vistaleft  .menu li#current li a:link, .vistaleft  .menu li#current li a:visited {
	color:white;
	margin-left:-5px;
	font-size:11px;
	display:block;
	padding-left:20px;
	line-height:34px;
	height:42px;
	background:url(image/button_subnormal.jpg) no-repeat;
	font-weight:normal;
}
.vistaleft a.sublevel:hover, .vistaleft  .menu li#current li a:hover{
	background:url(image/button_subover.jpg) no-repeat;
}
a.vistaleft .sublevel#active_menu:link, .vistaleft a.sublevel#active_menu:hover, .vistaleft a.sublevel#active_menu:visited,.vistaleft  .menu li li#current a:link ,.vistaleft  .menu li li#current a:visited ,.vistaleft  .menu li li#current a:hover {
	color:white;
	font-size:11px;
	margin-left:-5px;
	display:block;
	padding-left:20px;
	line-height:34px;
	height:42px;
	background:url(image/button_subactivated.jpg) no-repeat;
	font-weight:normal;
}

.vistaright a.sublevel:link, .vistaright a.sublevel:visited, .vistaright  .menu li#current li a:link, .vistaright  .menu li#current li a:visited  {
	color:white;
	text-align:right;
	margin-right:-5px;
	font-size:11px;
	display:block;
	padding-right:20px;
	line-height:34px;
	height:42px;
	background:url(image/buttonright_subnormal.jpg) no-repeat;
	background-position:top right;
	font-weight:normal;
}
.vistaright a.sublevel:hover, .vistaright  .menu li#current li a:hover {
	background:url(image/buttonright_subover.jpg) no-repeat;
	background-position:top right;
}
.vistaright a.sublevel#active_menu:link, .vistaright a.sublevel#active_menu:hover, .vistaright a.sublevel#active_menu:visited,.vistaright  .menu li li#current a:link ,.vistaright  .menu li li#current a:visited ,.vistaright  .menu li li#current a:hover {
	color:white;
	text-align:right;
	margin-right:-5px;
	font-size:11px;
	display:block;
	padding-right:20px;
	line-height:34px;
	height:42px;
	background:url(image/buttonright_subactivated.jpg) no-repeat;
	background-position:top right;
	font-weight:normal;
}

.vistaleft {padding:5px;}
.vistamain {padding:5px;overflow:auto;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:11px;background:url(image/footer.jpg) repeat-x #980F16;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
	margin:0;
	padding-bottom:10px;
	color:black;
}

.moduletable {
line-height:175%;
margin:0;
padding-bottom:20px;
}
.moduletable td {
	padding-left:5px;
	padding-right:5px;
}

.vistaleft .module h3, .vistaleft .module_menu h3 {
	padding-left:25px;
	margin:-5px 0 0 -5px;
	color:white;
	line-height:34px;
	height:43px;
	font-size:14px;
	background:url(image/titlebuttonleft.jpg) no-repeat;
}

.vistaright .module h3, .vistaright .module_menu h3 {
	margin:-5px;
	padding-right:25px;
	text-align:right;
	color:white;
	line-height:34px;
	height:43px;
	font-size:14px;
	background:url(image/titlebuttonright.png) no-repeat;
	background-position:top right;
}


.small {
	color:#666666;
}

.createdate, .modifydate {
	color:#999999;
}

#mod_login_username, #mod_login_password {
	width:150px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px;
	color:black;
}

.inputbox {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px;
	color:black;
}

.readon {
	padding-left:5px;
}

.contenttoc {
	margin:10px;
	border:1px solid #CCCCCC;
}

.contenttoc td {
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.contenttoc th {
	text-align:left;
	background-color:#DEDEDE;
	padding-left:5px;
	padding-right:5px;
}

.label {
	text-align:left;
}

.mosimage {
	border:1px solid #CCCCCC;
	margin:5px;
}

.mosimage_caption {
	background-color:#DEDEDE;
}

.sectiontableheader {
	font-weight: bold;
}

.sectiontableentry2 label {
	text-align:left;
}

.sectiontableentry2 {
	background-color:#FFFFFF;
}

.sectiontableentry1 {
	background-color:#F5F5F5;
}

.sectiontableentry1 td div a, .sectiontableentry2 td div a {
	font-weight:bold;
	border:none;
}

.div_bfree {
	visibility:hidden;
	overflow:hidden;
	height:0px;
}

h3, .contentheading {
	/*font-size:140%;*/
	font-size:14px;
	font-weight:bold;
	margin:0px;
}

.componentheading {
	/*font-size:160%;*/
	font-size:14px;
	font-weight:bold;
	letter-spacing: 2px;
	text-transform:uppercase;
}

img {
	/*border:none;*/
}

.contentpane
{color:black;}
.contentpaneopen {
line-height:140%;
background-color:#fafafa;
color:black;
width:100%;
}

.vistauser1, .vistauser2 {
margin:2px;
background-color:#fafafa;
color:black;
}

/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */

.button {
  color: black;
  font-family: Verdana, Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  background:none;
  width: auto;
  padding: 0px 4px;
  line-height: 16px !important;
  line-height: 14px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}


.back_button {
  	color: black;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border: 3px double #cccccc;
	background:none;
  	width: 50px;
  	padding: 0px 5px;
  	line-height: 18px !important;
  	line-height: 16px;
  	height: 19px !important;
  	height: 19px;
  	margin: 1px;
}

.pagenav_next {
  	color: black;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border: 3px double #cccccc;
	background:none;
  	width: 50px;
  	padding: 0px 5px;
  	line-height: 18px !important;
  	line-height: 16px;
  	height: 19px !important;
  	height: 19px;
  	margin: 1px;
	
}

.pagenav_prev {
  	color: black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border: 3px double #cccccc;
	background:none;
  	width: 50px;
  	padding: 0px 5px;
  	line-height: 18px !important;
  	line-height: 16px;
  	height: 19px !important;
  	height: 19px;
  	margin: 1px;
}

.pagenav {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
	background:none;
  	width: auto;
  	padding: 0px 10px;
  	line-height: 20px;
  	margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}
fieldset {
border:0px;
}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	float: left;
	margin-left: 5px;
}

.button2-right {
	float: left;
	margin-left: 5px;
}


/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
	padding: 2px 0;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}
/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}/*
.vistauser3{height:12px;}*/
 @media print{ 
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;} 
.print {width:100%;}
.print {width:100%;}
body, .vistamain{background:none;}
}
div#menu { font-family:Verdana, Arial, Helvetica, sans-serif; }
div#menu a {color:#ffffff;font-weight:normal;}

div#menu ul {padding: 0px; margin:0px; background: white; text-align:center;z-index:999;}
div#menu li {background:#393939;}
div#menu li:hover {background: #aa9d9d}
div#menu li.sousmenu:hover {background: #aa9d9d;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#393939;}
/* rajout pr pour fleche direction bas et couleur de fond

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-right:1px solid;  color: #AABDE7; border-bottom: 1px solid;}

div#menu ul ul {position: absolute;display:none;font-weight:normal;}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block; width:118px; font-size:9px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 118px;width:100%;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #7F7F7F;width:100%;}
div#menu ul.niveau3 li:hover { background: #aa9d9d}


div#menu ul ul ul li a:hover {border-left-color: #000000;}

ul li.liensousmenu {
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
	font-size: 11px;
}
ul li.liensousmenu :hover{font-weight:bold;}
a.liensm{
	font-weight:bold;
}
a.liensm:hover{
	font-weight:bold;
	color:rgb(153, 15, 22);
	padding-left: 3px;
	font-weight:normal;
}

.relief {
        position:relative;
        z-index:0;
        font-weight:bold;
        line-height:2em;
        text-align:left;
}

.un     {

    z-index:3;color:#000;
    top:0; 
     left:0;
}
.deux   {

    z-index:2;color:#444;
    top:1px;
    left:1px;
}
.trois  {
/* pour ocuper l'espace dans le flux normal */
    z-index:1;
    color:#999;
    top:3px;
    left:3px;
}

a.new:hover{
	font-weight:bold;
    text-decoration:underline;
}

a.sommaire{
  font-weight:normal;
  font-size:9px;
  color: #4C545C;
}
a.sommaire:hover{
  color: #990F16;
}


#inside div.annuaire div.vignettes{
 float: left;
  padding: 2px;
  background-color: #990F16;
  border: 1px solid #4C545C;
  margin: 3px;
  width: 300px;
  height: 65px;
  color: #FFFFFF;
  font-size:10px;
  line-height:110%;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;

}
#inside div.annuaire div.vignettes p.nom{
  text-align: center;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #990F16; line-height:110%;margin-top:0px;
}
#inside div.annuaire div.vignettes p a{
font-weight:normal;margin-top:0px;
  
  color: #FFFFFF;
  text-decoration: none; margin-top:0px;
}
#inside div.annuaire div.vignettes p a:hover{
  text-decoration: underline; margin-top:0px;
}
div.boutton_module
{
	float:center;
	text-align:center;
	width:170px;
	margin-bottom:2px;/*
	background-color:yellow;*/
	background-image:url(image/buttmod2.png);
	background-repeat:no-repeat;
}
div.boutton_module a
{
	font-weight:normal;
	color:white;
}div.boutton_module2
{
	/*float:center;*/
	text-align:center;
	width:170px;
	margin-left:30px;
	margin-bottom:2px;
	background-image:url(image/buttmod.png);
	background-repeat:no-repeat;
}
div.boutton_module2 a
{
	font-weight:normal;
	color:white;
}

a.info2{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info2:hover{
z-index:25;
}
 
a.info2 span{
display: none
}
 
a.info2:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
font-weight:none;
padding:5px;
}
hr {
background-color: #666666; 
border-color:#666666; 
border:0;
color:#666666; 
height:1px;
}

.button { 
border-top: 1px solid #ffffff; 
background: #ffffff; 
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); 
background: -moz-linear-gradient(top, #ffffff, #ffffff); 
padding: 3px 60px 3px 60px; 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
border-radius: 6px; 
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
box-shadow: rgba(0,0,0,1) 0 1px 0; 
text-shadow: rgba(0,0,0,.1) 0 1px 0; 
color: #980f16; 
font-size: 15px; 
font-family: Helvetica, Arial, Sans-Serif; 
text-decoration: none; 
vertical-align: middle; 
} 

.button:hover { 
border-top-color: #969696; 
background: #969696; 
color: #ffffff; 
} 
.button:active { 
border-top-color: #969696; 
background: #969696;
color: #ffffff; 
}