/*div { border:1px solid #ff0000;}*/

html {
	height: 100%;
}

body {
    height: 100%;
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
}


#conteneur {
	height: 100%;
	width: 1024px;
	margin: 0px auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #FFFFFF;	
}
a  img {
	border: 0px;
}
a  {
	text-decoration: none;
	color: #007EB6;
}
/*************************** header ********************************/
#header {
	background-repeat: no-repeat;
	background-position: center top;
	height: 130px;
	padding: 0px;
	text-decoration: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/images/img_bndhautSyst.jpg);
	background-color: #FFFFFF;
}

.logovide {
	padding-left: 0px;
	float: left;
}
.titre5 {
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding-top: 40px;
	padding-left: 250px;
	padding-bottom: 25px;
	float: left;
	
}



.img_lien_systeme {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	height: 95px;
	float: right;
}
.english {
	padding: 5px 0px 0px;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	text-align: right;
}

/*************************** nouveau menu 1 horizontal ********************************/


#menu1 {
	text-decoration: none;
	padding-left: 14px;
	background-color: #FFFFFF;
	height: 40px;
}
#produit{

	z-index:200;
}
#support {
	z-index:0;
}
.Nav {
	padding: 0px;
	list-style: none;
	text-align:left;
	margin: 0px;

}

.Nav > li {
	width: 173px;
	float: left;
	display:inline;
	height:30px;
	line-height:30px;
	position:relative;
	
}
/*image du bt passif avec le txt  */
.Nav > li > a {
	background:url(/images/bt_menuH_one.jpg) no-repeat center top;
	padding-left:4px;
	display: block;
	position:relative;
	height:30px;
	line-height:30px;
	text-decoration: none;
	margin: 0;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 12px;/*modif sr 14*/
	
}

.Nav > li > a:hover, .Nav > li > a.hover 
{
	background:url('/images/img_fond.png') no-repeat center -5px  !important;
	background:url('/images/img_fond.gif') center bottom no-repeat;
}
ul.Nav li#accueil > a:hover, ul.Nav li#accueil > a.hover 
{
	background:url(/images/bt_menuH_one.jpg) no-repeat center top !important;
}
/*modif sr*/
.Nav li#produit.active > a {
	background:transparent url(/images/bt_systeme2.jpg) no-repeat scroll center top;
}
.Nav li#support.active > a {
	background:transparent url(/images/bt_systeme2.jpg) no-repeat scroll center top;
}
/*image du fond pour le sous menu  */
.Nav > li ul {
padding: 0;
list-style: none;
display: none;
width:173px;
zoom:1;
position:absolute;
left:0px !important;
z-index:300;
margin-left:0px;
line-height:normal;
padding-bottom:20px;
background:url('/images/img_fond.png') no-repeat center bottom  !important;
background:url('/images/img_fond.gif') center bottom no-repeat;
}
.Nav li li {
	}
/*txt du sous menu  en clair*/
.Nav li li a {
	background:white;
	display: block;
	position:relative;
	margin:0px 9px 0px 17px;
	padding: 5px 0px 5px 32px;
	line-height:15px;
	/*background-color: #555;*/
	/*color: white;*/
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}
/*txt du sous menu en gras */
.Nav li li a:hover,#Nav li li a:active {
	display: block;
	background: white url(/images/puce_menu.jpg) 3px 0px no-repeat;
	color: #000000;
	text-decoration: none;
	font-weight: 500;
}
.Nav li#accueil.active > a{
	background:url(/images/bt_menuH_one.jpg) no-repeat center top;
}
.Menu {
}



/*************************** BAS DE PAGE ********************************/

#piedpage {
	font-size: 9px;
	color: #0D4B89;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	height: 80px;

}
/* menu bas page */
 #menubaspage  {
	font-size: 11px;
	font-weight: bold;
	color: #0D4B89;
	text-decoration: none;
	margin: 0px;
	clear: both;
	padding-right: 10px;
}

#menubaspage a:link {
	color: #0D4B89;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
#menubaspage a:visited {
	color: #0D4B89;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
#menubaspage a:hover {
	color: #666666;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
 }

.titreadresse {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0D4B89;
	text-align: center;
}
.txtadresse {
	font-size: 9px;
	font-weight: 400;
	color: #0D4B89;
	text-decoration: none;
	padding-top: 5px;
	text-align: center;
}


/*************************** CENTRE DE LA PAGE ********************************/

#global {
	text-align: justify;
	padding: 5px 0px 0px;
	background-color: #FFFFFF;
	min-height: 520px;
	width: 1024px;
}
 



/*************** COLONNE GAUCHE  *****************/
#col1 {
	width:200px;
	text-decoration: none;
	float: left;
	text-align: justify;
	padding-left: 0px;
	height: auto;
	background-color: #FFFFFF;

}
.news {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url(/images/bt_menuH_one.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 187px;
	height: 30px;
	text-align: center;
	padding-top: 8px;
}

/*************** liens bouton recherche *****************/

.recherche {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url(/images/bt_menuH_one.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 36px;
	text-align: center;
	padding-top: 0px;
	
	
}
 a.liensrecherche:link {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	
	text-align: center;
}
a.liensrecherche:visited {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
a.liensrecherche:hover {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
 }

.img_accespro {
	left:0;
	text-decoration: none;
	margin: 0;
	background-image: url(/images/img_accespro.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 200px;
	height: 170px;
	text-align: left;
	padding-top: 40px;
}
.img_bt_ok {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url(/images/bt_menuH_one.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 187px;
	height: 36px;
	text-align: center;
	padding-top: 5px;
}



/*************** COLONNE CENTRALE DES CONTENUS  *****************/
#col2 {
	font-size: 12px;
	color: #696967;
	text-decoration: none;
	text-align: left;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 205px;
}



/*************** titres  *****************/
.titre1 {
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	color: #333333;
	text-align: left;
	padding-top: 5px;
}
.titre2 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #C1001F;
	text-align: left;
	padding-top: 8px;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:280px;
}
.titre3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 8px;
	padding-left: 50px;
}
.titre4 {
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #000000;
	text-align: left;
	margin-left: 0px;
}

.titre6 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #C1001F;
	text-align: left;
	line-height: 28px;
}

.titre7 {
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	text-align: left;
}
.titre8 {
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #000000;
	text-align: left;
}
.titre9 {

	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #000000;
	text-align: left;
}


.titre10 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 40px;
	padding-left: 380px;
}
.titre10B {

	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
	color: #333333;
	text-align: left;
	margin: 0px;
}

.titre11 {
	font-size: 16px;
	font-weight: lighter;
	text-decoration: none;
	color: #000000;
	text-align: center;
	margin-top: 15px;
	width: 150px;
	margin-left: 183px;
}
.titre12 {
	font-size: 16px;
	font-weight: lighter;
	text-decoration: none;
	color: #000000;
	text-align: center;
	margin-top: 15px;
	width: 150px;
	margin-left: 340px;
}

.titre13 {

	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	color: #46B1DD;
	text-align: left;
	padding-top: 5px;

}
.titre14 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: left;
}

/*************** sstitres  *****************/
.sstitre3 {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #333333;
	text-align: left;
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
}

.sstitre4 {
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #333333;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
}



/*************** textes  *****************/
.txt1 {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	padding-top: 10px;
	text-align: left;
	font-weight: normal;
	padding-left: 30px;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.txt2 {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

.txt3 {
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	text-align: justify;
	font-weight: normal;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.txt4 {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	margin-left: 40px;
}
.txt4_identifier
{
	margin-left: 40px;
	margin-top: 30px;
	padding-top: 8px;
	padding-left: 8px;
	line-height:10px;
	background-image: url(/images/cadres_saisie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
}
.txt5 {
	font-size: 10px;
	text-decoration: none;
	color: #228FC0;
	text-align: left;
}
.txt6 {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	text-align: left;
}

.txt7 {
	font-size: 13px;
	text-decoration: underline;
	color: #228FC0;
	text-align: left;
}

/*************** titre et texte pour l'adresse  *****************/

.txt_bt_ok {
	text-align: right;
	margin-right: 32px;
	margin-top: 75px;
	background-image: url(/images/picto_ok.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
}

/*************** bloc n°1 page d'accueil pour le système  *****************/
#bloc1 {
	left:0;
	font-size: 12px;
	color: #696967;
	text-decoration: none;
	text-align: left;
	height: 235px;
	padding: 0px;
	width: 790px;
}

.img_angleD {
	background-image: url(/images/img_angleD.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 235px;
	width: 15px;
	float: left;
}
.img_centre {
	background-image: url(/images/img_centre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	height: 235px;
	float: left;
	width: 750px;
}
.img_angleG {
	background-image: url(/images/img_angleG.jpg);
	height: 235px;
	width: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}



/*************** bloc n°2 page d'accueil pour le système  *****************/
#bloc2 {
	left:0;
	font-size: 11px;
	color: #696967;
	text-decoration: none;
	text-align: left;
	height: 235px;
	padding: 0px;
	width: 395px;
	float: left;
}
.img_centrebloc2 {
	background-image: url(/images/img_centre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	height: 215px;
	padding-top: 10px;
	float: left;
	width: 350px;
}
/*************** bloc n°3 page d'accueil pour le système  *****************/
#bloc3 {
	left:0;
	font-size: 11px;
	color: #696967;
	text-decoration: none;
	text-align: left;
	height: 235px;
	padding: 0px;
	width: 395px;
	float: left;
}

.img_centrebloc3 {
	background-image: url(/images/img_centre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	height: 215px;
	padding-top: 10px;
	float: left;
	width: 350px;
}
/*************** bloc n°4 - 5 standard *****************/

#bloc4 {
	left:0;
	font-size: 11px;
	color: #696967;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	width: 370px;
	float: left;
}
#bloc5 {
	left:0;
	font-size: 11px;
	color: #696967;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	width: 370px;
	float: left;
}








/*************** page systeme rubrique video  *****************/

#bloc1_video {
	left:0;
	text-align: left;
	padding: 10px 0px 80px;
	cursor:pointer;
}
#bloc1_video a:link {
	color: #007EB6;
	cursor:pointer;
}
.bt1_video {
	background-image:url(/images/bt_systeme1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color:#333333;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:50px;
	left:0;
	margin-right:32px;
	padding:15px 0px 30px;
	text-align:center;
	text-decoration:none;
	width:200px;
	cursor:pointer;
}
.bt2_video {
	left:0;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-image: url(/images/bt_systeme1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 155px;
	float: left;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bt3_video {
	left:0;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding: 15px 0px 0px;
	background-image: url(/images/bt_systeme1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 155px;
	font-weight: bold;
}
#bloc2_video {
	left:0;
	text-align: left;
	padding: 0px;
}
/*************** fiche de renseignement du produit video systeme  *****************/
#fiche1 {
	margin: 0;
	text-decoration: none;
	padding-left: 20px;
}
.ongletfichevideoHtel {
	margin: 0;
	text-decoration: none;
	float: left;
	text-align: left;
	width: 792px;
	height: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #333333;
	background-image: url(/images/img_onglet_sysB.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}
#colfichevideo0 {
	margin: 0;
	text-decoration: none;
	float: left;
	width: 195px;
}
#logo_marque
{
	margin-top: 3px;
	text-align:center;
	width: 195px;
}
#colprod_droite_image {
	margin: 0;
	text-decoration: none;
	float: left;
}
#colfichevideo1 {
	float: left;
	left:0;
	margin: 0px;
	height: 125px;
	width: 500px;
	/*background-image: url(/images/phot1_sys_video.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 15px;/*250*/
	padding-right: 0px;
}
#description
{
	
}
#colfichevideo2 {
	left:0;
	text-align: left;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	width: 400px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	/*background-image: url(/images/phot2_sys_video.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
	padding-left: 250px;
}
/*************** fiche de renseignement du produit interphonie systeme  *****************/
.onglet1H
{
	text-decoration: none;
	float: left;
	text-align: left;
	width: 799px;
	height: 44px;
	background-image: url(/images/img_onglet_sys1H.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}
.onglet11H
{
	text-decoration: none;
	float: left;
	text-align: left;
	width: 811px;
	background-image: url(/images/img_onglet_sys11H.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	padding: 0px;
}
.onglet111H {
	text-decoration: none;
	float: left;
	text-align: left;
	width: 811px;
	background-image: url(/images/img_onglet_sys111H.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	padding: 0px;
}

.onglet2M {
	text-decoration: none;
	float: left;
	text-align: left;
	width: 799px;
	background-image: url(/images/img_onglet_sys2M.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 429px;
}
.onglet22M {
	text-decoration: none;
	float: left;
	text-align: left;
	background-image: url(/images/img_onglet_sys2M.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 10px 0px 50px;
	height: 429px;
	font-size: 13px;
	color: #333333;
	width: 740px;
}

.onglet3B {
	text-decoration: none;
	float: left;
	text-align: left;
	width: 799px;
	background-image: url(/images/img_onglet_sys3B.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 22px;
}
#bloc1_interphonie {
	left:0px;
	text-align: left;
	padding: 10px 0px 10px 50px;
	width: 200px;
	float: left;
}
#bloc2_interphonie {
	left:0;
	text-align: left;
	padding: 10px 0px;
	width: 200px;
}

/*************** fiche produits les 2 colonnes pour le telechargement  *****************/
#prodonglets {
	text-decoration: none;
	height: auto;
	padding: 10px 5px 0px 20px;
	margin: 0;
}
/*************** les onglets des produits  *****************/

/*
#tabbed_box_1 {
	width:811px;
	float: left;
}

#tabbed_box_2 {
	width:811px;
	float: left;
}
*/


/* fond gene */
.tabbed_area {
	
	padding:0px;
	margin: 0px;
}
/* les onglets du haut */
ul.tabs {
	margin:0px;
	padding:12px 0px 0px 23px;
	height:40px;
}
ul.tabs li {
	width:220px;
	float:left;
	list-style:none;
	display:inline;
}

/* onglets fixe */
ul.tabs li a {
	display:block;
	color:#333333;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(/images/onglet_passifsysteme.jpg);
	background-repeat:no-repeat;
	background-position:center -5px;
	font-size: 14px;
	height: 30px;
	/*width: 185px;*/
	text-align: center;
	padding-top: 15px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}

/* onglets TXT quand on passe dessus */
/* onglets */
ul.tabs li a.active, ul.tabs li a:hover {
	background-image:url(/images/onglet_actifsysteme.jpg);
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	font-weight: 500;
	
}

/* fond */
.content {
	background-image:url(/images/onglet_fondsysteme.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height: 190px;
	text-align: left;
	clear:both;
	margin: 0px;
	padding: 0px;
}

/*#content_2, #content_3,  #content_5, #content_6 { display:none; }*/

/*
.content ul {
	margin:0px;
	padding:0px 10px 0px 10px;
}

.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
	
}
.content ul li a:hover small {
	color:#baae8e;
}
*/

/*rajout sr*/
.services {
	left:0;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url(/images/bt_menuH_one.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 36px;
	text-align: center;
	padding-top: 8px;
}
.champ_saisi_transpparent{
	font-size: 12px;
	font-weight: bold;
	border:none;
}
#slid 
{
	height:430px;
	margin-left:20px;
	margin-right:30px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
}
#slid_produits_systeme
{
	height:100px;
	margin-left:20px;
	margin-right:30px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
}
#slid_home
{
	height:220px;
	margin-left:7px;
	margin-right:7px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
}
.ecopart
{
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	text-align: justify;
	font-weight: normal;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents 
{ 
	text-align: center; 
	padding : 0px;/*modif sr avant 30px*/
}
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre 
{ 
	font-weight: bold; 
	font-size: 0.8em; 
}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }


.prix_barre {
	text-decoration :line-through;
	margin-right: 10px;
}

/* aide formulaires */
/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color: #007EB6;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}
/*ici*/
#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
}

/*************************** formulaires ********************************/
.spip_forms{
font-size:12px;
}
.spip_forms .nettoyeur{
clear:both;
display:block;
border:none;
}

 .spip_form_label{
display:block;
width:167px!important;
width:160px;
float:left;
text-align:right;
margin-right:7px;

}

.spip_forms fieldset{
margin:14px 0;
}

.spip_forms legend{
font-size:21px;
padding-left:174px;
padding-bottom:3px;
margin-bottom:6px;
}

.spip_form_label_details,  .spip_forms .spip_form_label_obligatoire{
font-size:9px;
color:#990033;

}
.obligatoire{
font-size:12px;
color:#990033;

}

span.erreur {
display:block;
margin-left:177px;
color:#990033;
font-weight:bold;
}
.spip_forms input{
margin-bottom:8px;
padding:1px;
color:#282B5B;
font-size:11px;
width:329px;
}

.spip_forms input.email{
margin-left:174px;
}
textarea.forml{
width:329px;
margin-bottom:7px;
font-size:12px;
padding:1px;
color:#282B5B;
font-family:Arial, Helvetica, sans-serif;
}
.spip_bouton input{
width:120px;
margin-right:228px;
background-color:#282B5B;
color:#ffffff;
margin-bottom:24px;
}

.spip_forms textarea{
width:330px;
}



spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
        text-align:left;
        font-weight: bold;
        color:#494949;
}
.spip_forms .spip_form_label_obligatoire {
        font-weight: normal;
        font-style:italic;
        font-size:11px;
}
.spip_forms .obligatoire_oublie {
        color:red;
}

.spip_forms .spip_form_label_details{
        display:block;
        font-style:italic;
        text-align:left;
}

.spip_forms .spip_form_choix_multiple {
        display:block;
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
        width:auto;
}

.spip_forms .spip_form_choix_unique label {
        margin:0 0 5px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
        width:auto;
        margin:0 5px 0 0;
}
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{
list-style:none;float:left;padding-left:5px;width:45%;
}


/**********************date-picker******************/
/* Date picker specific styles follow */

a.date-picker {
	width: 26px;
	height: 26px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(img_pack/select_day_26.gif) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar * {
	margin: 0;
	padding: 0;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
	font-size:0.8em;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.1em;
	font-weight:bold;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}

/**********************date-picker******************/
/* Date picker specific styles follow */

a.date-picker {
	width: 26px;
	height: 26px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(img_pack/select_day_26.gif) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar * {
	margin: 0;
	padding: 0;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
	font-size:0.8em;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.1em;
	font-weight:bold;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}


/*
Modif mkoch sdv pour lien dans la rubrique system 21/05/10
*/
#description a:link {

color : #1FA8E1;
	text-decoration: underline;
	font-weight : bold;
}
#description a:visited {

color : #1FA8E1;
	text-decoration: underline;
	font-weight : bold;
}
#description a:hover {

color : #1FA8E1;
	text-decoration: underline;
	font-weight : bold;
}