html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Tahoma;
	background-color:#004463;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
  list-style: none;
	list-style-type: none;
	}
#container{
	width:792px;
	margin:0px auto;
	height:100%;
	}
#header {
	width:792px;
	height:198px;
	}
#contenu {
	width:792px; 
	float:left;
	background-color:#ffffff
	}
	#contenu p{
		color:#0D81B4;
		font:normal 1.2em Tahoma;
		text-align:justify;
/*		padding-left:20px;*/
		line-height:20px;
	}
	#page-dynamic{
		padding:8px 3px 0px 3px;
		}
	#col1{
		width:266px;
		background:url(../images/charte/title1.jpg) no-repeat;
		clear:both;
		padding-top:23px;
		float:left;
	}
	#col2 {
		width:232px;
		padding-top:30px;
		padding-left:12px;
		padding-right:11px;
		float:left;
	}
	#col3{
		width:261px;
		background:url(../images/charte/title2.jpg) no-repeat;
		padding-top:23px;
		float:right;
		padding-bottom:40px;
	}
	#title3{
		width:266px;
		/*background:url(../images/charte/title3.jpg) no-repeat;*/
		background:url(../images/charte/prestation-title9.jpg) no-repeat;
		clear:both;
		padding-top:30px;
	}
	#background1{
		width:247px;
		background-color:#FCECEB;
		padding-top:0px;
		float:right;
	}
	#background2{
		width:245px;
		background-color:#FCECEB;
		padding-top:0px;
		float:left;
	}
	#prestation-title1{
		width:536px;
		background:url(../images/charte/prestation-title1.jpg) no-repeat;
		clear:both;
		padding-top:30px;
		}
	#prestation-col1{
		width:266px;
		background:url(../images/charte/prestation-title2.jpg) no-repeat;
		clear:both;
		padding-top:23px;
		margin-top:25px;
		float:left;
		}
	#prestation-col3{
		width:261px;
		background:url(../images/charte/prestation-title3.jpg) no-repeat;
		padding-top:23px;
		float:right;
		margin-top:25px;
		padding-bottom:40px;
		}
	#prestation-title4{
		width:536;
		background:url(../images/charte/prestation-title4.jpg) no-repeat;
		clear:both;
		padding-top:30px;
		}

    	#prestation-title5{
		width:536px;
		height: 22px;
		background: url(../images/charte/prestation-title5.jpg) no-repeat top left;
		clear:both;
		 margin: 30px 0px 0 0px;
		}

    #prestation-title6{
		width:536px;
		height: 22px;
		background: url(../images/charte/prestation-title6.jpg) no-repeat top left;
		clear:both;
		 margin: 10px 0px 0 0px;
		}

        #prestation-title7{
		width:536px;
		height: 22px;
		background: url(../images/charte/prestation-title7.jpg) no-repeat top left;
		clear:both;
		 margin: 10px 0px 0 0px;
		}

    #prestation-title8{
		width:536px;
		height: 22px;
		background: url(../images/charte/prestation-title8.jpg) no-repeat top left;
		clear:both;
		 margin: 10px 0px 0 0px;
		}

	.image-right{
		float:right;
		margin-left:21px;
		margin-top:5px;
		margin-right:30px;
		}
	.image-left{
		float:left;
		padding-right:21px;
		padding-left:30px;
		padding-top:2px;
		}
	#contact-link {
		color:#0D81B4;
		font:normal 1.2em Arial;
		text-align:justify;
		line-height:15px;
		padding-right:12px;
		margin-bottom:2px;
		margin-top:40px;
		}
		a#contact-link:link, #contact-link:visited{
				font:bold 1.2em Arial;
				color:#0D81B4;
				text-decoration:underline;
				}
		a#contact-link:hover, #contact-link:active{
				font:bold 1.2em Arial;
				text-decoration:none;
				color:#1C678A;
				text-decoration:underline;
				}
#footer {
	width:792px;
	height:37px;
	background:url(../images/charte/footer.jpg) no-repeat;
	clear:both;

	}
#bullet {
	margin-left:30px;
	margin-right:30px;
}
	#nav-footer{
			padding-top:2px;
			padding-left:80px;
			padding-right:80px;
			}
				
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 1.2em Arial;
					text-decoration:none;
					color:#ffffff;
					text-align:center;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 1.2em Arial;
					color:#63C1EC;
					text-decoration:none;
					text-align:center;
					}
			#container #footer-droits {
				color:#ffffff;
				font:normal 10px Verdana;
				clear:left;
				margin-left:165px;
				padding-top:0px;
					}
				#footer-droits #digital-age:link, #footer-droits #digital-age:visited{
					color:#ffffff;
					font:normal 10px Verdana;
					text-decoration:none;
					
					}
				#footer-droits #digital-age:hover, #footer-droits #digital-age:active{
					color:#63C1EC;
					font:normal 10px Verdana;
					}
#text-admin{
		color:#0D81B4;
		font:normal 11px Tahoma;
		text-align:justify;
		line-height:15px; 	
	}
#text-admin1{
		color:#0D81B4;
		font:normal 12px Tahoma;
		text-align:justify;
		line-height:15px;	
	}

/* =========================== page index ================================ */

img {border: 0;}
 ul.list1{
	padding: 0px 0 0px 0px;
    float:left;
    margin: 0;
		width:245px;
	}
 ul.list1 li{
	background: url(../images/charte/bullet1.jpg) no-repeat top left;
	background-position: 0px 6px;
	text-align:justify;
	line-height: 18px;
  color:#0D81B4;
  font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-align:justify;
	padding: 0px 0px 0px 13px;
	}

   ul.list2{
	padding: 0px 0 10px 40px;
    float:left;
    margin: 0;
		width:700px;
	}
 ul.list2 li{
	background: url(../images/charte/bullet1.jpg) no-repeat top left;
	background-position: 0px 4px;
	text-align:justify;
	line-height: 18px;
  color:#0D81B4;
  font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-align:justify;
	padding: 0px 20px 0px 13px;
	display: inline;
	}

   ul.list3{
	padding: 0px 0 0px 60px;
    float:left;
    margin: 0;
		width: 400px;
	}
 ul.list3 li{
	background: url(../images/charte/bullet1.jpg) no-repeat top left;
	background-position: 0px 6px;
	text-align:justify;
	line-height: 18px;
  color:#0D81B4;
  font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-align:justify;
	padding: 0px 0px 0px 13px;
	}
#recherche
{
    float:left;
    width: 323px;
    text-align: left;
    height: 22px;
    padding:10px 0 10px 124px;
}

#recherche select
{
   height: 20px; padding: 0px !important; margin: 0px !important; width: 200px; font-family: Tahoma, Arial; color:#0d81b4; font-size:11px; border: solid 1px #1a6d92;
}

#recherche .buttonRecherche
{
    background: url(../images/charte/recherche.jpg) no-repeat top left;
		border: none;
    width: 104px;
		height: 20px;
}

#recherche .buttonRechercheOver
{
  background: url(../images/charte/recherche-over.jpg) no-repeat top left;
	border: none;
	width: 104px;
	height: 20px;
  cursor: pointer;
}

.separator{width:755px; height:0px; clear:both; padding:0; border-top: 1px solid #0291d2; line-height: 0px; font-size: 0; overflow: hidden;}