@font-face {
font-family: 'bebasneue';
src: url('http://www.mirageaventure.com/fonts/bebasneue/bebasneue-webfont.eot');
src: url('http://www.mirageaventure.com/fonts/bebasneue/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/bebasneue/bebasneue-webfont.woff') format('woff'),
url('../fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'),
url('http://www.mirageaventure.com/fonts/bebasneue/bebasneue-webfont.svg#bebas') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'blackjack';
src: url('../fonts/blackjack/blackjack-webfont.eot');
src: url('../fonts/blackjack/blackjack-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/blackjack/blackjack-webfont.woff') format('woff'),
url('../fonts/blackjack/blackjack-webfont.ttf') format('truetype'),
url('http://www.mirageaventure.com/fonts/blackjack/blackjack-webfont.svg#blackjack') format('svg');
font-weight: normal;
font-style: normal;
}

/*** Début du RESET CSS ***/
html,body {
margin:0;
padding:0;
}

body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
background-image:url(../images/design/back.jpg);
background-repeat:no-repeat;
background-position:top center;
}

h1,h2,h3,h4,h5,h6 {
margin:0 0 6px 0px;
padding:6px 0 0 0;
font-weight:normal;
color:#005AA0;
}

h1 {
font-size:270%;
font-family:blackjack, Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font-size:230%;
font-family:blackjack, Verdana, Arial, Helvetica, sans-serif;
}

h3 {
font-size:160%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 {
font-size:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

h5 {
font-size:120%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h6 {
font-size:100%;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
padding-top:0;	
}

a img {
border:0;
}

a {
color:#084c73;
text-decoration:underline;
}

a:hover {
color:#72A13B;	
}

ul {
margin:0 0 10px 0;
padding:0 0 0 30px;
list-style-type:disc;
}

ol {
margin:0 0 10px 0;
padding:0 0 0 30px;
list-style-type:decimal;
}

li {
margin:0 0 4px 0;
padding:0;
}

p {
line-height:1.4em;
text-align:justify;
margin:0 0 10px 0;
padding:0;
}

strong {
font-weight:bold;
}

em {
font-weight:normal;
font-style:italic;
}

table {
width:auto;
border-collapse:collapse;
margin: 0px 0px 10px 0px;
vertical-align:top;
padding:5px;
border:none;
}

table th {
border-collapse:collapse;
padding:5px;
font-weight:bold;
vertical-align:top;
border:none;
background-color:bibe;
}

table td {
border-collapse:collapse;
padding:5px 5px 5px 5px;
vertical-align:top;
border:none;
}

table td ul {
margin:0;
padding:0;
}

table.donnees {
border:1px solid #CFCFCF;
}

table.donnees th {
background:#E1E1E1;
}

table.donnees td {
border-bottom:1px dotted #CFCFCF;
padding:5px;
}

table.tableau-special {
background:#FFFFFF;
border:1px solid #A0C84B;
}

table.tableau-special th {
padding:8px;
background-color:#A0C84B;
border:1px solid #A0C84B;
}

table.tableau-special td {
padding:4px 5px;
border:1px solid #A0C84B;
}

table.tableau-special td p:last-child {
margin:0;
}

table.tableau-special ul {
list-style-position:outside;
margin:0;
padding:0;	
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

form {
border:0;
margin:0 0 10px 0;
padding:0;
}

label {
cursor:pointer;
font-size:1.2em;
}

input,select,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
padding:5px;
background-color:#edf3f6;
}

input.bouton {
background:#084c73;
color:#FFFFFF;
margin:10px 0px 0px 2px;
height:30px;
text-transform:uppercase;
border:1px solid #084c73;
cursor:pointer;
}

div.corpsForm {
width:930px;
padding:5px;
}

div.piedForm {
padding:5px 0px 0px 5px;	
}

div.erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FFFFD5;
border:1px solid #CCC;
padding:10px;
margin:auto;
width:95%;
}

div.erreur :last-child {
margin:0;
}

.image-flottante-droite {
border:2px solid #084c73;
padding:5px;
background:#FFFFFF;
float:right;
margin:0px 0px 0px 10px;
}

.image-flottante-gauche {
border:2px solid #084c73;
padding:5px;
background:#FFFFFF;
float:left;
margin:0px 10px 0px 0px;
}

.image-flottante-droite-vide {
padding:5px;
background:none;
float:right;
margin:0px 0px 0px 10px;
}

.image-flottante-gauche-vide {
padding:5px;
background:none;
float:left;
margin:0px 10px 0px 0px;
}

.image-accompagnement {
border:2px solid #084c73;
padding:5px;
background:#FFFFFF;
float:left;
margin:0px 10px 10px 0px;
}

hr {
clear:both;
margin:0;
padding:0;
height:1px;
font-size:0;
border-top:1px solid #eeeeee;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:835px;
margin:0px 0px 0px 28px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:835px;
}

div.enfant {
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
background-color:#084c73;
}

div.enfant ul {
list-style-type:none;
padding:0;
margin:0px 10px 0px 10px;
}

div.enfant ul li.enfant-sous-page {
min-width:35px;
text-align:center;
padding:0px 5px 5px 0px;
margin:5px 0px 5px 0px;
}

div.enfant ul li {
float:left;
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
}

div.enfant ul li:after {
content:'|';
color:#FFFFFF;
padding:0px 0px 0px 5px;
}

div.enfant ul li a {
color:#FFFFFF;
text-decoration:none;	
}

div.enfant ul li a:hover {
color:#b2b2b2;	
}

div.articles {
position:relative;
margin:5px 2px 5px 3px;
padding:0px 5px 20px 10px;
background-color:#e5e5e5;
width:454px;
min-height:180px;
float:left;
}

div.articles h3 a {
text-decoration:none;	
}

div.articleSimple {
margin:2px 2px 5px 3px;
padding:0px 5px 0px 10px;
background-color:#e5e5e5;
width:928px;
min-height:200px;
float:left;
}

div.articleSimple h3 a {
text-decoration:none;	
}

div.articlesDetails {
position:absolute;
bottom:0px;
right:0px;
font-family:blackjack, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
width:110px;
padding:0px 0px 0px 0px;
margin:0px 5px 5px 0px;
background-color:#084c73;
}

div.articlesDetailsSimple {
font-family:blackjack, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
width:110px;
padding:0px 0px 0px 0px;
margin:0px 5px 10px 0px;
background-color:#084c73;
float:right;
}

div.articlesDetails a, div.articlesDetailsSimple a {
color:#FFFFFF;
text-decoration:none;
}

div.articlesDetails a:hover, div.articlesDetailsSimple a:hover {
color:#000000;
}


div.articlesPlus {
text-align:right;
padding:15px 10px 8px 0px;
font-weight:bold;
}

div.plus {
text-align:right;	
}

div.retour {
text-align:right;
margin:5px 15px 0px 0px;
}

div.plus-promo {
text-align:left;
padding:0px 0px 0px 5px;
}

ul.documents {
list-style-type:none;	
}

ul.documents li.iconefichier {
padding:10px 0px 0px 0px;
margin:0;	
}

ul.documents li.description {
padding:0px 0px 0px 20px;
margin:-2px 0px 0px 0px;
font-style:italic;
font-size:0.9em;
}

.texte-discret {
font-size:85%;
color:#465368;	
}

/*** Fin du RESET CSS ***/

div#header {
background-color:#084c73;	
}

div#menu {
width:970px;
margin:auto;
}

div#menu ul {
padding:0;
margin:0;
list-style-type:none;
}

div#menu ul li {
float:left;
padding:5px 9px 0px 9px;
}

div#menu ul#nav li {
	
}

#nav li {
float:left;
position:relative;
z-index:500; 
margin:0;
}

#nav li a:hover {
color:#A3CA49;
}

#nav ul {
position:absolute; 
left:0; 
display:none; 
margin:0; 
padding:0; 
list-style:none;
}

#nav ul li {
width:200px;
float:left; 
font-size:1.1em;
border-top:1px solid #2c2c2c;
background-color:#084c73;
}

#nav ul a {
display:block;  
height:15px;
padding: 0px 5px 4px 5px;
margin:0px 0px 5px 0px;
color:#FFFFFF;
text-decoration:none;
}

/* fix ie6 small issue */
*html #nav ul {
margin:0 0 0 -2px;
}

div#contenu {
width:970px;
margin:auto;
background:url(../images/design/background.png) repeat top center;
}

div#informations {
padding:10px 10px 10px 10px;
}

div#informations ul {
list-style-position:inside;
}

div#secteurs {
margin:8px 0px 0px 5px;
}

div#secteurs ul {
padding:0;
margin:0;
list-style-type:none;
}

div#secteurs ul li {
float:left;
padding:0px 13px 0px 8px;
}

div#info div.col1 {
font-family:bebasneue, Verdana, Arial, Helvetica, sans-serif;
font-size:3em;
}

div.col1 {
float:left;
padding:0px 0px 14px 17px;
width:816px;
}

div.col2 {
float:left;
}

div#footer {
background:url(../images/design/back-footer.jpg) repeat-x top left;
background-color:#C3D75E;
height:260px;
}

div#footerContenu {
width:970px;
margin:auto;
text-align:center;	
}

div#footerContenu p {
font-size:0.8em;
text-align:center;
padding:10px 0px 5px 0px;
}

div#footerCol, div#footerCol2, div#footerCol3 {
width:303px;
float:left;
padding:0px 10px 0px 10px;
}

.espacement {
margin:20px 0px 0px 0px;	
}

div#footerCol2 {
background:url(../images/design/separateur.jpg) no-repeat top left, url(../images/design/separateur.jpg) no-repeat top right;
}

div#footerCol2 div.colonne {
float:left;
width:260px;
padding:13px 10px 10px 10px;
margin:0px 0px 0px 10px;
}

div#footerCol3 div.colonne {
float:left;
width:260px;
padding:11px 10px 10px 10px;
margin:0px 0px 0px 10px;
}

div.contenuDynamique {
padding:0px 0px 0px 5px;
}

.image-centrer {
border:2px solid #084c73;
padding:5px;
background:#FFFFFF;
}

div.center {
text-align:center;	
}

div.colonne {
float:left;
width:475px;
}

ul.categories {
list-style-type:none;
margin:0;
padding:0;
}

ul.categories li {
width:300px;
float:left;
background-color:#e0e0e0;
padding:3px 0px 3px 0px;
margin:2px 5px 0px 0px;
border:1px solid #6b6b6b;
font-size:0.9em;
}

fieldset.form {
min-height:222px;	
}

fieldset.form2 {
min-height:272px;
}

div.album {
padding:0px 0px 8px 0px;
}

div.formulaire {
margin:0px 0px 0px 15px;	
}

.typo {
font-size:0.9em;	
}

.hauteur {
min-height:250px;	
}

.hauteur p {
padding:10px 0px 0px 10px;	
}

iframe.meteo {
margin-top:-11px;
margin-left:-16px;
background-color:#FFFFFF;
}