@charset "utf-8";
/* CSS Document */
body
{
width: 1024px;
margin: auto; 
margin-top: 0px; 
   margin-bottom: 0px;    
   background-color:#FFFFFF;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   overflow-x: hidden;
  
}

label {font-size:0.8em!important;}

/** Largueur **/
.w1024{width:1024px}
.w15{width:15px}
.w420{width:420px}
.w330{width:330px}
.cntr {text-align:center;}

/************** Titres ************************/

h1{
color: #006633;
font-size:12px;
display:inline;
margin-left:15px}

.gauche{
float:left;
padding-right: 8px;
padding-bottom: 8px}

.droite{
float:right;
padding-left: 8px;
padding-bottom: 8px}

h2{
}

h3{
}

h4{
}

p{
color:#333333;
font-size:11px}

.apisoft{
color:#ff9900;
font-weight:bold;
font-size:12px}


a.links:link {text-decoration: none ; speech-rate:fast;  color: #009900; font-family: Verdana; font-size: 10px}
a.links:visited {text-decoration: none; color: #009900; font-family: Verdana; font-size: 10px}
a.links:active {text-decoration: none; color: #009900; font-family: Verdana; font-size: 10px}
a.links:hover {text-decoration:  underline ;  color: #333333; font-size: 10px; }

/********** Corps du site ************/
#Bandeau_Entete {
width:1024px;
height:122px;
background-image:url(../images/alpinfor_01.jpg);
background-repeat:no-repeat}

#Barre_Menu {
width:1024px;
height:22px;
background-image:url(../images/alpinfor_021.jpg);
background-repeat:no-repeat;
}

#Bandeau_Gris {
width:1024px;
height:85px;
background-image:url(../images/alpinfor_03.jpg);
background-repeat:no-repeat;
}

#Contenu {
	
	width:1024px;
	padding-left:8px;
	background-repeat:repeat-y;
	background-image:url(../images/fond-contenu.jpg);
}

#Bandeau_Pied_Page {
	width:1024px;
	height:33px;
	background-image:url(../images/alpinfor_05.jpg);
	background-repeat:no-repeat;
	padding-top:15px;
	text-align:center;
}

#Cadre_Principal {
	width:735px;
	height:156px;
	margin-left:20px;
	padding-left:10px;
	background-image:url(../images/cadre-1.png);
	background-repeat:no-repeat;
}


/***************** Espace bandeau **********/
#b_outils{
width:330px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-align:center;
}
#client{

left:760px;
color:#FFFFFF;
font-size:12px;
font-weight: bold;
width:250px;




}

#Actu{

color:#FFFFFF;
font-size:12px;
font-weight:  bolder;
width:400px;
text-align:center;

padding-top:10px;
}

* { margin:0; padding:0; }

#newsticker-demo { 
width:370px;
background-image:url(../images/news/fond.jpg);
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:3px auto;
height:30px;
border: solid 1px #339900;
}

#newsticker-demo a { text-decoration:none; color:#006633; font-size:11px }
#newsticker-demo img { border: 0px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:10px;

padding:5px;
color:#006633;
}

.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; }
.newsticker-jcarousellite .thumbnail { float:left; width:70px; }
.newsticker-jcarousellite .info { float:right; width:230px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }

h1.corps{
color:#006600;
font-size:14px;

}

h2.corps{
font-weight:bold;
font-size:12px;
border-bottom: dashed 1px #006600;
color:#006600;
}

p.corps{
font-size:11px;
}

/*************** Flash ******************/

#flash{
position:relative;
left:400px;
top:10px;
}

/*************** Petits cadres ****************/

#Cadre_droite{
float:right;
display:block;
}

#Cadre_Partenaire,.cadre_partenaire{
margin-right:15px;
margin-top:0px;
}
#cadre-droite-01_ ,.cadre_droite_01{
width:240px;
height:23px;
background-image:url(../images/cadre-droite_01.gif);}

#cadre-droite-02_ ,.cadre_droite_02{
width:240px;
background-image:url(../images/cadre-droite_02.gif);
background-repeat:repeat-y;
text-align:center;
}

#cadre-droite-03_ ,.cadre_droite_03{
width:240px;
height:8px;
background-image:url(../images/cadre-droite_03.gif);
}

h2.petit_cadre{
color:#FFFFFF;
text-align:center;
font-size:13px;
font-weight:bold;
padding-top:3px;
}
p.petit_cadre{
display:inline; padding: 5px 5px 0 5px;
margin-top: 5px;
text-align:center;
}




/************* Cadres accueil   ****************/
#Cadre-accueil {
padding-left:10px;
}

#cadre-accueil-01_, .cadre_accueil_01 {
background-image:url(../images/cadre-accueil_01.gif);
background-repeat:no-repeat;
width:239px;
height:65px;
}

#cadre-accueil-02_ ,.cadre_accueil_02 {
background-image:url(../images/cadre-accueil_02.gif);
width:239px;
padding: 5px;
height:330px;
}

#cadre-accueil-03_ ,.cadre_accueil_03 {
background-image:url(../images/cadre-accueil_03.gif);
width:239px;
height:13px;
background-repeat:no-repeat;
}

img.descritpion{
float:right; padding-top:5px; padding-right:5px;
}



/**************** MENU ******************/


ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0;
	background-color:#237b42;
	background-image:url(../images/menu-vert1.jpg);
	background-repeat:repeat;
	border-color:;
	border-width:0px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
	position:relative;
	z-index: 1000;
	left: 50px;
	top: 0px;
	display:table;
	_height: 0;
	zoom:1;
	height:22px;
	padding-bottom:0px;
	width:950px}
* HTML ul.cssMenu {position:relative;}
ul.cssMenu li {
	display:block;
	margin:0;
	background-image:url(../images/menu-vert1.jpg);
	
	font-size:0px;
}
ul.cssMenu a {
	_background-image:url(../images/menu-vert1.jpg);
	
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:3px;
	_padding-left:0;
	font:normal 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
	margin-right:15px;
	
	
}
ul.cssMenu li {
	float:left; 
	
}
ul.cssMenu ul li {
	float:none;
	width:192px;
	color:#33651B;
	
	
}
ul.cssMenu ul a {

	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	display:block;
	height: 1px;
	background-color:gray;
}
ul.cssMenu li:hover{
	position:relative;
	background-image:url(../images/menu-vert.jpg);
	color:#33651B;
}
ul.cssMenu li a:hover{
	position:relative;
	background-image:url(../images/menu-vert.jpg);
	color:#33651B;
}
ul.cssMenu li:hover>a{
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Verdana;
	color: #33651B;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Verdana;
	color: #33651B;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:3px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over {display:none }
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul{display:none; }
ul.cssMenu span{
	display:block;
	background-image:url(arrowmain.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(arrowmaino.gif);
}
ul.cssMenu a:hover span{	_background-image:url(arrowmaino.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(arrowsub.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(arrowsubo.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(arrowsubo.gif)}
ul.cssMenu table a:hover table span{background-image:url(arrowsub.gif)}

ul.cssMenu li li {
background-image:url(../images/menu-vert2.jpg);

}

ul.cssMenu li {
height:22px;

}

ul.cssMenu li li a{
color:#333333;


}

ul.cssMenu ul {
border: solid 1px #000000;
}

ul.cssMenu li li:hover{
	
	background-image:url(../images/menu-vert22.jpg);
	
}
ul.cssMenu li li a:hover{
	
	background-image:url(../images/menu-vert22.jpg);

}

/*********** FLUX RSS *******************/
a.flux:link {text-decoration: none ; speech-rate:fast;  color: #009900; font-family: Verdana; font-size: 10px}
a.flux:visited {text-decoration: none; color: #009900; font-family: Verdana; font-size: 10px}
a.flux:active {text-decoration: none; color: #009900; font-family: Verdana; font-size: 10px}
a.flux:hover {text-decoration:  underline ;  color: #333333; font-size: 10px; }

a.adresse:link {text-decoration: none ; speech-rate:fast;  color: #666666; font-family: Verdana; font-size: 10px}
a.adresse:visited {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px}
a.adresse:active {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px}
a.adresse:hover {text-decoration:  underline ;  color: #333333; font-size: 10px; }

.Style1 {color: #990000}
.Style2 {color: #990033}