@font-face {
        font-family: Century gothic;
        src: url('../Gothic.TTF');
}

@font-face {
        font-family: Century gothic;
        font-weight: bold;
        src: url('../Gothicb.TTF');
}

h1, h2, h3 {
	padding:0;
	margin:0;
	line-height:normal;
	font-weight:normal;
}

div, p, form, li, ul, label {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
img a{
border:none;
}


body {
	background:#028EEC;
	margin:0 ;
	padding:0;
	background-image:url(../images/fond.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
}
#conteneur {
	position:relative;
	left:50%;
	margin-left: -500px;
	width: 1000px;
	padding:0;
	height:auto;
	display:block;
}
#haut {
	height: 226px;
	width: 1000px;
	background-image:url(../images/fond-haut.png);
	position:absolute;
	z-index:1000;
}

#drapeaux {
    padding-top:30px;
	height: 30px;
	width: 200px;
	clear:both;
	display:block;
}
#menu {
	height: 290px;
	margin: 0;
	width: 200px;
	clear:both;
	position:relative;
	left:20px;
	top:0px;
	display:block;	
}

#menu li{
	height: 35px;
	margin: 0;
	width: 180px;
	clear:both;
	position:relative;
	background-image:url(../images/fleur-menu.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#menu li a{
	color:#0171BA;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

#menu li a:hover{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#contenu {
	width: 1000px;
	padding:0;
	margin:0;
	height:auto;
	display:block;
	clear:both;
	position:relative;
	top:190px;
}
#fleur {
	position:absolute;
	z-index:2000;
	height: 290px;
	margin: 0;
	width: 323px;
	left:670px;
	background-image:url(../images/fleur.png);
	background-repeat:no-repeat;
}
#gauche {
	position:absolute;
	z-index:100;
	left:16px;
	height: auto;
	margin: 0;
	width: 220px;
	float:left;
	background-image:url(../images/fond-menu.png);
	background-repeat:repeat-y;	
}

#contenu-droite {
position:relative;
left:220px;
float:left;
background-image:url(../images/fond-contenu.gif);
background-repeat:repeat-y;
background-position:right;
}

#contenu-bas {
clear:both;
}
#centre {
	height: auto;
	margin: 0;
	width: 560px;
	float:left;
	background-color:#FFFFFF;
}
#droite {
	height: auto;
	margin: 0;
	width: 200px;
	float:left;
	background-color:#B4E1FE;
	
}


.actu {
	position:relative;
	top:10px;
	width: 200px;
	height: 194px;
	background-image:url(../images/fond-actu.png);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
}

.contenu-actu {
	padding:25px 15px 15px 15px;
	font-size: 13px;
	color: #016BB1;
}
.contenu-actu a{
	color: #016BB1;
	text-decoration:none;
}
.contenu-actu a:hover{
	color: #016BB1;
	text-decoration:underline;
}
.cartouche {
	position:relative;
	top:10px;
	width: 200px;
	height: 32px;
	background-image:url(../images/fond-bt.png);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
}
.im-cartouche {
	float:left;
	width:20px;
	padding-top:2px;
}
.sous-cartouche {
	clear:both;
	width:180px;
	position:relative;
	top:3px;
	left:10px;
}
.contenu-cartouche {
	padding:0 0 0 25px;
	font-size: 16px;
	color: #fff;
	font-weight:bold;
	float:left;
	width:140px;
}
.contenu-cartouche a {
	color: #fff;
	text-decoration:none;
}
.contenu-cartouche a:hover {
	color: #B4E1FE;
	text-decoration:none;
}
#texte {
	height:auto;
	padding:20px 45px 0 45px;
}

#pied {
	position:relative;
	width: 560px;
	height:150px;
	margin-top:20px;
	clear:both;
	background-color:#016BB1;
	background-image:url(../images/logo-ancv.png);
	background-repeat:no-repeat;
	background-position: 460px 55px;
	
}

#contenu-pied {
	position:relative;
	top:20px;
	left:20px;
	height:auto;
	width: 540px;
	padding:0;
}

#diapo {
	position:relative;
	padding:0;
	margin:0;
	width:760px;
	height:415px;
	background-color:#FFFFFF;
}
#slideshow {
	position:relative;
	padding:0;
	margin:0;
}
#map {
	position:relative;
	padding:0;
	margin:0;
	width:760px;
	height:415px;
}
#curiste, #curiste-en, #curiste-sp {
	clear:both;
	margin:10px 0 0 10px;
	display:block;
}
#curiste a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste.png);
}
#curiste a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste.png);
	background-position:0 78px;
}
#curiste-en a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste-en.png);
}
#curiste-en a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste-en.png);
	background-position:0 78px;
}

#curiste-sp a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste-sp.png);
}
#curiste-sp a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-curiste-sp.png);
	background-position:0 78px;
}
#curiste span, #curiste-en span, #curiste-sp span {
	height:78px;
	width:193px;
}

#curiste a span, #curiste-en a span, #curiste-sp a span {
	display:none;
}

#we,#we-en, #we-sp {
	clear:both;
	margin:10px 0 0 10px;
	display:block;
}
#we a{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end.png);
}
#we a:hover{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end.png);
	background-position:0 100px;
}

#we-en a{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end-en.png);
}
#we-en a:hover{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end-en.png);
	background-position:0 100px;
}

#we-sp a{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end-sp.png);
}
#we-sp a:hover{
	height:100px;
	width:193px;
	display:block;
	background-image:url(../images/bt-week-end-sp.png);
	background-position:0 100px;
}

#we span,#we-en span, #we-sp span{
	height:100px;
	width:193px;
}

#vente, #vente-en, #vente-sp {
	clear:both;
	margin:10px 0 0 10px;
	display:block;
}
#vente a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente.png);
}
#vente a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente.png);
	background-position:0 78px;
}
#vente-en a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente-en.png);
}
#vente-en a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente-en.png);
	background-position:0 78px;
}

#vente-sp a{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente-sp.png);
}
#vente-sp a:hover{
	height:78px;
	width:193px;
	display:block;
	background-image:url(../images/bt-vente-sp.png);
	background-position:0 78px;
}

#vente span, #vente-en span, #vente-sp span{
	height:78px;
	width:193px;
}

#vente a span, #vente-en a span, #vente-sp a span{
	display:none;
}

#velo, #velo-en, #velo-sp {
	clear:both;
	margin:10px 0 0 10px;
	display:block;
}
#velo a{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo.png);
}
#velo a:hover{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo.png);
	background-position:0 27px;
}
#velo-en a{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo-en.png);
}
#velo-en a:hover{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo-en.png);
	background-position:0 27px;
}
#velo-sp a{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo-sp.png);
}
#velo-sp a:hover{
	height:27px;
	width:193px;
	display:block;
	background-image:url(../images/bt-velo-sp.png);
	background-position:0 27px;
}
#velo span, #velo-en span, #velo-sp span{
	height:27px;
	width:193px;
}

#velo a span, #velo-en a span, #velo-sp a span{
	display:none;
}
#coordonnees{
	clear:both;
	margin:10px 0 0 20px;
	display:block;
	font-size:11px;
	color:#016BB1;
}
#coordonnees a{
	color:#016BB1;
	text-decoration:none;
}
#coordonnees a:hover{
	color:#fff;
	text-decoration:none;
}
.texte {
	font-size: 14px;
	color: #016BB1;
	text-align: justify;
}

.texte a{
	color: #016BB1;
	text-decoration:none;
}
.texte a:hover{
	color: #B4E1FE;
	text-decoration:none;
}
.texte-rose {
	font-size: 12px;
	color: #B129A7;
	margin:0;
	padding:0;
	line-height:normal;
}

.texteblanc {
	font-size: 12px;
	color: #FFF;
}
.texteblanc a {
	color: #FFF;
	text-decoration:none;
}
.texteblanc a:hover {
	color: #fff;
	text-decoration:underline;
}

.texteminiblanc {
	font-size: 9px;
	color: #FFF;
}
.texteminiblanc a {
	font-size: 9px;
	color: #FFF;
	text-decoration:none;
}
.texteminiblanc a:hover {
	font-size: 9px;
	color: #fff;
	text-decoration:underline;
}
.textepetit {
	font-size: 11px;
	color: #016BB1;
	font-weight:bold;
}
.textepetit a{
	color: #016BB1;
	text-decoration:none;
}
.textepetit a:hover{
	color: #016BB1;
	text-decoration:underline;
}

.sous_titre {
	font-size: 22px;
	color: #FED13D;
}
.titre {
	font-size: 62px;
	color: #FED13D;
	font-style:italic;
	font-weight:bold;
	position:relative;
	left:20px;
}
.textepetit input{
	font-size: 10px;
	color: #016BB1;
	border: 1px solid #016BB1;
	background-color:#FFFFFF;
	font-weight:bold;
	padding:1px;
	margin:0;
}

.textepetit textarea{
	font-size: 10px;
	color: #016BB1;
	border: 1px solid #016BB1;
	background-color:#FFFFFF;
}
.pied {
	font-size: 11px;
	color: #fff;
}
.pied a{
	color: #fff;
	text-decoration:none;
}
.pied a:hover{
	color: #fff;
	text-decoration:underline;
}
#recommanderAmi{
	background-color:#669900;
	color:#fff;
	display:none;
	font-size:0.85em;
	padding:5px;
	width:170px;
	height:100px;
	left:780px;
	position:absolute;
	z-index:1000;
	border: 1px solid #FFFFFF;
	}