@charset "utf-8";

/* Défaut
--------------------------------------*/
html, body {height:100%; }
body {font:12px/1.5 "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#333; background:white; }
body, div, li, ol, ul form, fieldset, h1, h1, h2 {margin:0; padding:0; }
ol, ul {margin:0; margin-bottom:1em; padding-left:1em; } /* text-align:left; */
em {color:#FF8014; }
fieldset, a img {border:none; }
.column-1-3 img , .column-1-4 img {width:100%; }
img.brochure {float:left; width:3em; margin-right:.3em; }
img.couv {height:11em; }
button, input, select, table, textarea {font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#333; }
blockquote {font-style:italic; background:url(../images/blockquote.gif) no-repeat left top; margin-right:1em; margin-left:0; padding-left:3em;}

/* Formulaires
--------------------------------------*/
form {background:#f2e9bf; }
fieldset {padding:4px 9px;}
fieldset p {clear:both; margin:.5em 0;}
form label {float:left; width:100px;}

/* Titres
--------------------------------------*/
#VA {position:absolute; top:22px; left:50%; width:120px; height:54px; margin:0 0 0 -370px; padding:0; text-indent:-9999px; background:url(../images/VAlogo.gif) no-repeat 0 0; }
#VA a {display:block; width:120px; height:54px; }
h1 {clear:both; position:relative; width:100%; margin:1em 0 .5em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em; color:#933; border-bottom:1px solid #c99; }
h2 {font-size:1.1em; margin-top:1em; margin-bottom:.5em; color:#FF8014; }
h3 {font-size:1em; margin-bottom:-.2em; color:#933; }
p {margin-top:.5em; }

/* Liens
--------------------------------------*/
a {color:#c60; text-decoration:none; }
a:hover, a:focus, a:active {text-decoration:underline; }
a img:hover {opacity:0.7; }
a.more, a.back {white-space:nowrap;}
a.more {padding-right:12px; background:url(../images/more.gif) no-repeat right center;}
a.back {padding-left:12px; background:url(../images/back.gif) no-repeat left top;}
p.back {height:0; margin:0 ; position:relative; left:2px; top:-8px; }
a.feed {position:absolute; right:0; bottom:5px; width:12px; height:12px; text-indent:-9999px; background:url(../images/feed.gif) no-repeat left top; overflow:hidden; }

/* Mise en page
--------------------------------------*/
#container {min-height:100%; text-align:center; }
#header {height:180px; background:url(../images/banner.jpg) no-repeat center top; }
#contents {width:780px; margin:-80px auto 2em; padding:1em 0 5em; text-align:left;}
#footer {clear:both; width:100%; margin-top:-6em; height:5em; line-height:1; background:url(../images/footer.gif) repeat-x top; }
.column-1-3, .column-2-3 , .column-1-4, .column-2-4, .column-3-4 {float:left; padding:0 18px; }
.column-1-3 {width:224px; text-align:justify;}
.column-2-3 {width:470px; }
.column-1-4 {width:159px; }
.column-2-4 {width:354px; }
.column-3-4 {width:549px; }
.column-1-1, .column-3-3, .column-4-4 {clear:both; margin-left:18px; margin-right:18px; }
.column-2-4 p, .column-3-3 p, .column-4-4 p, div.column-3-4 p {text-align:justify; }
.column-2-4 textarea, .column-2-4 input.text {width:230px; }
.column-3-4 textarea, .column-3-4 input.text {width:420px; }

.column-2-3 img {width:100%; }

/* Navigation
--------------------------------------*/
div.navigation {position:absolute; right:20%; top:74px; }
div.navigation ul, .column-1-4 ul {padding:0; list-style:none;}
div.navigation li {float:left; padding-left:30px; font-weight:bold; color:white; }
div.navigation a {color:white; text-decoration:none; font-weight:normal; }
div.navigation a:hover, div.navigation a:focus, div.navigation a:active {text-decoration:underline; }

.column-1-4 ul, .column-1-4 ol {margin-bottom:4em;}
.column-1-4 li {margin-left:.5em; margin-top:.5em;}

/* Pied de page
--------------------------------------*/
#footer p.links, #footer p.copyright {text-align:center; }
#footer p.links {padding-top:1em; color:#CC6600;}
#footer p.copyright {font-size:.91em; }

/* Accueil
--------------------------------------*/
#presentation p {text-align:left; color:#933; }
#presentation q {font-weight:bold; }

#destinations ul {margin:0 -2px; padding:0; }
#destinations li {display:block; float:left; margin:0 0 1em; }
#destinations a {display:block; text-align:center; }
#destinations img {display:block; width:100px; height:100px; padding:7px; background:url(../images/thumbnail.gif) no-repeat left top; }

#actualites ul {font-size:.91em; }
#actualites li {margin:1em 0; }
#actualites h2 {margin:0; padding:0; }
#actualites p {text-align:left; } /*margin:0; padding; 0; */
	
#gamme ul {margin:0 -4px; padding:0; list-style:none; }
#gamme li {float:left; height:56px; padding:0 40px 0 0; }
#gamme a, a.picto {display:block; line-height:56px; padding-left:60px; background-repeat:no-repeat; background-position:left top; }

/* Accueil > Pictos */
div.picto {float:left; width:56px; height:56px; margin-left:-4px; padding-right:4px; background-repeat:no-repeat; background-position:left top; }
.gamme-1 {background-image:url(../images/gamme-1.gif) }
.gamme-2 {background-image:url(../images/gamme-2.gif) }
.gamme-3 {background-image:url(../images/gamme-3.gif) }
.gamme-4 {background-image:url(../images/gamme-4.gif) }
ul.pictos-gamme a {display:block; line-height:56px; padding-left:60px; background-repeat:no-repeat; background-position:left top; }
a.picto {height:56px; }
a.picto span {font-size:.91em; }

/* Liste */
table.list {}
table.list th, table.list td {padding:.25em .5em; }
table.list th {background:#f2e9bf; }
table.list td {background:white; }
	
/* Divers
--------------------------------------*/
.clear {clear:both; width:100%; }
.c {text-align:center!important;}
.r {text-align:right!important;}
.h {display:none;}
img.group {float:left; margin:0 .5em .5em 0; width:40%; }
h2.pitch {font-size:1.25em; margin:0 .5em; text-align:center!important; }
img.destination {margin-top:2em; width:200px; border:3px ridge #CC6600}
.cadre {background:#f2e9bf; padding:.5em 1em; margin:1.8em 0; text-align:center; }
.legend {font-size:80%; margin-bottom:0; text-align:center; }
.column-1-4 .legend {margin-right:-5em; text-align:left; }