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

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

ul, ol { margin: 0 0 8px 20px; }

p {	margin-bottom: 8px; }
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; color: #000; }
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: "Trebuchet MS", Arial, sans;
	font-size: 11px;
	text-align: center;
	background: #e6e6e6;
	background: url('../images/bg_main.png') repeat 0 0;
}

	#globalContainer {
		margin: 0 auto;
		width: 1024px;
		text-align: left;
		
	}
		
		/*** HEADER */
		#header {
			padding: 0 37px;
			background: url('../images/header/bg_header.png') no-repeat center 0;
			position: relative;
		}
		
			#logoDauphine {
				position: absolute;
				top: 40px;
				left: 50px;
				z-index:1;
				height: 70px;
			}

			#logoDauphine img {
				margin-top: 20px;
				width: 300px;
			}
			
			#siteTitle {
				position: absolute;
				width: 935px;
				padding: 10px 0 10px 15px;
				top: 115px;
				left: 37px;
				font-size: 21px;
				font-weight: normal;
				text-transform: uppercase;
				color: #263d96;
				border-top: 1px solid #e8e8e8;
				border-bottom: 1px solid #e8e8e8;
			}
			
			#logo1 {
				position: absolute;
				top: 40px;
				right: 240px;
				z-index:1;
			}
			
			#logo2 {
				position: absolute;
				top: 40px;
				right: 80px;
				z-index:1;
			}
			
			#mainMenu {
				padding-top: 165px;	
				position: relative;
			}
			
				#mainMenu > ul {
					margin: 0;
					height: 26px;
				}
				
					#mainMenu > ul > li {
						float: left;	
						list-style: none;
					}
					
						#mainMenu > ul > li > a {
							display: block;
							vertical-align: middle;
							height: 19px;
							padding: 6px 30px;
							font-size: 13px;
							color: #000;
							text-decoration: none;
						}
						
						#mainMenu > ul > li > a:hover {
							
						}
						
						#mainMenu > ul > li.hover {

							padding: 0 0 12px 0;
						}
						
							#mainMenu > ul > li.hover > a, #mainMenu > ul > li.act > a {
								background: #072c8c;
								position: relative;
								color: #FFF;
								
								-webkit-border-top-left-radius: 4px;
								-webkit-border-top-right-radius: 4px;
								-moz-border-radius-topleft: 4px;
								-moz-border-radius-topright: 4px;
								border-top-left-radius: 4px;
								border-top-right-radius: 4px;
							}
							
							#mainMenu > ul > li.hover > a span, #mainMenu > ul > li.act > a span {
								position: absolute;	
								bottom: -12px;
								display: block;
								width: 100%;
								height: 12px;
								margin-left: -50%;
								left: 50%;
								z-index: 20;
								background: url('../images/header/mainMenu/color1/onglet-niv1_bottom.png') no-repeat center bottom;
							}
						
							#mainMenu > ul > li > ul {
								display: none;
								position: absolute;	
								margin: 0;
								width: 950px;
								height: 252px;
								padding: 10px 0;
								left: 0;
								background: #072c8c;
								opacity: 0.95;
                                z-index: 200;
							}
							
							#mainMenu > ul > li.hover > ul, #mainMenu > ul > li.act > ul { display: block; }
							
							#mainMenu > ul > li.hover > ul > li, #mainMenu > ul > li.act > ul > li {
								margin: -6px 0 -6px 0;
								padding: 7px 0 12px 0;
								list-style: none;
								width: 220px;
							}
							
							#mainMenu > ul > li.hover > ul > li.first, #mainMenu > ul > li.act > ul > li.first {
								margin-top: 10px;	
							}
							
							#mainMenu > ul > li.hover > ul > li > a, #mainMenu > ul > li.act > ul > li > a {
								font-size: 13px;
								color: #FFF;
								text-decoration: none;
								background: url('../images/header/mainMenu/puce-niv2_off.png') no-repeat 20px 8px;
                                padding: 5px 5px 5px 38px;
                                margin: 0;
                                display: block;
							}
							
							#mainMenu > ul > li.hover > ul > li.hover, #mainMenu > ul > li.act > ul > li.act {
								background: url('../images/header/mainMenu/bg-niv2_hov.png') no-repeat 0 0;
							}
							
							#mainMenu > ul > li.hover > ul > li.sub.hover, #mainMenu > ul > li.act > ul > li.sub.act {
								background: url('../images/header/mainMenu/bg-niv2Sub_hov.png') no-repeat 0 0;
								width: 270px;
							}
							
								#mainMenu > ul > li.hover > ul > li.hover > a, #mainMenu > ul > li.act > ul > li.act > a {
									color: #072c8c;
									background: #FFF url('../images/header/mainMenu/color1/puce-niv2_hov.png') no-repeat 20px 8px;
								}
                                
                                #mainMenu > ul > li.hover > ul > li.sub.hover a, #mainMenu > ul > li.act > ul > li.sub.act a {
                                    margin: 0 50px 0 0;
                                }
								
								#mainMenu > ul > li > ul > li > ul {
									display: none;
									position: absolute;
									top: 20px;
									left: 230px;
									margin: 0;
									width: 240px;
									height: 210px;
									padding: 15px 0 15px 60px;
									background: #FFF;
									z-index: -10;
								}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul, #mainMenu > ul > li.act > ul > li.act > ul { display: block; }
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li, #mainMenu > ul > li.act > ul > li.act > ul > li {
									margin: -1px 0;
									padding: 8px 0 8px 0;
									width: 215px;
									list-style: none;	
									border-top: 1px dotted #000;
									border-bottom: 1px dotted #000;
								}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li.first, #mainMenu > ul > li.act > ul > li.act > ul > li.first {border-top: 0;}
								#mainMenu > ul > li.hover > ul > li.hover > ul > li.last, #mainMenu > ul > li.act > ul > li.act > ul > li.last {border-bottom: 0;}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li.first.hover, #mainMenu > ul > li.act > ul > li.act > ul > li.first.act {border-top: 0; margin: -1px 0 1px 0; padding: 8px 25px 8px 0;}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li > a, #mainMenu > ul > li.act > ul > li.act > ul > li > a {
									font-size: 12px;
									text-decoration: none;
									background: url('../images/header/mainMenu/puce-niv3_off.png') no-repeat 0 center;
									padding: 0 0 0 18px;	
								}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover, #mainMenu > ul > li.act > ul > li.act > ul > li.act {	
									width: 290px;
									border: 0;
									padding: 9px 25px 9px 0;
								}
								
								#mainMenu > ul > li.hover > ul > li.hover > ul > li.sub.hover, #mainMenu > ul > li.act > ul > li.act > ul > li.sub.act {
									background: url('../images/header/mainMenu/bg-niv3_hov.png') no-repeat 45px 3px;
								}
								
									#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > a, #mainMenu > ul > li.act > ul > li.act > ul > li.act > a {
										color: #072c8c;
										background: url('../images/header/mainMenu/color1/puce-niv3_hov.png') no-repeat 0 center;
									}
									
									#mainMenu > ul > li > ul > li > ul > li > ul {
										display: none;
										position: absolute;
										top: 0px;
										left: 300px;
										margin: 0 0 0 60px;
										width: 280px;
										height: 210px;
										padding: 15px 0 15px 20px;
										background: #FFF;
										z-index: -10;
									}
									
									#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > ul, #mainMenu > ul > li.act > ul > li.act > ul > li.act > ul { display: block; }
									
									#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > ul > li, #mainMenu > ul > li.act > ul > li.act > ul > li.act > ul > li {
										padding: 2px 0;
										width: 260px;
										list-style: none;	
									}
									
									#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > ul > li.first, #mainMenu > ul > li.act > ul > li.act > ul > li.act > ul > li.first {
										padding: 0 0 2px 0;	
									}
									
									#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > ul > li > a, #mainMenu > ul > li.act > ul > li.act > ul > li.act > ul > li > a {
										font-size: 11px;
										text-decoration: none;
										padding: 4px 15px;
										display: block;
									}
									
										#mainMenu > ul > li.hover > ul > li.hover > ul > li.hover > ul > li.hover > a, #mainMenu > ul > li.act > ul > li.act > ul > li.act > ul > li.act > a {
											color: #FFF;
											background: #072c8c;
										}
			
			#search {
				position: absolute;
				top: 128px;
				right: 55px;
			}
			
				#search form {
					background: url('../images/header/search_input.png') no-repeat 0 0;
					border: 0;
					height: 21px;
					width: 185px;
					position: relative;
				}
				
					#search form input {
						background: none;
						border: 0;
						color: #b7b7b7;
						font-size: 11px;	
						height: 17px;
						width: 115px;
						margin: 2px 0 0 22px;
					}
			
					#search form .submit {
						background: url('../images/header/search_ok.png') no-repeat 0 0;
						border: 0;
						width: 33px;
						height: 22px;
						margin: 0;
						text-indent: -10000em;
						position: absolute;
						top: -1px;
						right: 0;
						cursor: pointer;
					}

            #languageMenu {
                position: absolute;
                right: 60px;
                top: 132px;
                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;
                }
		
		/*** CONTAINER */	
		#container {
			padding: 5px 75px;
			background: url('../images/container/bg_container.png') repeat-y center 0;
		}
			
			#container ul {
				margin: 0;	
			}
			
				#container ul li {
					background: url('../images/container/mainPuce.png') no-repeat 0 3px;	
					padding: 0 0 0 12px;
					margin: 0 0 5px 0;
					list-style: none;
				}
				#container ul li.csc-textpic-image {
					background:none;
				}
		
			#leftContainer {
				float: left;
				width: 298px;
				min-height: 350px;
			}

            .accueil #leftContainer { margin-top: -346px; }
			.page3Cols #leftContainer {	width: 212px; }
			.page2ColsGauche #leftContainer { width: 212px; }
            .page2ColsDroite #leftContainer, .page1Col #leftContainer { display: none; }
			
			#mainContainer {
				float: left;
				width: 266px;
				margin: 0 22px 0;
			}

            .accueil #mainContainer { margin-top: -346px }
			.page3Cols #mainContainer { width: 457px; }
			.page2ColsGauche #mainContainer { width: 632px; margin: 0 0 0 22px; }
            .page2ColsDroite #mainContainer { width: 698px; margin: 0 22px 0 0; }
            .page1Col #mainContainer { width: 866px; margin: 0;}
			#mainContainer .csc-textpic ul li { margin: 0; padding: 2px;} 
			#mainContainer h1 {
				font-size: 17px;
                margin: 0 0 8px;
			}
			
			#mainContainer h2 {
				font-size: 15px;
                margin: 0 0 8px;
			}
			#mainContainer h3 {
				font-size: 13px;
                margin: 0 0 8px;
			}
			
				#rootline {
					background: url('../images/header/ariane.png') no-repeat 0 0px;
					padding: 0 0 7px 20px;
					margin: -350px 0 10px 0;
					border-bottom: 1px solid #FFF;
				}
				
					#rootline a {
						color: #000;
					}
			
			#rightContainer {
				float: right;
				width: 266px;
			}

			.accueil #rightContainer { margin-top: -346px; }
			.page3Cols #rightContainer, .page2ColsDroite #rightContainer { width: 153px; }
			.page2ColsGauche #rightContainer, .page1Col #rightContainer { display: none; }
		
		/*** FOOTER */
		#footer {
			position: absolute;
			width: 950px;
			font-size: 11px;
			color: #FFF;
			text-align: center;
			margin: 0 0 10px 0; 
			padding: 19px 37px 25px;
			background: url('../images/footer/bg_footer.png') no-repeat center 0;
		}
		
			#footer a {
				color: #FFF;
				text-decoration: none;	
			}