@import url('blocs.css');
@import url('extensions.css');

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

ul, ol {
	margin-left: 20px;
}

a img { border: none; }

a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

.clear { clear: both; }

.overflow { overflow: hidden; }

body {
	text-align: center;
	background-color: #808080;
	font-family: Verdana;
}

	#globalcontainer {
		text-align: left;
		margin: 0 auto;
		width: 872px;
	}
	
	    #globalContainerGauche {
			float: left;
			width: 41px;
		}
		
			#globalContainerGauche ul.langue {
				background: url('../images/menu-gauche/langue-bg.gif') no-repeat 0 0;
				list-style: none;
				margin: 76px 0 0 0;
				padding: 14px 0 0 7px;
				height: 54px;
			}
			
			    #globalContainerGauche ul.langue li {
					padding-bottom: 10px;
				}
				
				    #globalContainerGauche ul.langue li a {
						color: #804090;
						font-weight: bold;
						text-decoration: none;
						font-size: 12px;
					}
					
					#globalContainerGauche ul.langue li.active a {
                        color: #b482c0;
					}
					
					#globalContainerGauche ul.langue li.inactive {
						color: #BBB;
						padding: 3px 0 0 0;
						font-weight: bold;
						text-decoration: none;
						font-size: 12px;
					}


			#globalContainerGauche ul.options {
	            list-style: none;
	            margin: 0;
			}
		
		#globalContainerDroite {
            float: left;
            width: 831px;
		}
		
		    #menuPrinc {
				margin: 35px 0 20px -1px;
				height: 21px;
			}
			
			    #menuPrinc ul {
					margin: 0;
					padding: 0;
				}
				
				    #menuPrinc ul li {
						float: left;
						list-style: none;
						margin: 0 2px 0 2px;
						height: 41px;
					}

					#menuPrinc ul li.home {
						margin-left: 0;
					}
					
						#menuPrinc ul li a {
							font-size: 11px;
							text-decoration: none;
							font-weight: bold;
							color: #FFF;
							display: block;
						    padding: 0 0 5px 0;
						    cursor: pointer;
						    text-transform: uppercase;
						}
						
						    #menuPrinc ul li a .avant {
                                background-image: none;
                                display: block;
                                height: 41px;
								padding: 0 0 0 9px;
							}

							#menuPrinc ul li a .milieu {
                                background-image: none;
                                display: block;
                                height: 31px;
                                padding: 10px 0 0 0;
							}

							#menuPrinc ul li a .apres {
								background-image: none;
								display: block;
								height: 41px;
								padding: 0 8px 0 0;
							}
						
						    #menuPrinc ul li.home a {
								display: block;
						        background: url('../images/nav-princ/home-off.gif') no-repeat 0 0;
						        height: 41px;
								width: 41px;
						        text-indent: -1000em;
							}
							
							#menuPrinc ul li.home a.active {
                                background: url('../images/nav-princ/home-on.gif') no-repeat 0 0;
							}
							
							#menuPrinc ul li.home a:hover {
                                background: url('../images/nav-princ/home-on.gif') no-repeat 0 0;
							}
						
						#menuPrinc ul li a:hover, #menuPrinc ul li a.active:hover {
							color: #783389;
						}
						
							#menuPrinc ul li a:hover .avant, #menuPrinc ul li a.active:hover .avant {
                                background: url('../images/nav-princ/onglet-gauche-on.gif') no-repeat left 0;
                                display: block;
                                height: 41px;
								padding: 0 0 0 9px;
							}

							#menuPrinc ul li a:hover .milieu, #menuPrinc ul li a.active:hover .milieu {
                                background: url('../images/nav-princ/onglet-centre-on.gif') repeat-x 0 0;
                                height: 31px;
                                display: block;
                                padding: 10px 0 0 0;
							}

							#menuPrinc ul li a:hover .apres, #menuPrinc ul li a.active:hover .apres {
        						background: url('../images/nav-princ/onglet-droite-on.gif') no-repeat right 0;
								height: 41px;
								display: block;
								padding: 0 8px 0 0;
							}
							
                        #menuPrinc ul li a.active {
							color: #FFF;
						}

							#menuPrinc ul li a.active .avant {
                                background: url('../images/nav-princ/onglet-gauche-act.gif') no-repeat left 0;
                                display: block;
                                height: 41px;
								padding: 0 0 0 9px;
							}

							#menuPrinc ul li a.active .milieu {
                                background: url('../images/nav-princ/onglet-centre-act.gif') repeat-x 0 0;
                                display: block;
                                height: 41px;
                                padding: 10px 0 0 0;
							}

							#menuPrinc ul li a.active .apres {
								background: url('../images/nav-princ/onglet-droite-act.gif') no-repeat right 0;
								display: block;
								height: 41px;
								padding: 0 8px 0 0;
							}
							
							    #menuPrinc ul.menuPrinc2 {
									/*position: absolute;*/
									margin: 0 0 0 -2px;
									width: 160px;
								}
								
								    #menuPrinc ul.menuPrinc2 li {
										float: none;
										margin-top: -4px;
										
									}
									
									#menuPrinc ul.menuPrinc2 li.first {
										margin-top: -2px;
									}
									
									#menuPrinc ul.menuPrinc2 li a {
										font-size: 11px;
										text-decoration: none;
										font-weight: bold;
										color: #FFF;
									    padding: 0 0 0 0;
									    cursor: pointer;
									    text-transform: none;
									}

									    #menuPrinc ul.menuPrinc2 li a .avant {
			                                background: url('../images/nav-princ/sous-onglet-gauche.gif') no-repeat left top;
			                                display: block;
			                                height: 41px;
											padding: 0 0 0 9px;
										}

										#menuPrinc ul.menuPrinc2 li a .milieu {
			                                background: url('../images/nav-princ/sous-onglet-centre.gif') repeat-x 0 top;
			                                display: block;
			                                height: 13px;
											padding: 17px 0 11px 2px;
										}

										#menuPrinc ul.menuPrinc2 li a .apres {
											background: url('../images/nav-princ/sous-onglet-droite.gif') no-repeat right top;
			                                display: block;
			                                height: 41px;
											padding: 0 9px 0 0;
										}

										#menuPrinc ul.menuPrinc2 li a:hover {
											font-size: 11px;
											text-decoration: none;
											font-weight: bold;
											color: #FFF;
										    padding: 0 0 0 0;
										    cursor: pointer;
										}

										    #menuPrinc ul.menuPrinc2 li a:hover .avant {
				                                background: url('../images/nav-princ/sous-onglet-gauche.gif') no-repeat left bottom;
				                                display: block;
				                                height: 41px;
												padding: 0 0 0 9px;
											}

											#menuPrinc ul.menuPrinc2 li a:hover .milieu {
				                                background: url('../images/nav-princ/sous-onglet-centre.gif') repeat-x 0 bottom;
	                    						display: block;
				                                height: 24px;
												padding: 17px 0 0 2px;
											}

											#menuPrinc ul.menuPrinc2 li a:hover .apres {
												background: url('../images/nav-princ/sous-onglet-droite.gif') no-repeat right bottom;
				                                display: block;
				                                height: 41px;
												padding: 0 9px 0 0;
											}
											
            #menuPrinc form {
                
			}
			
			    #menuPrinc form input {
	                border-top: 1px solid #cccccc;
	                border-left: 1px solid #cccccc;
	                border-bottom: 1px solid #cccccc;
	                float: left;
	                width: 120px;
	                font-size: 10px;
	                padding: 3px 0 2px 10px;
	                margin: 6px 0 0 10px;
				}
				
				#menuPrinc form button {
					border: 0;
					background: none;
					float: left;
					margin: 5px 0 0 -5px;
					cursor: pointer;
				}
									
			#containerTop {
				background: url('../images/container/container-top.gif') no-repeat 0 0;
				width: 831px;
				height: 11px;
				font-size: 1%;
			}
			
			#container {
				background-color: #FFF;
				font-size: 10px;
			}
			
			    #container a {
					color: #9900cc;
				}
				
				#container a:hover {

				}
				
				#container a:visited, #container a:active {
                    color: #9999cc;
				}
			
			    .deuxCols #container h1, .colonnePrinc #container h1 {
					background: url('../images/container/bandeau-2-cols.gif') no-repeat 0 0;
					width: 730px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 17px 0 0 20px;
					color: #783389;
					font-weight: bold;
					font-size: 18px;
				}
				
				.nousRejoindre #container h1 {
					background: url('../images/container/bandeau-nous-rejoindre.gif') no-repeat 0 0;
					width: 688px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 25px 0 0 62px;
					color: #3989e4;
					font-weight: bold;
					font-size: 18px;
				}
				
				.collaborer #container h1 {
					background: url('../images/container/bandeau-collaborer.gif') no-repeat 0 0;
					width: 688px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 25px 0 0 62px;
					color: #8fc401;
					font-weight: bold;
					font-size: 18px;
				}
				
				.comprendre #container h1 {
					background: url('../images/container/bandeau-comprendre.gif') no-repeat 0 0;
					width: 688px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 25px 0 0 62px;
					color: #ff7400;
					font-weight: bold;
					font-size: 18px;
				}
				
				.actualites #container h1 {
					background: url('../images/container/bandeau-actualites.gif') no-repeat 0 0;
					width: 688px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 25px 0 0 62px;
					text-indent: -1000em;
				}
				
				.pageAgenda #container h1 {
					background: url('../images/container/bandeau-agenda.gif') no-repeat 0 0;
					width: 688px;
					height: 84px;
					margin: 10px 0 0 50px;
					padding: 25px 0 0 62px;
					text-indent: -1000em;
				}
				
				.deuxCols #container h2, .colonnePrinc #container h2 {
				    background: url('../images/container/grande-puce-violette.gif') no-repeat 0 3px;
					font-size: 12px;
					padding: 0 0 0 14px;
					margin: 0 0 10px 0;
					color: #783389;
                    text-transform: uppercase;
				}
				
				.nousRejoindre #container h2 {
				    background: url('../images/container/grande-puce-bleu.gif') no-repeat 0 3px;
					font-size: 12px;
					padding: 0 0 0 14px;
					margin: 0 0 10px 0;
					color: #3989e4;
                    text-transform: uppercase;
				}
				
				.collaborer #container h2 {
				    background: url('../images/container/grande-puce-verte.gif') no-repeat 0 3px;
					font-size: 12px;
					padding: 0 0 0 14px;
					margin: 0 0 10px 0;
					color: #8fc401;
                    text-transform: uppercase;
				}
				
				.comprendre #container h2 {
				    background: url('../images/container/grande-puce-orange.gif') no-repeat 0 3px;
					font-size: 12px;
					padding: 0 0 0 14px;
					margin: 0 0 10px 0;
					color: #ff7400;
                    text-transform: uppercase;
				}
				
				.actualites  #containerGauche h2 {
                    background: url('../images/container/h2-actualites.gif') no-repeat 0 3px;
					height: 38px;
                    width: 240px;
                    padding: 24px 0 0 100px;
                    text-transform: uppercase;
                    color: #FFF;
                    font-size: 12px;
				}
				
				.actualites  #containerDroite h2 {
                    background: url('../images/container/h2-rss.gif') no-repeat 0 3px;
                    height: 38px;
                    width: 240px;
                    padding: 24px 0 0 100px;
                    text-transform: uppercase;
                    color: #FFF;
                    font-size: 12px;
				}
				
				.pageAgenda  #containerGauche h2 {
                    background: url('../images/container/h2-liste-evenements.gif') no-repeat 0 3px;
					height: 38px;
                    width: 240px;
                    padding: 24px 0 0 100px;
                    text-transform: uppercase;
                    color: #FFF;
                    font-size: 12px;
				}

				.pageAgenda  #containerDroite h2 {
                    background: url('../images/container/h2-evenement-details.gif') no-repeat 0 3px;
                    height: 38px;
                    width: 240px;
                    padding: 26px 0 0 100px;
                    text-transform: uppercase;
                    color: #FFF;
                    font-size: 12px;
				}
				
				.colonnePrinc #container h3, .deuxCols #container h3, .nousRejoindre #container h3, .collaborer #container h3, .comprendre #container h3 {
				    font-size: 10px;
				    font-weight: normal;
                    text-transform: uppercase;
				}
				
				.deuxCols #container p.codeInformatique, .colonnePrinc #container p.codeInformatique {
					color: #0099ff;
				}
			
			    #rootLine {
                	font-size: 10px;
					font-weight: normal;
					color: #999;
					padding: 5px 0 0 15px;
				}
				
					#rootLine img {
						margin: 0 4px 0 4px;
					}
				
				    #rootLine a {
						font-size: 10px;
						font-weight: bold;
						color: #999 !important;
					}
			
			    .accueil #container #logo {
					padding: 10px 20px 0 20px;
					margin-bottom: 15px;
				}
				
				    .accueil #container #logo img.left {
						float: left;
					}
					
					.accueil #container #logo img.right {
						float: right;
					}
					
				.accueil #containerGauche {
					width: 328px;
					float: left;
					padding: 0 0 0 16px;
				}
				
				.deuxCols #containerGauche, .actualites  #containerGauche, .pageAgenda  #containerGauche {
					width: 340px;
					float: left;
					padding: 0 0 20px 50px;
				}
				
				.actualites.uneCol  #containerGauche, .colonnePrinc #containerGauche {
					width: 730px;
					float: left;
					padding: 0 0 20px 50px;
				}
				
				.nousRejoindre #containerGauche, .collaborer #containerGauche, .comprendre #containerGauche {
					width: 200px;
					float: left;
					padding: 0 0 20px 50px;
				}
				
				.accueil #containerCentre {
					width: 164px;
					float: left;
				}
				
				.accueil #containerDroite {
                    width: 315px;
                    float: left;
				}
				
				.deuxCols #containerDroite, .actualites #containerDroite, .pageAgenda #containerDroite {
                    width: 340px;
                    float: left;
                    padding: 0 0 20px 50px;
				}
				
				.actualites.uneCol #containerDroite, .colonnePrinc #containerDroite {
                    width: 0;
                    padding: 0;
                    display: none;
				}
				
				.nousRejoindre #containerDroite, .collaborer #containerDroite, .comprendre #containerDroite {
					width: 504px;
					float: left;
					padding: 0 0 20px 50px;
				}
			
			#containerBottom {
				width: 831px;
				height: 10px;
				background: url('../images/container/container-bottom.gif') no-repeat 0 0;
				font-size: 1%;
			}
			
			#menuBas {

			}
			
			    #menuBas ul.options {
					float: left;
					margin: 10px 0 0 40px;
				}
				
				    #menuBas ul.options li {
						float: left;
						list-style: none;
					}
					
						#menuBas ul.options li.planDuSite {
                            background: url('../images/footer/plan-du-site.gif') no-repeat 0 0;
                            height: 28px;
                            padding: 2px 20px 0 35px;
						}

						#menuBas ul.options li.mentionsLegales {
                            background: url('../images/footer/mentions-legales.gif') no-repeat 0 0;
                            height: 28px;
                            padding: 2px 0 0 30px;
						}
						
						#menuBas ul.options li a {
							color: #FFF;
							font-size: 10px;
						}
				
				#menuBas .partenaires {
                    float: right;
                    height: 41px;
                    padding: 0 0 0 0;
                    background: url('../images/footer/bg-droite.gif') no-repeat right 0;
                    font-size: 1%;
				}
				
				    #menuBas .partenaires ul {
                        padding: 0 9px 0 9px;
					}
				
				
					    #menuBas .partenaires ul li {
							float: left;
	                        list-style: none;
	                        padding: 2px 5px 0 5px;
	                        margin: 9px 0 0 1px;
	                        height: 30px;
	                        background-color: #FFF;
						}
						
						    #menuBas .partenaires ul li.first {
                                background: #FFF url('../images/footer/bg-gauche.gif') no-repeat 0 0;
                                margin: 0;
                                padding: 11px 5px 0 14px;
							}

			
#Tableau_01 {
	position:absolute;
	left:20%;
	top:0px;
	width:751px;
	height:815px;
}

#miles-3-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:751px;
	height:121px;
}

#miles-3-02_ {
	position:absolute;
	left:0px;
	top:121px;
	width:13px;
	height:579px;
}

#menu-haut-vert_ {
	position:absolute;
	left:13px;
	top:121px;
	width:553px;
	height:57px;
}

#miles-3-04_ {
	position:absolute;
	left:566px;
	top:121px;
	width:185px;
	height:57px;
}

#miles-3-05_ {
	position:absolute;
	left:13px;
	top:178px;
	width:34px;
	height:522px;
}

#Logo-atlanstic_ {
	position:absolute;
	left:47px;
	top:178px;
	width:215px;
	height:104px;
}

#miles-3-07_ {
	position:absolute;
	left:262px;
	top:178px;
	width:271px;
	height:104px;
}

#logo-miles_ {
	position:absolute;
	left:533px;
	top:178px;
	width:152px;
	height:104px;
}

#miles-3-09_ {
	position:absolute;
	left:685px;
	top:178px;
	width:66px;
	height:104px;
}

#Accueil_ {
	position:absolute;
	left:47px;
	top:282px;
	width:253px;
	height:403px;
}

#News_ {
	position:absolute;
	left:300px;
	top:282px;
	width:298px;
	height:136px;
}

#cnx-intra_ {
	position:absolute;
	left:598px;
	top:282px;
	width:135px;
	height:136px;
}

#miles-3-13_ {
	position:absolute;
	left:733px;
	top:282px;
	width:18px;
	height:533px;
}

#Accueil019_ {
	position:absolute;
	left:300px;
	top:418px;
	width:1px;
	height:267px;
}

#Journees-miles_ {
	position:absolute;
	left:301px;
	top:418px;
	width:147px;
	height:132px;
}

#Agenda_ {
	position:absolute;
	left:448px;
	top:418px;
	width:285px;
	height:267px;
}

#nous-contacter_ {
	position:absolute;
	left:301px;
	top:550px;
	width:147px;
	height:135px;
}

#miles-3-18_ {
	position:absolute;
	left:47px;
	top:685px;
	width:686px;
	height:15px;
}

#plan-du-site_ {
	position:absolute;
	left:0px;
	top:700px;
	width:270px;
	height:53px;
}

#miles-3-20_ {
	position:absolute;
	left:270px;
	top:700px;
	width:217px;
	height:115px;
}

#Logos-partenaires_ {
	position:absolute;
	left:487px;
	top:700px;
	width:246px;
	height:53px;
}

#miles-3-22_ {
	position:absolute;
	left:0px;
	top:753px;
	width:270px;
	height:62px;
}

#miles-3-23_ {
	position:absolute;
	left:487px;
	top:753px;
	width:246px;
	height:62px;
}