@charset "utf-8";
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

/* ELEMENTS PRINCIPAUX */
.ecran
{
margin-left: auto;
margin-right: auto;
width: 921px;	
}
.global
{
width:921px;
vertical-align:top;
}
a img { border:none;}
.interieur
{
width:900px;
vertical-align:top;
background-image:url(../fr/charte/fd_acc.jpg);
background-repeat:no-repeat;
}
.fd_gauche
{
	background-image:url(../fr/charte/ombre_gauche.jpg);
	background-repeat:no-repeat;
	width:17px;
	vertical-align:top;
}
.fd_droite
{
	background-image:url(../fr/charte/ombre_droite.jpg);
	background-repeat:no-repeat;
	width:16px;
	vertical-align:top;
}
.carre
{
	width:43px; 
	height:43px;
	border:none;
}
FORM {}

.hauteur {margin: 0}

/* COULEUR PRINTEMPS */
.visuel
{
	width:900px;
	height:265px;
	background-image:url(../fr/charte/ete/visuel.jpg);
	background-repeat:no-repeat;
}
.visuelpage
{
	width:900px;
	height:265px;
	background-image:url(../fr/charte/ete/visuel-page.jpg);
	background-repeat:no-repeat;
}
.accroche_carte {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	margin:0px;}


.moteur
{
	background-color:#fee066;
	width:224px;
	height:43px;
	padding-left:20px;
}
.moteur form {
	margin:0;
	padding:0;
	font-size:9px;
	color:#FFF;}
.moteur input {
	border:#FFF solid 1px;
	background-color:#ffffff; /*#E8EA89;*/
}
.moteur label {
	font-size:9px;
	text-transform:uppercase;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
.moteur input[type=submit] {
	width:24px;
	border:none;
	background-color:#fee066;
	text-align:center;
	color:#000;
	padding:0;
	font-weight:bold;
	
	}
.colonnegauche
{
	background-color:#fee066;
	width:277px;
	vertical-align:top;
}


.colonnedroite
{
	
	width:566px;
	vertical-align:top;
	background:#FFF;
	border-left:#ffcf00 solid 3px;
	border-right:#ffcf00 solid 3px;
}
.topcolonnedroite {
	background:#ffcf00;
	}
.colonnedroitepage
{
	
	width:572px;
	vertical-align:top;
	background:#ffcf00 url(../fr/charte/ete/fd_contenu.png) repeat-x top left;


}
.colonnedroitepage2 {
	width:566px;
	vertical-align:top;
	background:#ffffff url(../fr/charte/ete/fd_contenu2.png) repeat-x top left;
		border-left:#ffcf00 solid 3px;
	border-right:#ffcf00 solid 3px;
}
.AccordionPanelTab {
	background-color:#ffcf00; /*#acbbd0; Hiver /*#f29400; automne  ete */ /*#C8CB00 printemps*/;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ffcf00;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #ffcf00;
}

.centrehaut
{
	background-color:#ffdb40;
	height:43px;
}
.rendezvous
{
	background-color:#fee066;
	vertical-align:top;
	width:277px;
	
}
.rendezvousdate
{
width:140px;
height:26px;
background-color:#C8CB00;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
padding-left:40px;

}


.titreactuacc {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #B9A694 !important;
	text-decoration:none !important;
}
.lienactu {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
	color: #B9A694 !important;
	text-decoration:none !important;
	}
.titreactuaccbl {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000000 !important;
	text-decoration:none !important;
	}
.lienrdvsaison {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	font-weight:bold !important;
	text-decoration:none !important;
	color:#000000 !important;
	}
.datefocus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #97BE0D;
	text-decoration: none;
}
.liensblancs
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	border-bottom:#fff dashed 1px;
	
}
.tx
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
}


.fondhaut {
	background:url(../fr/charte/ete/fd2_acc.jpg) no-repeat;
	}
.titrefocus {
	background:url(../fr/charte/ete/titre_focus.jpg) no-repeat;
	width:448px;
}
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	margin-left:20px; 
	color:#FFF;
}
.sousbarrefocus {
	background:url(../fr/charte/ete/titre_decouverte.jpg) no-repeat;
	height:44px;
	width:571px;
	}
.barreactu {
	background:url(../fr/charte/ete/barre_actu.jpg) no-repeat;
	height:36px;
	width:372px;
	}
.barreRDV {
	background:url(../fr/charte/ete/rendez_vous.jpg) no-repeat;
	height:48px;
	width:277px;
	}
.barrepied {
	background:url(../fr/charte/ete/bas.jpg) no-repeat;
	}

.barretoplogo {
	background:#ffcf00 url(../fr/charte/ete/top_logo.jpg) no-repeat top right;
	height:38px;
	}
	
	
/* ACTUALITES DEFIL*/
#widget1 {
overflow: hidden;
height: 130px; 
position: relative;
float: left;
width: 130px;
margin:0px;
padding:0;
}
#widget1 ul {
	margin:0;
	padding:0;
}
#widget1 li {
list-style:none;
clear: left;
overflow: hidden;
position: relative;
top: 0;
height: 130px;
margin:0;
padding:3px;
}
/* ACTUALITES DEFIL page*/
#widget2 {
overflow: hidden;
height: 150px; 
position: relative;
float: left;
width: 220px;
margin:0px;
padding:0;
}
#widget2 ul {
	margin:0;
	padding:0;
}
#widget2 li {
list-style:none;
clear: left;
overflow: hidden;
position: relative;
top: 0;
height: 150px;
margin:0;
padding:3px;
}

/*Barre scrolling encart carte*/

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 210px;	
	height:20px;	
	
	/* custom decorations */
	padding:0;	
	border:0px outset #000;
	background-color:#fff;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:4px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:100px;
	padding:2px 0px;
	font-size:12px;
	font-family: 'bitstream vera sans';
	border:0px outset #ccc;
	background-color: #fff;
	margin-right: 4px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	border:0px inset #ccc;		
	background-color:#ddd;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:#fff url(../fr/charte/left.png) no-repeat;
	float:left;
	margin:2px 1px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../fr/charte/right.png);
	clear:right;
	background-color:#FFF;
}



/*********** navigator ***********/
div.scrollable {
	float:left;		
}

/* position and dimensions of the navigator */
div.navi {
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:20px;

}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../fr/charte/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
	outline:none;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}
/* onglet focus */
.fv0 {
	background:#13CBF2;}
.fv1 {
	background:#F09F64;}
.fv2 {
	background:#AEDD0F;}
.fv3 {
	background:#FC018B;}
	
 .focustab {
    background: #58b7cb; /*#b5c9e5;*/
    margin: 0px;
	
    }
    .focustab a {
    color: #222;
    text-decoration: none;
    }

    .focustab a:hover {
    color: #009;
    text-decoration: underline;
    }
	ul.tabnav {
	margin:0;
	padding:0;
	}
	.tabnav li {
    display: inline;
    list-style: none;
	margin:0px;
	padding:0px;
    }
.tabnav li img {
    display: inline;
    list-style: none;
	margin:0px;
	padding:0px;
	float:left;
    }

    .tabdiv {
    margin-top: 0px;
    background: #fff;
    padding: 0px;
	clear:both;
    }

    .ui-tabs-hide {
    display: none;
    } 	
.connexes
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffcf00;
}
h1
{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0;
padding-left:20px;
}
h2
{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
padding:0;
}

h3
{
color:#F3C201;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0;
}

.modelefcktitreH2
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #FFCF01;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH2V1
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #09A7C7;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH2V2
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #E97825;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH2V3
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #97BE0D;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH2V4
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #E20079;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH2G
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #B9A694;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcktitreH3
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        margin:0px;
        }
.modelefcklegende
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 8px;
        color: #444444;
        text-decoration: none;
        margin:0px;
		font-style:italic;
        }
		
.td_fck_titre
{
color:#F3C201;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
border-bottom-color:#F3C201;
border-bottom-style:solid;
border-bottom-width:2px;
}
.td_fck_horizontal
{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;

}
.td_fck_vertical
{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}		
		
		
a:link
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFB900; /*#F3C201;*/
text-decoration:none;
}

a:visited
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFB900; /*#F3C201;*/
text-decoration:none;
}
a:hover
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration:none;
}
a.txnoir:link
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	font-style:normal;
	text-decoration:none;
}
a.txnoir:hover
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	font-style:normal;
	border-bottom-color:#333;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.fd_newsletter
{
	width:277px;
	height:35px;
	background:url(../fr/charte/ete/titre_newsletter.jpg) no-repeat top left;
}
.btnok {
	width:24px;
	border:none;
	text-align:center;
	color:#000;
	padding:0;
	background:none;
	font-weight:bold;
}
.enteteactu {
	background:url(../fr/charte/ete/entete_actualites.jpg) no-repeat top left;
	width:252px;
	height:46px;
	}
.pagination {
	padding: 2px;
	margin: 2px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 1px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 1px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #fee066;
	color: #FFF;
	}
.photothequeimage {
	float:left;
	width:160px;
	height:190px;
	margin:3px;
	padding:3px;
	border:#000 solid 1px;
}
.photothequeimage img {
	display:block;
	margin:3px auto;
}
#mypict
{
margin:3px;
float:left;

}
#mypict img
{
border:none;
margin:0 auto;
}
.fd_taillepolice {
width:100px;
background-color: #fee066;
}
.wi1 ul li a{ /*couleur des menus et sous menus */
			
			color: #ffcf00 !important;
			border-color:none;
			
		}
		.wi1 li a:hover,.wi1 .trail a.hover{
			color: #000000 !important;
			border-color: #000000;
			
		}