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

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

ul, ol { margin: 0 0 0 20px; }
#mainContainer li, .content li { margin: 0 0 8px 0; }

p {	margin-bottom: 8px; }
.align-right {	text-align:right; }
.align-center { text-align:center; }
.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: 12px;
	text-align: center;
	background: #e6e6e6; 
}

	#globalContainer {
		margin: 0 auto;
		width: 968px;
		text-align: left;
		background: url('../images/bg_main.png') repeat-y center 0;
	}
		
		/*** HEADER */
		#header {
			padding: 0 27px; /** 9 (bg) + 18 */
			background: url('../images/header/bg_header.png') no-repeat center 0;
			position: relative;
		}
		
			#logoDauphine {
				position: absolute;
				top: 50px;
				left: 27px;
				z-index:1;
			}

			#logoDauphine img {
				width: 300px;
			}
			
			#siteTitle {
				position: absolute;
				top: 96px;
				left: 27px;
				font-size: 21px;
				font-weight: normal;
				height: 36px;
				line-height: 36px;
				padding-right: 60px;
				text-transform: uppercase;
				color: #263d96;
				min-width: 300px;
				/* background: url('../images/header/bg_siteTitle.png') no-repeat right top; */
			}
			
			#logo1 {
				position: absolute;
				top: 15px;
				right: 27px;
			}
			
			#logo2 {
				position: absolute;
				top: 85px;
				right: 27px;
			}
			
			#mainMenu {
				padding-top: 160px;	
			}
			
				#mainMenu ul {
					margin: 0;
					height: 26px;
					background: #b4b4b4;
				}
				
					#mainMenu ul > li {
						float: left;	
						list-style: none;
					}
					
						#mainMenu ul > li a {
							display: block;
							vertical-align: middle;
							height: 18px;
							padding: 4px 20px;
							font-size: 14px;
							color: #FFF;
							text-decoration: none;
						}
						
						#mainMenu ul > li a:hover {
							background: #DDD;	
						}
						
						#mainMenu ul > li.first a {
							background: url('../images/header/ariane.png') no-repeat 0 0;
							height: 20px;
							padding: 6px 0 0 34px;
							margin: 0 10px 0 0;
							font-size: 11px;
							width: 65px;
						}
						
						#mainMenu ul > li.first.sub a {
							background: url('../images/header/ariane_sub.png') no-repeat 0 0;
							padding: 6px 0 10px 34px;
						}
			
			#search {
				position: absolute;
				top: 162px;
				right: 30px;
			}
			
				#search form {
					background: url('../images/header/search_input.png') no-repeat 0 0;
					border: 0;
					height: 21px;
					width: 179px;
					position: relative;
				}
				
					#search form input {
						background: none;
						border: 0;
						color: #b7b7b7;
						font-size: 11px;	
						height: 17px;
						width: 120px;
						margin: 2px 0 0 22px;
					}
			
					#search form .submit {
						background: url('../images/header/search_ok.png') no-repeat 0 0;
						border: 0;
						width: 29px;
						height: 17px;
						margin: 0;
						text-indent: -10000em;
						position: absolute;
						top: 2px;
						right: 2px;
						cursor: pointer;
					}

            #languageMenu {
                position: absolute;
                right: 28px;
                top: 140px;
                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;
                }

			#rootline {
				margin-top: 10px;
			}
			
				#rootline a {
					display: block;
					height: 15px;
					float: left;
					position: relative;
					padding: 5px 43px 5px 30px;
					background: #ededed url('../images/header/ariane_bg.png') no-repeat right 0;
					text-decoration: none;
					color: #000;
					margin: 0 1px 0 0;
				}
				
				#rootline span {
					display: block;
					height: 15px;
					float: left;
					position: relative;
					padding: 5px 43px 5px 30px;
					background: #ededed url('../images/header/ariane_bg.png') no-repeat right 0;
					text-decoration: none;
					color: #000;
					margin: 0 1px 0 0;
				}
				
				#rootline .inner:before {
					content: "";
					position: absolute;
					top: 0;
					left: -17px;
					display: block;
					width: 17px;
					height: 25px;
					background: url('../images/header/ariane_bgInner.png') no-repeat 0 0;
				}
		
		/*** CONTAINER */	
		#container {
			padding: 30px 27px; /** 9 (bg) + 18 */
		}
		
			body.accueil #leftContainer, #container.page1Col #leftContainer, #container.page2ColsDroite #leftContainer {
				display: none;
			}
			
			#container.page3Cols #leftContainer, #container.page2ColsGauche #leftContainer {
				width: 197px;
				float: left;
			}
			
				#leftMenu {
					
				}
				
					#leftMenu h2 {
						background: none;
						color: #000;
					}
					
					#leftMenu .content {
						padding: 0 !important;
					}
					
					#leftMenu ul {
						padding: 0 0 10px 0 !important;
						margin: 0;
					}
					
						#leftMenu ul li {
							background: none !important;
							padding: 0 !important;
							list-style: none;
							margin: 0 0 2px 0;
						}
						
							#leftMenu ul li a {
								display: block;
								background: url("../images/container/leftMenu/puce.png") no-repeat scroll 12px center transparent;
								padding: 3px 0 3px 30px;
								color: #505050;
							}
							
							#leftMenu ul li a:hover, #leftMenu ul li a.active, #leftMenu ul li a.selected {
								background: url("../images/container/leftMenu/puce_hov.png") no-repeat scroll 12px center #b4b4b4;
								color: #FFF !important;
								text-decoration: none;
							}
			
			body.accueil #mainContainer {
				float: left;
				width: 532px;
				margin: 0 40px 0 0;	
			}
			
			#container.page3Cols #mainContainer {
				float: left;
				width: 480px;
				margin: 0 20px;	
			}
			
			#container.page2ColsGauche #mainContainer {
				float: left;
				width: 697px;
				margin: 0 0 0 20px;	
			}
			
			#container.page2ColsDroite #mainContainer {
				float: left;
				width: 697px;
				margin: 0 20px 0 0;	
			}
			
			#container.page1Col #mainContainer {
				float: left;
				width: 914px;
				margin: 0 0 0 0;	
			}
			
				#container #mainContainer h1 {
					font-size: 16px;
                    			margin: 0 0 8px;
				}
				#container #mainContainer h1.csc-firstHeader {
					font-size: 18px;
				}
				#container #mainContainer h2 {
					font-size: 14px;
                   			 margin: 0px 0 8px;
				}
					#container #mainContainer .h2Box h2 {
    						margin: 0;
					}
				#container #mainContainer h3 {
					font-size: 13px;
                    margin: 0px 0 8px;
				}
			
			body.accueil #rightContainer {
				float: left;
				width: 342px;
			}
			
			#container.page3Cols #rightContainer, #container.page2ColsDroite #rightContainer {
				float: right;
				width: 197px;
			}
			
			#container.page2ColsGauche #rightContainer, #container.page1Col #rightContainer {
				display: none;
			}
		
		/*** FOOTER */
		#footer {
			position: absolute;
			width: 968px;
			font-size: 11px;
			color: #666;
			text-align: center;
			margin: 0 0 10px 0; 
			padding: 19px 0 25px 0;
			background: url('../images/footer/bg_footer.png') no-repeat center 0;
		}
		
			#footer a {
				color: #666;
				text-decoration: none;	
			}