@charset "utf-8";

/*2017*/
@font-face {
  font-family:'Myriad_Pro_Light';
  src:url('/fonts/MyriadProLight/MyriadPro-Light.eot');
  src:url('/fonts/MyriadProLight/MyriadPro-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/MyriadProLight/MyriadPro-Light.woff') format('woff'), url('/fonts/MyriadProLight/MyriadPro-Light.ttf') format('truetype'), url('/fonts/MyriadProLight/MyriadPro-Light.svg') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'CoconLight';
  src:url("/fonts/Cocon-Light.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'DanielBold';
  src:url('/fonts/daniel/danielbd.eot');
  src:url('/fonts/daniel/danielbd.eot?#iefix') format('embedded-opentype'), url('/fonts/daniel/danielbd.woff') format('woff'), url('/fonts/daniel/danielbd.ttf') format('truetype'), url('/fonts/daniel/danielbd.svg') format('svg');
  font-weight:normal;
  font-style:normal;
}
body {
  background:url('/img/css/general/bg_header.png') no-repeat center top #cfcfcf;
  font-size:16.67px;
  font-family:'Noto Sans', sans-serif;
}






/* fin 2017*/

.filsaisonmois {
	background-color: #7B96B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear:both;}

.Style1 {font-size: 10px}
.Style2 {
	font-size: 24px;
	color: #666;
}

#questionnaire {
padding-top:5px;
padding-bottom:3px;
border-top:solid;
border-color:#666666;}



.textesousphoto {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* CSS Document */

body {
/*background:url(../images/fond.gif);*/
background-color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#exercice{
background-color:#333333;
}
div#infobrochure{
	padding-top: 15;
	padding-right: 5;
	padding-bottom: 8;
	padding-left: 5;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#titreaccueil{
font-size:24px;
color:#606162;
margin-left:20px;
margin-bottom:40px;
float:left;
line-height:1px;
}

h1 {
font-size:14px;
font-weight:bold;
color:#003366;
}

h1#nature {
font-size:14px;
font-weight:bold;
color:#FF9900;
}

h1#patrimoine {
font-size:14px;
font-weight:bold;
color:#55556C;
}

h1#oxygene {
font-size:14px;
font-weight:bold;
color:#339933;
}

h1#mini {
font-size:14px;
font-weight:bold;
color:#000000;
}


h2 {
color:#003366;
font-size:12px;
font-weight:bold;
padding:3px;
}

h2#nature {
color:#FF9900;
font-size:12px;
font-weight:bold;
padding:3px;
}

h2#patrimoine {
color:#55556c;
font-size:12px;
font-weight:bold;
padding:3px;
}

h2#oxygene {
color:#339933;
font-size:12px;
font-weight:bold;
padding:3px;
}

h2#mini {
color:#000000;
font-size:12px;
font-weight:bold;
padding:3px;
}

h2#fiche {
color:#666666;
font-size:12px;
font-weight:bold;
padding:3px;
}

h3 {
font-size:12px;
color:#003366;
text-align:justify;
}

h3#nature {
font-size:12px;
color:#FF9900;
text-align:justify;
}

h3#patrimoine {
font-size:12px;
color:#55556C;
text-align:justify;
}

h3#oxygene {
font-size:12px;
color:#339933;
text-align:justify;
}

h3#mini {
font-size:12px;
color:#000000;
text-align:justify;
}

h3#fiche {
font-size:12px;
color:#666666;
text-align:justify;
}

div#menu_haut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	float:right;
	margin-right:5px;
}

img#espace {
margin:0px;
padding:0px;
}

p#menu {
position:absolute;
margin-top:19px;
}


a#contact_bas {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

a#contact_haut {
text-decoration:none;
color:#FFFFFF;
}

fieldset {
border: 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border-color:#FFFFFF;
height:290px;
padding-right:4px;
padding-left:4px;
padding-bottom:4px;
padding-top:0;
}

legend { background: transparent;
		padding: 0.5em;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:bolder;
}

div#image {
width:120px;
float:left;
margin:3px;
padding-bottom:3px;
}

div#image2 {
width:140px;
margin:auto;
margin-bottom:5px;
margin-top:5px;
}

table#texte {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

a#info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#003366;
}

a:hover#info {
color:#B3C5D9;
}

a#fil {
font-size:11px;
color:#333333;
text-decoration:none;
}
a:visited#fil {
color:#666666;
}

div#catalogue {
text-align:justify;
padding-left:22px;
padding-right:22px;
padding-bottom:5px;
}

a#animation {
text-align:right;
color:#003366;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#animation {
color:#999999;
}
a#animation2 {
text-align:right;
color:#FF9900;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#animation2 {
color:#999999;
}

a#animation3 {
text-align:right;
color:#5B5C7D;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#animation3 {
color:#999999;}

a#animation4 {
text-align:right;
color:#990066;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#animation4 {
color:#999999;
}

a#animation5 {
text-align:right;
color:#339933;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#animation5 {
color:#999999;
}

a#minigroupes {
text-align:right;
color:#000000;
text-decoration:none;
font-weight:bold;
padding-right:22px;
}

a:hover#minigroupes {
color:#999999;
}

td#prod {
background:url(../images/catalogue/fond.jpg);
text-align:justify;
width:260px;

}

td#prodnature {
background:url(../images/catalogue/fondnature.jpg);
text-align:justify;
width:260px;
}

td#prodpatrimoine {
background:url(../images/catalogue/fondpatrimoine.jpg);
text-align:justify;
width:260px;
}

div#photos {
float:left;
margin:5px;
}

div#carte {
float:right;
margin-left:10px;
}

a.lienanim {
color:#003366;
text-decoration:none;
font-weight:bold;
}

a:hover.lienanim {
color:#666666;
text-decoration:none;

}

a.liennature {
color:#ff9900;
text-decoration:none;
font-weight:bold;
}

a:hover.liennature {
color:#666666;
text-decoration:none;
}

a.lienpatrimoine {
color:#55556C;
text-decoration:none;
font-weight:bold;
}

a:hover.lienpatrimoine {
color:#666666;
text-decoration:none;
}

a.lienoxygene {
color:#339933;
text-decoration:none;
font-weight:bold;
}

a:hover.lienoxygene {
color:#666666;
text-decoration:none;

}

a.lienmini {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:hover.lienmini {
color:#666666;
text-decoration:none;

}

div#animation {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:30px;
}

a#lienpage {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a:hover#lienpage {
color:#666666;
text-decoration:none;
}

a#lienaccespro {
color:#0033CC;
font-size:16px;
text-decoration:none;
font-weight:bold;
}
a:hover#lienaccespro {
color:#FFFFFF;
text-decoration:none;
}

a#lienpagedessus {
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
}

a:hover#lienpagedessus {
color:#666666;
text-decoration:none;

}

div#resultat {
float:left;
color:#FFFFFF;
font-weight:bold;
}

#doc {
width:188px;
height:70px;
float:right;
background:url(../images/cadredoc.gif);
}

#vignette_doc {
padding:10px;
}
#petitecarte {
height:50px;
}

#programme {
/*background:url(../images/cadreprog.gif);*/
background-color:#efeff0;
width:589px;
color:#003366;
/*height:139px;*/

}
#prog {
color:#003366;
}

#saisons {
background-image:url(../images/cadre-rose.gif);
width:317px;
height:26px;
}



#titrepro{
	float:left;
	width:300px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
	padding-left:10px;
}

#titrepro2{
	float:left;
	width:150px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
	padding-left:10px;
}


#icone{
float:right;
width:30px;
}

#oxy {
background-image:url(../images/fond-oxy.png);
width:700px;
height:200px;
}

/* espace pro 2013 attention hauteur non flottante*/
#saisons2013 {
	background-image: url(../images/cadre-rose2.jpg);
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	width: 327px;
	height: 100px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9c1d50;
	border-bottom-color: #9c1d50;
	border-left-color: #9c1d50;
border-radius: 0px 14px 0px 0px;
}

#oxy2013 {
background-image:url(../images/fond-oxy2.jpg);
background-repeat:no-repeat;
width:327px;
	background-color: #f8f8f8;
	height: 220px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #54a129;
	border-bottom-color: #54a129;
	border-left-color: #54a129;
border-radius: 0px 14px 0px 0px;
}

#minipro2013 {
background-image:url(../images/fond-mini2.jpg);
background-repeat:no-repeat;
width:327px;
height:150px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
border-radius: 0px 14px 0px 0px;
}


div#maxipro {clear:left;
background-image:url(../images/fond-mini2.jpg);
background-repeat:no-repeat;
width:327px;
height:150px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
border-radius: 0px 14px 0px 0px;
}


#animpro2013 {
background-image:url(../images/fond-animation2.jpg);
background-repeat:no-repeat;
width:327px;
height:330px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #216fb1;
	border-bottom-color: #216fb1;
	border-left-color: #216fb1;
border-radius: 0px 14px 0px 0px;
}

#naturepro2013 {
background-image:url(../images/fond-nature2.jpg);
background-repeat:no-repeat;
margin-right: 6px;
width:327px;
height:400px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eeae30;
	border-bottom-color: #eeae30;
	border-left-color: #eeae30;
border-radius: 0px 14px 0px 0px;
}


#naturepro2014 {
background-image:url(../images/fond-nature2.jpg);
background-repeat:no-repeat;
margin-right: 6px;
width:327px;
height:465px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eeae30;
	border-bottom-color: #eeae30;
	border-left-color: #eeae30;
border-radius: 0px 14px 0px 0px;
}

#animpro2014 {
	background-image: url(../images/fond-animation2.jpg);
	background-repeat: no-repeat;
	width: 327px;
	height: 490px;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #216fb1;
	border-bottom-color: #216fb1;
	border-left-color: #216fb1;
	border-radius: 0px 14px 0px 0px;
}


#oxy2014 {
	background-image: url(../images/fond-oxy2.jpg);
	background-repeat: no-repeat;
	width: 327px;
	background-color: #f8f8f8;
	height: 165px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #54a129;
	border-bottom-color: #54a129;
	border-left-color: #54a129;
	border-radius: 0px 14px 0px 0px;
}
#oxy2014 td, #saisons2013 td, #minipro2013 td, #patrimoinepro2014 td, #animpro2014 td, #naturepro2014 td{
	height: 33px; /* largeur zone de texte */
	line-height: 1; /* on rétablit le line-height */
	text-align: left; /* ... et l'alignement du texte */
}

#patrimoinepro2013 {
background-image:url(../images/fond-patrimoine2.jpg);
background-repeat:no-repeat;
width:327px;
height:310px;
float:right;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #57788f;
	border-bottom-color: #57788f;
	border-left-color: #57788f;
border-radius: 0px 14px 0px 0px;
}

#patrimoinepro2014 {
	background-image: url(../images/fond-patrimoine2.jpg);
	background-repeat: no-repeat;
	width: 327px;
	height: 560px;
	float: right;
	background-color: #f8f8f8;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #57788f;
	border-bottom-color: #57788f;
	border-left-color: #57788f;
	border-radius: 0px 14px 0px 0px;
}


/* fin espace pro 2013*/

#animpro {
background-image:url(../images/fond-animation.png);
width:327px;
height:350px;
}

#naturepro {
background-image:url(../images/fond-nature.png);
width:327px;
height:350px;
}

#patrimoinepro {
background-image:url(../images/fond-patrimoine.png);
width:327px;
height:350px;
float:right;
}

#oxy2011 {
background-image:url(../images/espacepro2011/fond-oxy.png);
background-repeat:no-repeat;
width:327px;
height:310px;
}

#minipro2011 {
background-image:url(../images/espacepro2011/fond-mini.png);
background-repeat:no-repeat;
width:327px;
height:310px;
}

#animpro2011 {
background-image:url(../images/espacepro2011/fond-animation.png);
width:327px;
height:310px;
}

#naturepro2011 {
background-image:url(../images/espacepro2011/fond-nature.png);
width:327px;
height:350px;
}

#patrimoinepro2011 {
background-image:url(../images/espacepro2011/fond-patrimoine.png);
width:327px;
height:310px;
float:right;
}

#sitefavoris{
text-align:center;
}

li#puce1{
list-style-type:circle;
color:#000000;
line-height:18px;
}

li#puce2{
margin-left:50px;
list-style-type:circle;
color:#333333;
line-height:16px;
}

li#puce3{
margin-left:100px;
list-style-type:circle;
color:#666666;
line-height:15px;
}

a#plansite{
color:#000000;
font-size:11px;
text-decoration:none;
}

a#plansite2{
color:#333333;
font-size:11px;
text-decoration:none;
}

a#plansite3{
color:#666666;
font-size:11px;
text-decoration:none;
}

a:hover#plansite{
color:#003366;
font-size:11px;
font-weight:bold;
}

a:hover#plansite2{
color:#003366;
font-size:11px;
font-weight:bold;
}
a:hover#plansite3{
color:#003366;
font-size:11px;
font-weight:bold;
}

#mentions{
text-align:justify;
padding-left:5px;
padding-right:5px;
}

a#broch{
color:#FFFFFF;
}
a:hover#broch{
color:#CCCCCC;
}

#tel{
font-weight:bold;
font-size:12px;
color:#666666;
}img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#cotedroite {
	float: left;
	height: 116px;
	width: 446px;
}
#cotegauche {
	float: left;
}

#cadrephoto1, #cadrephoto3{
float:left;
margin-right:5px;}

#cadrephoto2, #cadrephoto4{
float:right;
margin-left:5px;}

a#broch-pro{
font-size:16px;
color:#FFFFFF;
text-decoration:none;}

a:hover#broch-pro{
color:#B5CACA;
}

.favo {
float:left;
width: 310px;
margin-right:5px;
margin-left:5px;
margin-bottom:15px;
}

.envoyer{
	margin:10px;
}

.center{
	line-height: 30px;
	}