@charset "iso-8859-1"; 



BODY {
FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; 
FONT-SIZE: 9pt; 
COLOR: #18A5BB;
TEXT-ALIGN: center;
margin: 0;
padding: 0;
background-color: #288E9E;
}

img {
border:0;
}

#content {	
position: relative;
width:753px;	
margin: 0 auto;
top:7px;
}

a {
color:#35B0C3;
text-decoration:none;
}

a:hover {
color:#FB7B3F;
text-decoration:none;
}

p{
FONT-SIZE: 8pt; 
text-align:justify;
margin:0px;
}

p.big{
FONT-SIZE: 10pt; 
}

p.left{
text-align:left;
}

img.png {
behavior: url(png.htc);
border:0;
}

#imgsize {
	width:expression(document.body.clientWidth > 200 ? "200px" : "auto");
	max-width:200px;
}

#imgsizebis {
	width:expression(document.body.clientWidth > 100 ? "100px" : "auto");
	max-width:100px;
}

#logo {
	position:absolute;
	left:10px;
	top:10px;
	z-index:90;
	display:block;
	cursor:hand;
}

#intro {
	display:block; 
	padding:4px; 
	color:#F29258; 
	font-size:10pt; 
	font-weight:bold; 
	color:#666;
	text-align:center;
}

a.intro{
	display:block; 
	font-size:8pt; 
	font-weight:bold; 
	text-align:right;
}

a:hover.intro{
	display:block; 
	font-size:8pt; 
	font-weight:bold; 
	text-align:right;
	text-decoration:underline;
}

	#titre{
	position:absolute;
	top:16px;
	width:725px;
	text-align:right;
	z-index:97;
	}

	#titre H1{
		FONT-SIZE: 12px;  
		margin:0px;
		color:#6EC7D7;
		LETTER-SPACING: 0px;
	}

	#titre H2{
		FONT-SIZE: 13pt; 
		COLOR: #288E9E; 
		margin:0px;
		LETTER-SPACING: -1px;
	}

		H1 {
		FONT-SIZE: 13pt; 
		COLOR: #288E9E; 
		margin:0px;
		LETTER-SPACING: -1px;
		}
		
		H2 {
		FONT-SIZE: 20px;  
		margin:0px;
		}

		H4 {
		FONT-SIZE: 24px;  
		text-align: left;
		margin:10px 0px 3px 18px;
		}
		
		H3 {
		FONT-SIZE: 12px;
		text-align: left;
		margin:3px 0px 18px 18px;
		}

	#menu-top0{
	position:absolute;
	top:60px;
	left:216px;
	z-index:97;
	}

	#menu_accueil{
	position:absolute;
	top:6px;
	left:0px;
	width:90px;
	z-index:999;
	font-size:8pt;
	}
	
	#close{
	text-align:right; 
	padding:2px; 
	color:red; 
	font-size:6pt;
	display:block;
	border-bottom:#288E9E 1px solid; 
	background:#D7F1F5;
	cursor:pointer;
	}

	#menu_produit{
	position:absolute;
	top:84px;
	left:210px;
	width:90px;
	background:white;
	border:#CCE82D 2px solid; 
	z-index:999;
	}
	
	#menu_contact{
	position:absolute;
	top:84px;
	right:14px;
	width:130px;
	background:white;
	border:#CCE82D 2px solid; 
	z-index:999;
	}
	
	a.menu{
	text-align:left; 
	padding:6px; 
	font-size:10pt;
	display:block;
	border-bottom:#D7F1F5 1px solid; 
	background:#fff;
	}
	
	#menu-top1{
	position:absolute;
	top:60px;
	left:302px;
	z-index:97;
	}

	#menu-top2{
	position:absolute;
	top:60px;
	left:392px;
	z-index:97;
	}

	#menu-top3{
	position:absolute;
	top:60px;
	left:500px;
	z-index:97;
	}

	#menu-top4{
	position:absolute;
	top:60px;
	left:652px;
	z-index:97;
	}

	a.encart94 {
		width:94px; 
		height:90px; 
		margin:8px 55px 0px 10px;
		padding-top:4px;
		text-align:center; 
		font-weight:700;
		display:block;
		color:#FFF;
	}

	a.encartintro {
		width:120px; 
		height:107px; 
		margin:8px 55px 0px 10px;
		padding-top:4px;
		text-align:center; 
		font-weight:700;
		display:block;
		color:#FFF;
		background-position:top left;
		background-repeat:no-repeat;
	}
	
	
	li.gauche {
		color:#35B0C3;
		font-size:10pt;	
		margin: 12px 8px 0px 4px;
		text-align:left;
	}
	
	h1.gauche {
		background-color:#6EC7D7; 
		padding:8px; 
		color:#FFF;
	}
	
		a.menu-top, span.menu-top{
		font-size: 11pt; 
		font-weight: 700;
		color:#35b0c3;
		text-decoration:none;
		padding-right:13px;
		background-image:url(images/fleche-bas-bleu.gif);
		background-repeat: no-repeat;
		background-position:right 70%;
		}

		a.menu-top:hover, a.menu-top-on, span.menu-top:hover, span.menu-top-on {
		FONT-SIZE: 13pt; 
		FONT-WEIGHT: 400;
		color:#FB7B3F;
		cursor:  pointer;
		text-decoration:none;
		padding-right:13px;
		background-image:url(images/fleche-bas-orange.gif);
		background-repeat: no-repeat;
		background-position:right 70%;
		}

	TD { 
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	}
			
				TD.entete { 
				FONT-style:italic;
				text-align:center;
				border-bottom:2px solid #333333; 
				border-right:1px solid #333333; 
				COLOR: #FFFFFF;
				}
				
				TD.ref { 
				FONT-SIZE: 9pt;
				FONT-WEIGHT: bold;
				COLOR: #7FBAD2;
				}
				
				TD.prix { 
				FONT-SIZE: 9pt;
				FONT-WEIGHT: bold;
				COLOR: #509AC3;
				}
				
				a.tab {
				display:inline;
				}

				a.tab:hover {
				display:inline;
				background-color: #FFFFFF;
				}

				TD.sepa { 
				FONT-SIZE: 1pt;
				border-bottom:1px solid #222222; 
				}

		TD.top { 
		FONT-SIZE: 10pt;
		background-image:url("images/banniere.jpg");
		background-repeat: no-repeat;
		COLOR: #333333;
		width:753px;
		}
	
		p.intro {
		text-align:center; 
		font-size: 10pt; 
		margin-left:10px;
		color:#26AABF;
		}
		
/* ligne */

	/* logo, recherche login */
	
		#top {
		width:753px;	
		height:84px;
		}

	/* corps */

	
	a.pdf {
		background-image:url("images/pdf.jpg");
		background-repeat: no-repeat;
		padding:2px 0px 2px 20px;
		margin-left:10px;
	}
	
	#corps {
		width:753px;
		z-index:80;
		background-image:url("images/fond.jpg");
		background-repeat: no-repeat;
		background-position: top;	
		height:463px;		
		}

			/* COLONNE DE CONTENU */
			
				TD.contenu { 
				FONT-SIZE: 8pt; 
				COLOR: #18A5BB;
				width:553px;
				vertical-align:top;
				height:446px;	
				_height:432px;	
				text-align:left;
				}
				
				TD.nomade {
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 10px;
				padding-bottom: 0px;
				}
				
				

					#contenu_content { 
					padding-bottom:26px;
					}

					#corps-contenu { 
					position:absolute;
					top:102px;
					left:216px;
					z-index:97;
					FONT-SIZE: 11pt; 
					COLOR:#FFFFFF;
					font-weight:normal;
					text-align:justify;
					width:382px;
					line-height:12pt;
					}

					#corps-contenubis{ 
					position:absolute;
					top:110px;
					padding-left:216px;
					z-index:97;
					FONT-SIZE: 14pt; 
					COLOR:#FFFFFF;
					font-weight:normal;
					text-align:justify;
					width:382px;
					}
					
					#nomade_bas {
					position: absolute; 
					top:480px; 
					width: 482px; 
					left:208px;
					background-image:url(images/fond-nomade.jpg);
					background-repeat:no-repeat;
					background-position:right top;
					}
					
					.encadre {
					background-color:#6EC7D7; 
					border: 2px solid #CFE939; 
					font-size:13pt; 
					margin: 30pt 10pt 0pt 0pt; 					
					padding : 10pt; 
					width:105px; 
					text-align:center;					
					}
			
				#image_produit img {
				padding-right:10px; 
				width:60px;
				}
				
				#imgprod {
					margin:0; 
					padding-top:10px; 
					padding-bottom:10px;
				}
			
				div.droite {
				float:right; 
				width:244px; 
				text-align:right; 
				font-size:20px;
				}

				p.bis{
				color:#26AABF;
				FONT-SIZE: 8pt; 
				text-align:left;
				padding-left:70px;
				padding-right:6px;
				}
				
				.coop {
					FONT-SIZE: 14px; 
					font-weight:700;
					color:#CBE82F;
				}
				
				.inst {
					FONT-SIZE: 14px; 
					font-weight:700;
					color:#FB7B3F;
				}
				
				a.inst:hover {
					color:#0FA1B8;
				}
				
				.cirq{
					FONT-SIZE: 14px; 
					font-weight:700;
					color:#0FA1B8;
				}
				
				#recap {
					}
						
						#recap H2 {
							FONT-SIZE: 12px; 
							color:#288E9E;
							text-align:right;
							margin:0px;
							}
						
						#recap H3 {
							FONT-SIZE: 12px; 
							color:#288E9E;
							text-align:right;
							margin:0px;
							}
						
						#recap H4 {
							FONT-SIZE: 12px; 
							color:#288E9E;
							text-align:right;
							margin:0px;
							}
						
						#recap H5 {
							padding-top:10px;
							FONT-SIZE: 14px; 
							color:#288E9E;
							text-align:left;
							margin:0px;
							}
						
						#recap img {
							FONT-SIZE: 14px; 
							color:#288E9E;
							text-align:left;
							margin:0px;
							}
				
				#kit {
					cursor:pointer; 
					position:absolute; 
					background-image:url(images/supp.gif); 
					background-repeat:no-repeat; 
					background-position: 99% 1%; 
					z-index:99; 
					padding:3px; 
					text-align:left; 
					font-size:9pt; 
					display:none; 
					border:3px solid #E6CC53; 
					top:155px; left:2px; 
					width:340px; 
					margin-left:13px; 
					}
				
				#menu-prod {
					padding:0px; 
					text-align:left; 
					font-size:8pt; 
					display:block; 
					}		
					
						#menu-prod  ul {
							padding-left:10px; 
							margin-left:10px; 
							text-align:left; 
							}
						
				td.service {
				border:#26AABF 1px solid;
				padding:4px;
				margin:4px;
				vertical-align:top;
				text-align:center;
				color:#26AABF;
				background-color:#FFFFFF;
				}
						
					/* BLOC */
							
							H1.content { 
							display:block;
							FONT-SIZE: 16pt; 
							COLOR:#7FBAD2;
							border-bottom:1px dotted #4C5665;
							font-weight:normal;
							}

							H1.contentcalc { 
							display:block;
							FONT-SIZE: 16pt; 
							COLOR:#EF5DF0;
							border-bottom:1px dotted #4C5665;
							font-weight:normal;
							}
						
							H1.contentbis { 
							display:block;
							FONT-SIZE: 14pt; 
							COLOR:#167DB7;
							font-weight:bold;
							text-align:right;
							}
										
							TD.content { 
							FONT-SIZE: 9pt; 
							COLOR:#EEEEEE;
							vertical-align:top;
							padding-top:18px;
							}
							
							p.content { 
							FONT-SIZE: 9pt;
							COLOR:#EEEEEE;
							text-align:justify;
							}
							
							p.contentbis { 
							FONT-SIZE: 8pt;
							COLOR:#333333;
							text-align:right;
							padding-right:10px;
							}
						

							UL, LI { 
							FONT-SIZE: 8pt; 
							text-align:justify;
							margin-top:2px;
							margin-bottom:2px;
							}
							

								A.content {
								FONT-SIZE: 9pt; 
								COLOR : #167DB7;
								text-decoration:none;
								}

								A.content:hover {
								FONT-SIZE: 9pt; 
								COLOR : #167DB7;
								text-decoration:underline;
								}

								A.lien {
								FONT-SIZE: 10pt; 
								COLOR : #333333;
								text-decoration:none;
								}

								A.lien:hover {
								FONT-SIZE: 10pt; 
								COLOR : #333333;
								text-decoration:none;
								}
					

					#photo {
					float : left;
					border:#000000 2px solid;
					margin-right:10px;
					margin-bottom:6px;
					margin-top:10px;
					}

								
					/* BLOC */
		
							H1.actu { 
							FONT-SIZE: 11pt; 
							COLOR:#333333;
							font-weight:normal;
							padding-top:6px;
							margin:0px;
							}

								A.H1actu {
								FONT-SIZE: 11pt; 
								COLOR:#333333;
								font-weight:normal;
								text-decoration:none;
								}

								A.H1actu:hover {
								FONT-SIZE: 11pt; 
								COLOR:#333333;
								font-weight:normal;
								padding-top:6px;
								text-decoration:underline;
								}
								
							H1.actu-dossier { 
							FONT-SIZE: 8pt; 
							COLOR:#9DA6BE;
							font-weight:normal;
							margin:0px;
							text-align:right;
							padding-top:6px;
							}
				
								a.H1actu-dossier {
								FONT-SIZE: 8pt;
								COLOR: #9DA6BE;
								text-decoration:none;
								}

								a.H1actu-dossier:hover {
								FONT-SIZE: 8pt;
								COLOR: #000000;
								text-decoration:none;
								}
										
							p.actu { 
							FONT-SIZE: 9pt; 
							COLOR:#333333;
							text-align:justify;
							}
							
							p.actubis { 
							FONT-SIZE: 10pt; 
							COLOR:#555555;
							text-align:left;
							}
							
							p.droite { 
							FONT-SIZE: 8pt; 
							COLOR:#CCCCCC;
							text-align:right;
							}

								A.actu {
								FONT-SIZE: 8pt; 
								COLOR : #000000;
								text-decoration:none;
								BACKGROUND-COLOR : #9DA6BE;
								padding-left:4px;
								padding-right:4px;
								border:#000000 1px solid;
								}

								A.actu:hover {
								FONT-SIZE: 8pt; 
								COLOR : #FFFFFF;
								text-decoration:none;
								BACKGROUND-COLOR : #000000;
								padding-left:4px;
								padding-right:4px;
								border:#9DA6BE 1px solid;
								}
								

			/* BOUTIQUE */


			    #pictos-boutique {
				position:relative; 
				height:130px; 
				font-size:12px;
				}	
				
			    #picto-boutique {
				position:absolute; 
				width:150px; 
				text-align:center;
				}	
				
			    #picto-boutique a {
				display:block;
				}	
				
			    #picto-boutique a:hover {
				}					

			/* COLONNE CONTEXTUEL */
			
				TD.annexe { 
				width:194px;
				vertical-align:top;
				background-color:#D7F1F5;
				text-align:center;
				height:456px;	
				_height:456px;	
				}
			
				TD.annexe ul li{ 
				text-align:left;
				padding-left:0px; 
				padding-right:10px;
				}
				
				
				.annexe h2 { 
					FONT-SIZE: 20px;  
					margin:0px;
					text-align:center;
					padding-left:10px; 
					padding-right:10px;
				}
				
				
				.annexe h3 { 
					text-align:center
				}
				
				
				.annexe h4 { 
					text-align:center;
				}

					#annexe_content1 { 
					z-index:99;
					background-image:url("images/g-cadre-bleu1.png");
					background-repeat: no-repeat;
					background-position: center;
					padding-left:10px;
					padding-right:10px;
					padding-top:10px;
					FONT-SIZE: 9pt; 
					font-weight:bold;
					width:174px;
					height:65px;
					text-align:center;
					COLOR: #FFFFFF;
					}

					#annexe_content2{ 
					z-index:99;
					padding-top:18px;
					background-image:url("images/g-cadre-bleu2.png");
					background-repeat: no-repeat;
					background-position: center;
					padding-left:10px;
					padding-right:10px;
					FONT-SIZE: 10pt; 
					font-weight:bold;
					width:174px;
					height:63px;
					text-align:center;
					COLOR: #18A5BB;
					}	

								A.annexe-compo {
								FONT-SIZE: 9pt; 
								COLOR : #FFFFFF;
								text-decoration:underline;
								}

								A.actu:hover {
								FONT-SIZE: 9pt; 
								COLOR : #FFFFFF;
								text-decoration:underline;
								}				
					
					#cont {
						display:block; 
						width:40px;
						float:left; 
						text-align:center; 
						padding-right:12px;
					}
					
					#bouton {
					background-image:url(images/fichier-activites.png); 
					width:109px; 
					padding-top:10px; 
					padding-bottom:10px; 
					COLOR: #18A5BB;
					}

					a.boutonvert {
					background-image:url(images/bouton-vert.png); 
					width:93px; 
					padding-top:2px; 
					padding-bottom:4px; 
					text-align:center;
					COLOR: #18A5BB;
					display:inline;
					text-decoration:none;
					font-weight:700;
					}
					
					a.boutonbleu {
					background-image:url(images/bouton-bleu.png); 
					width:93px; 
					padding-top:2px; 
					padding-bottom:4px; 
					text-align:center;
					COLOR: #FFF;
					display:inline;
					text-decoration:none;
					font-weight:700;
					}
					
					a.boutonorange {
					background-image:url(images/bouton-orange.png); 
					width:93px; 
					padding-top:2px; 
					padding-bottom:4px; 
					text-align:center;
					COLOR: #FFF;
					display:inline;
					text-decoration:none;
					font-weight:700;
					}
					
					a.boutoncompo {
					display:inline;
					background-image:url(images/bouton-composition.png); 
					background-repeat:no-repeat; 
					width:170px;
					font-size:7pt;
					padding:3px 24px 3px 8px;
					margin-left:0px;
					text-align:left;
					COLOR: #FFF;
					text-decoration:none;
					font-weight:700;
					}


/* DEVIS */
				
				TD.contact { 
				FONT-SIZE: 8pt; 
				COLOR: #26AABF;
				vertical-align:middle;
				text-align:right;
				padding-right:6px;
				}	

					A.bottom_content_droite {
					FONT-SIZE: 8pt; 
					COLOR: #FFFFFF;
					text-decoration:none;
					}

					A.bottom_content_droite:hover {
					FONT-SIZE: 8pt; 
					COLOR: #AB1105;
					text-decoration:none;
					}
			
				INPUT.text { 
				        BORDER: #0F9FB6 1px solid;
				        FONT-SIZE: 9pt;
				        MARGIN: 0px;
				        COLOR: #0F9FB6;
				        FONT-WEIGHT: bold;
				        background-color: #ECF7F9;
				}
textarea.text {
	border:#0F9FB6 1px solid;
	font-size:9pt;
	margin:0px;
	color:#0F9FB6;
	background-color:#ECF7F9;
}
				SELECT.choix { 
				        BORDER: #0F9FB6 1px solid;
				        FONT-SIZE: 9pt;
				        MARGIN: 0px;
				        COLOR: #0F9FB6;
				        FONT-WEIGHT: bold;
				        background-color: #ECF7F9;
				} 
				
				TEXTAREA { 
				        BORDER: #4C5665 1px solid;
				        FONT-SIZE: 10pt;
				        MARGIN: 0px;
				        COLOR: #4C5665;
				        FONT-WEIGHT: bold;
				        background-color: #EEF1F8;
				} 
				
				INPUT.send { 					
				        BORDER: #ECF7F9 1px solid;
				        FONT-SIZE: 9pt;
				        MARGIN: 0px;
				        COLOR: #FFFFFF;
				        FONT-WEIGHT: bold;
				        background-color: #0F9FB6;
				} 
				
				INPUT.send:hover { 			
				        BORDER: #0F9FB6 1px solid;
				        FONT-SIZE: 9pt;
				        MARGIN: 0px;
				        COLOR: #0F9FB6;
				        FONT-WEIGHT: bold;
				        background-color: #ECF7F9;
				} 
				
				TD.cnil { 
				FONT-SIZE: 8pt; 
				COLOR: #999999;
				FONT-WEIGHT: normal;
				}
					
					A.cnil {
					FONT-SIZE: 8pt; 
					COLOR: #35B0C3;
					text-decoration:none;
					}

					A.cnil:hover {
					FONT-SIZE: 8pt; 
					COLOR: #FB7B3F;
					text-decoration:none;
					}
			
	/* pied de page */
		
		#bottom {
		position:absolute;
		top:560px;
		left:0px;
		width:753px;
		z-index:10;	
		/*background-image:url("images/bas.jpg");
		background-repeat: no-repeat;
		background-position: top;		*/
		}
		
		#bottom span {
			float:left; 
			width:180px; 
			text-align:left; 
			color:#fff; 
			font-size:10px; 
			padding-left:10px;
			}
		
		#bas {
		width:753px;
		z-index:90;	
		background-image:url("images/bas.jpg");
		background-repeat: no-repeat;
		background-position: top;	
		margin-bottom:16px;		
		}
		
		#actu {
		position:absolute;
		top:522px;
		left:160px;
		width:550px;
		text-align:left;
		height:90px;
		z-index:90;	
		background-image:url("images/actus.png");
		background-repeat: no-repeat;
		background-position: top left;	
		}
		
			#actubis {z-index:99;}
			#actubis a {COLOR: #D7F1F5; FONT-SIZE: 12pt; display:block;}
			#actubis a:hover {text-decoration:underline;}
			
			#actu span {display:block; FONT-SIZE:10px; COLOR: #1D6873; vertical-align:middle; text-align:left; width:460px; padding-left:120px;}	
			#actu span a {FONT-SIZE:10px; COLOR: #1D6873; text-decoration:none;}
			#actu span a :hover {FONT-SIZE: 10px; COLOR: #1D6873; text-decoration:underline;}
			
			
/* classes pour le calendrier */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #0F5E6D;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #5BBECF;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #ECF7F9;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}

.sousproduit{float:left; margin-right:6px; margin-top:6px;width:153px; height:60px; background-color: #DFF27F; border:2px solid #CBD401;}
a.sousproduitbis{float:left; margin:3px; width:116px; height:40px; color:#fff; font-size:11px; position:relative; z-index:90; display:block;}
a.sousproduitbis:hover{color:#FB7B3F; font-size:11px; cursor:hand;}
.lproduittxt{text-align:right; color:#35b0c3; width:400px; font-size:12px; height:35px;}
.lproduitimg{width:30px;}
.t1{font-size:1.1em}

/* = Devis
----------------------------------------------- */
.obligatoire{color:red;}
.imagedevis{display:none; position:absolute; border: 3px solid #D7F1F5; background-color: #fff; z-index:99;}
#listeproduit{width:230px;}
#ajoutproduit{color:#35b0c3; cursor:pointer;}