/*****************************************/
/*SITE La Godille  §  
/*****************************************/
/* couleurs utilisees
bleu			color:#4a7bbf;	
bleu clair		color:#adc1d2;	
bleu marine		color:#172c57;
rouge vif 		color:#a20c0e;
orange			color:#ef6e00;
*/


#containerOut
{
	width:1300px;
	margin:0 auto;
	background:url(../img/fd.jpg) repeat-y;
	padding-bottom:30px;
}
#containerIn
{
	width:1300px;
	background:url(../img/fdvisuel.jpg) no-repeat top;
	position:relative;
}
/*****************************************/
/*Bandeau Logos navigation  §  
/*****************************************/
#logo
{
	position:absolute;
	/*margin-left:250px;*/
	margin-left:80px;
	margin-top:10px;
}
html.MSIE6 #logo, html.MSIE7 #logo
{
	margin-left:-150px;
}
#choix-langue
{
	position:absolute;
	margin-left:1080px;
	margin-top:10px;
}
html.MSIE6 #choix-langue, html.MSIE7 #choix-langue
{
	margin-left:-220px;
}
#deco-skis
{
	position:absolute;
	margin-left:5px;
	margin-top:340px;
}
html.MSIE6 #deco-skis, html.MSIE7 #deco-skis
{
	margin-left:-240px;
}
#navigation
{
	position:absolute;
	margin-top:182px;
	/*margin-left:270px;*/
	margin-left:180px;
}
html.MSIE6 #navigation, html.MSIE7 #navigation
{
	margin-left:-50px;
}
#nav1
{
}

#nav1 UL
{
}
#nav1 LI A
{
	font-size:16px;
	color:white;
	text-decoration:none;
	background:url(../img/onglet-gauche1.png) no-repeat top left;
	padding-left:16px;
}

#nav1 LI A SPAN
{
	display:block;
	float:left;
	padding-top:9px;
	height:19px;
	background:url(../img/onglet-droite1.png) no-repeat top right;
	padding-right:22px;
}

#nav1 LI A EM.rouge
{
	font-style:normal;
	font-weight:normal;
	color:white;
}
#nav1 LI A:hover
{
	color:white;
	text-decoration:none;
}
#nav1 LI.current A
{
	background:url(../img/onglet-gauche0.png) no-repeat top left;
	color:#172c57;
}
#nav1 LI.current A SPAN
{
	background:url(../img/onglet-droite0.png) no-repeat top right;
}
#nav1 LI.current A:hover SPAN
{
	color:#172c57;
}
#nav1 LI.current A SPAN EM.rouge,#nav1 LI A:hover SPAN EM.rouge
{
	color:#a20c0e;
}
html.MSIE6 #nav1 LI A,html.MSIE6 #nav1 LI A:hover
{
	background:#AFC1D1;
	margin-right:3px;
}
html.MSIE6 #nav1 LI A SPAN
{
	background:none;
	cursor:hand;
}
html.MSIE6 #nav1 LI.current A,html.MSIE6 #nav1 LI A:hover
{
	background:white;
	color:#172c57;
}
html.MSIE6 #nav1 LI.current A SPAN
{
	background:white;
}

#containerTop
{
	position:absolute;
	margin-left:150px;
	margin-top:210px;
	background: url(../img/support.png) no-repeat top left;
	width:1110px;
	height:230px;
}
html.MSIE6 #containerTop, html.MSIE7 #containerTop
{
	margin-left:-100px;
	width:1010px;
}
#containerTopIn
{
	position:absolute;
	margin-left:155px;
	margin-top:215px;
	background: url(../img/visuel-support.jpg) no-repeat top left;
	width:1090px;
}
html.MSIE7 #containerTopIn
{
	margin-left:-95px;
}
html.MSIE6 #containerTopIn
{
	margin-left:-94px;
	margin-top:216px;
}

.case
{
	float:left;
	height:209px;
}
#case1
{
	width:274px;
}
#case1 .caseIn
{
	padding-top:10px;
	text-align:center;
}
#case2
{
	width:220px;
	background:url(../img/fd-cal.png) no-repeat top left;
}
#case2 .caseIn
{
	padding-top:2px;
	text-align:center;
}
#case3
{
	width:496px;
	position:relative;
}
#case3 #vip
{
	position:absolute;
	top:130px;
	left:20px;
	display:none;
}
#outils
{
	margin-top:40px;
	background:#172c57;
}

UL#navoutils
{
}
#navoutils  LI A
{
	padding:0 5px;
	font-weight:bold;
	color:white;
}
#navoutils LI A:hover,#navoutils LI.current A
{
}
#lecalendrier
{
	margin-left:30px;
	font-size:11px;
}
/*#lecalendrier #titrecal
{
	margin:0 0 0 0;
	padding:0;
	line-height:0;
	font-size:0;
}*/
html.MSIE #lecalendrier
{
	margin-left:10px;
}
#lecalendrier #cal
{
	margin-top:2px;
	height:160px;
	font-size:10px;
}
html.MSIE6 #lecalendrier #cal
{
	position:absolute;
	z-index:99;
	margin-top:15px;
	margin-left:-80px;
}
#lecalendrier A.boutonrouge
{	
	margin-top:3px;
	/*margin-right:35px;*/
	float:left;
	width:150px;
	margin-left:0;
}
html.MSIE7 #lecalendrier A.boutonrouge
{	
	margin-left:40px;
}
html.MSIE6 #lecalendrier A.boutonrouge
{
	position:absolute;
	z-index:99;
	margin-top:170px;
	margin-left:-80px;
}

/*****************************************/
/*navigation onglets §  
/*****************************************/
.navonglets
{
	background:url(../img/degrade.jpg) repeat-x;

}
.navonglets UL
{
	padding-top:9px;

}
.navonglets LI 
{		
	background:url(../img/onglet-gauche1.png) no-repeat top left;
	padding-left:20px;
}
.navonglets LI A
{
	background:url(../img/onglet-droite1.png) no-repeat top right;
	padding-right:25px;
	padding-top:9px;
	height:25px;
	color:black;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	
}
.navonglets LI A SPAN.lettrinerouge
{
	color:#a20c0e;	
}
.navonglets LI A:hover
{
	color:#172c57;
	text-decoration:none;
}
.navonglets LI A:hover SPAN.lettrinerouge
{
	color:#a20c0e;	
}
.navonglets LI.current
{		
	background:url(../img/onglet-gauche0.png) no-repeat top left;
}
.navonglets LI.current A
{
	background:url(../img/onglet-droite0.png) no-repeat top right;
	color:black;
}
.navonglets LI.current A SPAN.lettrinerouge
{
	color:#a20c0e;	
}

html.MSIE6 .navonglets LI
{
	margin-right:3px;
	background:none;
	padding-left:0;
}
html.MSIE6 .navonglets LI A
{
	background:#AFC1D1;
	background:none;
	cursor:hand;
	height:18px;
	padding-left:10px;
	padding-right:10px;
}
html.MSIE6 .navonglets LI.current A,html.MSIE6 .navonglets LI A:hover
{
	background:white;
	color:#172c57;
}


/*****************************************/
/*Contenu §  
/*****************************************/


#containerBottom
{
	padding-top:450px;
	width:794px;
	margin:0 auto;
}
	
#centre
{
}
#fdcontenu
{
}
#contenu
{
}

/*****************************************/
/*Pied de page §  
/*****************************************/


#pagefooter
{
	background:#172c57;
	color:white;
	text-align:center;
	font-size:0.9em;
}
#pagefooter A, #pagefooter A:hover
{
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#cyberplus
{
	float:right;
	margin-top:5px;
	margin-right:20px;
}		

#cyberplus IMG
{
}

#creditslogos
{
	float:left;	
	margin-left:10px;
}

#creditslogos a
{
	display:inline-block;
	padding:0 10px;
	font-size:11px;
	text-decoration:none;
}
#baseline
{
	margin-top:10px;

}
#message
{
   font-size: 1.1em;
   color:#4a7bbf;
}
#message h1
{
	text-align:center;
}
#message ul
{
	margin:0;
	padding:0;
}
#message li
{
	margin:0 0 0 10px;
	padding:0 0 0 30px;
	background:url(../img/puce.gif) no-repeat left;
	list-style-type:none;
}