@charset "iso-8859-1"; 

/* 
Accueil = #940075;

*/

BODY {
FONT-FAMILY: Arial, Verdana, sans-serif; 
FONT-SIZE: 9pt; 
COLOR: #222222; 
TEXT-ALIGN: center;
margin: 0;
padding: 0;
background-image:url("images/fond-bouch.gif");
background-color: #B469B4;
}

#info {
font-size:15px;
color:#461459;
font-family: 'Merienda One', cursive;
display:block; 
position:absolute; 
top: -20px; 
right:-20px; 
padding:15px 10px 10px 10px; 
font-weight:normal;
background-color: rgba(236, 232, 192, 0.9);
text-shadow:0px 1px 0px #ECF2C5;
border:6px solid #FF68FF;
-moz-transform: scale() rotate(20deg) translate(px, px) skew(20deg, deg);
-webkit-transform: scale() rotate(20deg) translate(px, px) skew(20deg, deg);
-o-transform: scale() rotate(20deg) translate(px, px) skew(deg, deg);
-ms-transform: scale() rotate(20deg) translate(px, px) skew(deg, deg);
transform: scale() rotate(20deg) translate(px, px) skew(deg, deg);
-webkit-box-shadow: 6px 6px 10px 6px #461459;
-moz-box-shadow: 6px 6px 10px 6px #461459;
box-shadow: 6px 6px 10px 6px #461459; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; 
}

	#info span {
	font-size:20px;
	}

#content {	
position: relative;
width:750px;	
margin: 0 auto;
padding-top:10px;
}

			#fond-diapo {
			background-image:url("images/fond-diapo.jpg"); 
			background-repeat: no-repeat;	
			background-position: left; 
			margin:0px;
			height:212px;
			}

			#diapo {
			padding-left:156px;
			text-align:left;
			padding-top:14px;
			}
				
a {
color:#930074;
text-decoration:none;
}
				
a:hover {
color:#930074;
text-decoration:underline;
}

p {
margin: 0 auto;
FONT-SIZE: 10pt;
COLOR:#47155A;
text-align:left;
padding-left:10px;
padding-top:6px;
}

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

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


		TD { 
		FONT-SIZE: 8pt;
		COLOR: #FFFFFF;
		}
				
				TD.entete { 
				FONT-style:italic;
				text-align:center;
				border-bottom:2px solid #333333; 
				border-right:1px solid #333333; 
				background-color: #464C5A;
				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;
		COLOR: #333333;
		width:750px;
		}

/* ligne */

	/* logo, recherche login */
	

	
		#top {
		width:750px;	
		height:273px;
		}		
	
		#onglet {
		position:absolute;
		padding-left:157px;
		height:41px;
		top:284px;
		}	
				
			a.onglet {
			color:#47155A;
			text-decoration:none;
			text-align:center;
			display:block;
			height:37px;
			padding-top:4px;
			font-weight:bold;
			}
							
			a.onglet:hover {
			color:#47155A;
			text-decoration:none;
			font-weight:normal;
			}	
	
	
	/* corps */
		
		#corps {
		width:750px;
		background-image:url("images/fond-page.gif");
		background-repeat: repeat-y;
		background-position: top center;
		bottom:20px;
		min-height:500px;
		}


			/* COLONNE DE CONTENU */

		
				TD.contenu { 
				FONT-SIZE: 10pt; 
				COLOR:#000000;
				vertical-align:top;
				padding-right:90px;
				padding-top:50px;
				}
							
							#fond-nl { 
							display:block;
							FONT-SIZE: 8pt; 
							COLOR:#990066;
							font-weight:normal;
							background-image:url("images/fond-nl.gif");
							background-repeat: no-repeat;
							background-position: top left;
							padding-top:16px;
							padding-left:40px;
							width:410px;
							height:48px;
							margin-top:10px;
							}
			
				
						
					/* BLOC */
							
							H1.content { 
							display:block;
							FONT-SIZE: 16pt; 
							COLOR:#47155A;
							font-weight:normal;
							background-image:url("images/fond-titre.gif");
							background-repeat: no-repeat;
							background-position: top left;
							padding-top:14px;
							padding-left:10px;
							width:451px;
							height:48px;
							margin:0px;
							}
							
							
							H1.contentbis { 
							display:block;
							FONT-SIZE: 9pt; 
							padding-left:10px;
							COLOR:#FFB428;
							font-weight:normal;
							text-align:left;
							}
										
							TD.content { 
							FONT-SIZE: 9pt; 
							COLOR:#EEEEEE;
							vertical-align:top;
							padding-top:18px;
							}
							
							p.content { 
							FONT-SIZE: 10pt;
							COLOR:#47155A;
							text-align:justify;
							padding-left:10px;
							margin-top:6px;
							margin-bottom:6px;
							}
							
							p.contentbis { 
							FONT-SIZE: 10pt;
							COLOR:#47155A;
							text-align:justify;
							padding-left:10px;
							margin-top:6px;
							margin-bottom:6px;
							}
							
							UL, LI { 
							FONT-SIZE: 9pt; 
							COLOR:#222222;
							}

								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;
								}
										
							TD.tab { 
							FONT-SIZE: 8pt; 
							COLOR:#333333;
							}			
							TD.tabref { 
							FONT-SIZE: 6pt; 
							COLOR:#555555;
							}
						
					#contenu_actu_liste { 
							display:block;
							FONT-SIZE: 16pt; 
							COLOR:#47155A;
							font-weight:normal;
							background-image:url("images/fond-actu.jpg");
							background-repeat: no-repeat;
							background-position: top left;
							width:451px;
							height:198px;
							margin:0px;
					}		
						
					#contenu_actu { 
					FONT-SIZE: 9pt;
					padding:10px;
					}	
					
					#photo {
					position:absolute; 
					top:46px; 
					left:38px; 
					width:132px; 
					text-align:center;
					}
					
					#photo-texte {
					position:absolute;
					top:46px;
					left:184px;
					width:218px;					
					}
					
					#photoactu {
					float : right;
					margin-right:14px;
					margin-left:20px;
					margin-bottom:10px;
					}
						
								
					/* BLOC */
															
							
							H1.actu { 
							FONT-SIZE: 12pt; 
							COLOR:#930074;
							font-weight:normal;
							padding-top:6px;
							margin:0px;
							}

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

								A.H1actu:hover {
								FONT-SIZE: 10pt; 
								COLOR:#930074;
								font-weight:normal;
								padding-top:6px;
								text-decoration:underline;
								}
										
							p.actu { 
							FONT-SIZE: 10pt;
							COLOR:#47155A;
							text-align:left;
							padding-left:10px;
							margin-top:6px;
							}
							
							p.actubis { 
							FONT-SIZE: 10pt;
							COLOR:#47155A;
							text-align:left;
							padding-top:6px;
							}
							
							p.droite { 
							FONT-SIZE: 8pt; 
							COLOR:#B4A880;
							text-align:right;
							padding-top:14px;
							padding-bottom:14px;
							}
					
								a.pdroite  {
								FONT-SIZE: 8pt;
								COLOR: #B4A880;
								text-decoration:none;
								}
								
								a.pdroite :hover {
								FONT-SIZE: 8pt;
								COLOR: #948860;
								text-decoration:underline;
								}

								
		/* LISTE ARCHIVES ACTU*/
		

			.siteSwitcher {
				float:right;
			}


			/* Dropdown styles */

			.dropdownHeader {
				float:right;
				position:absolute;
				cursor:pointer;
				right:10px;
				color:#FFFFFF;
			}

			.btn {
				float:left;
				position:relative;
				text-decoration:none;
				font-weight:normal;
				outline:none;
				background:#9400A5;
				padding-left:5px;
				padding-right:5px;
				FONT-SIZE: 10pt;
				display: block;
				COLOR: #000000;
				border:1px solid #000000;
				BACKGROUND-COLOR : #9DA6BE;
			}

			.btn .text {
				display:block;
			}
			.dropdn .text {
				white-space:nowrap;
			}

			.dropdn:hover {
				COLOR: #FFFFFF;
				border:1px solid #FFFFFF;
				BACKGROUND-COLOR : #000000;
			}

			.dropdownContent {
				FONT-SIZE: 9pt; 
				float:right;
				position:absolute;
				z-index:999;
				right:0px;
				filter:alpha(opacity=90);
				-moz-opacity:0.90;
				opacity: 0.90;
			}

			.dropdownContent a {
				display:block;
				FONT-SIZE: 8pt; 
				padding-left:3px;
				padding-right:3px;
				text-decoration:none;
				color:#000000;
				white-space:nowrap;
				line-height:14px;
			}

			.dropdownContent a:hover {
				display:block;
				FONT-SIZE: 8pt; 
				padding-left:3px;
				padding-right:3px;
				text-decoration:none;
				color:#FFFFFF;
				white-space:nowrap;
				line-height:14px;
			}


			/* MENU */
			
				TD.menu { 
				FONT-SIZE: 11pt; 
				COLOR: #FFFFFF;
				width:109px;
				height:41px;
				text-align:center;
				vertical-align:top;
				padding-top:2px;
				background-image:url("images/fond-bouton-menu.gif");
				background-repeat: no-repeat;
				background-position: top center;
				BACKGROUND-COLOR : #940075;
				}
				
					
					a.menu {
					FONT-SIZE: 8pt;
					COLOR: #47155A;
					text-decoration:none;
					font-weight:bold;
					}
					
					a.menu:hover {
					FONT-SIZE: 8pt;
					COLOR: #47155A;
					text-decoration:underline;
					font-weight:bold;
					}

				
								

			/* COLONNE CONTEXTUEL */
			
				TD.annexe { 
				FONT-SIZE: 11pt; 
				COLOR: #FFFFFF;
				width:220px;
				vertical-align:top;
				}

						#galerie {	
						position:absolute;
						width:179px;
						height:250px;
						top:206px;
						left:0px;
						padding-top:8px;
						padding-bottom:8px;
						text-align:center;
						}
							
						H3 { 
						FONT-SIZE: 10pt;
						COLOR: #FFBD06;
						font-weight:normal;
						margin:0px;
						text-align:center;
						background-position: center;
						height:22px;
						}
							
						H3.bis{ 
						FONT-SIZE: 8pt;
						COLOR: #CCCC99;
						font-weight:normal;
						margin:0px;
						}

						#content-galerie {	
						background-image:url("images/menu-g-mid.png");
						background-repeat: repeat-x;
						background-position: center;
						margin:0px;
						text-align:center;
						}
					
					a.annexe_content-menu {
					FONT-SIZE: 10pt;
					display: block;
					COLOR: #47155A;
					text-decoration:none;
					text-align:center;
					}
					
					a.annexe_content-menu:hover, a.annexe_content-menu-on {
					text-decoration:underline;
					}
					
					a.annexe_content-menu-mini {
					FONT-SIZE: 8pt;
					display: block;
					COLOR: #47155A;
					text-decoration:none;
					text-align:center;
					}
					
					a.annexe_content-menu-mini:hover {
					text-decoration:underline;
					}
					
					p.annexe_content-menu {
					FONT-SIZE: 9pt;
					COLOR: #FFFFFF;
					text-decoration:none;
					padding-left:10px;
					}
					
					a.annexe_content-lien {
					FONT-SIZE: 9pt;
					FONT-WEIGHT: 700;
					COLOR: #167DB7;
					text-decoration:none;
					}
					
					a.annexe_content-lien:hover {
					FONT-SIZE:9pt;
					COLOR: #FFFFFF;
					text-decoration:none;
					padding-left:0px;
					}					
						


/* DEVIS */
				
				TD.choix { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #444444;
				text-align:left;
				vertical-align:top;
				}
				
				TD.choixbis { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #438BC1;
				text-align:right;
				vertical-align:top;
				padding-right:6px;
				}
				
				TD.sondage { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #444444;
				vertical-align:middle;
				text-align:right;
				padding-right:20px;
				}	

					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 { 			
						FONT-SIZE: 14px;
					COLOR: #461459;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #FFFFFF;
					cursor:pointer;
					BORDER: #461459 1px solid;
				} 
				
				SELECT.Choix { 
				        BORDER: #4C5665 1px solid;	
						FONT-SIZE: 14px;
				        MARGIN: 0px;
				        COLOR: #461459;
				        FONT-WEIGHT: bold;
				        background-color: #FFFFFF;
				} 
				
				TEXTAREA { 
				        BORDER: #4C5665 1px solid;	
						FONT-SIZE: 14px;
				        MARGIN: 0px;
				        COLOR: #461459;
				        FONT-WEIGHT: bold;
				        background-color: #FFFFFF;
				} 
				
				INPUT.submit { 				
					FONT-SIZE: 14px;
					COLOR: #FFFFFF;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #461459;
					cursor:pointer;
					BORDER: #461459 1px solid;
				} 
				
				INPUT.submit:hover { 			
					FONT-SIZE: 14px;
					COLOR: #461459;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #FFFFFF;
					cursor:pointer;
					BORDER: #461459 1px solid;
				} 
				
				TD.cnil { 
				FONT-SIZE: 8pt; 
				COLOR: #CCCCCC;
				}
					
					A.cnil {
					FONT-SIZE: 8pt; 
					COLOR: #CCCCCC;
					text-decoration:none;
					}

					A.cnil:hover {
					FONT-SIZE: 8pt; 
					COLOR: #CCCCCC;
					text-decoration:none;
					}
			

	/* pied de page */
		
		#bottom {
		width:750px;
		z-index:90;	
		height:80px;
		}

		TD.bas { 
		FONT-SIZE: 8pt; 
		COLOR: #333333;
		vertical-align:bottom;
		text-align:right;
		top:60px;
		}	

			A.bottom-content-droite {
			FONT-SIZE: 8pt; 
			COLOR: #333333;
			text-decoration:none;
			}

			A.bottom-content-droite:hover {
			FONT-SIZE: 8pt; 
			COLOR: #333333;
			text-decoration:underline;
			}
			
/* lightbox */
	#lightbox{
	background-color:#B469B4;
	padding: 4px;
	border: 1px solid #B469B4;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	z-index:999;
	background-color: transparent;
	background-image: url(images/1px.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
