@charset "UTF-8";

/* Styles Capitole */
.on {

	font-family : Arial, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color :White; 

}

#topgauche { position:absolute;  z-index:10; }

a.titreJaune {

	color : #FFFF00;

	font-family : Arial;

	font-size : 11px;

	font-weight : bold;

}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:hover {
	color: #FF4040;
}
.arial8 {
	font-size: 8pt;
}
.arial9 {
	font-size: 9pt;
}
.bandeauPub {
	border: 1px solid #4B7CCA;
}
.blockRecherche {
	background-color: #F0F5FF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B7CCA;
	word-wrap:normal;
}
.bordure {
	border: 1px solid #4B7CCA;
}
.bouton {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F0F5FF;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #F0F5FF;
	font-weight: bold;
	background-color: #DDE8FF;
	cursor : hand;
	color: #000000;
	
}
.boutonOK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:none;
	background-color: #DDE8FF;
	border: 1px solid #4B7CCA;
	cursor : hand;
	height: 18px;
	color: #000000;
}
.spaceMenuBoard {
	background-color: #4B7CCA;
	height: 1px;
}
.contenuBlock {
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.contenuBlock a {
	color: #4B7CCA;
	text-decoration: underline;
}
.contenuBlockServices {
	padding: 10px 5px;
}
.footer {
	background-color: #FFD26A;
	font-weight: bold;	
}
.footerActions {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B7CCA;
}
.footerPopup {
	background-color: #DDE8FF;
	text-align: right;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}
.headerActions {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7CCA;
	background-color: #DDE8FF;
}
.infoBox {
	background-color: #EDFEF7;
	border: 1px solid #4B7CCA;
}
.justify {
	text-align: justify;
}
.libelleMenuHautTD {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../front/images/menu_haut.gif);
	background-repeat: no-repeat;
}

.libelleMenuHauta{
	font-size: 8pt;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
	color: #000000;	
}

.libelleFormation {

	color: #FFFFFF;
	background-color: #4B7CCA;
}
.libelleForum {
	color: #FFFFFF;
	background-color: #4B7CCA;
	font-weight: bold;
}
.libelleMenu {
	padding-left: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	background-image: url(../front/images/fond_menu.gif);
}
.libelleMenuEnd {
	padding-left: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	background-image: url(../front/images/fond_menu.gif);
}
.libelleSousMenu {
	padding-left: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
}
.libelleSousMenuOn {
	padding-left: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	background-color: #DDE8FF;
}

.libelleSousMenuNiv3Off {
	background-color: #DDE8FF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	color: #333333;
}
.libelleSousMenuNiv3On {
	background-color: #DDE8FF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	font-weight: bold;
	color: #333333;
}

.libelleSousMenuNiv3LastOff {
	background-color: #DDE8FF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	color: #333333;
}
.libelleSousMenuNiv3LastOn {
	background-color: #DDE8FF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	font-weight: bold;
	color: #333333;
}

.lien {
	color: #4B7CCA;
	text-decoration: underline;
}
.tdlien a {
	color: #4B7CCA;
	text-decoration: underline;
}
.lienAlphabet {
	color: #4B7CCA;
	text-decoration: underline;
	font-weight: bold;
}
.lienBlanc {
	color: #FFFFFF;
	text-decoration: underline;
}
.lienMenu {
	text-decoration: none;
	color: #000000;
}
.lignePlus {
	background-color: #dde8ff;
}
.ligneTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4b7CCA;
}

.menuHaut {

	font-family: Arial, sans-sherif;

	color : #FFFF00;

	font-weight : bold;

	font-size : 12px;

	text-decoration : none;

}

.popper {
	POSITION: absolute;
	VISIBILITY: hidden;
	padding-right:20px;
	padding-top: 22px;
	z-index:1000;
}

.menuHautBlanc {

	font-family: Arial, sans-sherif;

	color : #FFFFFF;

	font-weight : bold;

	font-size : 12px;

	text-decoration : none;

}

.sousTitrePage {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B7CCA;
}
.tableHeader {
	width: 750px;
	background-image: url(../front/images/fond_header.gif);
}
.tableMain {
	width: 750px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.titreBlock {
	font-size: 11pt;
	font-weight: bold;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	background-image: url(../front/images/fond_titreHome.gif);
	left: 10px;
}
.titreBlockAdministration {
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #4B7CCA;
	border-right-color: #4B7CCA;
	border-bottom-color: #4B7CCA;
	border-left-color: #4B7CCA;
	background-image: url(../front/images/fond_titreHome.gif);
	left: 10px;
	letter-spacing: -1px;
}
.titreBleu {
	font-weight: bold;
	color: #4B7CCA;
}
.titrePage {
	font-size: 11pt;
	background-image: url(../front/images/fond_titreHome.gif);
	padding-left: 10px;
	font-weight: bold;
}
.warning {
	color: #FF0000;
}
.textegras{
	font-weight: bold;
}

/*Excel list*/
.libelleRupture {
	color: #4B7CCA;
	font-weight: bold;
}

/*Interligo*/

A.onglet1 {
	color : #000000;
	font-family : Arial;
	font-size : 11px;
	font-weight : bold;
	TEXT-DECORATIOn:none;
}

A.onglet1On {
	color : #FFFFFF;
	font-family : Arial;
	font-size : 11px;
	font-weight : bold;
	TEXT-DECORATIOn:underline;
}

.TextBold {
	color : #000000;
	font-family : Arial;
	font-size : 11px;
	TEXT-DECORATIOn:none;
}

a.liensJauneMenuG { font-family: Arial;  font-size: 11px;  font-weight: bold;  color: #FFFF00; text-decoration : none; }

a.liensJauneMenuG:hover { font-family: Arial;  font-size: 11px;  font-weight: bold;  color: #FFFF00; text-decoration : none; }
font.titreContenuBlanc { font-family: Arial;  font-size: 11px;  font-weight: bold;  color: #FFFFFF;    }
a.textSouligne  {
	FONT-SIZE: 11px;
    FONT-FAMILY:  Arial, sans-serif;
	color :#000099; 
	text-decoration: underline;

}

a:visited.textSouligne {
	FONT-SIZE: 11px;
    FONT-FAMILY:  Arial, sans-serif;
	color :#000099; 
	text-decoration: underline;
}

a:active.textSouligne {
	FONT-SIZE: 11px;
    FONT-FAMILY:  Arial, sans-serif;
	color :#000099; 
	text-decoration: underline;
}

a.textSouligne:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY:  Arial, sans-serif;
	color :#000099; 
	text-decoration: underline;
	font-weight : normal;
}

.bigbutton ul{
   margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	vertical-align: middle;

}
.bigbutton li{
	margin: 0;
	margin-left: 10px;	
	padding: 0;
	padding-left: 0px;
	padding-bottom: 5px;
	display: block;
	float:left;
	width:auto;
}
/*
a.liensJauneNews { font-family: Arial;  font-size: 11px;  font-weight: normal;  color: #FFFF00; text-decoration : none; }

FONT, TD, TR, TABLE, BODY
{
    FONT-SIZE: 11px;
}
*/
input.contact{
	width : 167px;
}

INPUT{
	FONT-FAMILY: Arial, sans-serif;
    FONT-SIZE: 10px;
	color: #666666;
}
select
{
font-size:10px;
font-family:Verdana;
font-weight: normal;
}
TEXTAREA
{
    FONT-FAMILY: Arial, sans-serif;
    FONT-SIZE: 10px;
	color: #666666;
}



/* style du site map
*/

#sitemap{
	margin-top:10px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
	border-spacing: 0;
	
	
}

#sitemap ul {
	/*font-size:12px;
	font-family:Verdana;
	font-weight: bold;
	color: #4B7CCA;*/
	text-decoration: underline;
  	
	
	}
#sitemap ul li {
	
	}

#sitemap ul li ul{
	/*font-size:10px;
	font-family:Verdana;
	font-weight: bold;	
	color: #4B7CCA;*/
	text-decoration: underline;
	
	}

#sitemap ul li ul li{
	
	}

#sitemap ul li ul li ul {
	/*font-size:9px;
	font-family:Verdana;
	font-weight: normal;	
	color: #4B7CCA;*/
	text-decoration: underline;
	
	}


/*
products style [Begin]
*/

#productsList #product{
 margin-top: 40px;
}


#productsList #product div{
	margin: 5px;
}

#productsList #product div div{
	margin: 0;
	padding: 0;
	
}


#productsList #product h3{
	font-size: 12pt;
	color: #4B7CCA;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7CCA;
	background-color: #DDE8FF;
	
}

#productsLists #product p{
	margin: 0;
	padding: 0;

}

#productsList #product h4{
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	
}

#productsList #product #description{
	/*border-top: 1px solid #4B7CCA;
	border-right: 1px #4B7CCA;
	border-bottom: 1px #4B7CCA;
	border-left: 1px #4B7CCA;*/
			margin: 0;
		padding: 0;

}

#productsList #product #description img{
	position:relative;
	float:right;
	display:block;
	

}

#product ul{
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		vertical-align: left;
}
#product li{
		margin: 0;
		padding: 0;
		
}

#productsList #product #conditionnement{
	margin-top: 0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding: 0;

}
#productsList #product #conditionnement #conddet{
	/*background-color: #DDE8FF;
	border-top: 1px solid #4B7CCA;
	border-left: 1px #4B7CCA;
	border-right: 1px #4B7CCA;*/
	border-bottom: 1px solid #4B7CCA;
	margin: 0;
	padding: 0;
	text-align:right;
	width:100%;

}

#productsList #product #conditionnement #quantite{
	
	text-align:right;
}

#productsList #product #conditionnement #price{
	text-align:left;
	
}

#productsList #product #conditonnementDescription{
		margin-top: 10px;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		padding: 0;

}
#productsList #footer{
	 margin-top:30px;
	 text-align:center;
}


/*
products style [End]
*/

/* style pour les tableaux générés avec la taglib displaytag pour le questionnaire otc */

table.otc thead tr {
  
}
table.otc tr.even {
 
}
table.otc {
	overflow: auto;
	width:600px;
}
table.otc td{

}

table.otc th {
	display:none;
	visibility:hidden;
}

.navp { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;
	text-decoration: none
	}


body {margin: 0 0 0 0}
td, span, ol, p,select, textearea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
a {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; color: #6F6868}
a:hover {text-decoration: underline}
/*texte*/
h2 {height: 23px; font-size: 13px; color: #000000; font-weight:bold; background-image:url(../images/b_stitre.gif); background-repeat:no-repeat; padding-left:0px; text-align:left; padding-bottom:0px; margin-bottom:10px}
p {text-align:left; font-size: 11px; color: #000000; line-height:13px}
/*------------- tableau---------*/
/* produit */
.tproduit {background-color:#F3F3F3}
.tproduit td{text-align:center}
.tproduit a {font-size: 12px; color: #000000; font-weight:bold; text-decoration:none}
.tproduit a:hover {text-decoration: underline}
/* popup*/
.tproduitpopup {background-color:#FFFFFF}
.tproduitpopup .color_rouge {background-color:#E91511}
/* actualite*/
.tactualite {text-align:left; }
.tactualite .titre {font-size: 13px; color: #FFFFFF; text-align:left; font-weight:normal; background-color:#E91511; padding-left:10px; padding-top:5px; padding-bottom:5px}
.tactualite .date {color:#E91511}
.tactualite a {text-decoration:none}
.tactualite a:hover {text-align:left; color:#000000}
/*bas page*/
.baspage {padding-top:3px; padding-bottom:3px}

.titreDealer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
}

#pagecenter {text-align:center}
#tvisuHaut {background-color:#000000; text-align:center}

/* MENU */
.navion {padding-left: 3px; padding-right:3px; font-size: 11px; color: #000000; font-weight:bold; }
.navion a {font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration:none}
.navion a:hover {color:#E91511; text-decoration:none}
.navioff {padding-left: 3px; padding-right:3px; font-size: 11px; color: #000000; font-weight:bold; }
.navioff a {font-size: 11px; color: #000000; font-weight:bold; text-decoration:none}
.navioff a:hover {color:#E91511; text-decoration:none}
/* zone bas*/
.nap {padding-left: 3px; padding-right:3px}
.nap a {font-size: 11px; color: #000000; text-decoration:none}
.nap a:hover {color:#000000; text-decoration: underline}
.zoneMenu {padding-top:5px; padding-bottom:5px; background-color:#999999; border:1px solid #000000}

/* texte */
.titre {font-size: 14px; color: #000000; font-weight:bold;}
.titrepopup {font-size: 14px; color: #000000; font-weight:bold; background-color:#CCCCCC; padding-top:5px; padding-bottom:5px; padding-left:10px}
/*contenu*/
#zonecontenu {background-color:#FFFFFF}
.menuLeftTableau {width: 140px; height:14px; background-color:#999999; border:1px solid #000000}
.menuLeft { background-image:url(../images/nav_menu.gif); background-repeat:no-repeat; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:15px}
.menuLeft a {font-size: 11px; color: #000000; font-weight:bold; text-decoration:none}
.menuLeft a:hover{text-decoration:none; color:#FFFFFF}
.menuLeftSelectedTableau {width: 140px; height:14px; background-color:CACBCD; border:1px solid #000000}
.menuLeftSelectedAvecImg {background-image:url(../images/nav_menu.gif); background-repeat:no-repeat; font-weight:bold; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:15px}
.menuLeftSelectedAvecImg a {font-size: 11px; color: #000000; text-decoration:none; font-weight: bold}
.menuLeftSelectedAvecImg a:hover{text-decoration:none; color:#666666}
.menuLeftSelected { font-weight:bold; text-align:left; padding-top:2px; padding-bottom:2px; padding-left:15px}
.menuLeftSelected a {font-size: 11px; color: #000000; text-decoration:none; font-weight: normal}
.menuLeftSelected a:hover{text-decoration:none; color:#666666}

.date {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
.date:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}

.lienhom {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold}
.lienhom:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline}

.libhome {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}

.txt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

a.newsActu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight:bold; text-align:left; text-decoration:none}
a.newsDocPro {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight:bold; text-align:left; text-decoration:none}

.titrepagePro {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #000000;
	text-decoration: none
}