/* CSS Document */

html, body{
	height:100%;
}
body{
	height:100%;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#003399;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#6699cc;
	text-decoration:none;
}
a img{
	border:0;
}
.content{
	margin:auto;
	width:880px;
	text-align:left;
}
.spacer{
	clear:both;
}
#header{
	height:16px;
	overflow:hidden;
}
#header ul{
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li{
	background-color:#FFFFFF;
	float:left;
	width:85px;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#88BADC;
}
#header ul li a{
	color:#88BADC;
}
#header ul .on{
	background-color:#C8E600;
	color:#FFFFFF;
} 
#top{
	height:200px;
	background:url(../images/bg_tetiere.jpg) no-repeat;
	background-position:center top;
	background-color:#88BADC;
} 
#topinscrip{
	height:200px;
	background:url(../images/bg_tetiereinscrip.jpg) no-repeat;
	background-position:center top;
	background-color:#88BADC;
}
#tetiere{
	height:160px;
}
#tetiere img{
	float:left;
	margin-top:30px;
}
#tetiere div{
	float:left;
	margin-top:60px;
	margin-left:15px;
	font-size:26px;
	color:#002D9A;
	font-family:Arial, Georgia, Helvetica, serif;
	line-height:26px;
}
#menu_wrapper{
	height:40px;
	background:url(../images/bg_menu.png) repeat-x;
	text-align:left;
	-overflow:hidden;
}
#menu{
	margin:auto;
	width:880px;
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	height:40px;
}
#menu ul li{
	display:block;
	float:left;
	border-left:1px solid #003399;
	margin:0;
	font-size:10px;
	color:#003399;
}
#menu .niveau1{
	float:left;
	display:block;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	height:36px;
	color:#003399;
}
#menu ul .on{
	background:url(../images/bg_menu_on.png) repeat-x;
}
#menu .ssmenu{
	clear:left;
	float:none;
	position:absolute;
	height:auto;
	background:#000;
	z-index:2;
	display:none;
}
#menu .ssmenu li{
	float:none;
	background:#88BADC;
	border-left:1px solid #003399;
	margin:0;
	padding:2px 5px 2px 10px;
}
#menu .ssmenu .clair{
	background:#D4E5F2;
}
#menu .niveau2{
	float:none;
	height:16px;
}
#menu .recherche{
	width:182px;
	height:36px;
	background:url(../images/bg_recherche.gif) no-repeat;
	float:right;
	margin-right:15px;
	-margin-right:8px;
	font-size:10px;
	line-height:10px;
	color:#000000;
	padding-top:4px;
	padding-left:8px;
}
#menu .recherche form{
	margin:0;
	padding:0;
}
#menu .recherche label{
	display:block;
	color:#FFFFFF;
	margin-bottom:4px;
}
#menu .recherche input{
	border:0;
	height:18px;
	width:138px;
	margin:0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:2px;
	padding-left:2px;
}
#menu .recherche img{
	vertical-align:bottom;
	float:left;
}
#separation{
	height:5px;
	overflow:hidden;
	background-color:#C8E600;
}
#container{
	background:url(../images/bg_pages.jpg) repeat-x;
}
#container .content{
}
#path{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#002D9A;
	padding-top:5px;
}
#path a{
	color:#002D9A;
}
#page{
	padding-top:20px;
}
#gauche{
	float:left;
	width:197px;
	margin-top:1px;
}
.encart{
	font-family:Arial, Georgia, Helvetica, serif;
}
.encart a{
	color:#FFFFFF;
}
.encart .top{
	background:url(../images/bg_encart_top.png) no-repeat;
	height:42px;
	padding-top:15px;
	font-size:15px;
	color:#002D9A;
	text-align:center;
	overflow:hidden;
	font-weight:900;
}
.encart .middle{
	background:url(../images/bg_encart_middle.png) repeat-y;
	padding-left:6px;
}
.encart .middle img{
	display: block;
}
.encart .bottom{
	background:url(../images/bg_encart_bottom.png) no-repeat;
	text-align:center;
	font-family:Georgia, Arial, "Times New Roman", serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:5px;
	height:45px;
}

#droite{
	float:left;
	width:197px;
	margin-top:2px;
}
#droite ul{
	margin:0;
	padding:0;
	list-style:none;
}
#droite ul li{
	height:31px;
	line-height:31px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#002D9A;
	padding-left:20px;
}
#droite ul .on{
	font-weight:bold;
}
#navig a{
	color:#002D9A;
	text-decoration:none;
	font-weight:normal;
}
#navig .on a{
	font-weight:bold;
}
#navig a:hover{
	color:#002D9A;
	font-weight:bold;
}
#item_formation{
	background:url(../images/item_formation.png) no-repeat;
}
#item_calendrier{
	background:url(../images/item_calendrier.png) no-repeat;
}
#item_journee{
	background:url(../images/item_journee.png) no-repeat;
}
#item_inscription{
	background:url(../images/item_inscription.png) no-repeat;
}
#item_dialogue{
	background:url(../images/item_dialogue.png) no-repeat;
}
#bottom{
	width:880px;
	margin:auto;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#404040;
}

/******** ESPACE LOGIN HEADER ********/

#vip_header_login{background:url(../images/acces_membres.png) no-repeat;border:none;width: 188px;height:95px;font-family:Arial, Helvetica, sans-serif;}
#vip_header_login label{color:#7998ab; font-size:10px; display: inline-block;}
#vip_header_login #form_log p{padding:0; margin:15px 0 0 15px;}
#vip_header_login p{margin: 25px 0 0 15px; text-align: left; width: 76px; float:left;}

#vip_header_login p.oubli{width:125px; font-size:10px; color:#ffffff; text-align:center; font-weight:normal;text-align: left;line-height: 0.9; margin:0; padding:0;}
#vip_header_login p.oubli a{font-size: 10px; color:#ffffff; text-decoration:underline;}


#vip_header_login #ok{width:31px; height:16px; background:url(../images/btn_membres_ok.png) no-repeat; cursor:pointer; border:none; margin: 12px 0 0 34px;}
#vip_header_login input[type="text"], #vip_header_login input[type="password"] {background:url(../images/bg_input_header.png) no-repeat;border: medium none;height: 17px;width: 76px; float:left; margin:0; padding:0;}
#vip_header_login input[type="checkbox] {margin-left:10px; padding:0;}


/******** pop up renvoi mot de passe ********/

#mdepasse{background:url(../images/oubli_login.jpg) no-repeat; width:378px; height:480px; margin:0; font-family:Arial, Helvetica, sans-serif;}

#mdepasse p{padding:0; margin:0;}

#mdepasse input {background:url(../images/bg_input_renvoi-mail.png) no-repeat;border: medium none;height: 24px;width: 249px; margin: 360px 0 0 65px;}

#mdepasse #bt_ok{width:62px; height:23px; background:url(../images/btn_renvoi-mail.png) no-repeat; cursor:pointer; border:none; margin: 10px 0 0 160px;}