html { margin: 0px; } 

h1 { 
	color: #535769;
	font: bold 1.0em Arial, Verdana, Helvetica, sans-serif;	
	/* text-align: center; */
	}
p  {    padding: 0px 0px 0px 0px;}


/* #colprincipale h1 {border-top-color: #15477A;} */

h2 { 
	color: #535769;
	font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;	
}
h5 { 
	color: #000000;
	font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;	
}
body { 
	 background: #8FA9C3;
	
	/* background-image: url('images/arriereplan.gif'); */
 	text-align: center; 
 	font: 0.71em Verdana, Arial, Helvetica, sans-serif; 
 	margin: 0px; 
	padding: 0px;
	
}
#colgauche form { margin: 0 0 0 1em; }

#colgauche form .champ { /* font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; */
			width: 7em;
			/* height: 1.4em; */}


 #coldroite h1 { margin: 1.5em 0 0 1em;
		font-weight: bold;
		color: #000;
		text-align:left;
		 } 

#page, #page3col, #page3colaccueil { 
	margin: 0px auto;  /* Pour centrer la page dans Mozilla */ 
 	 background: url('images/bkpage_2col2.gif') repeat-y; 
 	text-align: left; 
 	width: 749px;    /* La largeur doit être la même que l'image d'arrière plan */ 
	padding: 0px 17px 0px 17px; 
	/* Hack */ 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 715px; 
} 
#prog { float:left; }
	html>body #page, html>body #page3col { width: 715px; }
#page3col {
	background: url('images/bkpage_3col2.gif') repeat-y; 
	}
/* #page3colaccueil {
	background: url('images/bkpage_3col1.gif') repeat-y; 
} */
#accueil {background: url('images/armoirie_gamma1.gif') no-repeat;
		width: 375px; height: 306px;}

#entete 	{  height: 80px; 
		   background: #2B4D7D; 
		  /* float:left; CBD1D4 */
		}
.titre_objet {font-weight: normal ;}
.objet {text-decoration:underline ; }
#logo img { float: left;   
		  	width: 168px;
		  	padding:0px;
			color:#2B4D7D;
		  	/*background-image: url('images/logo_gamma_nouveau.bmp') no-repeat;
			height:inherit;	*/} 
#logo {background-color:#2B4D7D;}		  
#banniere img { float: left;
		   width: 547px;
		   padding: 0px; 
		   }
/* .logout p { text-align: right; } */
#menuh { 
	background: url('images/menuhoribk.gif') #5781AE repeat-x; 
	border-top: solid 1px #293F6F; 
 	padding: 5px; 
	color: #46719C; 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}
#menuh ul { 
 	list-style: none;  /* supprime la marque de liste */ 
	padding: 0px;    /* supprime les  espaces*/ 
 	margin: 0px;  	} 

#menuh ul li { 
 	
	display: inline;  /* affiche les éléments de la liste en ligne */ 
 	padding: 0px 5px 0px 5px;  /* Espace entre les éléments de la liste */ 
	border-right: 1px solid #fff; 

} 

#menuh  ul a:link, #menuh ul a:visited { 
 	color: #000; 
 	text-decoration: none; 
} 

#menuh ul a:active { 
 	/* color: #051E37;  */
 	text-decoration: none; 
}
#menuh ul a:hover { 
 	 /* color: #051E37;*/
 	text-decoration: none;
	background: #B8CDE0;  /* #ACC4DD; */
}
#navigation_haute {  
	background:url('images/nav_haute.gif') no-repeat;
	width:152px;
	height:28px; 
	padding: 0px;
	margin: 0px;
}
#navigation_haute_c {  
	background:url('images/nav_haute_contact.gif') no-repeat;
	width: 152px;
	height: 17px; 
	padding: 0px;
	margin: 0px;
}
#navigation_basse {  
	background:url('images/nav_basse.gif') no-repeat;
	width:152px;
	height:28px;
	padding: 0px;
	margin: 0px;
}
#navigation_basse_c {  
	background:url('images/nav_basse_contact.gif') no-repeat;
	width:152px;
	height:17px;
	padding: 0px;
	margin: 0px;
}

#hautgauche, #hautdroit, #basgauche, #basdroit  {	height: 19px; 
							width: 40px;
							background-repeat: no-repeat;
							font-size: 1px; /* Correction d'un bogue de IE */ 
							}
#hautgauche {background-image: url('images/hautgauche.gif');}

#hautdroit { float: right; 
		background-image: url('images/hautdroit.gif');}

#colgauche haut {background-color: #00ff99;}

#basgauche {background-image: url('images/basgauche.gif');}

#basdroit {	float: right; 
		background-image: url('images/basdroit.gif');}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

dl#menu {
	width: 9em; /* 10em; */
	text-align: center;
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	}
dl#menu dt {	
		cursor: pointer; 
		margin: 2px 0px; /* 0px; */
		height: 20px; 
		/* line-height: 20px; */
		text-align: left;
		font-weight: bold;
		border: 0px ; /* 1px solid gray; */
		background: #CBD1D4;
		padding-bottom:5px;}
dl#menu dd {
	border: 0px;  
	/* font-weight: bold; */
	background: #CBD1D4;
}
dl#menu li { 	text-align: left; 
		background: #CBD1D4;
		 font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
	  } 
dl#menu li a, dl#menu dt a {
	color: #000000 ; /* #CBD1D4 */
	text-decoration: none;
	display: block;
	border: 0px;
	height: 100%;
}


dl#menu li a:hover {
background: #E1E5E7;
}

#colgauche { 
	width: 168px; /* 168px; */ 
	float: left;
	padding: 10px 8px 8px 10px; /* 10px 8px 8px 10px; */
 	/* box model hack */ 
 	voice-family: "\"}\""; 
 	voice-family:inherit; 
 	width: 152px; /* 152px; */
	/* background-color: #0099FF;  */
} 
html>body #colgauche { width: 152px; /* 152px; */ } 
/* #rech { 	width: 158px; 
			float: left;
			padding: 10px 8px 8px 10px;
			} */
#colprincipale { 
 	width: 545px; 
 	float: left; 
	 padding: 5px; 
 	/* Elemination du bogues IE */ 
	voice-family: "\"}\""; 
 	voice-family:inherit; 
 	width: 525px; 
	}
html>body #colprincipale { width: 525px; }
#colprincipale h1 {text-align: left;
		   font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;}
#colcentre, #colcentre1 {			
	width: 395px; 
	float: left;
	padding: 10px;
	margin-bottom: 2em;
	/* Contre le bogue de IE */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 375px;
}
#colcentre ul li { padding-bottom:5px; /* background:url(images/con-lilac.gif) no-repeat 0 0px;*/}
#colcentre h1, #colcentre1 h1, #colprincipale h1 {	text-align: left;
		 border-bottom: 1px solid #174D83;
		font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
		}
	html>body #colcentre,html>body #colcentre1  { width: 395px; }

#colcentre h2 {		font :  bold 1.1em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			margin: 0px;
			padding: 5px;
			background: url('images/bk_ss_titre2.gif') no-repeat;
			text-align: center ; }

#colcentre h3 {		font :  bold 1.0em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			margin: 0px;
			padding: 5px;
			background: url('images/bk_ss_titre_niv3.gif') no-repeat;
			text-align: center ;}
#colcentre h4
			{font :  bold 1.0em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			padding: 0px; 
			/* margin-top: 3.0 em;
			border-bottom: 1px solid #OOO;
			border-left: 1px solid #FFF;*/
			background: url('images/bk_ss_titre_niv3.gif') no-repeat;
			text-align: left ;}
#colprincipale h4 {font :  bold 1.0em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			padding: 2px; 
			/* margin-top: 3.0 em;
			border-bottom: 1px solid #OOO;
			border-left: 1px solid #FFF;*/
			background: url('images/bk_ss_titre_niv3.gif') ;
			text-align: left ;} 
.cont { font :  bold 1.0em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			padding: 2px; 
			/* margin-top: 3.0 em;
			border-bottom: 1px solid #OOO;
			border-left: 1px solid #FFF;
			background: url('images/bk_ss_titre_niv3.gif') ; */
			text-align: left ;}
#colprincipale h3 {font :  bold 1.0em Verdana ;
			Color : #000 ;/* #142A3F ;*/
			padding: 0px; 
			/* margin-top: 3.0 em;
			border-bottom: 1px solid #OOO;
			border-left: 1px solid #FFF;*/
			background: url('images/bk_ss_titre_niv3.gif') ;
			text-align: center ;} 
#sig p {	font : bold 1.0em Geneva, Arial, Helvetica, sans-serif ;
				Color : #000 ; 
				padding:0px;
				margin:0px; }

#sig 		{ float: right;
				/* width:3em; */
				padding:0px;
				margin:0px;
				text-align: left;}
			
#colcentre p {
	color: #000;
	text-align: justify;
	text-indent: 3em;
}
/* #colcentre .text {border-bottom: 1px solid #000 ; border-top: 1px solid #000 ; border-right: 1px solid #000 ; border-left: 1px solid #000 ;} */

#colcentre span {color: #000; font: bold 1.0em Arial, Verdana, Helvetica, sans-serif;}

/* colcentre p:first-letter {font-size:large;} */
#colcentre h1 a, #colprincipale h1 a {text-decoration:none;}
#colcentre1 h1, #colcentre h1, #colprincipale h1  {color: #000;}
#colcentre h1 a:link, #colcentre h1 a:visited, #colcentre h1 a:hover, #colprincipale h1 a:link, #colprincipale h1 a:visited, #colprincipale h1 a:hover  {text-decoration:none; color: blue;}
.boitelement {
	vertical-align:middle;
	width:90%;
    height:80px;
    margin: 7px 5px 7px 5px; 
    padding:5px;
    /* border:1px solid #888888; */
    font-size:small;}
.boitelement a:link, .boitelement a:visited, .boitelement a:hover {color: blue;}
.listeproduitimage {
    float:left;
    width:110px;}

img {border:0;}
#imagesiege {float:left; padding-right:5px; /* 5px; */ }

.element{
	margin:0px 5px 0px 5px; 
	padding:5px; /*5px*/
	/* font: bold 1.0em Arial, Verdana, Helvetica, sans-serif; */
	color:#535769;
/* border-left:4px solid #678BAD; border-right:1px solid #888888; border-top:1px solid #888888; border-bottom:1px solid #888888; */
	text-align:justify;}

/* .element p:first-letter {font-size:large;} .element span:first-letter {font-size:large;} */
	
.element p {padding-left:0px; /*136 px;*/ } /* .element p {margin-left:5px;} */
.element img {margin-top:0.5em;
			margin-bottom: 0.1em; }
#servicecontenu {margin:0px 0px 0px 0px; }
.servicedetail {
	border:1px solid #888888; 
	margin:10px 15px 10px 10px;
	padding:0px;}

.servicedetailgauche {
	float:left;
	width:210px;
	height:280px;
	text-align:center;}

.servicedetaildroite {
	margin-left:10px;
	height:280px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:small;}

/* PRODUCTS LIST */

.productListBox {
	vertical-align:middle;
	width:395px;
    height:80px;
    margin:2% 0px 5px;
    padding:0px;
   /* float:left; */} 
.productListBox_contact {
	vertical-align:middle;
	width:500px;
    height:80px;
    margin:2% 0px 5px;
    padding:0px;
   /* float:left; */} 

.productListBox3 {
		float:left;
		vertical-align:middle;
		width:150px;
    	height:20px;
	    margin:0% 1%;
	/*	border-right: 1px solid #333333;
       padding:0px;	
     */}
#produitscontenu {
	vertical-align:middle;
	width:520px;
    height:50px;
    margin:2% 0px 5px;
    padding:0px;
   }
#produitscontenu1 {
	vertical-align:middle;
	width:520px;
    height:50px;
    margin:2% 0px 5px;
    padding-top: 65px;
   }
#produitscontenu2 {
	vertical-align:middle;
	width:520px;
    height:50px;
    margin:2% 0px 5px;
    padding-top: 100px;
   }
.productListBox1, .productListBox2 {
/*	vertical-align:middle; */
	width:375px;
    height:113px;
    margin:5px 10px;
    padding:0px;
	text-align:justify;
    }
.productListBox_offre {
/*	vertical-align:middle; */
	width:375px;
    height:113px;
    margin:2px 5px;
    padding:0px;
    }
.productListBox_qualite {
/*	vertical-align:middle; */
	width:375px;
    height:auto;
    margin:5px 10px;
    padding:0px;
    }

 .productListBox1 ul, .productListBox ul, productListBox_qualite ul {
	margin: 0;
	padding: 0 12px;
	}
 .productListBox_offre ul {
	margin: 0;
	padding: 0 5px;

 }
 .programme {
  
	margin: 10px;
	padding: 0 18px;
	font :  bold 1.0em verdana
	
	}
	.directeur {
	margin: 10px;
	padding: 0 18px;
	font :  bold 1.0em Tahoma,Castellar;
	word-spacing: 10em;
	line-height: inherit;
	}
.productListBox1 ul li, .productListBox ul li, .productListBox_qualite ul li, .productListBox_offre ul li{
	margin: 0 0 0 12px;
	padding: 5px 0 5px 18px;
	list-style: none;
	/*background: url(images/con-blue.gif) no-repeat 0 1px;*/
	background: url(images/Next.gif) no-repeat 0 1px;
	
	}
.productListImage, .productListImage1{
    float:left;
    width:130px;}
	
.productListImage2 {
    float:left;
    width:150px;}
	
.productListImage3 {
	float:left;
	width:150px;
	height: 115px;
	
}
.productListInfo{
	float:left;
	width:260px;
	text-align: justify;
}
.productListnavig {
	float:right;
	width:auto;
	text-align: right;
	margin: auto;
}
.productListnavig a:link, {
	text-decoration: none;
	color: 000;
	
}
.productListnavig a:hover, {
	background : blue;
	
}
.productListInfo3{
	float:left;
	width:150px;
	text-align: center;
	height: 20px;
}
	
/* .productListInfo2{
    float:right;
    width:260px;
	text-align: justify;} */
	
.productListInfo1 {
    float:left;
    width:260px;
	text-align: justify;}
#coldroite {
	background: url('images/arc_haut_mnu_droit3.gif') no-repeat; 
	/*width: 120px; /* 100%; */*/
	width: 150px; 
	float: left;
	padding:5px 0px 0px 1%;
	text-align:center ;
	margin: 0px;
	/* background-color:#CCCC66; */
	/* padding-left: 36px; */
	/* left:0px; */
	/* margin: 0px auto; */
	
	/* padding: 10px; */
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; /* 130px */
}
#coldroite1 {
	background: url('images/arc_haut_mnu_droit3.gif') no-repeat; 
	/*width: 120px; /* 100%; */*/
	width: 170px; 
	float: left;
	padding:5px 0px 0px 1%;
	text-align: left ;
	margin: 0px;
	/* background-color:#CCCC66; */
	/* padding-left: 36px; */
	/* left:0px; */
	/* margin: 0px auto; */
	
	/* padding: 10px; */
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; /* 130px */
}
html>body #coldroite { width: 115px; }
#coldroite p { padding:5px 0px 0px 10px; text-align: left ; }

#coldroite h1 { padding:15px 0px 0px 15px;  } 
#coldroite .offre_formation { text-align:center; }
#colgauche p {font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
		padding-bottom:5px;}	
		
/* #coldroite1 {
	background: url('images/arc_haut_mnu_droit2.gif') no-repeat;
	float:left;
	width:129px;
	height:47px;
	padding-left: inherit; } */		
#colgauche ul 
	{ 
 	list-style: none; 
	padding: 0px; 
 	margin: 0px; 
	text-align: center;
	background-color: #8CA7C1; 
	
	} 
#colgauche li{text-align: left; font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; padding-bottom:2px; } 


#colgauche a:link, #colgauche a:visited, #colgauche a:active { 
 	display: block; 
 	font: 1.0em Verdana, Arial, Helvetica, sans-serif; 
 	color: #000; 
 	text-decoration: none; 
	 padding: 5px; 
 	/* width: 153px; */ 
	height: 26px; 
 	/* Elemination du bogue IE */ 
 	voice-family: "\"}\""; 
 	voice-family:inherit; 
	/* width: 143px; */
	height: 16px; 

} 

#colgauche a:hover { 
 	display: block; 
 	font: 1.0em Verdana, Arial, Helvetica, sans-serif; 
 	color: #000; 
	background: #B8CDE0; /* #ACC4DD; #E1E5E7; */
 	text-decoration: none; 
	padding: 5px; 
 	height: 26px;

 	/* Elemination du bogue IE */ 
 	voice-family: "\"}\""; 
 	voice-family:inherit; 
	height: 16px; 
} 
html>body #colgauche a:link, html>body #colgauche a:visited, html>body #colgauche a:hover { 
 	height: 10px; 
}
table#productPrices {	margin:2px 0px 10px; }

table#productPrices_cont { 	margin:2px 0px /* 20px */ 10px; 
							/*padding-bottom: 100%; */}	
				
td#meftab { margin:0; padding:0; float: left; }

td#meftabdyn { margin:0; padding:0; float: left; }

table#productPrices td {
	padding:2px;
	font-size:xx-small;
	border-bottom:1px solid #ccc; 
	/* font: 0.6em Verdana, Arial, Helvetica, sans-serif; */ }
table#productPrices1 td {
	padding:2px;
	font-size:xx-small;
	/*border-bottom:1px solid #ccc; */
	/* font: 0.6em Verdana, Arial, Helvetica, sans-serif; */ }
	/* Mise en forme des prix promotionnels*/
.ancien_prix { text-decoration:line-through ;
				text-align:center ;}
.limite_stock { text-align: center ;
				font-style:italic; font-size: small; font-family:Geneva, Arial, Helvetica, sans-serif ;}				
.nouveau_prix, .prix_ttc {text-align : center ;}
.declaration { text-decoration:none ; }
.version_pdf { float: right ;}
.titre_produit_promo {text-align : left ;}
.titre_nouveau_prix, .titre_ancien_prix { text-align:center ;}
table#productPrices th, table#productPrices1 th  {
	padding:2px;
	font-size:x-small;
/*		 border-bottom:1px solid #ccc; */ }
table#productPrices p {text-align: center;}
 table#productPrices th,  table#productPrices1 th,{
	/* background-color:#d6d6d6;  
	border-bottom:1px solid #ccc;*/
	font-weight:bold;}
table#productPrices p { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;  }
#coldroite img { margin:0px;
		 		padding:0px} 
#colbasse { 
 	margin: 0px auto; /* Pour centrer le pied de page dans Mozilla */ 
 	background: url('images/bk_bas2_avant.gif') no-repeat; 
 	width: 749px;    /*  La largeur doit être la même que l'image d'arrière plan */
	color:  #FFFFFF; 
	/* padding: 10px 0px 10px 0px;  Pas besoin de hack modele car l'espacement est appliqué en haut en en bas, non aux cotés */
 
}
#contact {	float: left;
		width:300px; 
		background-color: #E8EEF1; 
		margin-left: 20px;
		}
#arrondi_pied_haut {	float: left;
			background:url('images/pied_haut.gif') no-repeat;
			width:300px; 
			height:20px;}
#arrondi_pied_bas {	float: left;
			background:url('images/pied_bas.gif') no-repeat;
			width:300px; 
			height:20px;
			}
#contact p	{	float: left ; 
			padding:0px ;
			text-align:justify;
			font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;} 
#pied { 
 	margin: 0px auto;  /* Pour centrer le pied de page dans Mozilla */ 
 	background: url('images/bk_bas1.gif') no-repeat; 
 	width: 749px;    /*  La largeur doit être la même que l'image d'arrière plan */
	color:  #FFFFFF; 
	padding: 10px 0px 10px 0px; /* Pas besoin de hack modele car l'espacement est appliqué en haut en en bas, non aux cotés */
 
}
.form {
	float:left;
	margin-bottom:auto;
}
div.nepasvoir p:first-line {font-weight: bold;}
tr#nepasimprimer {display: none;}
.meform p {}
.fetes {
	float :right;
/* padding-bottom : 10px; */
}
.intro_index{ /*padding-top: 20px;*/}
.clear { clear: both; }
.w3c { 	float: left;
		 margin-top: 5em;
		padding-left: 115px ;
		padding-top: 70%;
		padding-bottom: 0px; }

.w3c_cont { 	float: left;
				margin-top: 6em;
				padding-left: 115px ;
				padding-top: 100%;
				padding-bottom: 0px; 
				clear:both; }
		
.w3c_offre { 	float: left;
				margin-top:6em;
				padding-left: 115px ;
				padding-top: 100%; 
				padding-bottom: 0px; 
				clear:both;}