@charset "UTF-8";
/* CSS default */



/* .CLASS */
/* Column */
.column-left { float: left; width: 255px; }
.column-right { float: right; width: 675px; }
.column-215px { float: left; width: 215px; }

/* Buton types */
.btnMore {
	display: block;
	float: right;
	padding: 0 35px 0 10px;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius: 0 4px 4px 0;
	text-decoration: none;
	text-transform: uppercase;
	font: normal normal 9px/21px Verdana, Geneva, sans-serif;
}
a:link.btnMore, a:visited.btnMore { background: #595e63 url(../images/template/arrow-right-ddd-pd-rg-15px.gif) right center no-repeat; color: #ddd; }
a:hover.btnMore, a:active.btnMore, a:focus.btnMore { background: #686e74 url(../images/template/arrow-right-white-pd-rg-15px.gif) right center no-repeat; color: #fff; }


.btnSubmit {
	display: block;
	float: right;
	padding: 0 35px 0 10px;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius: 0 4px 4px 0;
	text-decoration: none;
	text-transform: uppercase;
	font: normal normal 9px/25px Verdana, Geneva, sans-serif;
	
}

a:link.btnSubmit, a:visited.btnSubmit { border: 1px #686f78 solid; background: #686f78 url(../images/template/arrow-right-white-pd-rg-15px.gif) right center no-repeat; color: #fff; }
a:hover.btnSubmit, a:active.btnSubmit, a:focus.btnSubmit { border: 1px #d6012e solid; background: #d6012e url(../images/template/arrow-right-white-pd-rg-15px.gif) right center no-repeat; color: #fff; }


/* STRUCTURE GLOBAL*/
#_root {
	overflow: auto;
	background: #fff url(../images/template/body-bg.jpg) center top no-repeat;
}
	/* HEADER */
	#global-header {
		float: left;
		width: 100%;
		border-top: 3px #e2e2e2 solid;
	}
	
		#header {
			position: relative;
			width: 960px;
			padding-top: 45px;
			margin: 0 auto 0 auto;
		}
		
			/* USERS MENU */
			#users-menu {
				position: absolute;
				right: 0;
				top: 0;
				margin: 0;
			}
				#users-menu li, #users-menu li a { display: block; float: left; }
				#users-menu li {
					margin: 0 0 0 1px;
					list-style: none;
				}
					#users-menu li a {
						margin-top: -3px;
						padding: 0 10px 0 27px;
						text-decoration: none;
						font: normal normal 10px/16px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif;
						text-transform: uppercase;
					}
					#users-menu li a:link, #users-menu li a:visited { background: #e1e1e1 url(../images/template/arrow-right-grey.gif) 10px center no-repeat; color: #494e54; }
					#users-menu li a:hover, #users-menu li a:active, #users-menu li a:focus, #users-menu li a.active { background: #494e54 url(../images/template/arrow-right-white.gif) 10px center no-repeat; color: #fff; }
					
		
			/* COLUMN-LEFT */
				/* Logo */
				#logo, #logo img { display: block; float: left; }
				
				/* Lang Menu */
				.menu-lang  { 
					display: block;
					float: left;
					width: 225px;
					margin: 40px 30px 0 0;
					background: url(../images/template/dotte-e1e1e1.gif) left center repeat-x;
				}
					.menu-lang li, .menu-lang li a { display: block; }
					.menu-lang li {
						float: right;
						margin: 0;
						padding-left: 20px;
						list-style: none;
						background: #fff;
					}
						.menu-lang li a {
							display: block;
							float: left;
							margin-left: 1px;
							padding: 0 5px;
							text-decoration: none;
							font: normal normal 11px/21px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif;
						}
						.menu-lang li a:link, .menu-lang li a:visited  { color: #444; }
						.menu-lang li a:hover, .menu-lang li a:active, .menu-lang li a:focus, .menu-lang li a.active { background: #d6012e;  color: #fff; }
				
				
				/* COLUMN-RIGHT */
					/*MENU default value*/
					.shortcut-menu {
						position: relative;
						float: left;
						width: 100%;
						height: 40px;
						margin: 30px 0 0 0;
						background: url(../images/template/dotte-e1e1e1.gif) left 20px repeat-x;
					}
						.shortcut-menu ul  {
							position: absolute;
							right: 0;
							top: 0;
							display: block;
							float: right;
							margin: 0;						
						}
							.shortcut-menu ul li, .shortcut-menu ul li a { display: block; float: left; }
							.shortcut-menu ul li {
								margin: 0; 
								list-style: none;
							}
								.shortcut-menu ul li a {
									text-decoration: none;
									margin: 10px 0;
									padding: 0 15px;
									font: normal normal 10px/21px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif;
									text-transform: uppercase;
									text-align: center;
									color: #eee;
									background-image: url(../images/template/arrow-right.gif);
									background-position: -7px center;
									background-repeat: no-repeat;
								}
								.shortcut-menu ul li a:hover, .shortcut-menu ul li a:active, .shortcut-menu ul li a:focus .shortcut-menu ul li a.active {
									color: #fff;
								}
								
								/* bg-1 */
								.shortcut-menu ul li.bg-1 a:link, .shortcut-menu ul li.bg-1 a:visited { background-color: #494e54; }
								.shortcut-menu ul li.bg-1 a:hover, .shortcut-menu ul li.bg-1 a:active, .shortcut-menu ul li.bg-1 a:focus, .shortcut-menu ul li.bg-1 a.active { background-color: #686E74; }
								/* bg-2 */
								.shortcut-menu ul li.bg-2 a:link, .shortcut-menu ul li.bg-2 a:visited { background-color: #ed7b01; }
								.shortcut-menu ul li.bg-2 a:hover, .shortcut-menu ul li.bg-2 a:active, .shortcut-menu ul li.bg-2 a:focus, .shortcut-menu ul li.bg-2 a.active { background-color: #ed7b01; }
								/* bg-3 */
								.shortcut-menu ul li.bg-3 a:link, .shortcut-menu ul li.bg-3 a:visited { background-color: #d6012e; }
								.shortcut-menu ul li.bg-3 a:hover, .shortcut-menu ul li.bg-3 a:active, .shortcut-menu ul li.bg-3 a:focus, .shortcut-menu ul li.bg-3 a.active { background-color: #d6012e; }
								/* bg-4 */
								.shortcut-menu ul li.bg-4 a:link, .shortcut-menu ul li.bg-4 a:visited { background-color: #4ea927; }
								.shortcut-menu ul li.bg-4 a:hover, .shortcut-menu ul li.bg-4 a:active, .shortcut-menu ul li.bg-4 a:focus, .shortcut-menu ul li.bg-4 a.active { background-color: #4ea927; }
								/* bg-5 */
								.shortcut-menu ul li.bg-5 a:link, .shortcut-menu ul li.bg-5 a:visited { background-color: #c8cb8a; }
								.shortcut-menu ul li.bg-5 a:hover, .shortcut-menu ul li.bg-5 a:active, .shortcut-menu ul li.bg-5 a:focus, .shortcut-menu ul li.bg-5 a.active { background-color: #c8cb8a; }
								
	
	/* CONTENTS */
	#global-contents {
		float: left;
		width: 100%;
		padding: 45px 0 0 0;
		border-bottom: 3px #d80a38 solid;
	}
	
		#contents {
			width: 960px;
			margin: 0 auto 0 auto;
		}
			
			/* COLUMN-LEFT */
				/* Main Menu */
				#main-menu {
					float: left;
					display: block;
					width: 225px;
					margin: 0 0 40px 0;
					padding-right: 30px;
					background: url(../images/template/line-vert-bg.jpg) right top no-repeat;
				}
					#main-menu li, #main-menu li a { display: block; }
					#main-menu li {
						position: relative;
						float: left;
						margin: 0;
						width: 100%;
						list-style: none;
						background: url(../images/template/dotte-e1e1e1.gif) left center repeat-x;
						z-index: 1000;
					}
					
						/* a */
						#main-menu li a {
							float: right;
							width: 225px;
							height: 21px;
							margin: 4px 0;
							text-decoration: none;
							text-align: right;
							font: normal normal 16px/16px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif;
							cursor: pointer;
						}
						
							/* a span*/
							#main-menu li a span {
								float: right;
								display: block;
								padding: 3px 0 3px 20px;
								z-index: 100;
								cursor: pointer;
							}
							#main-menu li a:link span, #main-menu li a:visited span { background: url(../images/template/main-menu-rub-span-bg.jpg) no-repeat; }
							#main-menu li a:hover span, #main-menu li a:active span, #main-menu li a:focus span, #main-menu li a.active span{ background: #494E54 url(../images/template/arrow-right.gif) 10px center no-repeat; }
							
								/*Niv 1*/
								#main-menu > li > a {}
								#main-menu > li > a:hover span, #main-menu > li > a:active span, #main-menu > li > a:focus span, #main-menu > li.active > a span { 
									background: #494E54 url(../images/template/arrow-right.gif) 10px center no-repeat;
									color: #fff;
								}
								
								#main-menu  li.active, #main-menu  li.hover { z-index: 101;}
								
								/* Niv 2 Sous menu*/
								#main-menu li ul {
									position: absolute;
									left: 100%;
									top: -20px;
									width: 202px;
									border: 2px #6d747d solid;
									background: #60676f url(../images/template/left-menu-niv2-bg.jpg) left bottom repeat-x;
								}
									#main-menu li ul li {
										display: block;
										float: left;
										padding: 1px 0 1px 1px;
										margin-right: 1px ;
										border-bottom: 1px #6d747d solid;
										background: none;
									}
										#main-menu li ul li a {
											display: block;
											float: left;
											width: 180px;
											height: auto;
											margin: 0;
											font-size: 15px;
											line-height: 17px;
											padding: 4px 10px 4px 10px;
											text-align: left;
											
										}
										#main-menu li ul li a:link, #main-menu li ul li a:visited { background: none; color: #fff; }
										#main-menu li ul li a:hover, #main-menu li ul li a:active, #main-menu li ul li a:focus { color: #fff; background: #d50c2f; }
										
										/* Shadows */
										#main-menu li ul li.shadows {
											position: absolute;
											right: -2px;
											bottom: -34px;
											width: 184px;
											height: 30px;
											border: none;
											background: url(../images/template/left-menu-niv2-shadows-bg.png) no-repeat;
										}
										/* Arrows */
										#main-menu li ul li.arrow  {
											position: absolute;
											top: 28px;
											left: -6px;
											width: 6px;
											height: 9px;
											border: none;
											background: url(../images/template/left-menu-niv2-arrows-bg.png) no-repeat;
										}

					
				/* Slide */
				.slide {
					float: left ;
					width: 225px;
					margin: 0 0 40px 0;
					padding: 0 30px 0 0;
					background: url(../images/template/line-vert-bg.jpg) right top no-repeat; 
				}
					.slide h5 { padding-left: 25px; }
					
					.slide .box {
						float: right;
						width: 200px;
						padding-left: 25px;
						background: url(../images/template/dotte-e1e1e1.gif) 10px top repeat-y;
					}
						.slide .box > div {
							float: right;
							display: block;
							width: 160px;
							padding: 20px;
							border: 1px #e1e1e1 solid;
						}
							.slide .box > div #wrapper {
								width: 160px;
								height: 120px;
								}
									.slide .box > div #slider-wrapper {
										width: 160px;
										height: 120px;
									}
										
										.slide .box > div #slider-wrappe #slider {
											width: 160px;
											height: 120px;
										}
						
						/* width .btnMore */
						.slide .btnMore {
							float: right;
							padding: 0 20px 0 0;
						}
						/* Arrow Bg default direction */
						.slide a:link.btnMore, .slide a:visited.btnMore { background: url(../images/template/arrow-right-grey.gif) right center no-repeat; color: #494e54; }
						.slide a:hover.btnMore, .slide a:active.btnMore, .slide a:focus.btnMore { background: url(../images/template/arrow-right-red.gif) right center no-repeat; color: #d6012e; }
						
		
			/* CMS-PAGE */
			#cms-page {
				float: right; 
				width: 645px;
				padding: 0 25px 120px 0;
				background: url(../images/template/dote-white-opacity-80pc.png) repeat-y;
			}
				#cms-page p { text-align: justify; }
				
				/* NEWS */
				#news {
					float: right;
					width: 100%;
					margin: 0;
				}
					#news li {
						position: relative;
						display: block;
						float: left;
						width: 580px;
						padding: 10px 65px 10px 0;
						margin: 0;
						border-bottom: 1px #e1e1e1 solid;
						list-style: none;
						text-decoration: none;
						background: url(../images/template/picto-plus-ddd-13x13px.gif) 620px center no-repeat;
					}
						#news li a {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background:  url(../images/template/picto-plus-red-13x13px.gif) 660px center no-repeat;
						}
						
						#news li img {
							float: left;
							width: 60px;
							height: 45px;
							margin-right: 10px;
						}
						
						#news li a { 
							width: 580px;
							padding-right: 65px;
							text-decoration: none; 
						}
						/* a hover */
						#news li:link, #news li:visited { color: #494e54; }
						#news li:hover, #news li:active, #news li:focus { color: #232528; }
						/* LastElement*/
						#news li.lastElement { border-bottom: none; }
						/* title */
						#news li h2 { font: normal normal 16px/20px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif;}
							#news li h2 .date {  font: normal normal 11px/20px 'BertholdBaskervilleRegular', Georgia, "Times New Roman", Times, serif; color: #999; }
						/* Chapo */
						#news li .chapos {
							margin-bottom: 0;
						}
						
						
						
						
				/* BOTTOM MENU */
				.bottom-menu {
					float: right;
					clear: both;
					width: 100%;
					border-top: 1px #e1e1e1 solid;
				}
					/* You can use it wigth CLASS .floatRight */
					.bottom-menu ul {
						float: right;
						margin: 0;
					}
					/* width CLASS .floatLeft */
					.bottom-menu ul.floatLeft { float: left; }
						.bottom-menu ul.floatLeft li { margin: 0 1px 0 0; }
						.bottom-menu ul li, .bottom-menu ul li a { display: block; float: left; }
						.bottom-menu ul li {
							margin: 0 0 0 1px;
							list-style: none;
						}
							.bottom-menu ul li a {
								padding: 0 35px 0 10px;
								border-radius: 0 0 4px 4px;
								-moz-border-radius: 0 0 4px 4px;
								-webkit-border-top-left-radius: 0;
								-webkit-border-top-right-radius: 0;
								-webkit-border-bottom-left-radius: 4px;
								-webkit-border-bottom-right-radius: 4px;
								-khtml-border-radius: 0 0 4px 4px;
								text-decoration: none;
								text-transform: uppercase;
								font: normal normal 10px/21px Verdana, Geneva, sans-serif;
							}
							/* Arrow Bg default direction */
							.bottom-menu ul li a:link,.bottom-menu ul li a:visited { background: #595e63 url(../images/template/arrow-right-ddd-pd-rg-15px.gif) right center no-repeat; color: #ddd; }
							.bottom-menu ul li a:hover, .bottom-menu ul li a:active, .bottom-menu ul li a:focus, .bottom-menu ul li a.active { background: #686e74 url(../images/template/arrow-right-white-pd-rg-15px.gif) right center no-repeat; color: #fff; }
							
							/* Arrow Bg direction */
							.bottom-menu ul li.arrowTop a:link,.bottom-menu ul li.arrowTop a:visited { background: #595e63 url(../images/template/arrow-top-ddd-pd-rg-15px.gif) right center no-repeat; color: #ddd; }
							.bottom-menu ul li.arrowTop a:hover, .bottom-menu ul li.arrowTop a:active, .bottom-menu ul li.arrowTop a:focus, .bottom-menu ul li.arrowTop a.active { background: #686e74 url(../images/template/arrow-top-white-pd-rg-15px.gif) right center no-repeat; color: #fff; }
	
			/*Spéciale page lang*/
			#page-lang {}
				#page-lang .column-left { width: 480px; }
				
				#page-lang #cms-page { 
					width: 450px;
					margin-top: 85px;
				}
					#page-lang #cms-page p { font-size: 10px; line-height: 16px;}
					#page-lang #logo {
						margin:  -36px 0 50px 0;
						width: 100%;
					}
					#page-lang #cms-page > div {
						float: left;
						clear: both;
						width: 100%;
						margin-bottom: 50px;
						padding-left: 30px;
						background: url(../images/template/line-vert-bg.jpg) left top no-repeat;
					}
	
	/* FOOTER */
	#global-footer {
		float: left;
		width: 100%;
		min-height: 120px;
		background: #2e353d url(../images/template/global-footer-bg.jpg) center top no-repeat;
	}
		#footer {
			position: relative;
			width: 960px;
			padding-top: 30px;
			margin: 0 auto 0 auto;
		}
		
		/* Coordonnées */
		#coordonnees {
			position: absolute;
			right: 0;
			top: -80px;
			color: #595e63;
		}
			#coordonnees p {
				float: left;
				margin:  8px 8px 0 0 ;
				text-align: right;
				line-height: 16px;
			}
			
			#coordonnees a, #coordonnees a img {
				display: block; 
				float: left;
			}
		
		/* Main-menu-bottom */
		#main-menu-bottom {
			margin: 0;
			text-align: center;
		}
			#main-menu-bottom li, #main-menu-bottom li a { display: inline; }			
			#main-menu-bottom li {
				margin: 0;
				border-right: 1px #888 solid;
			}
				#main-menu-bottom li a {
					padding: 0 5px 0 0 ;
					text-decoration: none; 
				}
				#main-menu-bottom li a:link, #main-menu-bottom li a:visited { color: #888; }
				#main-menu-bottom li a:hover, #main-menu-bottom li a:active, #main-menu-bottom li a:focus, #main-menu-bottom li a.active { color: #fff; }
				
		/* Signature */
		#signature {
			margin-top: 25px;
			padding: 25px 0;
			border-top: 1px #363e47 solid;
			font: normal normal 9px/9px Verdana, Geneva, sans-serif;
			letter-spacing: 1px;
			text-align: center;
			color: #53606e;
		}
		
		#signature a {}
		#signature a:link, #signature a:visited { color: #53606e; }
		#signature a:hover, #signature a:active, #signature a:focus { color: #fff; }