@charset "UTF-8";
/* CSS Document */

/* Style commun propre recommander la page et Imprimer cette fiche*/
.decalage {
border-bottom:1px solid #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align:left;
}
 
body {
background-color: #276782;
color: #276782;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
background-image:url(images2008/fondpage-bleu.jpg);
background-position:center;
background-repeat:repeat-y;
}

a:link{
color: #276782;
font-weight:bold;
text-decoration: none;
/*border-bottom: 1px dotted #a6c400;*/
}

a:visited{
color: #276782;
font-weight:bold;
text-decoration: none;
/*border-bottom: 1px dotted #a6c400;*/
}
a:hover{
color: #276782;
font-weight:bold;
text-decoration: none;
/*border-bottom: 1px dotted #a6c400;*/

}
a:active{
color: #276782;
font-weight:bold;
text-decoration: none;
/*border-bottom: 1px dotted #a6c400;*/
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #276782;
font-weight: bold;	
}

h2 {
margin:0px;
font-size: 15px;
border-bottom: 1px solid #a6c400;
}

p {
text-align:justify;
font-size: 12px;
}

img {
border: none;
}

input{
background-color: #ffffff;
border: 1px solid #a6c400;
color: #276782;
}

/*stucture*/
#content-main {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left
}

#top-footer {
clear:both;
width:100%;
background-color: #ffffff;
background-image:url(images2008/fondfoot.jpg);
background-repeat:no-repeat;
background-position: bottom center;
color: #276782;
height: 129px;
margin-bottom: -20px;

}
#footer {
width : 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color: #a6c400;
color: #276782;
padding-top: 20px;
height:350px;
}

#content-footer {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size: 11px;
}

#sidebar {
width:210px;
float: right;
border-left:1px solid #276782;
padding-left:10px;
}

#content {
width:650px;
float: left;
padding-left: 10px;
font-size:12px;
}

#menu {
font-size:13px;
background-color:#a6c400;
z-index: 2;
}

#menu a {
font-size:14px;

}
#flash {
z-index: 1;
}

/*spe footer*/
.mention {
background-image:url(images2008/logofoot.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left: 80px;
padding-top: 10px;
height: 80px;
}

.planfoot {
padding-left: 100px;
}

#content-footer h2 {
border-bottom: 1px solid #276782;
font-size:16px;
}

#footer a {
color: #276782;
font-weight:bold;
text-decoration: none;
}

#footer a:hover {
border-bottom: 1px dotted #276782;
}

#footer img{
border:none;}


/*ancien*/
.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding : 15px;
	color: #276782;
	font-weight: bold;
	text-align: left;
}

.titre2 {
	font-family: Viner hand ITC;
	font-size: 18px;
	padding : 24px;
	color: #276782;
	font-weight: bold;	
	text-align: left;		
}
.titre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #276782;
	font-weight: bold;	
}

.titre4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #276782;
	font-weight: bold;
}

	#intro_rando{
	background-image: url(../loisirs/images/intro.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 600px;
	padding-top: 5px;
	padding-right: 410px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFF;
	font-size: 12px;
	text-align: justify;
	}
	
	#intro_rando1{
	background-image: url(../loisirs/images/intro_rando_01.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 191px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFF;
	font-size: 12px;
	text-align: justify;
	float:left;
	}
	
	#intro_rando2{
	background-image: url(../loisirs/images/intro_rando_02.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 399px;
	float:left;

	}
	.infoplus{
	font-size: 12px;
	color: #FFF;
	background-color: #a6c400;
	padding: 5px;
	width:90px;
	float:right;
	margin-left:5px;
	font-weight: bold;
	}
.intro{
	font-size: 12px;
	color: #FFF;
	background-color: #a6c400;
	padding: 5px;	
	}
	.menu_vebron{
	font-size: 12px;
	color: #FFF;
	background-color: #a6c400;
	padding: 5px;
	vertical-align: top;
	margin-right: 10px;
	width: 200px;
	}
	.hommage{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 20px;
	padding: 10px;
	border: thin solid #a6c400;
}
.txt_intro {
font-size: 14px;
	color: #a6c400;
	text-align: left;
	font-weight: bold;
	}
	.txt_intro2 {
font-size: 14px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}
		.txt_intro3 {
font-size: 14px;
	color: #000000;
	text-align: left;
	}
.sous_titre_gras {
	font-size: 12px;
	color:#a6c400;
	text-align: left;
	font-weight: bold;
}

.txt_apart {
	font-size: 12px;
	color: #a6c400;
	text-align: left;
	font-style: italic;
	
	}

.surligne
{	background: #a6c400;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #276782;
	text-align: left;
	padding-left: 5px;
	}
.coeur
{
	background-color: #a6c400;
	background-image: url(../images_index/coup-de-coeur.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 190px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.surligne a:link
	{	background: #a6c400;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #276782;
	text-align: left;}
	
.surligne a:visited
	{	background: #a6c400;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #276782;
	text-align: left;}
	
.surligne a: hover
	{	background: #276782;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a6c400;
	text-align: left;}
	
.info_supl {
	
	color: #a6c400;
	text-align: left;}
	
.legende {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a6c400;
	text-align: center;
	font-style: italic;
}

.annotation {
	font-size: 10px;
	font-weight: bold;
	color: #a6c400;
	font-style: italic;
}
	.sous_titre_souligne {
	font-size: 12px;
	color: #276782;
	font-weight: bold;
	font-style: normal;	
	border-bottom: 1px solid #a6c400;
		}
		
	.bas_de_page {
	font-size: 12px;
	font-weight: bold;
	color: #276782;
	font-style: normal;
	}

	#ComboRecherche table {
       font-size: 12px;
    }
    
    #ComboRecherche a {
      color: #123456;
    }
	.Combofond {
	background-color: #E6FA74;
	color: #33CCFF;
    }
	.resafond {
	background-color: #ffffff;
	border: 5px solid #C0DBFA;
    }

 a.side_link:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
 a.side_link:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
 a.side_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e9760f;
	text-decoration: none;
}
 a.side_link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.attention {
	color: #C00;
	border: thin solid #C00;
	padding: 5px;
}