/* CSS Document */
html {
background-image: url(../images/vracaccueilete/degradegrenat.jpg);
background-repeat: no-repeat;
background-position: center top;
}
body {
width: 100%;
margin: 0;
padding: 20px 0;
text-align: center;
color: #000000;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 100%;
text-transform: none;
}
h1 {
font-size: 25px;
padding-bottom: 10px;
padding-top: 20px;
}
h2, h3, h4, h5 {
font-weight: normal;
}
h6 {
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
}
#isHome {
display:none;
}
#container {
position: relative;
left: auto;
right: auto;
bottom: auto;
margin-left: 10px;
margin-top: 10px;
margin-bottom:10px;
width: 999px;
clear: left;
background-repeat: no-repeat;
background-position: 100% 0;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#container #linkList {
position: absolute;
top: 60px;
right: 33px;
width: 260px;
padding: 0px;
background-image: url(../images/degradenoiropaque.png);
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #CCCCCC;
height: 240px;
z-index: 1;
}
#container #linkList2 {
padding-top: 5px;
padding-right: 35px;
padding-bottom: 0;
padding-left: 23px;
}
#container #linkList h3 {
margin: 10px 0 0 10px;
padding: 0;
width: 180px;
height: 19px;
text-indent: -2000px;
}
#container #linkList ul {
margin: 10px 0 20px 20px;
padding: 0;
list-style: none;
}
#container #linkList ul li {
margin: 0 0 9px 0;
padding: 0 0 0 12px;
font-size: 10px;
color: #993333;
text-align: center;
}
#container #linkList ul li a {
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
color: #CCCCCC;
text-align:left;
font-weight: bolder;
}
#container #linkList ul li a:hover {
color: #993333;
font-weight: bolder;
}
#container #linkList #lselect ul li a { display: block; }
#container #linkList #lselect ul li a.c {
display: inline;
text-transform: none;
text-decoration: underline;
color: #CC3333;
font-weight: normal;
font-size: 10px;
}
#container #linkList #lselect ul li a.c:hover { text-decoration: none; }
#lselect { /* forme du menu principal */
width:100%; /* largeur du menu */
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
display: block;
list-style-type: none;
text-transform: uppercase;
text-align:left;
}
#lselect ul li {
margin: 0;
padding: 2px;
font: 14px Trebuchet MS;
}
/*START: Header Nav Styles*/
ul#headerNav {
margin:0;
float:left;
padding-top: 1px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 1px;
}
ul#headerNav li {
position:relative;
float:left;
margin:0;
height:45px;
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding-top: 10px;
padding-right: 12px;
padding-bottom: 0;
padding-left: 4px;
font-size: 0.7em;
}
ul#headerNav li a {
color:#666666;
font-size:1em;
text-decoration:none;
padding:0;
margin:0;
}
ul#headerNav li a:link {
color:#666666;
text-decoration:none;
font-style: normal;
}
ul#headerNav li a:visited {
color:#666666;
text-decoration:none;
}
ul#headerNav li a:visited:hover {
color:#333333;
text-decoration:underline;
}
ul#headerNav li a:hover {
color:#333333;
text-decoration:underline;
}
ul#headerNav li a:active {
color:#333333;
text-decoration:none;
}
#headerContainer {
width: 999px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#bodyContainer {
position:relative;
width: 999px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#container {
width: 999px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#header {
width:999px;
margin:0;
}
.bandeauposition {
vertical-align: top;
left: 7px;
top: 7px;
right: 0px;
bottom: 7px;
width: 500px;
}
.bandeau titre {font-size: 12px;
text-align: left;
color: #333333;
font-weight: bold;}
.bandeau td {padding: 8px 0; vertical-align:top}
.bandeauimage {
background: url(../images/vracaccueilete/ombreportee154113.gif) left top no-repeat;
width:170px;
height:115px;
left: 2px;
float:left;
}
.bandeau texte {
left: 2px;
float:left;
vertical-align: top;}
.bandeautitre {
float:left;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
text-align: left;
margin-left: 35px;
}
.bandeautitrepageindex {
float:left;
width: 500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
text-align: left;
margin-left: 35px;
}
.bandeautitrepageindex p {
font-size: 13px;
}
.bandeautitrepageindextour {
float:left;
width: 500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
text-align: left;
margin-left: 35px;
}
.bandeautitre a {text-decoration:underline; color:#000000}
.bandeautitre a:hover {text-decoration: underline}
.textebandeau {
text-align: left;
word-spacing: 2em;
}
.textechargement {
text-align: left;
color: #333333;
}
#encart {
left: 2px;
float:left;
vertical-align: top;
width: 620px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 120px;
margin-top: 10px;
}
#encartpageindex {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 120px;
margin-top: 10px;
}
#encartpageindextour {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 200px;
margin-top: 10px;
}
#encartpageindex100 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 100px;
margin-top: 10px;
}
#encartpageindex150 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 150px;
margin-top: 10px;
}
#encartpageindex200 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 200px;
margin-top: 10px;
}
#encartpageindex250 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 250px;
margin-top: 10px;
}
#encartpageindex300 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 300px;
margin-top: 10px;
}
#encartpageindex350 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 350px;
margin-top: 10px;
}
#encartpageindex400 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 400px;
margin-top: 10px;
}
#encartpageindex500 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 500px;
margin-top: 10px;
}
#encartpageindex600 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 600px;
margin-top: 10px;
}
#encartpageindex700 {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 700px;
margin-top: 10px;
}
#encartpageindextourgrandformat {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 650px;
margin-top: 10px;
}
#encartpageindextoursupergrandformat {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 850px;
margin-top: 10px;
}
#encartpageindexfin {
left: 2px;
float:left;
vertical-align: top;
width: 750px;
height: 120px;
margin-top: 10px;
padding-bottom: 10px;
}
#encartliste{
left: 2px;
float:left;
vertical-align: top;
width: 620px;
height: 350px;
margin-top: 10px;
text-align: left;
font-size: 12px;
}
#pieddrapeau {
text-align:left;
width:999px;
overflow:hidden;
font-size:2 em;
color:#333333;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
border-top-width: thin;
border-top-style: none;
border-top-color: #666666;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
#pieddrapeau p {
margin: 0;
padding: 0px;
color:#333333;
text-align:left;
font-size: 14px;
}
#pieddrapeau table {
margin: 0;/* texte pour pied de page */
text-align:left;
font-size: 12px;
width:100%;
text-transform: none;
color: #000000;
}
#pieddrapeau table td {
margin: 0;
padding: 0px;
text-transform: none;
color: #000000;
}
#pieddrapeau table a{
margin: 0;/* texte lien pour pied de page */
text-align:left;
}
#pieddrapeau table tr {
border: thin solid #666666;
}
#piedavant {
clear:both;
height: 100%;
width: 100%;
background-color:#CCCCCC;
text-indent: 20px;
}
#piedavant table{
clear:both;
width: 100%;
background-color:#CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#333333;
}
#piedavant table tr{
border:1px thin #333333;
background-color:#CCCCCC;
}
#piedpage {
background:#ffffff ;
text-align:center;
width:650px;
overflow:hidden;
font-size:0.92em;
color:#333333;
padding-top: 20px;
padding-right: 0;
padding-bottom: 40px;
padding-left: 0;
margin: 0px;
}
#centre .textenavigation{
width: 100%;
text-align: left;
}
#centre .textenavigation a{
width: 100%; /* beadcrumb a*/
text-align: left;
}
#centre .texteintro {
font-weight: bold;
font-size: 13px;
text-align: left;
padding-bottom: 20px;
padding-top: 10px;
}
#centre #pied p {
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
}
#centre #pied p a{
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
}
#centre table {
font-size: 14px;
font-family: "Trebuchet MS";
text-align: center;
color: #666666;
}
ul#headerlogoot {
margin:0;
float:left;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 20px;
}
ul#headerlogoot li {
position:relative;
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding: 0;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}
#pied {
clear:both;
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FFFFFF;
width: 600px;
}
#pied a {
color:#006666;
font-size:12px;
clear:both;
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FFFFFF;
}
#piedlogo {
clear:both;
height: 80px;
padding-bottom: 20px;
background-color: #FFFFFF;
text-align:center;
}
#piedmention {
clear:both;
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}
.textepiedmention {
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
padding-top: 15px;
}
ul#menudroite
{
margin: 0;
padding: 0;
font: 14px Trebuchet MS;
list-style-type: none;
text-align:left;
}
#droite {
float:right;
width: 150px;
height: 700px;
border-top: 1px solid gray;
padding-left:20px;
padding-right: 40px;
padding-top: 40px;
}
#centre {
margin-left: 0px;
margin-right: 10px;
border-top: 1px solid gray;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 40px;
padding-top: 15px;
width:700px;
}
.textebandeau {
font-weight: bold;
font-size: 13px;
text-align: left;
word-spacing: 2em;
}
a:link {
color: #666666;
}
a:visited {
color: #006699;
}
.titre {
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 20px;
line-height: 70px;
color: #003399;
text-align: left;
}
.textenavigation {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
padding-bottom:10px;
}
.textecorps {
font-size: 13px;
font-family: "Trebuchet MS";
text-align: left;
}
.titrebonplans {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 14px;
line-height: 10px;
padding-top: 10px;
padding-left: 8px;
color: #9C9C78;
text-align: left;
font-style: italic;
}
.textebonplans {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
padding-top: 10px;
padding-left: 8px;
color: #9C9C78;
text-align: left;
font-style: italic;
}
.textecentre {
font-size: 13px;
font-family: "Trebuchet MS";
text-align: center;
}
.textechargement {
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
}
.textenewsletter {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
border-top-width: 1px;
border-top-style: solid;
background-color: #FFFFFF;
border-top-color: #CCCCCC;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
.texteencartnewsletter {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
background-color: #FFFFFF;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
padding-top: 20px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
width: 150px;
-webkit-box-shadow: 4px 4px 4px #666; /* Saf3-4 */
-moz-box-shadow: 4px 4px 4px #666; /* FF3.5 - 3.6 */
box-shadow: 4px 4px 4px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+ */
}
/* quatre div pour le pied de page*/
#intro {
width:100%;
}
#intro img{
width:100%;
height:290px;
}
#logoot {
position:absolute;
z-index:2;
left: 31px;
top: 15px;
}
#logoot img {
width:188px;
height:103px;
border:0px;
}
#Layer1 {
position:absolute;
width:350px;
height:30px;
z-index:2;
left: 680px;
top: -47px;
}
#Layer6 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 873px;
top: -117px;
}
#Layer5 {
position:absolute;
width:212px;
height:52px;
z-index:1;
left: 550px;
top: 311px;
}
#map {
float:right;
width: 500px;
height: 500px;
border-top: 1px solid gray;
}
#side_bar {
float:right;
width: 150px;
height: 300px;
border-top: 1px solid gray;
font-size:14px;
}
.baspub {
width: 160px;
background-color:#000;
font-color: #fff;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
left: 0;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
color: #FFFFFF;
-webkit-box-shadow: 4px 4px 4px #666; /* Saf3-4 */
-moz-box-shadow: 4px 4px 4px #666; /* FF3.5 - 3.6 */
box-shadow: 4px 4px 4px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+ */
}
.baspub a:link {
color: #fff;
}
.baspub a:visited {
color: #fff;
}
.photopub {
width: 170px;
background-color:#000;
font-color: #fff;
-webkit-box-shadow: 4px 4px 4px #666; /* Saf3-4 */
-moz-box-shadow: 4px 4px 4px #666; /* FF3.5 - 3.6 */
box-shadow: 4px 4px 4px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+ */
}
.photopub a:link {
color: #fff;
}
.photopub a:visited {
color: #fff;
}
.photopub img{
width: 170px;
height:100px;
}
.publicite {
width: 170px;
margin-top: 20px;
}
.baspub span {
font-size:12px;
padding:0px;
text-align:left;
}
.newsletter {
font-color:#666;
font-size:20px;
text-align:left;
text-align:top;
padding:0px 0px 0px 0px ;
-webkit-text-shadow: 1px 1px 0px #fff; /* Saf3-4 */
-moz-text-shadow: 1px 1px 0px #fff; /* FF3.5 - 3.6 */
text-shadow: 1px 1px 0px #fff; /* Opera 10.5, IE9, FF4+, Chrome 6+ */
}