@charset "iso-8859-1";
/* auteur: Cyril */
/* Date de création: 20/04/2005 */
BODY {scrollbar-face-color: #FFFFFF; 
scrollbar-shadow-color: #009999;
scrollbar-highlight-color: #009999; 
scrollbar-3dlight-color: #2DBEBE; 
scrollbar-darkshadow-color: #2DBEBE; 
scrollbar-track-color: #2DBEBE; 
scrollbar-arrow-color: #009999;
FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; background-color: #009999; color: #000000;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */}

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; COLOR: #FFFFFF;}
.intro    {COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; font-style: normal; TEXT-DECORATION: underline; FONT-FAMILY: Lucida Sans, Verdana, Arial; TEXT-JUSTIFY: newspaper; TEXT-ALIGN: right}
.texte    {COLOR: #333333; line-height:160%; FONT-SIZE: 13px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-ALIGN: left}
.am    {COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial; TEXT-JUSTIFY: newspaper; TEXT-ALIGN: justify}
.cultureprix {color: #000000; text-align: justify; text-decoration: none; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}


TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}

P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
INPUT		{COLOR: #009999; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA	{COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px}
FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
h1			{padding-top: 5px;line-height: 18px; padding-bottom: 2px; padding-left: 25px;background-position: 0% 70%; background-repeat: no-repeat; background-image: url("images/appareilphoto.gif");margin: 0; COLOR: #F1F1F1; FONT-SIZE: 22px; font-variant: small-caps; FONT-WEIGHT: normal; font-style: italic; FONT-FAMILY: Lucida Sans, Verdana; TEXT-JUSTIFY: newspaper; margin-left: 10px; TEXT-ALIGN: left}
h2			{margin-bottom: 0; COLOR: #FFFFFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; font-variant: small-caps; font-style: normal; FONT-FAMILY: Verdana, Arial; margin-left: 10px; TEXT-ALIGN: left}
h3			{COLOR: #2DBEBE; FONT-SIZE: 20px; FONT-WEIGHT: normal; font-style: italic; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-left: 10px; text-decoration:underline; TEXT-ALIGN: left}
h3.main     {color: #009900; font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;	margin-bottom: 5px; margin-left: 10px;font-variant: small-caps; text-decoration: underline}
h3.orga     {color: #009900; font: 12px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold; margin-left: 0px; font-variant: small-caps; text-decoration: underline}
h3.recit {
	position: relative;
	width:90%;
	color: #2DBEBE;
	padding-bottom: 2px;
	padding-left: 2px;
	font: bold 1.4em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #FFFFFF;
	border-bottom: 1px solid #2DBEBE;
	text-decoration: none;
}
h4          {color: #009999; width:90%; font-size: 11px; border-bottom: 1px solid #006666; margin: 0 0.2em 0; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}

A:link, A:active, A:visited        {BACKGROUND: none; COLOR: #2484CC; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover         {BACKGROUND: none; COLOR: #2484CC; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.cache:link, A.cache:visited        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; font-style: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-DECORATION: none}
A.cache:active                   {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; font-style: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-DECORATION: none}
A.cache:hover                    {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; font-style: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-DECORATION: underline}

A.hid:link, A.hid:visited        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Lucida Sans; TEXT-DECORATION: none}
A.hid:active                   {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Lucida Sans; TEXT-DECORATION: none}
A.hid:hover                    {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Lucida Sans; TEXT-DECORATION: underline}

A.liens:link, A.liens:visited        {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:active                   {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:hover                    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.resume:link, A.resume:active  {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:visited                    {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:hover                      {BACKGROUND: none; COLOR: #2DBEBE; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.links:link, A.links:visited        {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:active                   {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:hover                    {BACKGROUND: none; COLOR: #2DBEBE; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.gras:link, A.gras:visited        {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.gras:active                   {BACKGROUND: none; COLOR: #009999; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.gras:hover                    {BACKGROUND: none; COLOR: #2DBEBE; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.pied:link, A.pied:visited        {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.pied:active                   {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.pied:hover                    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

strong.relief
{COLOR: #2484CC; FONT-SIZE: 10px; FONT-WEIGHT: bold; font-style: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

ul.prepa {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}

li.prepa {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	color: #333333;
	font: 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}

ul.nodec {list-style:none;margin:.5em 0 1em 0;padding:0;text-decoration:none;}
ol {margin:5px 0 10px 25px;}
li {line-height:20px;}
ul.circ {list-style:circle;margin:.5em 0 1em 3.2em;padding:0;}
ul.square {list-style:square;margin:.5em 0 1em 1.2em;padding:0;}
ul.disc {list-style:disc;margin:.5em 0 1em 1.2em;padding:0;}

#internes{ 
float: left;
text-align: left;
width:700px;
padding: 6px 0px 0px 3px;
margin-top: 2px;
line-height:100%;
color: #FFFFFF;
}
#xiti{
float: right;
width:50px;
margin-left:9px;
padding: 15px 0px 0px 3px;
}

.legal{
width:780px;
text-align:center;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
color: #000000;
}


A.backlink:link, A.backlink:active, A.backlink:visited        {BACKGROUND: none; color:#747474; font-size:9px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.backlink:hover         {BACKGROUND: none; color:#747474; font-size:9px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}

#menu{
width:780px;
text-align:center;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
background-color: #2DBEBE;
color: #FFFFFF;
}

img.photo {
border: 5px solid #009999;
}

.images {
	margin: 0px 0px 0px 0px;
    border: 4px solid #2DBEBE;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

.vignettes {
	margin: 0px 0px 0px 0px;
    border: 2px solid #2DBEBE;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

.legende{
width:600px;
color:#333333;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin: 10px 90px 15px 90px;
}

#header1{
width: 760px;
height: 60px;
background: #009999;
margin: 0px;
padding-left: 20px;
}
#header2{
width: 780px;
height: 60px;
background: #009999 url(images/header.jpg) right no-repeat;
margin: 0px;
}
#tout
{
text-align:left;
width: 780px;
margin-left: auto;
margin-right: auto;
border-style:solid;
border-width:3px;
border-color: #2DBEBE;
background: #ffffff;
}
#pubvalue {
position: absolute;
top: 3px;
width: 468px;
height: 60px;
margin-left: 312px;
padding: 0;
background: #009999;
}

.formulaire{
margin : 0;
width: 350px;
height: 310px;
float: left;
}

#navig{
height: 310px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 40px 15px 50px;
}

#culture{
width: 300px;
height: 310px;
text-align:left;
font-size:11px;
line-height:200%;
font-family: Verdana;
margin-left: 20px;
padding : 5px 5px 5px 5px; 
border: 1px solid #2DBEBE;
float: right;
color: #000000;
}
.adtheme {
text-align: center;
width: 780px;
height:15px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
}
.ad {
text-align: center;
width: 780px;
height:108px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}

#content-hor {
float: center;
height: 400px;
background-color: #FFFFFF;
margin: 15px 50px 0px 50px;
}
#picture-hor {
float: left;
width: 590px;
height: 400px;
background-color: #FFFFFF;
margin: 0px;
}
#content-vert {
float: center;
height: 610px;
background-color: #FFFFFF;
margin: 15px 140px 0px 150px;
}
#picture-vert {
float: left;
width: 400px;
height: 600px;
background-color: #FFFFFF;
margin: 0px;
}
#content-mos {
float: center;
height: 610px;
background-color: #FFFFFF;
margin: 15px 40px 0px 40px;
}
#picture-mos {
float: left;
width: 610px;
height: 620px;
background-color: #FFFFFF;
margin: 0px;
}
#menu-hor {
float: right;
width: 50px;
height: 300px;
background-color: #FFFFFF;
margin: 5px 0px 0px 20px;
}
#menu-1 {
float: center;
width: 50px;
padding-top: 30px;
background-color: #FFFFFF;
}
#menu-2 {
float: center;
width: 50px;
padding-top: 80px;
background-color: #FFFFFF;
margin-top: 10px;
}
#menu-3 {
float: center;
width: 50px;
padding-top: 80px;
background-color: #FFFFFF;
margin-top: 10px;
}
#menu-4 {
float: center;
width: 50px;
padding-top: 40px;
background-color: #FFFFFF;
margin-top: 10px;
}
#count {
text-align: center;
height: 25px;
background-color: #FFFFFF;
margin: 8px 195px 0px 120px;
font-size: 12px;
font-family: Arial;
}
#pubabout {
float: center;
height: 300px;
background-color: #FFFFFF;
margin: 0px 60px 20px 60px;
}
#pubphoto {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0;
}
#about {
float: left;
width: 300px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
background-color: #FFFFFF;
margin-left: 10px;
}
/* ------------------
CULTURE
---------------------- */
.cont
{
height: 355px;
background-color: #ffffff;
margin: 0 20px 25px 20px;
}
.conteneur1
{
width: 350px;
height: 335px;
float: left;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur2
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur3
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
}

.details
{
width: 350px;
height: 140px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
}
.tofo
{
width: 150px;
height: 175px;
float: left;
margin: 4px 0 0 4px;
}
.tofo-cd
{
width: 150px;
height: 145px;
float: left;
margin: 4px 0 0 4px;
}
.bla
{
float: right;
width: 180px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
margin-left: 10px;
}
.bottomc
{
width: 350px;
height: 100px;
margin-top: 45px;
}
.bottom-cd
{
width: 350px;
height: 120px;
margin-top: 45px;
}
.des {
margin: 0px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
line-height:160%;
}
#bloc1
{
width: 780px;
height: 75px;
margin: 0;
}
#titre1 {
width: 400px;
float: left;
}
#brochure {
width: 320px;
height: 75px;
float: right;
padding: 0px;
margin-left: 60px;
background: url(../selection/images/search.gif) no-repeat;
color: #FFFFFF;
}

#bloc2
{
width: 780px;
height: 35px;
}
/* ------------------
METEO
---------------------- */

.fond { background-color:#669999; }
.corps { background-color:#D8E9EC; }
.titre { color: #FFFFFF; }
.sstitre { color: #858586; font-weight: bold; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tempe { color: #333333; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

 /*---------------------
     
	    FOOTER
	
---------------------- */

#footer{
	text-align:left;
	padding:0;
	background:#F0F0F0 url(../images/footer.png) no-repeat top left;
	padding-top:10px;
}
#footer .inside{
   background:url(../images/footer.png) no-repeat bottom left;
   padding:5px 20px 10px 20px;
   height:290px;
}

#footer dl.dest1{
	width:16%;
	float:left;
	margin:0;
}
#footer dl.dest2{
	width:20%;
	float:left;
	margin:0;
}
#footer dl.pra{
	width:21%;
	float:left;
	margin:0;
}
#footer dl.exp{
	width:22%;
	float:left;
	margin:0;
}
#footer dl.ann{
	width:20%;
	float:right;
	margin:0;
}

#footer dt{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	color:#009999;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	margin: 0 0 8px 0px;
	text-decoration: underline;
}  

#footer dt.doub{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	color:#009999;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	margin: 15px 0 8px 0px;
	text-decoration: underline;
}
#footer dt.invis{
	color:#f0f0f0;
}

#footer dd{
	color:#009999;
	padding:0;
	margin:0;
	font-size:1em;
	margin-bottom:5px;
}
#footer dd.puce{
    background:url(../images/puce.png) no-repeat 0% 40%;
	margin-bottom:5px;
}
#footer dd.puce a{
	margin-left:8px;
} 
#footer dd.carre{
    background:url(../images/carre.png) no-repeat 0% 60%;
	margin-bottom:5px;
}
#footer dd.carre a{
	margin-left:8px;
}
#footer dd.non{
	color:#606060;
	padding:0;
	margin:0;
	font-size:1em;
	margin-bottom:5px;
}
#footer dd a{
	color:#606060;
	text-transform:none;
	font-weight:normal;
}
#footer dd a:hover{
	color:#606060;
	text-decoration:underline;
}
#footer .bottom{
   background:#939393;
   padding:3px 10px 5px 0px;
   height:20px;
}
#footer .bottom a{
   color:#FFFFFF;
}

#footer ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	color:#FFFFFF;
	text-align: right;
}

#footer ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}