/* CSS Document */
HTML{
	margin:0;
	padding:0;
	height:100%;
	}

BODY{
	margin:0;
	padding:0;
	height:100%;
	font-family:arial;
	background:url(../images/bandeau_fd.gif) 771px 0 repeat-x;
/*	background:url(../images/fond.gif) center 0 repeat-y;
	background-color:#ddd;*/
	}
/*
#arrieregrandmere{
	margin:0 auto;
	padding:0;
	width:995px;
	min-height:100%;
	background:url(../images/bandeau_fd.gif) 771px 0 repeat-x;
	background-color:#FFF;
	}
*/

#grandmere{
	margin:0;
	padding:0;
	background:url(../images/bandeau_g.jpg) 0 0 no-repeat;
	}

#mere{
	margin:0;
	padding:0;
	min-width:995px;
	}

#sedis{
	display:none;
	}
	
#diapo{
	clear:right;
	height:170px;
	text-align:center;
	padding-left:110px;
	}
#slogan{
	text-align:center;
	margin-left:180px;
	font-weight:bold;
	color:#5b8ebb;
	font-size:16pt;
	letter-spacing:-1px;
	line-height:36px;
	}	
	
/*////////////////// MENU 3 /////////////////////*/
	#menu1{
		display:block;
		float:left;
		height:253px;
		width:199px;
		}
	
	#menu1 A IMG{
		border:0;
		}
	
	#LOGOSEDIS{
		display:block;
		}
	
	#menu1 A.bt01{
		background-image:url(../images/menu1_bt01.gif);
		width:170px;
		}
	
	#menu1 A.bt02{
		background-image:url(../images/menu1_bt02.gif);
		width:139px;
		}
	
	#menu1 A.bt03{
		background-image:url(../images/menu1_bt03.gif);
		width:102px;
		}
	
	#menu1 A{
		background-position: right top;
		background-repeat: no-repeat;
		display:block;
		color:#FFF;
		padding:2px 0 3px 5px;
		height:21px;
		margin:0px 0 13px 20px;
		text-decoration:none;
		font-weight:bold;
		font-size:13pt;
		border-left:solid 1px #FFF;
		}
		
	#menu1 A:hover{
		background-position: right -28px;
		}
		
	#menu1 A span{
		font-size:8pt;
		display:block;
		margin-top:-4px;
		margin-bottom:-8px;
		margin-left:17px;
		}
	#menu1 A img{
		vertical-align: middle;
		margin-bottom: 3px;
	}
	
	#menu1 A.logo{
		border:0;
		height:53px;
		padding:20px 0 0 3px;
		}
		
/*////////////////// BT CONTACT /////////////////////*/

	#bt_contact{
		float:left;
		padding-top:175px;
		padding-left:33px;
		}

	#bt_contact A{
		background:url(../images/bt_contact.gif) 0 0 no-repeat;
		width:70px;
		line-height:65px;
		height:69px;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		font-size:11pt;
		text-decoration:none;
		display:block;
		}

	#bt_contact A:hover{
		background:url(../images/bt_contact.gif) 0 -69px no-repeat;
		}

/*////////////////// MENU 3 /////////////////////*/
	#menu3{
		float:right;
		height:20px;
		text-align:right;
		background-color:#8d9fbd;
		margin-bottom:5px;
		}
		
	#menu3 A.menu{
		float:left;
		display:inline-block;
		text-decoration:none;
		line-height:18px;
		padding:0 20px;
		font-weight:bold;
		font-size:10pt;
		color:#1b3e7a;
		}
		
	#menu3 A.menu:hover{
		color:#FFF;
		}
		
/*////////////////// MENU 2 /////////////////////*/

	#menu2{
		display:block;
		color:#5b8ebb;
		padding-top:15px;
		padding-left:25px;
		padding-right:5px;
		height:40px;
		margin-left:300px;
		}
	
	#menu2 form{
		margin:0;
		}
		
	#menu2 LI{
		display:inline-block;
		float:left;
		padding:0;
		list-style:none;
		height:19px;
		margin:0 4px 0 0;
		}
	#menu2 LI:hover{
		padding-top:3px;
		}
		
	#menu2 LI A{
		display:inline-block;
		background-image:url(../images/bt_menu2.gif);
		background-repeat: repeat-x;
		background-position:0 -28px;
		
		line-height:16px;
		height:17px;
		margin:0;
		padding:1px 5px;
		
		border:0;
		color:#FFF;
		text-decoration:none;
		font-size:10pt;
		font-weight:bold;
		}
	
	#menu2 LI:hover A{
		background:url(../images/ssmenu_fd.gif) 0 0 repeat-x;
		border:solid 1px #FFF;
		padding:0 4px;
		}
	
	#menu2 LI DIV{
		display:none;
		}
		
	#menu2 LI:hover DIV{
		display:block;
		position:absolute;
		border:solid 1px #717172;
		padding:1px;
		background:url(../images/ssmenu_fd.gif) repeat-x;
		/*max-width:670px;*/
		background-color:#82a4cd;
		}
		
	#menu2 LI:hover DIV A{
		display:inline-block;
		text-decoration:none;
		font-size:9pt;
		font-weight:bold;
		line-height:16px;
		height:18px;
		margin:0;
		padding:0 10px 0 20px;
		color:#FFF;
		background:url(../images/ssmenu_bt.gif) 0 0 no-repeat;
		border:0;
		white-space:nowrap;
		}

	#menu2 LI DIV A:hover{
		background:url(../images/ssmenu_bt.gif) 0 -18px no-repeat;
		color:#275BA3;
		}
		
	#menu2 #rech{
		float:right;
		text-align:left;
		background-image:url(../images/bt_menu2.gif);
		background-repeat: repeat-x;
		background-position:0 -28px;
		margin:0 5px;
		color:#FFF;
		text-decoration:none;
		font-size:10pt;
		font-weight:bold;
		display:inline-block;
		padding-right:10px;
		padding-left:10px;
		height:19px;
		}
	
	#menu2 #rech label{
		float:left;
		border:0;
		padding:0;
		margin-top:1px;
		margin-right:10px;
		height:18px;
		background:none;
		}
	
	#menu2 #rech input{
		float:left;
		border:0;
		padding:0 0 0 3px;
		margin-top:2px;
		width:120px;
		height:15px;
		background-color:#FFF;
		}
	
	#menu2 #rech button{
		float:left;
		border:0;
		padding:0;
		margin:0;
		height:18px;
		margin-top:0px;
		background:none;
		color:#FFF;
		font-weight:bold;
		margin-left:3px;
		}
	
	#menu2 #rech button:hover{
		background-color:#5b8ebb;
		color:#000033;
		}
		
/*////////////////// MENU LANGUES /////////////////////*/

	#menu_lgg{
		float:right;
		padding-top:11px;
		overflow:hidden;
		height:27px;
		width: 82px;
		padding-left: 10px;
		}

		#menu_lgg SPAN{
			float: left;
			color:#FFF;
			font-size: 0.7em;
			line-height: 23px;
			font-weight: bold;
		}

		#menu_lgg UL{
			list-style: none;
			margin: 0 10px 0 0;
			padding: 0;
			display: block;
			float: right;
		}

		#menu_lgg UL LI.lgg_courant{
			display: block;
			text-indent: -9999px;
			background-repeat:no-repeat;
			background-position:-23px 0;
			width:32px;
			height:26px;
			cursor: pointer;
		}

		#menu_lgg UL UL.ssmenulgg{
			display: none;
			position: absolute;
			right: -1px;
			top:232px;
			border: solid 1px #FFF;
			background-color: #5b8ebb;
			height:28px;
			overflow: hidden;
		}
		#menu_lgg UL:hover UL.ssmenulgg{
			display: block;
		}

		#menu_lgg UL UL.ssmenulgg LI{
			float: left;
			width: 32px;
			height: 32px;
			display: block;
			text-indent: 0;
		}

	#menu_lgg A.lgg{
		display:block;
		background-repeat:no-repeat;
		background-position:0 0;	
		width:23px;
		height:32px;
		margin:0 5px;
		text-indent: -9999px;
		}
	
	#menu_lgg span.lgg{
		display:inline-block;
		background-repeat:no-repeat;
		background-position:-23px 0;	
		width:32px;
		height:32px;
		margin:0 1px 0 0;	
		}
	
	#menu_lgg A.lgg:hover{
		background-position:-23px 0;	
		width:32px;
		margin:0 1px 0 0;	
		}
	
	#lgg_fr{
		background-image:url(../images/drap_fr.png);	
		}
	#lgg_en{
		background-image:url(../images/drap_en.png);	
		}
	#lgg_de{
		background-image:url(../images/drap_de.png);	
		}
	#lgg_es{
		background-image:url(../images/drap_es.png);	
		}
	#lgg_it{
		background-image:url(../images/drap_it.png);
		}
	#lgg_ru{
		background-image:url(../images/drap_ru.png);
		}
/*////////////////// GAUCHE /////////////////////*/

	#gauche{
		clear:both;
		background:url(../images/menugauche_fd.jpg) 0 0 no-repeat;
		float:left;
		width:300px;
		padding-top:100px;
		}
	
	#menuGauche{
		margin-left:10px;
		background:url(../images/menugauche_rond.gif) 0 31px no-repeat;
		min-height:136px;
		}
	
	#menuGauche DIV.entete{
		background:url(../images/menugauche_titre.gif) no-repeat;
		line-height:21px;
		padding-left:27px;
		font-size:10pt;
		font-weight:bold;
		color:#8d9fbd;
		margin-bottom:10px;		
		}
	
	#menuGauche A, #menuGauche SPAN{
		display:block;
		margin-left:90px;
		font-size:10pt;
		padding-left:25px;
		line-height:19px;
		margin-bottom:2px;
		}
	
	#menuGauche A{
		background-image:url(../images/bt_gauche_fd.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#8d9fbd;
		font-weight:bold;
		}
		
	#menuGauche A:hover{
		background-position: 0 -25px;
		color:#000;
		}
		
	#menuGauche SPAN{
		background-image:url(../images/bt_gauche_select.gif);
		background-repeat:no-repeat;
		color:#F00;
		font-weight:bold;
		}
	
	#menuGauche .bt01{
		margin-left:90px;
		}
	
	#menuGauche .bt02{
		margin-left:103px;
		margin-bottom:3px;
		}
	
	#menuGauche .bt03{
		margin-left:107px;
		margin-bottom:3px;
		}
	
	#menuGauche .bt04{
		margin-left:103px;
		}
	
	#menuGauche .bt05{
		margin-left:90px;
		margin-bottom:1px;
		}
	
	#menuGauche .bt06{
		margin-left:65px;
		}
	
	
/*////////////////// ARIANE /////////////////////*/

	#ariane{
		border-bottom : solid 1px #999;
		font-size:8pt;
		font-weight:bold;
		margin-bottom:10px;
		font-style:italic;
		color:#666;
		padding-bottom:3px;
		}

	#contenu #ariane A{
		border:0;
		text-decoration:none;
		color:#666;
		}	

/*///////////////////////// CONTENU //////////////////////////*/
/* les modifications ici doivent être reporté sur contenu.css */

	#contenu{
		margin-left:300px;
		padding:20px 10px 10px 0;
		}
		
	#contenu IMG.imgRight{
		float:right;
		margin:0 20px 5px 5px;
		}
		
	#contenu IMG.imgLeft{
		float:left;
		margin:0 5px 5px 20px;
		}
		
	#contenu H1{
		margin:0 20px 15px 450px;
		color:#F00;
		background:url(../images/pct1.gif) 0 3px no-repeat;
		padding-left:28px; 
		font-size:18pt;
		border-bottom:solid 1px #F00;
		}
	
	#contenu H2{
		margin:0 20px 0px 20px;
		padding-top:10px;
		color:#5b8ebb;
		text-decoration:underline;
		font-size:12pt;
		}
	
	#contenu H3{
		margin:0 20px 15px 20px;
		padding:1px 0 1px 20px;
		color:#FFF;
		font-style:italic;
		font-size:12pt;
		background-color:#acbac7;
		}
	
	#contenu H6{
		margin:20px 20px 8px 300px;
		color:#5b8ebb;
		font-size:10pt;
		text-align:center;
		font-weight:bold;
		}
	
	#contenu P{
		margin:15px 20px 15px 40px;
		color:#000;
		font-size:10pt;
		color:#6987a1;
		}
	
	#contenu UL{
		margin:0;
		color:#000;
		font-size:10pt;
		padding-left:40px;
		margin:10px 20px 10px 0;
		}
	
	#contenu OL{
		margin:0;
		color:#000;
		font-size:10pt;
		padding-left:40px;
		margin:10px 20px 10px 0;
		}
	
	#contenu OL LI{
		/*list-style-position:outside;*/
		padding:0 0 0 0px;
		margin:3px 0 3px 27px;
		color:#000;
		font-size:10pt;
		}
	
	#contenu UL LI{
		list-style-position:outside;
		list-style-type:none;
		padding:0 0 0 12px;
		margin:3px 0 3px 15px;
		color:#000;
		font-size:10pt;
		background:url(../images/puce1.gif) 0px 7px no-repeat;
		}
	
	#contenu UL UL{
		margin:0;
		color:#000;
		font-size:10pt;
		padding-left:25px;
		margin:0;
		}
	
	#contenu UL LI UL{
		padding:0;
		}
	
	#contenu UL UL LI{
		list-style-position:outside;
		list-style-type:none;
		padding:0 0 0 12px;
		margin:3px 0 3px 15px;
		color:#000;
		font-size:10pt;
		background:url(../images/puce2.gif) 0px 7px no-repeat;
		}
	
	#contenu BUTTON.bouton, #contenu INPUT.bouton{
		background-image:url(../images/bt_menu2.gif);
		background-repeat: repeat-x;
		background-position:0 -28px;
		
		padding:1px 5px;
		
		border:0;
		color:#FFF;
		font-size:10pt;
		font-weight:bold;
		}
	
	#contenu A{
		color:#000;
		text-decoration:none;
		border-bottom:dashed 1px #999;
		}
	
	#contenu A:hover{
		border-bottom:solid 1px #C00;
		}
	
	FORM{
		margin:0;
		}
	
	#menuEnfants{
		float:left;
		padding:10px 10px 0 100px;
		min-height:153px;
		min-width:135px;
		background:url(../images/ss-ss-menu_fond2.jpg) left top no-repeat;
		/*background-color:#FFF;*/
		}
		
	#menuEnfants DIV.menu{
		padding:85px 0 0 0;
		/*
		background-color:#FFF;
		border:solid 1px #4a6592;
		*/
		}
		
	#menuEnfants DIV.menu A{
/*		background:url(../images/ssmenu_bt.gif) 0 0 no-repeat;
		text-align:left;
		padding:1px 5px 2px 18px;
		border:solid 1px #666;
		margin-bottom:2px;
		color:#FFF;
		font-size:9pt;
		font-weight:bold;
		text-decoration:none;
		display:block;
*/
		display:block;
		font-size:10pt;
		padding-left:25px;
		line-height:19px;
		margin-bottom:2px;
		background-image:url(../images/bt_gauche_fd.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#8d9fbd;
		font-weight:bold;
		border:0;
		}
	
	#menuEnfants DIV.menu A:hover{
		background-position: 0 -25px;
		color:#13205e;
		}
	
	#menuEnfants DIV.menu A.bt1{
		margin-left:70px;
		}
	
	#menuEnfants DIV.menu A.bt2{
		margin-left:62px;
		}
	
	#menuEnfants DIV.menu A.bt3{
		margin-left:43px;
		}
	
	#menuEnfants DIV.menu A.bt4{
		margin-left:20px;
		}
	
	#menuEnfants DIV.menu A.bt5{
		margin-left:0px;
		}