*,html,body,h1,h2,h3,p,img {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	line-height: 135%;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	background: #FFF;
}
h1,h2,h3,h4 {font-weight:bold}
h1 {
	font-size: 20px;
	color: #2B408F;
	padding-bottom:5px;
	border-bottom: 1px solid #CFE2EC;
	padding-left: 4px;
	margin-bottom: 20px;
}
h2 {
	font-size: 16px;
	color: #222;
	margin: 15px 7px 7px;
	line-height: 140%;
}
h3 {
	color: #48A2A9;
	margin: 14px 7px 7px;
	font-size: 15px;
}
h4 {
	color: #666;
	margin: 7px;
	padding-bottom:3px;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
}
p {margin: 4px 8px 8px}
a {
	text-decoration: none;
	color: #3196C8;
}
a:hover {
	text-decoration: underline;
	color: #069;
}
a.ext{
    background: url(/images/ic_externe.png) no-repeat right center; 
    padding:0 12px 0 0;
}
a.fleche{
	font-size: 13px;
	font-weight: bold;
    background: url(/images/ic_lien.png) no-repeat left center; 
    padding:2px 0 2px 25px;
	margin-left:10px;
}

blockquote{
	background: url(/images/ic_guillemets.png) no-repeat;
	padding:1px 10px 10px 20px;
	margin:10px;
	font-size:12px;
}
#page {
	background:#FFF url(/images/back_main.jpg) repeat-y 0px top;
	width: 970px;
	margin: 0 auto 0;
	padding:0;
}
#tete {
	padding:0 35px;
	font-size:11px;
	color:#2D4291;
	height:140px;
	background: url(/images/back_topblanc.jpg) no-repeat 0px bottom;
}
#langue {
	float:right;
	text-align: right;
	padding: 0;
	margin-top: 25px;
	color: #036;
}
#langue a{
	font-size:12px;
	color:#FFF;
}
#s0{
	height:16px;
	margin-top:13px;
}
#s1{
	margin:12px 0 0 430px;
	line-height:14px;
	letter-spacing:1px
}
#s2{
	margin-left:30px;
	font-size:10px;
	font-weight:bold;
	color:#000;
	width:400px;
	text-align:left;
}
#s3{
	font-size:10px;
	width:190px;
	text-align:right;
}
#contenu {
	margin:0 40px 0 41px;
	padding:10px 12px 40px;
	color: #444;
	background:#FFF url(/images/fd.jpg) repeat-x center top;
}
.chapeau{
	padding:10px;
	background: url(../images/fd_intro.png) no-repeat left bottom;
}
#pied{
	display:block;
	height: 280px;
	padding:0 35px 10px;
	background: url(/images/back_bottom.png) no-repeat 0px bottom;
}
#pied>div{
	padding: 5px 15px 15px;
	margin:5px 20px 10px;
	color: #333;
	border: 1px solid #CFE2EC;
}
#menu_bas{
	border-bottom: 1px solid #DDD;
}
#pied ul {
	display:block;
	margin-left: 10px;
	padding:1px 0 5px;
	font-weight: bold;
}
#pied ul>li {
	margin: 7px 7px 0;
	display:block
}
#pied li ul {
	font-weight: normal;
	font-size:11px;
	display:block;
	list-style: none;
	margin: 0 7px;
	padding:5px 0 ;
}
#pied li li {
	list-style:none;
	margin: 0 10px 0 0;
}
#pied a{
	color: #3084BB;
}
ul.idxsel {
	padding: 2px 2px 2px 10px;
	margin: 10px auto;
	list-style: none;
	clear: both;
	font-size: 13px;
	font-weight: bold;
	display:block;
	height:28px
}
ul.idxsel li {float: left;}
ul.idxsel li a {
	float: left;
	text-decoration: none;
	color: #039;
	padding: 4px 8px 0 0;
	margin-right: 8px;
	background: url(/images/blue.png) no-repeat top right;
}
ul.idxsel li a span {
	float: left;
	padding-right: 8px;
	display: block;
	margin-top: -4px;
	height: 24px;
	background: url(/images/blue.png) no-repeat top left;
}
ul.idxsel li a.wa {
	background: url(/images/red-h.png) no-repeat top right;
	color: #570000;
	margin-left:15px;
}
ul.idxsel li a.wa span {background: url(/images/red-h.png) no-repeat top left;}
ul.idxsel li a:hover  {
 	color: #FFF;
	background: url(/images/orange.png) no-repeat top right;
}
ul.idxsel li a:hover span {background: url(/images/orange.png) no-repeat top left;}
#questions{
	margin: 15px;
	padding-bottom:10px;
	border-bottom: 1px solid #CFE2EC;
}
#reponses{
	margin: 20px;
	padding: 60px 0;
	color: #666;
}
#tarif{
	border-collapse:collapse;
	margin: 10px 10px 30px;
	width: 520px;
	border-top: 2px solid #DDD;
}
#tarif td{
	padding:5px 10px;
}
#tarif tr{
	border-bottom: 1px solid #DDD;
}
#acces{
	background: #E9EAEA url(/images/fd_user.jpg) repeat-x center top;
	padding: 1px 5px 10px;
	margin:10px 5px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#DDD #CCC #CCC #DDD;
}
#acces label{
	float:left;
	width:110px;
	margin-left: 10px;
	padding: 2px;
}
#acces input[type="submit"]{
	margin-left: 13px;
	padding: 2px;
	color: #FFF;
	background-color: #039;
}
.alterne {background-color: #FFF}
.alterne2 {background-color: #E4F2F7}
.down,.maj,.pdf,.log{
	background: no-repeat left center;
	padding:5px 25px;
	margin:5px 10px;
}
.down{background-image: url(/images/ic_download.png)}
.maj{background-image: url(/images/ic_maj.png)}
.pdf{background-image: url(/images/ic_pdf.png)}
.log{background-image: url(/images/ic_key.png) no-repeat left center}
.prod{
	font-size: 13px;
	width: 400px;
}
.prix{
	font-size: 12px;
	width: 120px;
	text-align: right;
	color:#333;
}
.badgeprix{
	font-size: 20px;
	color: #333;
	background: url(/images/badge.jpg) no-repeat center center;
	text-align: center;
	padding: 40px 35px;
	display: block;
}
.box{
	margin: 10px 20px;
	padding: 5px;
	width: 250px;
	clear: right;
	border: 1px solid #BBB;
	background-color: #B8E4F0;
}
.box2{
	margin: 10px 20px 10px 50px;
	padding: 6px;
	width: 176px;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #E9EAEA;
}
.box3{
	margin:10px 5px 5px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#DDD #CCC #CCC #DDD;
	background-color: #E9EAEA;
}
.box4{
	padding:15px 0;
	width: 240px;
	clear: right;
	background-color: #FFF;
	border-width:1px;
	border-style:solid;
	border-color:#CCC #DDD #DDD #CCC;
}
#demo{
	margin:15px 7px 15px 0px;
	padding:3px;
}
#enregistrement,.compte{
	margin:5px 15px;
	padding:5px;
}
#demo li,#enregistrement li,.compte li{
	margin: 5px;
	list-style: none;
	padding: 2px;
}
#demo label,#enregistrement label,.compte label{
	width:120px;
	float:left;
	color:#111;
}
#enregistrement label{
	width:190px;
	border-bottom:1px solid #EEE;
}
.compte label{
	width:220px;
	border-bottom:1px solid #EEE;
}
input, textarea{
	font-size:12px;
	border:1px solid #DDD;
	border-bottom:1px dotted #BBB;
	padding:2px;
	background-color: #FFF;
}
#demo input{
	width:180px;
}
#demo input:focus,input:focus,textarea:focus {
	background-color:#FFC;
	border-bottom:1px solid #666;
}
.bouton{
	color: #000000;
	background-color: #66CCCC;
	border:1px solid #999;
	border-color:#000000;
	cursor: pointer;
}
.titresready{
	color: #111;
	background-color: #E0F3F7;
	cursor: text;
	
}
ul.li1, ul.li3{margin: 5px 10px 15px}
.li1 li{
	margin: 5px 15px 7px;
	list-style: url(/images/ic_li2.png) none;
	padding-left:5px;
}
.li2 li{margin: 5px 5px 7px}
.li3 li{
	margin: 5px 8px 8px;
	list-style: url(/images/ic_li4.png) none;
}
.img1{margin: 3px 6px}
.img2,.img4{
	margin: 5px auto;
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 6px;
}
.img2:hover{
	background-color: #E3FAFF;
	border-color: #C3E6EC;
}
.img3{
	margin: 0 20px;
}
.colonne{width:415px}
.colonne2{width:360px}
.colonne3{width:440px}
.colonne4{width:260px}
.colonne5{width:530px}
hr.fin_section{
	height: 10px;
	clear: both;
	float: none;
	visibility: hidden;
}
.contrast div{padding:7px 4px}
.contrast div:hover{background-color: #FFFCDE}
.banniere{
	margin:5px 10px 10px;
	padding:10px 0;
}
#actualite {
	background-image: url(/images/fd_actu.gif);
	padding: 0 5px 7px;
	border:1px solid #C7DDED;
	width: 500px;
}
#actualite ul {
	margin: 10px 15px;
}
.bg_white{
	background-color:#FFF;
	padding:5px;
	border:1px solid #EEE;
	display:block;
}
.blue{color:#2E3F8D}
.red{color:#C00}
.redbox{
	padding:1px 5px;
	background-color: #FFCCCC;
}
.green{color:#390}
.undl{text-decoration: underline}
.top{float:right}
.fl_r{float:right}
.fl_l{float:left}
.small{font-size:90%}
.no{text-decoration: line-through}
.erreurs,.note{
	background: #FFF url(/images/ic_err.png) no-repeat 9px 10px;
	color:#C00;
	padding:3px 2px 3px 37px;
	margin:10px 30px 0;
	width: 550px;
	border-width:1px;
	border-style:solid;
	border-color:#EEE #DDD #CCC #EEE;
}
.note {
	background-image: url(/images/ic_note.png);
	color:#390;
}
.enregistre,.attention,.abo{
	background: #FFF url(/images/ic_fleche.png) no-repeat 375px center;
	width: 420px;
	color:#390;
	margin: 25px 10px;
	padding:10px;
	font-weight: bold;
	border-width:1px;
	border-style:solid;
	border-color:#EEE #DDD #CCC #EEE;
}
.attention{
	background-image: url(/images/ic_attention.png);
	color:#CC7401;
}
.abo{
	background-image: url(/images/ic_wa_dodecahedre.jpg);
	background-position: 365px center;
	color:#3196C8;
}
.legal {
	margin: 50px 50px 50px 30px;
	font-size: 10px;
	line-height: 150%;
	color: #369;
	background-color: #FFF;
	padding: 10px;
}
.legal h4 {
	color: #369;
	border: none;
}
#map{
	clear: both;
	float: none;
	margin:0;
	width:850px;
	height:370px;
}
#cmap{
	background:#FFF;
	margin:30px auto;
	width:860px;
	height:460px;
	border-top: 1px solid #CDDDE3;
}
div.contact {
	margin:10px 15px;
	width:250px;
	float:left;
}

/* Spécifications des polices de caractères pour tous les éléments */
body {font-family: Arial, Helvetica, sans-serif}
h1,h2,h3,h4,blockquote,#s2,.erreurs,.note{font-family: "Lucida Grande", Arial}
