@import url('./elements.css');
@import url('./declinaison.css');

/*** Reset */
* {	margin:0; padding:0; }

ul, ol { margin: 0 0 10px 15px; }

p {	margin-bottom: 10px; }
p.align-right {	text-align:right; }
p.align-center { text-align:center; }
p.align-justify { text-align:justify; }

a img {	border:medium none; }
a {	outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
a:hover { text-decoration:none; }
/***/

/*** Classes génériques */
.skip {	height:0; left:-10000em; overflow:hidden; position:absolute; width:0; }
.clear { clear:both; }
.overflow {	overflow:hidden; }
/***/

/* styles disponibles via le RTE */
.important { color: #ff0000; font-weight: bold; }

body {
	font-family: Arial, sans;
	font-size: 11px;
	text-align: center; 
}

	#globalContainer {
		margin: 0 auto;
		width: 974px;
		text-align: left;
	}
		
		/*** HEADER */
		#header {
			margin: 30px 0 0 0;
			padding: 0 12px;
			height: 238px;
			background: url('../images/header/bg_header.png') no-repeat center 0;
			position: relative;
		}
		
			#logoDauphine {
				position: absolute;
				top: 130px;
				left: 37px;
				z-index:1;
			}
			
			#siteTitle {
				position: absolute;
				top: 195px;
				left: 37px;
				width: 600px;
				font-size: 24px;
				font-weight: normal;
				text-transform: uppercase;
				text-shadow: 1px 1px #FFFFFF;
				color: #263d96;
			}
			
			#logo1 {
				position: absolute;
				top: 50px;
				right: 195px;
			}
			
			#logo2 {
				position: absolute;
				top: 50px;
				right: 37px;
			}
			
			#mainMenu {
				position: absolute;
				bottom: 50px;
			    right: 37px;
			}
			
				#mainMenu > ul {
					margin: 0;
					/* height: 49px; */
				}
				
					#mainMenu > ul > li {
						float: left;	
						list-style: none;
						position: relative;
						margin: 0 4px 0 0;
						padding: 0 0 2px;
					}
					
					#mainMenu > ul > li.last {
						margin: 0;	
					}
					
						#mainMenu > ul > li > a {
							display: block;
							padding: 4px 8px 0px 8px;
							height: 24px;
							font-size: 12px;
							color: #000;
							font-weight: bold;
							text-decoration: none;
							text-align: center;
							/* background: #CCC url('../images/header/mainMenu/bg_shadow.png') no-repeat 0 0; */
							border-bottom: 4px solid #666;
						}
						/*
						#mainMenu > ul > li > a:hover, #mainMenu > ul > li.act > a, #mainMenu > ul > li.hover > a {
							color: #FFF;
							border-bottom: 0;
							height: 28px;
						}
						*/
						#mainMenu > ul > li > a:hover, #mainMenu > ul > li.act > a, #mainMenu > ul > li.hover > a {
							color: #000;
							/* background: #666 url('../images/header/mainMenu/bg-hov_shadow.png') no-repeat 0 0; */
							height: 24px;
							background-color: #DFE4F9 !important;
						}
						/* #mainMenu > ul > li > a.twoLines:hover, #mainMenu > ul > li.act > a.twoLines, #mainMenu > ul > li.hover > a.twoLines { height: 41px; } */
						
							#mainMenu > ul > li > ul {
								position: absolute;
								z-index: 50;
								top: 34px;
								/* left: -116px; */
								left: -156px;
								margin: 0 0 0 50%;
								padding: 0px 0;
								width: 208px;
								display: none;
								background: #FFF;
								border: 4px solid #666;
								/*
								-moz-box-shadow: 0 0 5px 2px #888;
								-webkit-box-shadow: 0 0 5px 2px #888;
								box-shadow: 0 0 5px 2px #888;
								*/
							}
							
							#mainMenu > ul > li.hover > ul {
								display: block;	
							}
							
								#mainMenu > ul > li > ul > li {
									list-style: none;
									padding: 5px 0 0 0;
								}
								
								#mainMenu > ul > li > ul > li.first { padding: 0; }
								
									#mainMenu > ul > li > ul > li a {
										color: #000;
										display: block;	
										padding: 8px 15px;
										text-decoration: none;
									}
									
									#mainMenu > ul > li > ul > li a:before {
										content: url('../images/header/mainMenu/puce_blank-niv2.png');
										margin: 0 5px 0 0;
									}
									
									#mainMenu > ul > li > ul > li a:hover {
										background: #666;	
										color: #FFF;
									}
									
									#mainMenu > ul > li > ul > li a:hover:before {
										content: url('../images/header/mainMenu/puce-hov_niv2.png');
									}

                                #languageMenu {
                                    position: absolute;
                                    right: 38px;
                                    top: 195px;
                                    z-index: 50;
                                }

                                    #languageMenu ul.langue {
                                        margin: 0;
                                    }

                                    #languageMenu ul.langue li {
                                        text-indent: -10000em;
                                        list-style: none;
                                        float: left;
                                        margin: 0 0 0 5px;
                                    }

                                        #languageMenu ul.langue li a {
                                            display: block;
                                            width: 21px;
                                            height: 13px;
                                            line-height: 13px;
                                        }

                                        #languageMenu ul.langue li.fr a {
                                            background: url('../images/header/drapeau.png') no-repeat 0 0;
                                        }

                                        #languageMenu ul.langue li.fr a:hover {
                                            background: url('../images/header/drapeau.png') no-repeat 0 -13px;
                                        }

                                    #languageMenu ul.langue li.fr.act {
                                        background: url('../images/header/drapeau.png') no-repeat 0 -13px;
                                        width: 21px;
                                        height: 13px;
                                    }

                                    #languageMenu ul.langue li.fr.off {
                                        background: url('../images/header/drapeau.png') no-repeat 0 -26px;
                                        width: 21px;
                                        height: 13px;
                                    }

                                        #languageMenu ul.langue li.en a {
                                            background: url('../images/header/drapeau.png') no-repeat -21px 0;
                                        }

                                        #languageMenu ul.langue li.en a:hover {
                                            background: url('../images/header/drapeau.png') no-repeat -21px -13px;
                                        }

                                    #languageMenu ul.langue li.en.act {
                                        background: url('../images/header/drapeau.png') no-repeat -21px -13px;
                                        width: 21px;
                                        height: 13px;
                                    }

                                    #languageMenu ul.langue li.en.off {
                                        background: url('../images/header/drapeau.png') no-repeat -21px -26px;
                                        width: 21px;
                                        height: 13px;
                                    }

                                        #languageMenu ul.langue li.es a {
                                            background: url('../images/header/drapeau.png') no-repeat -42px 0;
                                        }

                                        #languageMenu ul.langue li.es a:hover {
                                            background: url('../images/header/drapeau.png') no-repeat -42px -13px;
                                        }

                                    #languageMenu ul.langue li.es.act {
                                        background: url('../images/header/drapeau.png') no-repeat -42px -13px;
                                        width: 21px;
                                        height: 13px;
                                    }

                                    #languageMenu ul.langue li.es.off {
                                        background: url('../images/header/drapeau.png') no-repeat -42px -26px;
                                        width: 21px;
                                        height: 13px;
                                    }

					#languageMenu ul.langue li.cn a {
                        background: url('../images/header/drapeau.png') no-repeat -63px 0;
                    }

                    #languageMenu ul.langue li.cn a:hover {
                        background: url('../images/header/drapeau.png') no-repeat -63px -13px;
                    }

                #languageMenu ul.langue li.cn.act {
                    background: url('../images/header/drapeau.png') no-repeat -63px -13px;
                    width: 21px;
                    height: 13px;
                }

                #languageMenu ul.langue li.cn.off {
                    background: url('../images/header/drapeau.png') no-repeat -63px -26px;
                    width: 21px;
                    height: 13px;
                }
			
			#search {
				position: absolute;
				top: -20px;
				right: 37px;
			}
			
				#search form {
					background: url('../images/header/search_input.png') no-repeat 0 0;
					border: 0;
					height: 27px;
					width: 210px;
					position: relative;
				}
				
					#search form input {
						background: none;
						border: 0;
						color: #b7b7b7;
						font-size: 13px;	
						height: 17px;
						width: 130px;
						margin: 2px 0 0 30px;
						padding: 2px 0;
					}
			
					#search form .submit {
						background: url('../images/header/search_ok.png') no-repeat 0 0;
						border: 0;
						width: 37px;
						height: 27px;
						margin: 0;
						text-indent: -10000em;
						position: absolute;
						top: 0;
						right: 0;
						cursor: pointer;
					}
		
		/*** CONTAINER */	
		#container {
			background: #FFF;
			margin: 0 12px;
			padding: 5px 18px 5px;
		}
		
			#container ul li {
			    background: url("../images/container/mainPuce.png") no-repeat;
				background-position: 0 4px;
			    list-style: none outside none;
			    margin: 0 0 5px;
			    padding: 0 0 0 12px;
			}
			
			#container hr {
				margin: 20px 0 15px;
				border: 0;
			}
			
			#rootline {
				background: url('../images/header/ariane.png') no-repeat 0 0;
				padding: 1px 0 7px 20px;
				margin: 0 0 10px 0;
			}
			
				#rootline a {
					color: #000 !important;
				}
		
			#leftContainer {
				float: left;
				width: 313px;
			}
			
			.page3Cols #leftContainer, .page2ColsGauche #leftContainer {
				width: 231px;
			}

            .page2ColsDroite #leftContainer, .page1Col #leftContainer {
                display: none;
            }
			
				#leftMenu {
					padding: 0 0 10px 0;
					margin: 0 0 15px 0;
				}
				
					#leftMenu h2 {
						color: #FFF !important;
						font-size: 16px;
						padding: 10px 10px 17px;
						background: url('../images/container/leftMenu/sep.png') no-repeat center bottom;
                        font-weight: bold;
					}

                    #leftMenu .content {
                        padding: 0;
                    }

					#leftMenu ul {
						margin: 0 0 0 0;
					}
					
						#leftMenu ul li {
							color: #FFF;
							background: none;
							padding: 0;
							position: relative;
						}
						
						#leftMenu ul li:before {
							content: "";
							position: absolute;
							top: 9px;
							left: 18px;
							display: block;
							width: 5px;
							height: 5px;
							background: #FFF;
							z-index: 15;
						}
						
							#leftMenu ul li a {
								display: block;
								font-size: 12px;
								padding: 4px 30px;
								color: #FFF !important;
								text-decoration: underline !important;
							}
							
							#leftMenu ul li a:hover, #leftMenu ul li a.selected {
								background: url('../images/container/leftMenu/bg_hover.png') 0 0;
							}
			
			#mainContainer {
				float: left;
				width: 269px;
				margin: 0 27px;
                padding: 0 0 15px 0;
			}
			
				#mainContainer h1 {
					font-size: 17px;
                    margin: 0 0 10px;
				}
				
				#mainContainer h2 {
					font-size: 14px;
                    margin: 0px 0 10px;
				}
				#mainContainer h3 {
					font-size: 12px;
                    margin: 0px 0 8px;
				}
			
			.page3Cols #mainContainer {	width: 400px; }
			
			.page2ColsGauche #mainContainer { width: 654px; margin: 0 0 0 27px; }
            .page2ColsDroite #mainContainer { width: 609px; margin: 0 27px 0 0; }
            .page1Col #mainContainer { width: 908px; margin: 0; }
			
			#rightContainer {
				float: left;
				width:  278px;
			}
			
			.page3Cols #rightContainer {
				width: 227px;
			}
			
			.page2Cols #rightContainer { display: none; }
		
		/*** Formulaires Powermail ***/
		
		form.tx_powermail_pi1_form fieldset {
			border: none;
		}
		
		form.tx_powermail_pi1_form fieldset > legend {
			font-weight: bold;
		}
		
		form.tx_powermail_pi1_form > div.fieldsets > fieldset {
			margin-top: 1.3em;
			margin-bottom: 0.7em;
		}
		
		form.tx_powermail_pi1_form > div.fieldsets > fieldset > legend {
			font-size: 1.3em;
		}
		
		form.tx_powermail_pi1_form div {
			clear: both;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		
		form.tx_powermail_pi1_form > div.fieldsets > fieldset > div > label {
			display: block;
			float: left;
			margin-right: 1em;
			text-align: right;
			width: 15em;
		}
		
		form.tx_powermail_pi1_form input[type="submit"] {
			font-size: 1.3em;
			font-weight: bold;
			margin-left: 20em;
			margin-right: 20em;
			margin-top: 1em;
			padding: 0.2em;
		}
        
		/*** FOOTER */
		#footer {
			font-size: 11px;
			color: #FFF;
			text-align: center;
			margin: 0 12px 10px; 
			padding: 12px 0 10px 0;
			background: url('../images/footer/bg_footer.png') no-repeat center 0;
		}
		
			#footer a {
				color: #FFF;
				text-decoration: none;	
			}